/*Dùng chung*/
.owl-carousel .owl-nav{position: absolute; width: 100%;display: inline-block;  top: 45%;}
.owl-carousel .owl-nav .owl-prev{position: absolute;left:0;top: 45%; transform: translateY(-50%); }
.owl-carousel .owl-nav .owl-next{position: absolute;right:0;top: 45%; transform: translateY(-50%); }
/*Banner*/
.owl-banner > .owl-nav button {margin: 10px!important;background: #dddddd !important; height: 35px;width: 35px;color: #fff !important;}
.owl-banner .owl-nav button i {font-size: 2rem; color: #000; }
.owl-banner:hover .owl-nav .owl-prev ,.owl-banner:hover .owl-nav .owl-next { opacity:1}
/*Danh mục san pham*/
.owl-danhmucsanpham .owl-nav{margin:0 !important} 
.owl-danhmucsanpham .owl-nav button i { font-size: 10px; line-height: 30px; }
.owl-danhmucsanpham .owl-nav .owl-prev{ left: -1rem!important;}
.owl-danhmucsanpham .owl-nav .owl-next{ right: -1rem!important;}
.owl-danhmucsanpham  .owl-nav button { background:#636569 !important; } 
.owl-danhmucsanpham .owl-nav button i{font-size:1.7em;color:#fff} 
/*Slide san pham noi bat*/  
.owl-sanpham .owl-nav button {    margin: 0 !important;
    background: #636569 !important; 
    color: #fff !important; 
    border-radius: 50% !important; 
    width: 3em;
    height: 3em;
    box-shadow: 0 0 10px rgba(0,0,0,.3); 
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 4em;}
.owl-sanpham .owl-nav button i { font-size: 30px; line-height: 40px;font-weight: 600;}
.owl-sanpham .owl-nav .owl-prev{ left:-1.3rem;}
.owl-sanpham .owl-nav .owl-next{ right:-1.3rem;}
.owl-sanpham .owl-nav button i{font-size:1.7em;} 
.owl-sanpham .owl-nav .owl-prev i{ margin-right: -0.5em;}
.owl-sanpham .owl-nav .owl-next i{ margin-left: -0.5em;}
	
.owl-sanpham  .owl-nav button:hover {border: 1px solid #cfcfcf; }
.owl-sanpham  .owl-nav button:hover i { color:#cfcfcf} 

/*Slide san pham tab*/  
.owl-tabs .owl-nav button {    margin: 0 !important;
    background: #636569 !important; 
    color: #fff !important; 
    border-radius: 50% !important; 
    width: 3em;
    height: 3em;
    box-shadow: 0 0 10px rgba(0,0,0,.3); 
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 4em;}
.owl-tabs .owl-nav button i {font-size: 30px; line-height: 40px;font-weight: 600;}
.owl-tabs .owl-nav .owl-prev{left: -1.3rem;}
.owl-tabs .owl-nav .owl-next{right: -1.3rem;}
.owl-tabs .owl-nav button i{font-size:1.7em;} 	
.owl-tabs .owl-nav .owl-prev i{ margin-right: -0.5em;}
.owl-tabs .owl-nav .owl-next i{ margin-left: -0.5em;}
.owl-tabs .owl-nav button:hover {border: 1px solid #cfcfcf;}
.owl-tabs .owl-nav button:hover i {color:#cfcfcf} 
/*Tin tức*/
.owl-hometintuc .owl-nav button { margin: 10px!important;  background:#636569 !important; height: 40px;width: 40px;
 border-radius: 50%!important; color: #fff !important;border: 1px solid #fff;}
.owl-hometintuc .owl-nav button i { font-size: 30px; line-height: 40px;font-weight: 600;}
.owl-hometintuc .owl-nav .owl-prev{ left: -2rem!important;}
.owl-hometintuc .owl-nav .owl-next{ right: -2rem!important;}
.owl-hometintuc .owl-nav button i{font-size:1.7em;  } 	
.owl-hometintuc  .owl-nav button:hover {border: 1px solid #cfcfcf; }
.owl-hometintuc  .owl-nav button:hover i { color:#cfcfcf} 
/*Slide sản phẩm*/  
.syncproduct1 .owl-nav button { color: #FFF; display: block; margin: 10px;  background:#fff !important; height: 40px;width: 40px; border-radius: 50%; padding: 0;}
.syncproduct1 .owl-nav button i { font-size: 30px; line-height: 40px;}

/* Ghi đè Owl để flex hoạt động */
.syncproduct2 .owl-stage {
    display: flex !important;
    /*flex-wrap: wrap;          
    gap: 1rem; */                
    justify-content: flex-start;
}

/* Mỗi item (khung ảnh) */
.syncproduct2 .owl-item {
    flex: 1 1 calc(20% - 1rem); /* 5 ảnh mỗi hàng, tự co giãn */
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #d7d7d7;
    background: #fff;
    text-align: center;
}

/* Ảnh bên trong */
.syncproduct2 .owl-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

/* Khi active (đang chọn) */
.syncproduct2 .owl-item.current {
    border-color: #009dec;
}

/*Single product*/
.owl-galleryproduct .owl-nav button { margin: 10px!important;  background:#B8131E !important;
 height: 80px;width: 100px;color: #fff !important;}
.owl-galleryproduct .owl-nav button i { font-size: 4rem; line-height: 50px; }
.owl-galleryproduct:hover .owl-nav .owl-prev ,.owl-banner:hover .owl-nav .owl-next { opacity:1}

.owl-theme .owl-dots .owl-dot span {
    width: 20px!important;
    height: 20px!important; 
    background: #fff!important; 
    border: 1px solid #B8131E;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #B8131E!important;} 
/*Sản phẩm liên quan*/ 
.owl-sanphamlienquan .owl-nav button { margin: 10px!important;  background:#1e73be !important; height: 40px;width: 40px;
 border-radius: 50%!important; color: #fff !important;border: 1px solid #fff;}
.owl-sanphamlienquan .owl-nav button i { font-size: 30px; line-height: 40px;font-weight: 600;}

.owl-sanphamlienquan .owl-nav .owl-prev{ left: 0.3rem!important;}
.owl-sanphamlienquan .owl-nav .owl-next{ right: 0.3rem!important;}
.owl-sanphamlienquan .owl-nav button i{font-size:1.7em;  } 	
.owl-sanphamlienquan  .owl-nav button:hover {border: 1px solid #cfcfcf; }
.owl-sanphamlienquan  .owl-nav button:hover i { color:#cfcfcf} 
/**/
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* preloading images */
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}


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

/*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){
.owl-banner .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-banner .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;} 
}

/*Large Devices (Laptops ≥992px and <1200px)*/
@media (max-width: 1199.98px) { 
.owl-banner .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-banner .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;}	
.owl-sanphamlienquan .owl-nav .owl-prev{ left: 2rem!important;}
.owl-sanphamlienquan .owl-nav .owl-next{ right:2rem!important;} 
}

/*Medium Devices (Tablets ≥768px and <992px)*/
@media (max-width: 991.98px) { 
.owl-banner .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-banner .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;}
.owl-sanpham .owl-stage {display: flex;}
.owl-sanpham .owl-item {display: flex;}
.boxslide_sanphamitem {display: flex;width: 100%;}
	
.owl-sanphamlienquan .owl-nav .owl-prev{ left: 0!important;}
.owl-sanphamlienquan .owl-nav .owl-next{ right: 0!important;} 
}


/*Small Devices (Mobiles ≥576px and <768px)*/
@media (max-width: 767.98px) {
.owl-banner .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-banner .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;}

.owl-sanpham .owl-stage {display: flex;}
.owl-sanpham .owl-item {display: flex;}
.boxslide_sanphamitem {display: flex;width: 100%;}
 
.syncproduct1 .owl-nav button {  height: 30px;width: 30px;  }
.syncproduct1 .owl-nav button i { font-size: 20px; line-height: 30px;} 
 
.owl-sanphamlienquan .owl-nav .owl-prev{ left:0!important;}
.owl-sanphamlienquan .owl-nav .owl-next{ right: 0!important;}

.owl-sanphamlienquan .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-sanphamlienquan .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;} 

}


/*Extra Small Devices (Mobiles <576px)*/
@media (max-width: 575.98px) {  
.owl-banner .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-banner .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;}

.owl-sanpham .owl-stage {display: flex;}
.owl-sanpham .owl-item {display: flex;}
.boxslide_sanphamitem {display: flex;width: 100%;}
 
.syncproduct1 .owl-nav button {  height: 30px;width: 30px;  }
.syncproduct1 .owl-nav button i { font-size: 20px; line-height: 30px;} 
 
.owl-sanphamlienquan .owl-nav .owl-prev{ left:0!important;}
.owl-sanphamlienquan .owl-nav .owl-next{ right: 0!important;}

.owl-sanphamlienquan .owl-nav button {opacity:1;height: 30px;width: 30px; }
.owl-sanphamlienquan .owl-nav button i { font-size: 20px; line-height: 30px;font-weight: 600;} 
}