/* Responsive */

@media(max-width:1220px){
	.logo-header:after{display: none}
	#menu .item-big{padding-left: 0}
	#menu .item-big .nav-item > a{padding: 0px 18px;}
	.logo-header img{max-width: 58%;}
}
@media(max-width:1200px){
	.footer-article{padding: 0 10px;box-sizing: border-box;}
	.footer-powered .wrap-content{padding: 15px 5px;}
}
@media(max-width:1105px){
	.banner-header-right{width: 24.916667%}
}
@media(max-width:1050px){
	.banner-header-right{
		width: 23.916667%;
	}	
}


@media(max-width:1024px){
	#menu .item-big .nav-item > a{
		padding: 0px 15px;
	}
}
@media(max-width:1001px){
	.menu{display:none;}
	.menu-res{display:block;}
}
@media(max-width:960px){
	.content-about-index{text-align: center;flex-wrap: wrap}
	.content-about-left{width: 100%;position: relative;margin: auto;}
	.content-about-right{width: 100%;margin: auto;display: none;}
	.box-service{width: 100%;}
	.service{padding: 38px 5px;box-sizing: border-box}
	.banner-header-right{display: none;}
	.logo-header,.banner-header{display: none;}
	.banner_mobi{display: block;width: 100%;text-align: center;}
	.news-video-index {padding: 50px 5px;box-sizing: border-box: }
	.album{width: calc(100% / 3)}
	.content-web{flex-wrap: wrap}
	.catalogy-left{display: none;}
	.content-web-show{width: calc(100%);}
}
@media(max-width:900px){
	.video-index,.news-index{width: 100%;}
}
@media(max-width:850px){
	.news{width:100%;float:none!important;}
	.banner-header-right{display: none;}
	.banner-header{width: 80%;}
	.logo-header img{max-width: 75%}
	.footer-news:nth-child(1){width: 100%;margin-bottom: 15px;}
	.footer-news:nth-child(2),.footer-news:nth-child(3){width: 49%;}

}
@media(max-width:769px){
	.top-contact{flex-wrap:wrap;}
	.left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}
	.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
	.copyright,.statistic{width: 100%;text-align: center;}
	.kinhnghiem_w, .fan_w {
		width: 100%;
		padding: 0px 10px;
	}
}
@media(max-width:700px){
	.content-about-right{width: 100%;margin: auto;display: block;order:1;}
	.content-about-left{order:2;}
	.menu-step{font-size: 18px;}
}
@media(max-width:600px){
	.box-service{flex-wrap: wrap;width: 49%;}
	.box-service span{max-width: 100%;width: 100%;}
	.box-service > div{width: calc(100%)}
	.album{width: calc(100% / 2)}
	.footer-news:nth-child(2){margin-bottom: 10px;}
	.footer-news:nth-child(2),.footer-news:nth-child(3){width: 100%;}
}
@media(max-width:500px){
	.title_main h3 {
		font-family: 'os-b';
		font-size: 15px;
	}
	.kn_lon {
		width: 100%;
		margin-bottom: 20px;
	}
	.kn_nho {
		width: 100%;
	}
	
}

@media(max-width:440px){
	.pic-news,.info-news{display:block;width:100%;float:none;text-align:center;margin:0px;}
	.info-news{margin-top:15px;}
	.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
}
@media(max-width:369px){
	.cart-pro-detail{flex-wrap:wrap;}
	.cart-pro-detail a{width:100%;text-align:center;margin:0px!important;font-size:12px;}
	.cart-pro-detail a:first-child{margin-bottom:5px!important;}
	.cart-pro-detail a i{display:none;}
}

@media screen and (max-width: 1024px) {
	div.menu,div.main_content,div.footer,div.copy,div.thongtin,div.wap_header,div.doitac,div.gioithieu { width:97%;
	}
	div.menu ul li a { padding:0px 15px; }
}
@media screen and (max-width: 960px) {
	@-webkit-keyframes my {  0% {opacity:1}  50% {opacity:0  }  100% {opacity:1  }  }
	@-moz-keyframes my {   0% {opacity:1}  50% {opacity:0  }   100% {opacity:1  }   }
	@-o-keyframes my {   0% {opacity:1}   50% {opacity:0  }   100% {opacity:1  }   }
	@keyframes my {  0% {opacity:1}   50% {opacity:0  }   100% {opacity:1  }  }	
	.hidden_mobi{display: none;}
	.hidden_destop{display: block;}	
	div.left_gh,div.right_gh { width: 100%; float: none; }
	div.header{
    padding: 5px;
position: -webkit-sticky;
position: sticky;
top:0;
z-index:999;}
div.box-cap1{padding:10px}
	div.wap_menu {height:auto;float:none;padding-bottom: 1px;border: 0;position: initial;}
	div.menu_mobi_add ul li > span{max-width:50px;}
	div.menu_mobi_add ul li a{margin-left: 0;font-size: 14px;}
	div.menu_mobi_add ul li ul li a{padding-left:10px;color:#f00}
	.icon_menu_mobi i{font-size: 32px;}
	div.menu ul { display:none; }	
	div.header_mobi { display:block; }
	div.slider { width:100%; padding:0; margin: 0; }
	div#danhmuc { display:none; }
	div.right { width:100%; float:none; }
	div.left {width:100%;float:none;margin-top: 15px;}
	div.wap_tintuc{padding: 20px 10px;}
	div.bao_tintuc{width: 100%;}
	.slick-prev,.slick-next{background-size: 27px;}	
	div#main_footer,div.footer2{ width:100%; float:none; }
	div#thongke { width:100%; float:none; margin-top: 20px; padding-bottom: 20px;}
	div.tt_lh,div.bando { width:100%; float:none; }
	.menu_login { display:none; }
	div#fanpage-foot{float: none;width: 100%;margin-top: 20px;}
	.box_news a img{max-width: 120px !important}
	div.wap_footer{padding: 30px 0px 0 0px;background-size: auto 100%;}
	 div.footer{padding:0 10px;width:100%}
	div.copy-right{padding: 10px 10px 10px 10px;}
	div.copy-right .cop-l{width: 100%;}
	div.copy-right .cop-r{width: 100%;text-align: left;}
	div#main_footer .ten{font-size: 19px;}.td_ft{font-size: 17px;}
	div#dknt{max-width: 100%}
	div.main_content{margin-top: 10px;}
	div.tieude_giua{font-size: 18px;}
	div.box-sanpham-for{padding: 12px 10px;}
	.box-giohang-fix{ }
	div.box-giohang .item_lienhe{width: 100%;}
	div.item .nutdathang{position:relative;opacity:1;margin-top:10px;box-shadow:none}
	div.tieude2{font-size: 16px;}
	.product_info li .add_to_cart{font-size:15px}
	div.wap_pro{margin-top:10px}
	div.mxh_top{width: 100%;text-align: center;}	
	div.search {width: 0;background: #dcdcdc;display: none;}	
	div.thongtin span { display:none; }	
	div.tintuc { width: 100%; float: none; }
	div.video,div.fanpage { width: 100%; float: none; margin-left: 0; margin-top:20px; }	
	.zoom_slick {float:none;margin:auto;width: 100%;}
	.product_info { width:100%; margin-top:10px; }
	.gh_an { display:none; }
	.page_noibat ul, .page_banchay ul , .page_danhmuc ul ,.page_tabloai ul,.page_thuvien ul{margin: 0 -5px;}
	.page_sanpham ul{  margin: 0 -5px; }
	.page_tintuc ul{
    margin: 0 -5px;
}
	.page_congtrinh ul{margin: 0 -5px;}
	div.header a.logo {
    width: 23%;
}
	div.header .head-2{
    width: 53%;
    float: left;
}
	div.header .head-3{
    /* display: none; */
    margin-bottom: 0;
}
	div.header .logo_mobi { display:block; margin:auto; width:100%; line-height: 0; }	
	div.item,div.box-sanpham-tc div.item{
    width: calc(50% - 10px);
    margin: 10px 5px;
}
	div.box_news {width: 100%;margin: 5px 5px;}
	#toptop{ bottom: 57px; background: none; }	
	.tieude-thietyeu{font-size:15px}
	.chay-thietyeu{margin:0}
	div.tags-trangchu .box_tags a{/* width:calc(50% - 17px); */padding: 10px 14px 10px 1px;/* font-size: 15px; */margin: 3px 0;}
	div.box-tt-dk{padding:10px;}
	div.box-tt-dk .b-trong{width:100%;padding:10px;float:none;}
	div.box-tt-dk .ten-tin{font-size:18px}
	div.box-hethong .ht-left .item-ht{font-size:16px}
	.list_monnb{text-align: left;width: 100%;}	
.list_monnb a{margin: 0;font-size: 12px;padding: 5px 17px 5px 9px;}
	.chay-thietyeu .box_news{padding:10px}
	div.box-tieuchi{padding:10px}
	.tieude_tc span{font-size:19px}
	div.box-sanpham-tc{padding:20px 10px}
	.page_sanpham div.item .sp_name a{font-size:14px}
	.chay-thietyeu .box_news h3 a{font-size:13px}
	.chay-thietyeu .box_news a img{margin-right:5px}
	div.box-lienket ul div.item:nth-child(2) {
		grid-row: 1;
		grid-column: 1/5;
	}
	div.box-lienket div.item:nth-child(2) .w-bottom{top:30%}
	div.box-lienket ul div.item:nth-child(2) img{
    height: 200px;
}
div.box-lienket ul div.item a img{height:150px}
div.box-lienket ul div.item .sp_name a{font-size:16px}
	div.box-lienket ul div.item:nth-child(1){
    grid-column: 1/3;
}
	div.box-lienket ul div.item:nth-child(3){
    grid-column: 3/5;
}
	div.box-lienket ul div.item:nth-child(4){
    grid-column: 1/3;
}
	div.box-lienket ul div.item:nth-child(5){
    grid-column: 3/5;
    }
    div.box-lienket ul{grid-gap:10px 10px;padding:0 0px}
    div.tags-trangchu{padding:0 10px}
    div.box-thuvien ul div.item:nth-child(1){
    grid-column: 1/4;
}
    div.box-thuvien ul div.item:nth-child(2){
    grid-column: 4/6;
    grid-row: 1/2;
}
    div.box-thuvien ul div.item:nth-child(3){
    grid-column: 1/3;
}
    div.box-thuvien ul div.item:nth-child(4){
    grid-column: 3/6;
}
    div.box-thuvien ul div.item:nth-child(5){
    grid-column: 1/6;
}
    div.box-thuvien ul div.item:nth-child(6){}
    div.box-thuvien ul div.item:nth-child(7){}
    div.box-thuvien ul div.item:nth-child(2) img{
    height: 280px;
}
    div.box-thuvien ul div.item a img{
    height: 150px !important;
}
div.box-thuvien ul{grid-gap:10px;}
a.icon-chatzalo{display: none !important}
div.dc-email,div.dienthoai-head,div.ten-mxh .mxh-top,div#box-danhmuc{display: none;}
div.ten-mxh .tencty{font-size: 17px;padding-top: 17px;}
div.bix-l{display: none;}
div.slider-r{width: 100%;}
#slider_slick1{margin: 20px 0 0 0;}
.hinh-sp{display:none;}
.sp-right{width:100%}
div.box-tt-dk div.hinh-xe{position: relative;top: 0;}
div.box-tt-dk div.frm_lienhe{padding: 90px 30px 30px 30px;background-size: cover;}
div.box-tt-dk .goidien{top: 19px;left: 0;right: 0;margin: auto;}
div.box-tt-dk div.frm_lienhe .item_lienhe input[type='button']{width:100%}
div.box-gioithieu{padding:20px 10px;}
div.box-gioithieu .ten-gt{font-size:19px}
div.gioithieu-l{width:100%;border: none;}
div.gioithieu-r{width:100%;padding-top:10px}
.btn-map{display:none;}
.quick_contact{bottom: 56px !important;left: 26px;}
div.footer2 .sodienthoai{font-size: 20px;}
.quick_contact a span:before{display:none;}
div.phone_mobi{background: #c00;width:100%;position:fixed;left:0;bottom:0;line-height:18px;color:#fff;z-index: 9999;padding: 6px 0;box-shadow: 0px 0px 3px #000;}
div.phone_mobi ul{list-style:none; margin:0; padding:0; display: flex;}
div.phone_mobi ul li{flex: auto 1 0;text-align:center;position: relative;}
div.phone_mobi ul li a{color: #ffffff;text-decoration:none;font-size:15px;display: block;}
div.phone_mobi ul li a i{font-size:19px;margin-right:5px;margin-top:3px;}
div.phone_mobi ul li a span{display: block;text-align: center;}
div.phone_mobi ul li ul{
    background: #1182fc;
    position: absolute;
    bottom: 48px;
    width: 150px;
    display: none;
    right: 0;
}
div.phone_mobi ul li ul.phone-box{left:0}
div.phone_mobi ul li ul li{
    text-align: left;
    padding: 5px 10px;
    display: block;
    flex: initial;
    border-bottom: 1px solid;
}
div.phone_mobi ul li ul li a{
    color: #fff;
}
div.box-doitac #doitac{margin:0}
div.phone_mobi ul li ul li a span{display:inline-block}
.blink_me {-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blinker;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blinker;
animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
@-moz-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@-webkit-keyframes blinker {  0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}
@keyframes blinker {0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}  
}
@media screen and (max-width: 800px) { }
@media screen and (max-width: 700px) { }
@media screen and (max-width: 603px) { }
@media screen and (max-width: 460px) {
	div.wap_copy { margin-bottom:45px; }	
	div.doitac img{ height: 60px; }
	div.tieude_giua,div#main_footer .ten { font-size:20px; }
	.map_description { width:100%; }
	.box_news h3 a { font-size:14px;}
}
@media screen and (max-width: 376px) {
	div.item .sp_gia span.giacu { float:none; display:block; }
}
@media screen and (max-width: 320px) {
}