/*Dùng chung*/
.owl-carousel .owl-nav{position: absolute; width: 100%;display: inline-block; z-index:1; 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 {opacity:0; margin: 10px!important;  background:#333333bd !important; height: 50px;width: 50px; border-radius: 50%!important; color: #fff !important;}
.owl-banner .owl-nav button i { font-size: 30px; line-height: 50px;font-weight: 600;}
.owl-banner:hover .owl-nav .owl-prev ,.owl-banner:hover .owl-nav .owl-next { opacity:1}
 
/*owl-homesanpham*/
.owl-homesanpham .owl-nav button {margin: 10px!important;height: 40px;width: 40px; color: #fff !important}
.owl-homesanpham .owl-nav [class*=owl-]:hover {background:transparent!important}
.owl-homesanpham .owl-nav button i { font-size: 30px; line-height: 40px;font-weight: 600;} 
/*Ý kiến khách hàng*/
.owl-ykienkhachhang > .owl-nav { position: absolute; width: 100%;display: inline-block;  top: 45%;}
.owl-ykienkhachhang > .owl-nav > div {     margin: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #FF8800;
    line-height: 35px;
    background-color: #fff;
    border-radius: 50%;}
.owl-ykienkhachhang .owl-nav .owl-prev{ left:0;}
.owl-ykienkhachhang .owl-nav .owl-next{ right:0;}
.owl-ykienkhachhang .owl-nav .owl-prev i,.owl-ykienkhachhang .owl-nav .owl-next i
{font-size:1.7em; color:#000;  font-weight: 700; } 	
.owl-ykienkhachhang > .owl-nav > .owl-prev:hover {border: 1px solid #FF8800; }
.owl-ykienkhachhang > .owl-nav > .owl-prev:hover  > i { color:#000}

.owl-ykienkhachhang > .owl-nav > .owl-next:hover {border: 1px solid #FF8800; } 
.owl-ykienkhachhang > .owl-nav > .owl-next:hover  > i { color:#000}

.owl-ykienkhachhang .owl-nav.disabled+.owl-dots {margin-top: 2rem!important;}
.owl-ykienkhachhang .owl-dots .owl-dot span{width: 15px !important;height: 15px !important; }
/**/
.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
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.owl-hometintuc .owl-controls .owl-buttons .owl-prev {left:3rem;}
.owl-hometintuc .owl-controls .owl-buttons .owl-next {right: 3rem;}
}
@media (max-width:992px) {
.owl-hometintuc .owl-controls .owl-buttons .owl-prev {left:1rem;}
.owl-hometintuc .owl-controls .owl-buttons .owl-next {right: 1rem;}
}

@media (max-width: 768px) and (max-width: 480px) and (min-width: 320px)
{  
#owl-banner .owl-controls .owl-pagination {display:none} 
 
.owl-hometintuc .owl-controls .owl-buttons .owl-prev {left: 1rem;}
.owl-hometintuc .owl-controls .owl-buttons .owl-next {right: 1rem;}

}