.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;
		width:auto;
	}
	.fixed_hotline{
		/* top: auto; */
		/* bottom: 42px; */
	}
	.full-slider{
		margin-bottom: 10px;
	}
	.full-slider .cat_menu2-list, .left-catshop{
		display:none;
	}
	
	.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 =====*/
	.row{
		margin-left:inherit;
		margin-right:inherit;
	}
	.wraperheader{
		box-shadow: 0px 0px 10px #00000070;
	}
	#header .slogan{
		font-size: 16px;
	}
	.menu2-list{
		text-align:center;
	}
    .order_form {
        padding-right: 5px;
    }

    .order_products {
        padding-left: 5px;
    }

    .containerr {
        padding: 0px 5px;
    }

    #header {
		
    }
    #header .logo {
    }

    #header .logo img{
        max-height: 50px;
    }
	#detail .image{
		width:80%;
	}

    .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
    }
	.camket-list{
		position:relative;
		top:0;
		left:0
	}
	.block-about-title{
		text-align:center
	}
	.others-product-items-title{
		height:65px;
		-webkit-line-clamp: 3;
	}
	.nhantin-form-container{
		width:100%
	}

}

@media (max-width:576px) { 
	/*===== CSS MOBILE =====*/
    .nv-infodie {
        width: 100%;
    }
	.menu2-list{
		text-align:center;
	}
	.wraperheader{
		padding:5px 0;
	}
	#header .mg5.row > [class*="col-"]{
		padding: 0 5px
	}
    #header .logo {
		width:100%;
        text-align: center;
    }

    #header .logo img {
        text-align: center;
        width: auto;
    }
	#header .slogan{
		display:none;
	}
	.language{
		position: absolute;
		right: 7px;
		top: -38px;
	}
	.headerSearch-input{
		display:none;
		position: absolute;
		top: 13px;
	}
	.headerSearch-btn{
		transform: none;
		top: -36px;
		right: 75px;
	}
	.template_primary_white-heading, .template_primary-heading{
		padding: 20px 0;
		font-size: 27px;
	}
	.freecontent_camket2{
		margin-top: 10px;
	}
	.freecontent_camket2 .camket-item{
		width: calc(100% / 2);
		margin-bottom:10px;
	}
	.camket-item img{
		max-width: 60px;
		/* width:60px; */
		margin-right: 15px;
		max-height: 60px;
	}
	.camket-title{
		margin:7px 0 0 0;
		font-size: 20px;
	}
	.camket-description{
		margin:0;
		font-size: 16px;
	}
	.full-about{
		padding: 60px 5px;
	}
	.product_info_btn .btn-order{
		font-size: 16px;
	}
	.product_info_btn .btn-order i{
		font-size: 22px;
		vertical-align: middle;
	}
	.block-about-link a.block-about-link-contact{
		margin-bottom: 10px;
		margin-right:0;
	}
	.fixed_hotline{
		background-image:none;
		/* width: 50px; */
		/* height: 50px; */
	}
	.fixed_hotline-text{
		line-height: 30px;
		font-size: 18px;
		padding: 0 15px 0px 47px;
	}
	.fixed_hotline-icon{
		display:block;
		/* 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;
	}
	#detail .image{
		width:100%;
	}
	
	
    .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) {
    
	

}

@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: 1300px;
    }

    nav > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (min-width:1200px) {
	
}
@media (min-width:1300px) {
    .wraper {
        width: 1300px;
    }
}