*{
	box-sizing: border-box;
}
.product-addto-wrap a .product-addcart{
	    width: 155px;
}
@media(min-width:992px){
.header-search .box-search,.btn-toggle,#navigation .div_hang.bg_phone{
	display: none;
}
}
@media(max-width:1920px){
.container{
	max-width: 1100px;
	margin: auto;
}
 .btndangnhap,.ttlienhe{
  width: 100%;
  margin-left: 0;	
 }
 .modalDialog_contentDiv,.modalDialog_contentDiv_shadow{
	width: 100% !important;
	height: 350px !important;
    left: 0 !important;
}
}
@media(max-width: 1200px){
 .product-overflow{
 	overflow-x: auto;
 }
}
@media(max-width: 1024px){
.span1 ul.tabs,.box-ad{
	width: 100%;
}
.top-span span{
	padding-bottom: 6px;
}
}
@media(max-width:992px){
	#head{
		height: 100%;
	}
	#footer .box-ft{
		width: 100%;
	}
	#navigation{
		height: 100%;
	}
	#navigation-box{
		width: 100%;
		height: auto;
		background: unset;
	}
	#navigation .box-menu-left,#navigation .menu-left{
        display: block;
        float: unset;
        position: unset;
        width: 100% ;
        height: 100%;
	}
	#navigation .box-menu-left ul.dropdown-menu,.style_tieudiem{
		position: unset;
		width: 100% !important;
	}
	#navigation #nav{
		float:unset;
		margin-left: unset;
		width: 100%;
		height: 100%;
	}
	#navigation  #nav li,.box-menu-left ul.dropdown-menu li{
		float: unset;
	}
	.box-menu-left ul.dropdown-menu li{
		width: 100%;
	}
	#head #navigation{
		position: fixed;
	    left: -1000px;
	    z-index: 10000;
	    height: 100%;
	    background: #fff;
	    width: 80%;
	    top: 0;
	    transition: 0.3s all;
	    box-shadow: 1px 1px 11px 5px #5c5a5aad;
	}
	#head #navigation.active{
		left: 0;
	}
	#navigation #nav li a{
		color: #333 !important;
	}
	div#wapper.overlay:before {
    content: '✕';
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 100000;
    color: #fff;
    font-size: 35px;
	}
	div#wapper.overlay:after {
    content: '';
    background: #1313138a;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
	}
	.box-logo-s-c{
		position: relative;
	}
	.content-box .logo{
		float: unset;
		margin: auto;
	    display: block;
	    max-width: 200px;
	}
	.box-logo-s-c .content-box{
		width: 100%;
		text-align: center;
	}
	.btn-toggle{
		position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 11px;
        border: 1px solid #00943d;
        border-radius: 4px;
        font-weight: 600;
        color: #ffffff;
        padding: 8px 12px;
        font-size: 20px;
        background: #00943d;
	}
	.box-cart{
		position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        padding: 0;
        margin: 0;
        width: 41px;
	}
	.cart-c{height: 100%;}
	.box-cart span,.box-logo-s-c .tt-antoan2,.box_header-1>.box-menu-c{
		display: none;
	}
	.box-menu-left ul.dropdown-menu li{
		    padding: 0 0 0 25px;
	}
	.box-menu-left ul.dropdown-menu{
		display: block;
	}
	.box-search {
    width: 100%;
    float: unset;
    margin: unset;
    padding: unset;
    background: unset !important;
}

	.header-search {
	    width: 100%;
        padding: 2px 10px;
        background: #f5f6f5;
        float: unset;
        height: 100%;
        border: 1px solid #cccccc99;
        border-radius: 4px;
        margin-top: 10px;
	}

	.header-search .bkg_input_search,
	.header-search .bkg_input_search input {
	    width: 100% !IMPORTANT;
	}

	.header-search input.button-search {
		float: unset;
	}
	.box-logo-s-c{
		border:unset;
	}
	.header-search .searchBox_search{
		height: 34px;
		display: flex;
    	align-items: center;
	}
	.header-search .box-search{
		position: relative !important;
	}
	.header-search .box-search::after{
		content: "🔍";
		width: 30px;
		height: 30px;
		position: absolute !important;
		top: 0px;
		right: 0px;
		z-index: -1;
	}
	.header-search .search-input:focus{
		outline: none;
		border: unset !important;
		box-shadow: unset !important;
	}
	.left-gt{
		    order: 2;
	}
	.end-ct{
		order: 3;
	}
	.right-ct .content-wrapper table,
	.right-ct .content-wrapper table img,
	.right-ct .content-wrapper img{
		width: 100% !important;
		height: auto !important;
	}
	.header-search .box-search{
		float: unset;
		margin-left: 0;
		text-indent: unset;
	}
	.div_hang.bg_phone{
		margin-top: 20px;
	}
	.div_hang.bg_phone .padd_t20.padd_l87 {
	 padding-top: 0;
    padding-left: 80px;
	}
}
@media(max-width: 768px){
	.container{
		padding-left: 12px;
		padding-right: 12px;
	}
	.span1{
		width: 100%;
	}
.product-wrapper .product-list{
        display: flex;
        flex-wrap: wrap;
        margin-left: -6px;
        margin-right: -6px;
}
.product-wrapper .product-list li{
		width: 33.33%;
        float: unset;
        padding-left: 6px;
        padding-right: 6px;
        margin-right: unset !important;
        box-sizing: border-box;
	}
.product-wrapper .product-list .product-box{
  width: 100%;
  float: unset;
}
 .w-100{
	width: 100% !important;
 }
 .content-box.commit-box {
    width: 100%;
}
 .content-box.commit-box .camket{
 	margin-left: 10px;
    margin-right: 10px;
 }
 .content-box.commit-box .camket img{
 	    width: 56px;
 }
 .right-ct {
    width: 100%;
    margin-left: 0;
}
.page-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.page-wrapper .left-ct{
 order: 2;
}
.product-addto-wrap a .product-addcart,
.contentNewProduct .more_products{
	width: 100%;
}
.contentNewProduct .item{
	width: 100%;
	margin-left: 0;
}
 .contentNewProduct .more_products{
 	margin-block: 20px;
 }
 .top-right {
    width: 100%;
}
.right-news{
	width: unset;
}
.post-box {
    display: flex;
}
.post-box .linka_img{
	 min-width: 276px;
    height: 200px;
}
.table-info{
	width: 80% !important;
}
.table-info table{
	width: 100% !important;
}
.table-info td{
	display: block;
}
.table-info input,.table-info select{
	height: 40px;
}
.table-info .same-check{
display: inline-block;
}
}
@media(max-width: 550px){
.product-wrapper .product-list li{
		width: 50%;
}
.commit-box,.commit-box .commit-item{
	width: 100%;
	margin-left: 0;
}
#footer .social,#footer .dknhanmail{
 float: unset;
}
.box-sp .product-inner .product-box,.box-sp .product-inner .list li{
	width: 194px !important;
}
.inputNewsletter{
	height: 32px;
}
.dknhanmail {
    padding: 10px 0;
}
.right-ct a.linka_img {
    width: 100%;
    height:300px;
    min-width: unset;
    margin-bottom: 10px;
}
.right-ct a.linka_img img{
	width: 100%;
}
.right-news{
	margin-left: 0;
}
.post-box {
	display: block;
}
#footer .col2 * {
    font-size: 15px;
    line-height: 28px;
}
}