@media (max-width:1600px) 
{
body{width:100%;margin:0 auto}
}
@media (max-width:1520px) 
{
body{width:100%}
}
@media (max-width:1440px) 
{
body{width:100%}
}
@media (max-width:1366px) 
{
body{width:100%}
}
@media (max-width:1280px) 
{	
	header .bottom .cart a {
    color: white;
    text-decoration: none;
    padding: 8px 10px 10px 10px;
    font-size: 14px
	}
	#cssmenu{font-size:16px}
}
@media (max-width:1150px) 
{
#boxsearch{top:0}
.menu ul li a {font: normal 15px/1em 'UTM Neo Sans Intel B',arial;padding:10px 10px 12px 10px;}
}
@media (max-width:1024px) 
{
header {padding: 0px;
position: fixed;
z-index: 2;
width: 100%;
background:#f7941dd6;}
header .top{border:none}
header .top .top-contact,header .top .top-search{display:none}
header .top .top-phone{display:inline-block;}
header .top .top-share{display:none}
.logores{display: block;text-align: center;}
header .bottom{padding:0}
header .bottom .logo{display:none}
header .bottom .logo a img {max-width: 80%;}
header .bottom .support{display:none;}
header .bottom .cart{width: auto;
margin-top: 0;
position: absolute;
top: 8px;
right: 5px;}
header .bottom .cart a{
text-decoration: none;
padding: 6px 8px 8px 8px;
background: transparent;
font-size: 13px;
border: none}
header .bottom .cart a i.circle{
width: 28px;
height: 28px;
border: 1px solid #fff;
background:#ff7f00;
font-size: 13px;
color: #ffffff;
padding:7px 0px 0px 0px}
.menu,.category{display:none}
.slider{width:100%}
#carouselpromotion{padding:0% 2%}
#menu_mobi{display:block;top:6px;left:6px}
.item {width: 30.5%}
.item .button a{font-size:15px}
.contact .frmcontact{width:90%}
#product-promotion{width:100%}
.product-content,#slider{padding-top:40px}
.foocat{width:49.5%}
}
@media (max-width:900px) 
{	
	header .top-contact .address{display:none}
}
@media (max-width:800px) 
{
.small-logo{margin-left:13%}
.small-logo img{height:36px}
#slider .owl-nav button.owl-prev, #slider .owl-nav button.owl-next {
    color: #024a7d;
    padding: 5px 15px!important;
    background: rgba(2, 134, 97, 0.25);
    font-size: 17px;
    position: absolute;
    top: 40%;
}
}
@media (max-width:768px) 
{
.hot-aside{display:none}
.brief .brief-image {border: 1px dashed #024a7d; padding: 10px 0px;}
.brief a{width:46%}
.fixed{position:fixed;z-index:5;top:0;height:45px;padding:3px 0px;background:rgba(255, 255, 255, 0.95);margin:0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.item {width: 33%;margin: 1px -4px 1px 1px;}
#item_col_3{width:33%}
.item .button a{width:49%;font-size:14px}
.item .button a i{font-size:14px}
.title h3, .title p, .tab-content h3.text-center {
    padding: 0px 0px 15px 0px;
    width: 90%;
}
}
@media (max-width:700px) 
{	
	.item .button a{width:48%;}
	.reason-for-website h2{font-size:18px;text-align:center;line-height:30px;}
	.reason-for-website h4{font-size:15px;line-height: 30px;}
}
@media (max-width:650px) 
{
	.list-item {width: 96%;margin: 0 auto;}
	.item {width: 47.5%;margin: 2% 1%;}
	.item .button a{width:48%;}
	.box-price-website .title{width:auto}
}
@media (max-width:600px) 
{	
	header .top-contact .email{display:none}
	#item_col_3{width: 49.5%;}
	.brief-text h1{font-size:25px;text-align:center}
	.brief-text h2{font-size:18px;text-align:center}
}
@media (max-width:550px) 
{	header .top{padding:10px 0px}
	#menu_mobi{top:2.5%}
	header .bottom .cart{top:13px}
	header .top .top-share,header .top .top-phone{display:none}
	.foocat{width:100%}
	
}
@media (max-width:500px) 
{	
	header .bottom .logo a img {max-width: 90%;}
	.product-brief{margin:0;padding:0}
	.product-content div.row{width:100%;margin:0}
	.overly-bottom .discript span {font-size: 13px;}
	.task a.taskimg{display:none}
	.product-brief .info .name{}
	.product-brief .info .name span, .detail-new .name span, .boxorder .title span
	{font-size:17px;border:none}
	header .bottom .cart a b,header .bottom .cart a span{display:none}
	.item .button{zoom:0.9}
}
@media (max-width:455px) 
{	.item {width: 98%;}
	.box-new .title ul{width:100%;padding:0px calc(30% - 80px)}
	.box-new .title .nav-item .nav-link{width:160px;word-wrap:break-word}
	.overly-bottom .discript span {font-size: 12px;}
	.breadcrumb{font-size:12px}
	.owl-item .item.plan{margin-left:0px!important}
	.item .button{zoom:1}
	
}
@media (max-width:400px) 
{
.overly-bottom .discript span { font-size: 10px;}
.box-new .title ul{padding:0px 5%}
.item .button a i{font-size:13px;padding: 0px 5px 0px 0px;}
#item_col_3,.item {width: 90%;margin: 2% 5%;}
.plan .name a{font-size:18px;line-height:1.8em;}
.plan ul li {font-size: 15px;}
.social .social__item .fab{font-size: 20px;
height: 40px;
line-height: 40px;width:40px}
.social .social__item .fa-zalo{padding:10px}
.reason-for-website h4 {font-size: 15px;line-height: 25px;letter-spacing: 0;}
}
@media (max-width:375px) 
{	.item .button a{zoom:1}
}