.wraper{
    width: 100%;
}
@media (max-width:1300px) {
	/*===== CSS SCREEN SMALLER THAN 1300PX (720p HD desktop screen) =====*/
    .mg15.row, .mg10.row {
        margin: var(--col-mb-margin);
    }
    .mg15.row > div[class*="col-"], .mg10.row > div[class*="col-"] {
        padding: var(--col-mb-padding);
    }
	.owl-theme .owl-nav .owl-prev{
		left: -4px;
	}
	.owl-theme .owl-nav .owl-next{
		right: -4px;
	}
}
@media (max-width:1200px) {
	/*===== CSS TABLET HORIZONTAL =====*/
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .full-ykien{
    	margin: 0 -15px;
		padding: 40px 15px;
    }
	
}
@media (max-width:1110px) {
	
}
@media (max-width:992px) {
	/*===== CSS TABLET =====*/
    .body-bg, .container {
        width: 100%;
    }
	#header .logo img{
		max-height:50px;
	}
	.fixed_hotline{
		top: auto;
		bottom: 42px;
	}
	.full-slider{
		margin-bottom: 10px;
	}
	.full-slider .cat_menu2-list, .left-catshop{
		display:none;
	}

	.cat_menu{
		margin: 0 -15px;
	}
	.cat_menu.active{
		z-index: 6;
	}
	
	.cat_menu-layout{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		backdrop-filter: blur(5px);
		opacity: 0;
		visibility: hidden;
		z-index: 1;
	}
	.cat_menu-list.-header{
		display:block;
		position: fixed;
		height: 100%;
		top: 0;
		left: -250px;
		width: 240px;
		max-width: calc(100vw - 50px);
		padding: 5px 0px 5px 5px;
		z-index: 4;
		background:#fff;
	}
	.cat_menu-item{
		position: relative;
		padding: 7px 35px 7px 0;
		border-bottom: 1px solid var(--main-border2);
	}
	.cat_menu-item > a{
		font-size: 16px;
	}
	.cat_menu-item a{
		display:block;
		position: relative;
	}
	.cat_menu-item i{
		position: absolute;
		right: 3px;
		top: 1px;
		height: 35px;
		width: 35px;
		font-size: 23px;
		text-align: center;
		line-height: 35px;
		cursor:pointer;
		transform: rotate(90deg);
	}
	.cat_menu-item i.arrow_down{
		transform: rotate(-90deg);
	}
	.cat_menu-item i.icon_sub{
		display:block;
	}
	.cat_menu-sub{
		transition:all 0s;
		display:none;
	}
	.cat_menu-item > .cat_menu-sub{
		position: relative;
		left: auto;
		width: auto;
		border: none;
		padding: 0;
		margin: 5px 0 0 0;
	}
	.cat_menu-sub-item{
		padding: 5px 10px;
		font-size: 14px;
		position:relative;
		font-weight: normal!important;
	}
	.cat_menu-sub-item i{
		font-size: 18px;
		right: 2px;
		top: -3px;
	}
	.cat_menu.active .cat_menu-list{
		left:0px;
	}
	.cat_menu.active .cat_menu-layout{
		opacity:0.6;
		visibility: visible;
	}
	#contactButton{
		bottom: 160px;
	}
	#contactButton > .ctb{
		bottom: 230px;
	}
	.freecontent_camket2 .camket-item{
		width: calc(100% / 4);
		margin-bottom:0;
	}
	
	
}

@media (max-width:767px) {
	/*===== CSS MOBILE HORIZONTAL =====*/
	.menu2-list{
		text-align:center;
	}
    .order_form {
        padding-right: 5px;
    }
    .menu2{
    	padding-top: 10px;
    }
    .top_header-content{
    	text-align: center;
    }
    .block_cmtfb{
    	padding:5px;
    }
    .order_products {
        padding-left: 5px;
    }

    .containerr {
        padding: 0px 5px;
    }

    #header {
		
    }
    #header .logo {
    	text-align: center;
    	padding-bottom: 10px;
    }

    #header .logo img{
        max-height: 50px;
        width: auto;
    }

    .block_head_info {
        display: none;
    }

    .about_content {
        padding: 10px;
    }
    .camket-item{
    	flex: 0 0 calc(100% / 2);
    }

    .camket-item:nth-child(1), .camket-item:nth-child(2){
    	border-bottom: 0;
    }
    .camket-item:nth-child(2), .camket-item:nth-child(4){
    	border-right: 1px solid #E5E5E5;
    }

    .footerNav2 .theme-change {
        float: center;
        text-align: center;
    }

    .block_contact .block_contact-body .nv-fullbg.row, .block_contact .block_contact-body .block_info_contact.row {
        width: 100%;
    }

    .body-bg, .container {
        width: 100%;
    }

    .box-shadow {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .contactDefault {
        position: relative
    }

    .social-icons, .contactDefault, .personalArea {
        float: right;
        margin-right: 10px;
        margin-left: 0;
    }

    .social-icons .content, .contactDefault .content {
        display: none;
    }

    .contactList li {
        display: block;
    }

    .contactList li .fa, .contactList li [class^="icon-"], .contactList li [class*=" icon-"] {
        width: 20px !important
    }

    .breadcrumbs-wrap {
        display: none
    }

    .hidden-ss-block, .hidden-ss-inline, .hidden-ss-inline-block {
        display: none !important;
    }

    .third-nav .current-time {
        display: none
    }

}

@media (max-width:576px) { 
	/*===== CSS MOBILE =====*/
    .nv-infodie {
        width: 100%;
    }
	.menu2-list{
		text-align:center;
	}
	.search_product-select{
		width: 100px;
	}
    #header .logo {
        text-align: center;
    }

    #header .logo img {
        text-align: center;
        width: auto;
    }
    .template_default .template_title{
    	font-size: 26px;
    }
    .ykien-content{
    	padding: 20px 10px;
    }
    #footer2{
    	padding: 20px 0px;
    }
    /*
	.product_info_btn .btn-order{
		font-size: 16px;
	}
	.product_info_btn .btn-order i{
		font-size: 22px;
		vertical-align: middle;
	}
	*/
	.fixed_hotline-text{
		line-height: 40px;
		font-size: 18px;
		padding: 0 15px 0px 35px;
	}
	.fixed_hotline-icon{
		line-height: 50px;
		width: 50px;
		height: 50px;
		font-size: 30px;
	}
	.copyright{
		margin-bottom: 10px;
	}
	.copyright, .socialList{
		text-align: center;
	}
	.btn_login.-text{
		display:none;
	}
    .news_new-date{
		display:none;
	}
	.news_list-title{
		margin: 5px 0px;
	}
	.order_form .control-label{
		padding:0 5px;
		text-align:left;
	}
	.btn_desktop{
		display:none;
	}
	.product_info_btn .btn_mobile{
		display:block;
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 3;
		line-height: 40px;
		text-align: center;
	}
	
	
    .visible-ss-block {
        display: block !important;
    }

    .visible-ss-inline {
        display: inline !important;
    }

    .visible-ss-inline-block {
        display: inline-block !important;
    }

    .hidden-ss-block, .hidden-ss-inline, .hidden-ss-inline-block {
        display: none !important;
    }

    #tip, #footer-tip {
        max-width: 100%;
        margin-right: 0 !important;
    }

    .guestBlock {
        width: 100%
    }

}

@media (max-width:320px) {

    .camket-item{
    	flex: 0 0 100%;
    	border-bottom: 0;
    	border-right: 1px solid #E5E5E5;
    }
    .camket-item:last-child{
    	border-bottom: 1px solid #E5E5E5;
    }

}
@media (min-width:500px) and (max-width:991px) {
    
	

}
/*======== MOBILE FIRST =========== */
@media (min-width:0px) {

}
@media (min-width:320px) {
	/*===== CSS MOBILE ======*/
}
@media (min-width:576px) {
	/*===== CSS MOBILE HORIZONTAL ======*/
	
}
@media (min-width:576px) {
	/*===== CSS MOBILE HORIZONTAL ======*/
	
}
@media (min-width:767px) {
	/*===== CSS TABLET ======*/
	
}
@media (min-width:992px) {
	/*===== CSS TABLET HORIZONTAL ======*/
	
}
@media (min-width:1280px) {
	/*===== CSS DESKTOP ======*/
	
}
@media (min-width:500px) {
    .nv-infodie {
        width: 500px;
        left: 50%;
        margin-left: -250px;
    }

}

@media (min-height:500px) {
    .body-bg, .container {
        width: 100%;
    }

    .nv-infodie {
        height: 500px;
        top: 50%;
        margin-top: -250px;
    }

}

@media (min-width:768px) {
    .wraper {
        width: 100%;
    }

    .hidden-ss-block {
        display: block !important;
    }

    .hidden-ss-inline {
        display: inline !important;
    }

    .hidden-ss-inline-block {
        display: inline-block !important;
    }

}

@media (min-width:992px) {
    .body-bg, .container {
        width: 100%;
    }

    .wraper {
        width: 100%;
        max-width: 1110px;
    }

    nav > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (min-width:1110px) {
	.wraper1110 {
        width: 1110px;
        max-width: 100%;
    }
}
@media (min-width:1200px) {
	
}
@media (min-width:1300px) {
    .wraper {
        width: 1110px;
    }
}