html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.qr_code_text span{

  width: 46%;
}
.menu-contact-local{
  padding-left: 30px;
}
.menu-contact-local li{
  list-style: none;
  margin-bottom: 20px;
  position: relative;
}
.menu-contact-local li:nth-child(1)::before{
  width: 21px;
  height: 21px;
  position: absolute;
  content: '';
  background: url('../images/cr1.png');
  background-repeat: no-repeat;
  background-size: 18px 19px;
  top: 7px;
  left: -27px;
}
.menu-contact-local li:nth-child(2)::before{
  width: 21px;
  height: 21px;
  position: absolute;
  content: '';
  background: url('../images/call1.png');
  background-repeat: no-repeat;
  background-size: 18px 19px;
  top: 0;
  left: -27px;
}
.menu-contact-local li:nth-child(3)::before{
  width: 21px;
  height: 21px;
  position: absolute;
  content: '';
  background: url('../images/mal1.png');
  background-repeat: no-repeat;
  background-size: 18px 19px;
  top: 0;
  left: -27px;
}
.menu-contact-local li:nth-child(4)::before{
  width: 21px;
  height: 21px;
  position: absolute;
  content: '';
  background: url('../images/fax1.png');
  background-repeat: no-repeat;
  background-size: 18px 19px;
  top: 0;
  left: -27px;
}
.content_qr_code{
background: #00000085;
}

.detail-page.modal-open{
padding-right: 0px !important;
}

.qr_code_text{

margin-bottom:10px;
}
.description_short{
height: auto!important;
min-height: 36px;
}
.search-custom i.fa-search:hover , .h-cart:hover{
color:#fe5000;
}
.md-room-product{
  /* background:url(../images/bgr-pro.png) !important; */
  background: #fff;
  background-size: cover;
  padding-top: 70px;
  background-repeat: no-repeat;
  box-shadow: 2px 0px 14px 3px #e1e0e0;
  padding-bottom: 50px;
}
.md-room-product .title{
/* color: #fff; */
}
.md-room-product .title a{
color: #fa6c00;
font-size: 16px;
}
.md-room-product .arrow_right:before {
  content: "\24";
  opacity: 0.5 !important;
}
.md-room-product .arrow_left:before {
  content: "\23";
  opacity: 0.5 !important;
}
.md-room-product .def-arrow{
opacity: 0.5 !important;
}

.ez-map:before {
  content: "";
  color: #999 !important;
}

.single .s-title{
margin-bottom: 10px
}
/* 16x9 */
.cnv-img-16x9 {
position: relative !important;
padding-top: 56.25% !important;
display: block !important;
overflow: hidden !important;
}

.cnv-img-16x9 img{
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin:auto !important;
  border-radius: inherit !important;
}

.h-post:hover .cnv-img-16x9::after {
  opacity: 1;
}

.h-post .cnv-img-16x9{
  background:#000;
}
.h-post .cnv-img-16x9::after , .post2 .img::after {
  content: '';
  width: 60px;
  height: 60px;
  background-image: url("../images/ic-plus.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
}

.md-gallery-custom{
background: url('../images/bg_khachhang.png') no-repeat center center;
background-size: auto;
}
.md-gallery-agency{
background: url('../images/bg_chinh_sach_dai_ly.png') no-repeat center center;
background-size: auto;
margin-top: 75px;
}

.title_agency , .title_brand{
position: relative;
}
.title_agency::after , .title_brand::after{
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

.title_agency::after{
content: url('../images/line_chinh_sach_dai_ly.png');
top: 50%;
}
.title_brand{
color:#2a2a2a;
}
/*.title_brand::after{
content: url('../images/line_thuong_hieu.png');
top: 70%;
}*/

.content_agency{
text-align: center;
color: #fff;
max-width: 720px;
margin: 0 auto;
line-height: 30px;
font-size: 17px;
}


.join_agency{
text-transform: uppercase;
color: #fff;
background: #fe5000;
text-align: center;
font-size: 17px;
display: block;
width: 22%;
padding: 11px 25px;
margin: 50px auto 100px auto;
border-radius: 10px;
}

.md-posts{
  padding-top: 100px;
}
.md-gallery-brand{
background:#fff !important;
padding-top: 50px;
}

.customer_slider .slick-arrow.prev {
  left: -20px;
}

.customer_slider .slick-arrow.next {
  right: 20px;
}
.customer_slider .slick-arrow {
  position: absolute;
  top: 70%;
  height: auto;
  margin-top: -23px;
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.customer_slider .slider-item{
border-left: 1px solid #e6dddd57;
/*width: 210 !important;*/
max-width:210px !important;
}

.customer_slider .slick-current{
border-left: none
}

.footer .logo{
margin-bottom: 20px;
max-width: 180px;
}

.contact .social {
  display: block;
  vertical-align: middle;
  margin-top: 15px;
}

.contact .social a {
  width: 32px;
  height: 32px;
  border-radius: 0;
  display: inline-block;
  font-size: 16px;
  border: 1px solid #9ec1d0;
  margin: 0 3px;
  color: #9ec1d0;
  text-align: center;
  padding-top: 3px;
  margin: 0 auto;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  /*-webkit-filter: brightness(0) invert(1);*/
  /*filter: brightness(0) invert(1);*/
}

.contact .social a:hover{
background:#fff;
color:#000;
}

.f-title-custom{
position: relative;
}
.f-title-custom:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  background-color: #fff;
  bottom: -4px;
  left: 0;
}

.support_list {
  width: 100%;
}

.support_list li {
  padding-bottom: 0px;
  width: 100%;
  margin-bottom: 18px;
}

.support_list li a {
  font-size: 14px;
  line-height: 26px;
  color: #f1f4f6;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
}


.contact_info_item span , .about_footer span{line-height: 26px !important;font-size: 14px !important;color: #f1f4f6;}
.contact_info_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*padding-left: 0px !important;*/
}

.contact_info_item img {
  height: 18px;
  -o-object-fit: cover;
  object-fit: cover;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 5px;
}



.contact_info_item h6 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block-address{
line-height: 26px;
}

.btn-inline{
background-color: #ae1f24 !important;
}


/*Trang trong*/
.breadcrumbs ul li .ez{
font-size: 10px
}
.breadcrumbs ul li {
  display: inline-block;
  vertical-align: middle;
  color: #999 !important;
}


.breadcrumbs ul li:last-child a:after{
content:'';
}
.banner img{
min-height: auto;
}
/*.breadcrumbs ul li a:last-child:after{
content:'';
}*/
.cnv-img-product:hover::after{
content: '';
background: #00000069;
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
position: absolute;
}

.post2 .title a:hover {
  color: #fe5000;
}

/*Trang trong*/


/*Trang san pham Clover*/

.pro-imgs {
  position: relative;
  padding-left: 105px;
}
.pro-img {
  padding-bottom: 17px;
  border-bottom: none;
  margin-bottom: 20px;
}
.pro-img {
  background: #fff;
}
.pro-img .slick-list {
  margin: 0;
}
.pro-img .slick-list .slick-slide {
  margin: 0;
}
.pro-img .img {
  display: block;
  height: 400px;
  position: relative;
}

.pro-img .img img, .pro-thumb .item .img img , .pro-detail .policy .item .icon img{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: auto;
}

.pro-img .img img{
margin : 0 auto !important;
}
.pro-thumb {
  position: absolute;
  left: 0;
  width: 93px;
  top: 0;
}

.pro-thumb .item.slick-current {
  border-color: #e3534d;
  padding:2px;
}
.pro-thumb .item {
  /*border: solid 1px #f1f1f1;*/
  cursor: pointer;
  /*height: 68px;*/
  height: auto;
  margin-bottom: 8px;
}

.pro-thumb .slick-list .slick-slide {
  margin: 5px 7px;
}


.pro-thumb .item .img {
  height: 100%;
  display: block;
  position: relative;
}

.pro-detail{
margin-left: 0px;
}

.pro-detail .title {
  font-weight: bold;
  font-size: 16px;
  color: #181818;
  margin-bottom: 7px;
}
.pro-detail .code {
  font-size: 13px;
  color: #666666;
  margin-bottom: 18px;
}
.pro-detail .old-price del {
  font-size: 19px;
  color: #888787;
  display: inline-block;
  vertical-align: middle;
}
.pro-detail .old-price span {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 22px;
  padding: 0 7px;
  margin-left: 16px;
  color: #fff;
  background: #cc0b03;
}
.pro-detail .price {
  font-size: 28px;
  color: #cc0b03;
  font-weight: bold;
  margin-bottom: 15px;
}
.pro-detail .ctrls {
  margin-top: 18px;
  margin-bottom: 10px;
}
.buy-now {
  margin-bottom: 20px;
}
.pro-detail .ctrls .ctrl.v1 {
  background-image: url(../images/bg-btn1.png);
}
.pro-detail .ctrls .ctrl {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-transform: uppercase;
  background-size: auto 100%;
  background-repeat: repeat-x;
  position: relative;
  z-index: 0;
}

.pro-detail .ctrls .ctrl.v1 {
  background-image: url(../images/bg-btn1_product.png);
}

.pro-detail .ctrls .ctrl.v2 {
  background-image: url(../images/bg-btn2_product.png);
}

.pro-detail .buy-now{
background:none;
}

.pro-detail .buy-now {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  padding: 0px;
  line-height: 0px;
  margin-bottom: 0px;
}

.pro-detail strong.price{
margin-right: 20px
}

.pro-detail .policy {
  margin-top: 5px;
}

.pro-detail .policy .item {
  position: relative;
  padding-left: 40px;
  font-size: 14px;
  margin-bottom: 13px;
}

.pro-detail .policy .item .icon {
  width: 28px;
  position: absolute;
  left: 0;
  height: 40px;
  top: 50%;
  margin-top: -20px;
}

.pro-detail .policy .item .name {
  font-weight: bold;
  color: #2c2c2c;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.pro-detail .policy .item span {
  color: #666666;
}

.pro-detail .policy .item a {
  font-size: 20px;
  font-weight: bold;
  color: #cc0b03;
  line-height: 18px;
}


.pro-dt-tab li {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
}

.pro-dt-tab li.active a {
  border-bottom: 1px solid#e3534d;
  text-align: left;
  font-weight: 600;
}
.pro-dt-tab li a {
  display: block;
  text-transform: uppercase;
  line-height: 46px;
  width: auto;
  /*border: solid 1px #dddddd;*/
  margin-bottom: -1px;
  text-align: center;
  margin-right: -1px;
}

.fv-content {
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.6em;
  font-family: Arial, Georgia, serif;
  /*padding: 1vw 2vw 0;*/
  padding-left: 0;
  padding-top: 15px;
}

.fv-content{
text-align: justify;
}

.fv-content table{
width: 100%
}

.fv-content ul{
margin-left:20px;
}

.tags ul li {
  float: left;
  padding: 5px 10px 5px 0;
}


.tags ul li a {
  padding: 5px 10px;
  background: #3b98e0;
  color: #FFF;
}


.pro-thumb .slick-arrow.prev {
  top: 0;
}

.pro-thumb .slick-arrow.next {
  bottom: 8px;
}
.pro-thumb .slick-arrow {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: solid 1px #ccc;
  font-size: 18px;
  color: #ccc;
  text-align: center;
  line-height: 28px;
  border-radius: 3px;
  left: 50% !important;
  margin-left: -15px;
  background: #e3534d;
  color: #fff;
  border-color: #e3534d;
  top:auto !important;
}
/* .search-custom{
margin-right: 20px;
} */

.h-cart{
color:#fff;
}



.fv-content img, .fv-content video{
    max-width: 100% !important;
}

.remove_padding{
padding-left: 0px;
padding-right: 0px;
}

.tags{
margin-top: 10px;
}

/*End Trang san pham Clover*/

.fa-shopping-cart{
margin-right: 5px;
}
.bor-box:before , .bor-box .i-title:after ,.lpost-box li a:hover:after,
.single .s-title:after {
  background: #fe5000;
}

.lpost-box li a:hover , .sb-post .title a:hover , .cate-box li a:hover, .cate-box li.active a,
.cnv-social-icons a:hover , .support_list li a:hover{
color:#fe5000;
}
.lpost-box li a:hover:before {
  border-color: #fe5000;
}
.lpost-box li a:before {
  border: solid 1px #fe5000;
}

.lpost-box li a:before {
  width: 6px;
  height: 6px;
  top: 9px;
}
.md-gallery-brand .title_brand{
position: relative;
display: inline-block;
}
.md-gallery-brand .title_brand::after{
content: "";
  position: absolute;
  width: 51px;
  height: 4px;
  background: url(../images/fa.png);
  background-size: 51px 4px;
  left: 50%;
  bottom: -10px;
  transform: translate(-50%, 10px);
}
.lpost-box li a{
color:#333;
}
.sb-post .title{
font-size: 15px;
}
.s-social{
display: inline-flex;
margin-bottom: 7px;
}
.md-posts .md-head{
margin-bottom: 50px;
}
.s-social ul li{
margin-left: 10px;
}
.h-room .more:hover{
color:#333;
}
.related-product{
padding-top: 0px !important;
margin-top: 30px;
}
.title_related_product{
font-size: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.md-gallery-brand .md-head.v2{
margin-bottom: 60px;
}
.md-room-product .md-head{
margin-bottom: 70px;
}
.back-to-top {
-webkit-box-shadow: 0 0 0 6px rgba(241,122,67, 0.64);
box-shadow: 0 0 0 6px
  rgba(241,122,67, 0.64);
}

.content_details_product{
  margin-top: 35px;
}


.pro-thumb .slick-arrow.prev{
top:-25px !important;
}

.pro-thumb .slick-arrow.next {
  bottom: -50px !important;
}

.comments{
margin-bottom: 15px;
}
.bor-box{
margin-top: 22px;
}
.md-gallery-brand{
  padding-bottom: 0px !important;
}

.cate-box ul li {
  position: relative;
}

.cate-box > ul > li span {
  position: absolute;
  right: 5px;
  font-size: 22px;
  cursor: pointer;
  top: 0px;
}

.cate-box .sub-cate {
  padding-left: 10px;
  display: block;
}

.cate-box .sub-cate li {
  border-bottom: none;
  font-size: 16px;
  color: #555555;
  display: block;
  /* padding-bottom: 15px; */
  text-transform: capitalize;
}
.cate-box ul li {
  position: relative;
}
.sub-cate li {
  position: relative;
  padding-left: 16px;
}
.cate-box .sub-cate li a {
  border: none;
  color: #666666;
}

.cate-box .sub-cate li a:hover {
  color: #fe5000;
}

.cate-box ul li a {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
}
.cate-box li a {
  font-size: 16px;
  color: #333333;
  display: block;
  padding-bottom: 14px;
  border-bottom: solid 1px #e8e8e8;
  margin-bottom: 0px;
}

.sub-cate li a:after {
  content: '';
  width: 4px;
  height: 4px;
  background: #666666;
  position: absolute;
  left: 5px;
  top: 11px;
  font-size: 8px;
}


@media screen and (min-width: 1601px){
.md-gallery-custom , .md-gallery-agency{
  background-size: 100%;
}
}

@media screen and (min-width: 1024px){
.about_footer{
  max-width: 300px
}
/* .content_logo{
  text-align: right
} */

.content_logo img{
  max-width: 140px;
  max-height: 70px
}

.acd-drop.active{
  display: none;
}
}

@media screen and (max-width: 1024px) and (min-width: 1024px){
.join_agency{
  width: 30%
}
}


@media (min-width: 992px){


  body.detail-page header {
       position: fixed !important; 
      /* background: rgba(0, 0, 0, 0.4) !important; */
  }

  
  header.fixed {
      animation-name: fadeInDown;
      animation-duration: 5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      -webkit-animation-name: fadeInDown;
      -webkit-animation-duration: 5s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-direction: normal;
      -webkit-animation-play-state: running;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-name: anim_titles;
      -moz-animation-duration: 5s;
      -moz-animation-timing-function: linear;
      -moz-animation-iteration-count: infinite;
      -moz-animation-direction: normal;
      -moz-animation-play-state: running;
      -moz-animation-fill-mode: forwards;
      -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -webkit-animation-duration: .7s;
      -moz-animation-duration: .7s;
      -webkit-animation-delay: 0s;
      -moz-animation-delay: 0s;
      -webkit-animation-timing-function: ease-out;
      -moz-animation-timing-function: ease-out;
  }
}


@media screen and (max-width: 991px){
  header.fixed {
    animation-name: fadeInDown;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;


.md-gallery-brand .title_brand::after{
  left: 30px;
}

footer{
          margin-top: 0px !important;
}

.qr_code_text span{

  width: 100%;
}

.breadcrumbs {
  padding-top: 0px;
  padding-bottom: 5px;
}
.banner{
margin-bottom: 10px;
}
.join_agency{
  margin: 25px auto;
}
.pro-thumb .slick-arrow.prev{
  top:-17px !important;
}
.md-gallery-agency{
  margin-top: 45px;
}
footer{
  margin-top: 30px;
}
.md-gallery-brand{
  padding-bottom: 0px;
}
body.detail-page{
  padding-bottom: 0px;
}

.md-about .more {
    color: #fff;
    background: #fe5000;
}

.fv-content{
  margin:15px 0px;
}

.cart-table{
  margin: 0 auto !important;
}

.contact_info_item{
  width: 100%;
}
.pro-detail .ctrls .ctrl.v2{
  margin-top: 20px
}
.md-gallery-custom , .md-gallery-agency{
  background-size: cover;
}

.join_agency{
  width: 90%
}

.pro-img .img {
    height: 400px;
}

.pro-imgs .pro-thumb {
    width: 70px;
    display: none;
}
.pro-imgs{
  padding-left: 0px;
}

.fv-content img, .fv-content video{
  width: auto;
}

.tags{
  margin-top: 20px;
}

.pro-thumb .slick-arrow.next {
    bottom: -35px;
}
.content_details_product{
  margin-top:15px;
}

.pro-img{
  padding-bottom: 0px;
  margin-bottom: 10px;
}

.pro-imgs .slick-dots li{
  border:solid 1px #999;
  width: 6px;
  height: 6px;
}

}

@media (max-width: 767px){

.md-room-product .room-cas .slick-dots{
  margin-top: 0px
}
.static{
  justify-content: flex-end;
}
.pro-img .img {
    height: 200px;
}
.md-room-product{
  padding-top: 12px;
  padding-bottom: 0;
}
.footer .f-title {
  margin-top: 15px;
}
.pagination{
  justify-content: center;
  padding-bottom: 30px;
}
.md-room-product .md-head{
  margin-bottom: 0;
}
.md-posts .md-head{
  margin-bottom: 40px;
}
.md-gallery-brand{
  padding-top: 12px;
}
.md-gallery-brand .md-head.v2{
  margin-bottom: 35px;
}
.md-posts{
  padding-top: 25px;
}
.def-arrow {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
}

@media screen and (max-width:567px) and (min-width: 320px){
.search .ct {
   right: -180px;
}
.customer_slider .slick-list{
  max-height: 81px !important;
}
}