/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}



/* Owl Carousel Owl Demo Theme v1.3.3*/

.owl-theme .owl-controls{ 
text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
margin: 20px; 
font-size: 12px;z-index:2 
}

.owl-controls .owl-buttons div {
position: absolute;
}
.owl-controls .owl-buttons .owl-prev {
left: 0;
top: 45%;
transform: translateY(-50%);
background:#000;
}

.owl-controls .owl-buttons .owl-next {
right: 0;
top: 45%;
transform: translateY(-50%);
background: #000;
}
.owl-buttons i {
color: #fff;
font-size: 40px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span
{   
background: #fff;}

.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); 
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 50%; 
border: 1px solid #fff;
}

#owl-banner .owl-controls .owl-pagination {    width: 20%;
position: absolute;
z-index: 1;
bottom: 5%;
left: 0%;
overflow: hidden;
height: 20px;}
#owl-banner >   .owl-controls .owl-buttons div{     display: inline-block;
margin: 20px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
background: #ffffff94;}
#owl-banner .owl-controls .owl-buttons .owl-prev,#owl-banner .owl-controls .owl-buttons .owl-next 
{ display:none;  transition: all 0.2s ease-in-out 5s;}
#owl-banner .owl-controls .owl-buttons .owl-prev i,#owl-banner .owl-controls .owl-buttons .owl-next i 
{ font-size: 30px;  color: #333; font-weight:600}

#owl-banner:hover .owl-controls .owl-buttons .owl-prev ,#owl-banner:hover .owl-controls .owl-buttons .owl-next 
{ display:block;}


/*Slide banner*/ 
.box_slidechild {overflow: hidden;position:relative} 
.box_slidechild >.sync3 .owl-controls .owl-buttons div { 
background: rgba(0,0,0,.3);
border-radius: 3px;
top: 50%; 
width: 35px;
height: 50px; opacity:0 ;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.box_slidechild >.sync3:hover .owl-controls > .owl-buttons div {opacity:1}
.box_slidechild >.sync3 .owl-controls .owl-buttons div i {font-size: 20px;
text-align: center;
font-weight: 600;
line-height: 50px;}

.box_slidechild > .sync4 >.owl-wrapper-outer {overflow: visible;}
.box_slidechild > .sync4 >.owl-wrapper-outer>.owl-wrapper > .owl-item {     padding: 0.8em 1em;
background: #fff;
color: #000;
height: 4em; 
position: relative;
line-height: 1.2em;    cursor: pointer; }
.box_slidechild > .sync4 >.owl-wrapper-outer>.owl-wrapper > .owl-item.synced { background: #008246; color: #fff; position:relative;}
.box_slidechild > .sync4 >.owl-wrapper-outer>.owl-wrapper > .owl-item.synced:before{
position: absolute;
content: "";
border-bottom: 7px solid #008246;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
left: calc(50% - 5px);
top: -7px;
z-index: 99;}
.box_slidechild > .sync4 >.owl-wrapper-outer>.owl-wrapper > .owl-item > .item {text-align:center} 
/*Slide home sản phẩm bán chạy*/  
.owl_tabsbanchay > .owl-controls {  position: absolute;
width: 100%;
display: inline-block;
right: 0;
top: 46%;
}
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-prev { left: -7em; }
.owl_tabsbanchay:hover   > .owl-controls > .owl-buttons > .owl-prev  {  left: -2em; }
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-next { right: -7em; }
.owl_tabsbanchay:hover   > .owl-controls > .owl-buttons > .owl-next  {right: -2em; }
.owl_tabsbanchay > .owl-controls > .owl-buttons > div {    margin: 0;
width: 4em;
height: 4em;
box-shadow: 0 0 10px rgba(0,0,0,.3);
background: #fff;
border-radius: 50%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
line-height: 4.3em;
}
.owl_tabsbanchay .owl-controls .owl-buttons div i { font-size: 1.5em; 
font-weight: 600;color:#999 }	 
.owl_tabsbanchay .owl-controls .owl-buttons .owl-prev i{ margin-right: -1em; } 

.owl_tabsbanchay .owl-controls .owl-buttons .owl-next i { margin-left: -1em;} 
/*Slide home sản phẩm*/  
.owl_tabs > .owl-controls {  position: absolute;
width: 100%;
display: inline-block;
right: 0;
top: 46%;
}
.owl_tabs > .owl-controls > .owl-buttons > .owl-prev { left: -7em; }
.owl_tabs:hover   > .owl-controls > .owl-buttons > .owl-prev  {  left: -2em; }
.owl_tabs > .owl-controls > .owl-buttons > .owl-next { right: -7em; }
.owl_tabs:hover   > .owl-controls > .owl-buttons > .owl-next  {right: -2em; }
.owl_tabs > .owl-controls > .owl-buttons > div {    margin: 0;
width: 4em;
height: 4em;
box-shadow: 0 0 10px rgba(0,0,0,.3);
background: #fff;
border-radius: 50%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
line-height: 4.3em;
}
.owl_tabs .owl-controls .owl-buttons div i { font-size: 1.5em; 
font-weight: 600;color:#999 }	 
.owl_tabs .owl-controls .owl-buttons .owl-prev i{ margin-right: -1em; } 

.owl_tabs .owl-controls .owl-buttons .owl-next i { margin-left: -1em;} 
/*Slide chi tiết sản phẩm*/
.img_thumsanpham > a > .zoom{ overflow:hidden; background:#fff}
.img_thumsanpham > a > .zoom > img{height:100%;margin: 0 auto;width: 100%;}
.img_thumsanphamchild { border: 0.01em solid #9e9e9e99}
.synced .img_thumsanphamchild { /*border: 0.09em solid #9e9e9e*/}
.img_thumsanphamchild { 
text-align: center;
cursor: pointer;
max-height: 80px;
overflow: hidden;
background: #fff;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;    display: block;
}
.img_thumsanphamchild img{      height: 80px;
margin: 0 auto;
width: auto;} 
.sync1 .owl-controls .owl-buttons div { 
background: #9E9E9E; 
border-radius: 50%;    top: 50%;padding: 0.4em 1.2em;
}

.sync1 .owl-controls .owl-buttons div i {font-size: 30px;text-align:center}
.box_galleryproduct2{margin-top:2rem}
.sync2 .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
padding: 3px 10px; 
width: 2em;
height: 2em;
background: #9E9E9E;
line-height: 2em; top: 52%; 
}
.sync2 .owl-controls .owl-buttons div i {font-size: 20px;} 
.syncproduct2 img{cursor:pointer}
/*smartphones mobiles (portrait)*/ 
@media (min-width: 320px) and (max-width: 576px){
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-next { right: -2em; }		

.owl_tabs > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabs > .owl-controls > .owl-buttons > .owl-next { right: -2em; }	
}	 
/*Home khách hàng*/
.homekhachhang > .owl-controls {      position: absolute;
width: 8%;
display: inline-block;
right: 10px;
top: -5em;
} 
.homekhachhang > .owl-controls > .owl-buttons > div {    margin: 0;
width: 35px;
height: 35px;  
border: 1px solid #9E9E9E;
line-height: 35px; }
.homekhachhang .owl-controls .owl-buttons .owl-prev i,.homekhachhang .owl-controls .owl-buttons .owl-next i
{   font-size: 1.7em;
color: #9E9E9E;} 


.homekhachhang  > .owl-controls > .owl-buttons > .owl-prev:hover {border: 1px solid #cfcfcf; }
.homekhachhang   > .owl-controls  > .owl-buttons  > .owl-prev:hover  > i { color:#cfcfcf}

.homekhachhang   > .owl-controls > .owl-buttons > .owl-next:hover {border: 1px solid #cfcfcf; } 
.homekhachhang   > .owl-controls  > .owl-buttons  > .owl-next:hover  > i { color:#cfcfcf}
/*Home tin tức*/
.hometintuc > .owl-controls {       position: absolute;
width: 100%;
display: inline-block; 
top: 45%;
} 
.hometintuc > .owl-controls > .owl-buttons > div {    margin: 0;
width: 35px;
height: 35px;  
border: 1px solid #9E9E9E;
line-height: 35px; }
.hometintuc .owl-controls .owl-buttons .owl-prev i,.hometintuc .owl-controls .owl-buttons .owl-next i
{   font-size: 1.7em;
color: #9E9E9E;} 


.hometintuc  > .owl-controls > .owl-buttons > .owl-prev:hover {border: 1px solid #cfcfcf; }
.hometintuc   > .owl-controls  > .owl-buttons  > .owl-prev:hover  > i { color:#cfcfcf}

.hometintuc   > .owl-controls > .owl-buttons > .owl-next:hover {border: 1px solid #cfcfcf; } 
.hometintuc   > .owl-controls  > .owl-buttons  > .owl-next: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
}

/*laptops, desktops*/ 
@media (min-width: 1201px) and (max-width: 1400px){ 

} 

/*ipad-pro*/  
@media (min-width: 993px) and (max-width: 1200px){ 



}  
/*ipad */   
@media (min-width: 769px) and (max-width: 992px){ 
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-next { right: -2em; }

.owl_tabs > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabs > .owl-controls > .owl-buttons > .owl-next { right: -2em; }
}

/*low resolution tablets, mobiles (landscape)*/ 
@media (min-width: 577px) and (max-width: 768px){
.slide_gallery1 > div > .owl-wrapper { max-height: 40em; }
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-next { right: -2em; }

.owl_tabs > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabs > .owl-controls > .owl-buttons > .owl-next { right: -2em; }
}


@media (min-width: 320px) and (max-width: 576px) 
{ 

#owl-banner .owl-controls .owl-pagination {display:none} 
.sanphambanchay > .owl-controls { width: 19%; top: -3.4em; right: 1em;}
.homesanpham > .owl-controls { width: 19%;  top: -3.2em;right: 0px;}
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabsbanchay > .owl-controls > .owl-buttons > .owl-next { right: -2em; }	
.owl_tabs > .owl-controls > .owl-buttons > .owl-prev { left: -2em; } 
.owl_tabs > .owl-controls > .owl-buttons > .owl-next { right: -2em; }	 
}