﻿@media (min-width:767px) and (max-width:992px){
.ProductListing .col-sm-1:nth-child(12n+1),
.ProductListing .col-sm-2:nth-child(6n+1),
.ProductListing .col-sm-3:nth-child(4n+1),
.ProductListing .col-sm-4:nth-child(3n+1),
.ProductListing .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}

/*Large Desktop*/
@media (min-width:993px){
.ProductListing .col-md-1:nth-child(12n+1),
.ProductListing .col-md-2:nth-child(6n+1),
.ProductListing .col-md-3:nth-child(4n+1),
.ProductListing .col-md-4:nth-child(3n+1),
.ProductListing .col-md-6:nth-child(2n+1),
.ProductListing .col-lg-1:nth-child(12n+1),
.ProductListing .col-lg-2:nth-child(6n+1),
.ProductListing .col-lg-3:nth-child(4n+1),
.ProductListing .col-lg-4:nth-child(3n+1),
.ProductListing .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}
@media (max-width:767px){
.ProductListing .col-xs-1:nth-child(12n+1),
.ProductListing .col-xs-2:nth-child(6n+1),
.ProductListing .col-xs-3:nth-child(4n+1),
.ProductListing .col-xs-4:nth-child(3n+1),
.ProductListing .col-xs-6:nth-child(2n+1){
    clear: left;
  }
}


.ProductListing .ProductListing1 .itemBix{ border-bottom: 1px solid #e3e3e3;margin-bottom: 30px;}
.ProductListing .ProductListing1 .title{ margin-bottom: 30px;   min-height: 70px; margin-top: 28px;display: block;color: #303030;font-size: 15px; font-family: 'OpenSans-Regular';}
.ProductListing .ProductListing1 .title .title1{color: #f58220;font-size: 14px;font-family: 'OpenSans-Regular';font-weight: bold;text-transform: uppercase;}
.ProductListing .ProductListing1 .title  a{color: #303030;font-weight: normal;font-size: 15px;text-align: justify;}
.ProductListing .ProductListing1 .title  a:hover{color: #00b26a;}
.ProductListing .ProductListing1 .image{ border: 1px solid #d4d4d4;padding: 5px;box-sizing: border-box;}
/*Product details*/

 .NoiDungChiTiet .anhchinh{height: 312px;overflow: hidden;position: relative;}
 .NoiDungChiTiet .anhchinhBox{height: 312px; box-sizing: border-box; width: 100%;max-height: 310px;overflow: hidden;border: 1px solid #deecd9;}
 .NoiDungChiTiet .anhchinhBox img{  height: auto;   width: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;}
 .NoiDungChiTiet .anhphu .item{border: 1px solid #deecd9;box-sizing: border-box;margin-bottom: 0px; margin-top: 0px;}
 .NoiDungChiTiet .anhphu .item{ margin-bottom: 5px;}
 .NoiDungChiTiet   .p-thums{ overflow: hidden;height: 312px;padding-left: 0 !important;}
 .NoiDungChiTiet .anhchinh{ padding-right: 5px !important;}

.ProductDetail .NoiDungChiTiet .title{ color: #00aa78;font-size: 18px;font-family: 'OpenSans-Regular';}
.ProductDetail .NoiDungChiTiet .title h1 {
    margin: 0 !important;
    font-size: 20px;
    font-family: 'OpenSans-Bold';
    text-transform: uppercase;
}

.ProductDetail .NoiDungChiTiet .desc{color: #303030;font-size: 15px;font-family: 'OpenSans-Regular';line-height: 20px;margin-top: 20px;}

.ProductDetail .product-detail-gia{ width: 100%;float: left;margin: 5px 0;font-size: 14px;color: #303030;}
.ProductDetail .product-detail-gia ins{ text-decoration: line-through;padding-left: 15px;}
.ProductDetail  .giamoi{ color: #ff9000;font-size: 20px;font-family: 'OpenSans-Regular';}
.ProductDetail .box-detail-action{ padding-top: 15px;border-top: 1px solid #d4d4d4;}
.ProductDetail .detail-box-muangay {
     width: 100%;
     float: left;
     background: #00aa78;
     padding-left: 10px;
     padding-right: 10px;
     height: 45px;
     line-height: 45px;
     width: 132px;
     margin-right: 15px;
}
.ProductDetail .detail-box-muangay input[type='submit'] {
     max-width: 138px;
     border: none;
     background: url("img/giohang.png") no-repeat left center;
     display: block;
     text-align: center;
     font-family: 'OpenSans-Regular';
     font-size: 16px;
     color:#fff;
     padding-left:;
     text-decoration: none;
     padding-left: 42px;
}

.ProductDetail .detail-box-giohang {
    width: 100%;
    float: left;
    background: #105d98;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 197px;
    height: 45px;
    line-height: 45px;
}
.ProductDetail .detail-box-giohang a{background: url("img/giaohang.png") no-repeat left center;display: block;text-align: center;font-family: 'OpenSans-Regular';font-size: 16px;color:#fff;padding-left: 33px;text-decoration: none;}
.ProductDetail .Vocher{ margin-top: 20px;line-height: 20px;}
.ProductDetail .giaohang{ padding-left: 40px;background: url("img/xeoto.png") no-repeat left top 0;display: block;min-height: 35px;line-height: 19px;padding-top: 5px;}
.ProductDetail .doimoi{ padding-left: 40px;background: url("img/loading.png") no-repeat left top 0;display: block;min-height: 35px;line-height: 19px;padding-top: 5px;}
.ProductDetail .qua{ padding-left: 40px;background: url("img/combo.png") no-repeat left top 0;display: block;min-height: 35px;line-height: 19px;padding-top: 5px;}
.productHot { margin-top: 25px;}
/*Tab Menu*/
.ProductDetail .tab-detail{ margin: 25px 0 !important;}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: #303030;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
    background: none;
    text-transform: uppercase;
}
ul.tab li a.active,ul.tab li a:hover {
    border-bottom: 2px solid #ff9000;
    color: #ff9000;
}


/* Style the tab content */
.tabcontent {
    padding-top: 20px;
    font-size: 15px;
    color: #303030;
    font-family: 'OpenSans-Regular';
    line-height: 23px;
}
/*End Tab Menu*/
.proRef  .captionA,.proRef  .captionAuto { width: 100%;float: left;text-align: center;font-family: 'OpenSans-Bold' !important;}
.ProductRef .title{outline: none;text-align: justify;  margin-top: 28px;display: block;color: #303030;font-size: 15px; font-family: 'OpenSans-Regular';}
.ProductRef .title .title1{color: #f58220;font-size: 14px;font-family: 'OpenSans-Regular';font-weight: bold;text-transform: uppercase;}
.ProductRef .title  a{color: #303030;font-weight: normal;font-size: 15px;}
.ProductRef .title  a:hover{color: #00b26a;}

@media (min-width:767px) and (max-width:992px){
.ProductRef .col-sm-1:nth-child(12n+1),
.ProductRef .col-sm-2:nth-child(6n+1),
.ProductRef .col-sm-3:nth-child(4n+1),
.ProductRef .col-sm-4:nth-child(3n+1),
.ProductRef .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}

/*Large Desktop*/
@media (min-width:993px){
.ProductRef .col-md-1:nth-child(12n+1),
.ProductRef .col-md-2:nth-child(6n+1),
.ProductRef .col-md-3:nth-child(4n+1),
.ProductRef .col-md-4:nth-child(3n+1),
.ProductRef .col-md-6:nth-child(2n+1),
.ProductRef .col-lg-1:nth-child(12n+1),
.ProductRef .col-lg-2:nth-child(6n+1),
.ProductRef .col-lg-3:nth-child(4n+1),
.ProductRef .col-lg-4:nth-child(3n+1),
.ProductRef .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}

@media screen and (max-width: 767px) {
    .anhmobile .owl-carousel .owl-item img{ max-width: 100% !important;width: auto !important; }
}