.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 =====*/
	
}
@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;
	}
	.full-camket2{
		padding: 0 0 40px;
	}
	
	.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;
		min-width: 240px;
		z-index: 4;
		background:#fff;
	}
	.cat_menu-item{
		position: relative;
		padding: 7px 0px;
		border-bottom: 1px solid var(--main-border2);
	}
	.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;
	}
	.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;
    }
	.headerSearch-input{
		width: 100%;
	}
	.headerSearch-btn{
		right: 4%;
	}
	.slider_item{
		overflow: hidden;
		display: block;
	}
	.slider_item:before {
		content: "";
		position: relative;
		top: 0;
		left: 0;
		padding-top: 100%;
		display: block;
	}
	.slider_item img{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

    .order_products {
        padding-left: 5px;
    }

    .containerr {
        padding: 0px 5px;
    }

    #header {
		
    }
    #header .logo {
    }

    #header .logo img{
        /*max-height: 50px;*/
    }
	.accrediation-text{
		margin-bottom:40px;
	}
	.top_header{
		display:none;
	}
	.offcanvas{
		display:block;
	}

    .block_head_info {
        display: none;
    }

    .about_content {
        padding: 10px;
    }

    .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 =====*/
	#header .logo img{
		max-height: 50px;
	}
	#header .slogan .site_name{
		font-size: 18px;
	}
	#header .slogan .site_description{
		font-size: 16px;
	}
    .nv-infodie {
        width: 100%;
    }
	.menu2-list{
		text-align:center;
	}
    #header .logo {
        text-align: center;
    }

    #header .logo img {
        text-align: center;
        width: auto;
    }
    .slider_item-title{
    	font-size: 20px;
    }
    .slider_item-des{
    	font-size: 16px;
    }
    .camket-title{
    	font-size: 22px;
    }
	.camket-des{
		font-size: 16px;
	}
	
	.breadcrumb_content{
		width: 100%;
	}
	.full-breadcum img{
		min-height: 150px;
		object-fit: cover;
	}
	.title_breadcums{
		font-size: 34px;
	}
	.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;
	}
	
	
    .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 (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;
    }
}