/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) and (max-width: 1600px) {
.menudanhmucsp .col {flex: 1 0 calc(16% - 1rem);}
.boxmainslide_sanpham {margin:0}
.box_mainsanphamright {margin-left:0;}

}
/*X-Large devices (large desktops, 1600px and up)*/
@media (min-width: 1600px) and (max-width: 2200px){ 
}

/*Extra Extra Large - Desktop*/  
@media (min-width: 2300px) and (max-width: 3000px){

}

/*Extra Extra Large - Desktop*/ 
@media (max-width: 1399.98px){ 
.menudanhmucsp .col {flex: 1 0 calc(16% - 1rem);}
}

/*Large Devices (Laptops ≥992px and <1200px)*/
@media (max-width: 1199.98px) {  
.menu_danhmucsp {height: 270px; } 
.menudanhmucsp .col { flex: 1 0 calc(15% - 1rem);}
.image_danhmucsanpham {width: 42px;height: 42px;}
.img_bannersanpham{display:none}
.boxmainslide_sanpham {margin:0}
.box_mainsanphamright {margin-left: 0;}
.box_camket h4 {font-size: 0.8rem;}


}

/*Medium Devices (Tablets ≥768px and <992px)*/
@media (max-width: 991.98px) {
.anmobile{display:none}
/*Logo*/  
#sticker {position: fixed;top: 0;transition: all 0.5s ease 0s;width: 100%;z-index: 2;}  
.box_logomobile{margin: 0 auto;}
.box_logo { flex: auto; margin: 0 auto;text-align: center;}
.box_logo a img{ filter: brightness(0) invert(1);}
/*Search*/
.ja-search {margin-left:0;} 
/*Giỏ hàng*/
.giohang_mobile{ position: fixed; right: 1.5rem; top:1.5rem; z-index: 2;}
/*Slide*/
.bannerrightmobile{display: none;}
.box_slidemain {padding-top: 5rem;} 
.box_slidemain row{ max-width: none;}
/*Danh mục sản phẩm*/
.menudanhmucsp{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.menudanhmucsp .col { padding: 0.5rem 0.3rem; flex: 1 0 calc(33.3% - 0.5rem);}
.image_danhmucsanpham {width: 40px; height: 40px; }
.menudanhmucsp li a h4 {margin: 0.5rem 0 0; font-size: 0.9rem;}
/*Sản phẩm*/
.box_shop {margin: 3rem 0 0;}
.box_mainsanphamright {margin-left: 0;padding:0;position:relative;overflow:hidden}
.box_mainsanphamleft {margin-left: 0;padding:0;position:relative;overflow:hidden}
.title_mainsp {float: none;display: block;}
.img_bannersanpham {display:none} 
.title_mainsp h2 {padding: 0.3rem 0.5rem; width: 100%; }
.title_mainsp h2:after{display:none; } 

.menudanhmuc li { width: 49%;}
.menudanhmuc li a {padding: 0.7rem 0;}
.menudanhmuc > li > a:before {
    content: "\ea69";
    font-size: 0.9rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
 
/*Yêu cầu báo giá*/
.form_yeucaubaogia .input-group{margin-bottom:1rem}
.form_yeucaubaogia .btndkbaogia{width:100%;padding:0.6rem 0}
/*Footer*/
.box_bgcmaket { flex-basis: 50%;}
.imgck {width: 2rem}
.box_camket h4 {font-size: 0.7rem}

.single-footer-top {margin-bottom: 30px;}
.footer-top-area {padding-bottom: 0px;}
.footer-area {text-align: center;}
.footer-copyright {margin-bottom: 10px;margin-top: 5px;}  
.footer-area {
margin-bottom: 2rem;
}

#return-to-top {bottom: 37px;right: 0px;}
/*Hỗ trợ*/
.support-online{bottom: 0;left: 0; position: fixed;bottom: 0; width: 100%; padding:0.4rem;background-color:#ed1c24}
.support-content{display:flex}
.support-content li {text-align: center;font-size: 13.5px;margin: 0;display: inline-block;flex-grow: 1;}
.support-content li a { width: auto; height: auto; background-color:transparent !important;border-radius: inherit;margin-bottom: 0;}
.support-online a > svg{margin-top:0;    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.support-content li a span{width: auto;padding: 0;background-color: transparent;position: relative;margin: 0;left: 0;display: none;}
.support-online a:hover span,.support-online a span:before{display:none}
.animated.infinite{display:none}
.support-online a .box_iconsvg {background-color:transparent;position: relative;text-align: center;width: auto;height: auto;border-radius: inherit;}
.support-online a .box_iconsvg >svg{margin-top:0}
} 

/*Small Devices (Mobiles ≥576px and <768px)*/
@media (max-width: 767.98px) {
.anmobile{display:none}
/*Logo*/  
#sticker {position: fixed;top: 0;transition: all 0.5s ease 0s;width: 100%;z-index: 2;}  
.box_logomobile{margin: 0 auto;}
.box_logo { flex: auto; margin: 0 auto;text-align: center;}
.box_logo a img{ filter: brightness(0) invert(1);}
/*Search*/
.ja-search {margin-left:0;} 
/*Giỏ hàng*/
.giohang_mobile{ position: fixed; right: 1.5rem; top:1rem; z-index: 2;}
/*Slide*/
.bannerrightmobile{display: none;}
.box_slidemain {padding-top: 7rem;} 
/*Danh mục sản phẩm*/
.menudanhmucsp{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.menudanhmucsp .col { padding: 0.5rem 0.3rem; flex: 1 0 calc(33% - 0.5rem);}
.image_danhmucsanpham {width: 40px; height: 40px; }
.menudanhmucsp li a h4 {margin:0; font-size: 0.9rem;}
/*Sản phẩm*/
.box_shop {margin: 3rem 0 0;}
.box_mainsanphamright {margin-left: 0;padding:0;position:relative;overflow:hidden}
.box_mainsanphamleft {margin-left: 0;padding:0;position:relative;overflow:hidden}
.title_mainsp {float: none;display: block;}
.img_bannersanpham {display:none} 
.title_mainsp h2 {padding: 0.3rem 0.5rem; width: 100%; }
.title_mainsp h2:after{display:none; } 

.menudanhmuc li { width: 49%;}
.menudanhmuc li a {padding: 0.7rem 0;}
.menudanhmuc > li > a:before {
    content: "\ea69";
    font-size: 0.9rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
 
/*Yêu cầu báo giá*/
.form_yeucaubaogia .input-group{margin-bottom:1rem}
.form_yeucaubaogia .btndkbaogia{width:100%}
/*Footer*/
.box_bgcmaket { flex-basis: 50%;}
.imgck {width: 2rem}
.box_camket h4 {font-size: 0.7rem}

.single-footer-top {margin-bottom: 30px;}
.footer-top-area {padding-bottom: 0px;}
.footer-area {text-align: center;}
.footer-copyright {margin-bottom: 10px;margin-top: 5px;}  
.footer-area {
margin-bottom: 2rem;
}

#return-to-top {bottom: 37px;right: 0px;}
/*Hỗ trợ*/
.support-online{bottom: 0;left: 0; position: fixed;bottom: 0; width: 100%; padding:0.4rem;background-color:#ed1c24}
.support-content{display:flex}
.support-content li {text-align: center;font-size: 13.5px;margin: 0;display: inline-block;flex-grow: 1;}
.support-content li a { width: auto; height: auto; background-color:transparent !important;border-radius: inherit;margin-bottom: 0;}
.support-online a > svg{margin-top:0;    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.support-content li a span{width: auto;padding: 0;background-color: transparent;position: relative;margin: 0;left: 0;display: none;}
.support-online a:hover span,.support-online a span:before{display:none}
.animated.infinite{display:none}
.support-online a .box_iconsvg {background-color:transparent;position: relative;text-align: center;width: auto;height: auto;border-radius: inherit;}
.support-online a .box_iconsvg >svg{margin-top:0}
} 

/*Extra Small Devices (Mobiles <576px)*/
@media (max-width: 575.98px) {  
.anmobile{display:none}
/*Logo*/  
#sticker {position: fixed;top: 0;transition: all 0.5s ease 0s;width: 100%;z-index: 2;}  
.box_logomobile{margin: 0 auto;}
.box_logo { flex: auto; margin: 0 auto;text-align: center;}
.box_logo a img{ filter: brightness(0) invert(1);}
/*Search*/
.ja-search {margin-left:0;} 
/*Giỏ hàng*/
.giohang_mobile{ position: fixed; right: 1.5rem; top:1rem; z-index: 2;}
/*Slide*/
.bannerrightmobile{display: none;}
.box_slidemain {padding-top: 7rem;} 
/*Danh mục sản phẩm*/
.menudanhmucsp{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.menudanhmucsp .col { padding: 0.5rem 0.3rem; flex: 1 0 calc(33% - 0.5rem);}
.image_danhmucsanpham {width: 40px; height: 40px; }
.menudanhmucsp li a h4 {margin:0; font-size: 0.9rem;}
/*Sản phẩm*/
.box_shop {margin: 3rem 0 0;}
.box_mainsanphamright {margin-left: 0;padding:0;position:relative;overflow:hidden}
.box_mainsanphamleft {margin-left: 0;padding:0;position:relative;overflow:hidden}
.title_mainsp {float: none;display: block;}
.img_bannersanpham {display:none} 
.title_mainsp h2 {padding: 0.3rem 0.5rem; width: 100%; }
.title_mainsp h2:after{display:none; } 

.menudanhmuc li { width: 49%;}
.menudanhmuc li a {padding: 0.7rem 0;}
.menudanhmuc > li > a:before {
    content: "\ea69";
    font-size: 0.9rem;
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}
 
/*Yêu cầu báo giá*/
.form_yeucaubaogia .input-group{margin-bottom:1rem}
.form_yeucaubaogia .btndkbaogia{width:100%}
/*Footer*/
.box_bgcmaket { flex-basis: 50%;}
.imgck {width: 2rem}
.box_camket h4 {font-size: 0.7rem}

.single-footer-top {margin-bottom: 30px;}
.footer-top-area {padding-bottom: 0px;}
.footer-area {text-align: center;}
.footer-copyright {margin-bottom: 10px;margin-top: 5px;}  
.footer-area {
margin-bottom: 2rem;
}

#return-to-top {bottom: 37px;right: 0px;}
/*Hỗ trợ*/
.support-online{bottom: 0;left: 0; position: fixed;bottom: 0; width: 100%; padding:0.4rem;background-color:#ed1c24}
.support-content{display:flex}
.support-content li {text-align: center;font-size: 13.5px;margin: 0;display: inline-block;flex-grow: 1;}
.support-content li a { width: auto; height: auto; background-color:transparent !important;border-radius: inherit;margin-bottom: 0;}
.support-online a > svg{margin-top:0;    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.support-content li a span{width: auto;padding: 0;background-color: transparent;position: relative;margin: 0;left: 0;display: none;}
.support-online a:hover span,.support-online a span:before{display:none}
.animated.infinite{display:none}
.support-online a .box_iconsvg {background-color:transparent;position: relative;text-align: center;width: auto;height: auto;border-radius: inherit;}
.support-online a .box_iconsvg >svg{margin-top:0}

}