@charset "utf-8";
/* CSS Document */
html {max-width: 1920px;width: 100%!important;margin: 0 auto;overflow-x: hidden;}
body {font-size: 24px; position: relative; color: #fff; max-width: 1920px; font-family: 'Quark-Regular';
margin: 0 auto;overflow-x: hidden;}
div {font-family: 'Quark-Regular';}
p {font-size: 24px; font-family: 'Quark-Regular'; color: #fff;}
img {max-width: 100%;height: auto;width: auto;}
ul,ol {font-family: 'Quark-Regular';}
a * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a, div a, p a {color: #fff; text-decoration: none!important;outline: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:hover, div a:hover, p a:hover {color: #fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
header {position: absolute;z-index: 999;width: 100%;max-width:1920px;padding: 15px 0 0 0;}
h1 {margin-bottom: 0;font-family: 'Quark-Bold'; font-size: 30px;line-height: 1.2;}
.section-box-inner h1 {display: none;}
h2 {font-size: 30px;font-family: 'Quark-Bold';line-height: 1.2;}
h3, h4 {font-size: 25px;font-family: 'Quark-Regular';line-height: 1.2;}
.content-wrap {width:90%; margin: 0 auto; max-width: 1600px;position: relative;overflow: hidden;}
.content-wrap-1366 {width:90%; margin: 0 auto; max-width: 1366px;position: relative;overflow: hidden;}
#mainmenu-button-mb {display: none;}
.wrap-menumain {display: flex;align-items: center;width: 33.33%;}
.wrap-menumain-other {display: flex;align-items: center;justify-content: end;width: 33.33%;}
.content-wrap-header {width:90%; max-width: 1800px; margin: 0 auto;overflow: visible;position: relative;}
.logo-main {width: 33.33%;display: flex;
  align-items: center;justify-content: center;min-height: 61px}
#main-menulist {padding: 0;display: inline-block;width: auto;}
.menu-wrapmain {padding: 0;}
#main-menulist ul {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0;}
#main-menulist ul li {font-family: 'Quark-Bold', sans-serif;color: #000; display: inline-block;margin: 0 30px 0 0;position: relative;}
#main-menulist ul li a {position: relative;color:#000;font-size: 18px;text-transform: uppercase; padding: 5px 0;display: block;}
#main-menulist ul li a:after {content: '';width: 0;position: absolute;bottom: 0;left: 0;height: 3px;background: #AA0303}
#main-menulist ul li a:hover:after {width: 100%}
.wrap-content-menu {display: flex;flex-wrap: wrap; width: 100%;vertical-align: top;position: relative;justify-content: end;}
.switch-lang {width: 20%;
  display: flex;
  justify-content: flex-end;
  align-items: center;margin-left: 7px;}
.switch-lang div {margin-left: 10px;width: 65px;
  height: 36px;--scale: 1.0;
  --skew: -25;
  padding: 7px 5px;
  outline: none;
  background: rgba(255, 255, 255, 0.42);
  border-top-left-radius: .2em;
  border-bottom-left-radius: .2em;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);
  display: flex; justify-content: center; align-items: center;
}
.switch-lang div:last-child {border-radius: unset!important;border-top-right-radius: .2em!important;border-bottom-right-radius: .2em!important;}
.switch-lang a {font-family: 'Quark-Bold', sans-serif;font-size: 17px;text-align: center;color: #000!important;
  display: flex; justify-content: center; align-items: center;
  --skew: 25;transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);
  -webkit-transition: unset;-moz-transition: unset;
-o-transition: unset;-ms-transition: unset;transition: unset;
}
.switch-lang div.lang-active,.switch-lang div:hover {background: #AA0303!important;cursor: default!important;}
.switch-lang div.lang-active a,.switch-lang div:hover a {color: #fff!important}
.menu-list-item {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}
.menu-list-item li {
  font-family: 'Quark-Bold', sans-serif;
  color: #000;
  display: inline-block;
  margin: 0 0 0 40px;
  position: relative;
}
.menu-list-item li a {
  position: relative;
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
  padding: 5px 0 9px 0;
  display: block;
}
.menu-list-item li a:after {content: '';width: 0;position: absolute;bottom: 0;left: 0;height: 3px;background: #AA0303}
.menu-list-item li a:hover:after,.menumain-active a:after {width: 100%!important}
.wrap-menumain-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.mn-border {border-radius: 21px;border: 2px solid #AA0303;min-width: 140px;text-align: center;}
.menu-list-item li a.mn-border:after {width: 0!important}
.mn-border:hover {background: #AA0303}
.head-order-1 {order: 1}
.head-order-2 {order: 2}
.head-order-3 {order: 3}
.mn-show-mb {display: none!important;}
footer {padding: 60px 0 0 0;background: #2B2B2B;z-index: 4;position: relative;}
footer *, footer a {color: #fff;font-size: 20px}
footer a:hover {color: #951C1F}
.copyright-wrap {
  padding: 20px 0 15px 0;
  margin-top: 20px;
  background: #951C1F;
  text-align: center;
}
.copyright-wrap * {
  color: #CD9495!important;font-size: 16px;
}
.menu-footer-social {display: flex;justify-content: flex-end;align-items: center;padding: 0}
.menu-footer-social a {margin: 0 12px;font-family: 'Quark-Bold'}
.menu-footer-social a svg .a{fill:#fff;}
.menu-footer-social a:hover svg .a{fill:#AA0303}
.menu-footer-policy {display: flex;justify-content: flex-end;align-items: center;list-style: none;padding: 0;margin: 0}
.menu-footer-policy li {margin-left: 25px;}
.menu-footer-policy li a:hover {color: #951C1F!important}
.menu-footer-policy a:hover {color: #fff}
.ct-social .menu-footer-social {list-style: none;}
.ct-social {
  text-align: center;
  display: flex;
  justify-content: flex-start;
}
.footer-menuwrap {display: flex; flex-wrap: wrap;width: 100%;justify-content: flex-end;}
.menu-footer {width: 100%; list-style: none; padding: 0; margin: 0;display: flex;
  flex-wrap: wrap;justify-content: space-between;}
.menu-footer li {display: block;padding-left: 35px;}
.menu-footer li a {color: #fff;display: inline-block;position: relative;font-size: 22px;font-family: 'Quark-Bold'}
.menumain-active a:after {width: 100%!important}
.menu-footer li a:hover {color: #951C1F!important}
.menu-footer li ol {list-style: none; padding: 0; margin: 0;}
.menu-footer li ol li {padding-left: 0}
.menu-footer li ol li a {margin-bottom: 5px;display: inline-block;position: relative;padding: 0}
.menu-footer li a:hover {color: #fff}
.ft-first-row {padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #707070;}
.justify-end {justify-content: flex-end!important;}

.address-ft p {display: flex;align-items: baseline;}
.address-ft span {width: 90%}
.address-ft i {width: 30px;display: flex;align-items: center;}
.tel-ft p {padding-right: 25px}
.tel-ft p a {display: flex;align-items: center;position: relative;}
.tel-ft span {width: 90%;}
.tel-ft:last-child span {padding-left: 10px!important;}
.tel-ft i {width: 30px;display: flex;align-items: center;}
.tel-ft svg .a {fill:#fff;}
.tel-ft a:hover span {color: #951C1F!important}
.banner-mb {display: none!important;}
.txt-center {text-align: center;}
a svg * {-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.section-wrap {padding: 130px 0 150px 0;position: relative;z-index: 2;}
.homewrap {background: url(../../assets/images/common/bg-home-main.webp) no-repeat fixed top center;background-size: 103%}
.sec-home-wheel {background: url(../../assets/images/home/bg-main-section-home.webp) no-repeat top left; background-size: 100%;}
.pd-section-home {background: url(../../assets/images/home/bg-home-pd.webp) no-repeat top left; background-size: 100%;}
.article-section-home {background: url(../../assets/images/home/home-sec-article.webp) no-repeat top left; background-size: 100%;
padding-top: 255px;margin-top: -25px;}
.sec-home-wheel {padding: 170px 0 200px 0}
.sec-home-wheel .col-lg-8 {width: 63%}
.sec-home-wheel .col-lg-4 {width: 37%}
.sec-distributor-home {padding: 200px 0;background: url(../../assets/images/home/road-with-point.webp) no-repeat top right;min-height: 780px;display: flex;align-items: center;}
.btn-defualt a {display: inline-block;border-radius: 21px;text-transform: uppercase;text-align: center;
  color: #fff!important;border: 2px solid #AA0303;min-width: 160px;padding: 5px 30px 10px 30px;position: relative;}
.btn-defualt a:hover {background: #AA0303;color: #434343!important}
.main-title {font-family: 'Quark-Bold';position: relative;display: inline-block;font-size: 52px;
  line-height: 70px;text-transform: uppercase;}
.main-title-35 {font-family: 'Quark-Bold';position: relative;display: inline-block;font-size: 35px;
  line-height: 47px;text-transform: uppercase;}
.main-title span {font-size: 40px;color: #000;padding-right: 20px;text-transform: uppercase;}
.main-title span em {font-style: unset!important;}
.title-doubleshardow {font-family: 'Quark-Bold';font-size: 35px;line-height: 47px;color: #951C1F;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.main-title-normal {font-family: 'Quark-Bold';position: relative;display: block;font-size: 35px}
.txt-red {color: #D8001A!important}
.subsub-title {font-size: 22px!important;}
.txt-white {color: #fff!important}
.txt-black {color: #000!important}
.txt-right {text-align: right!important;}
.txt-left {text-align: left!important;}
.img-cover {position: relative;overflow: hidden;border-radius: 10px;}
.overflowvisible {overflow: visible!important;}
.order-sec-1 {order: 1}
.order-sec-2 {order: 2}
.img-border {border-radius: 5px;overflow: hidden;}
#banner-main .owl-nav.disabled + .owl-dots {z-index: 99;position: absolute;bottom: 15px;left: 50%;transform: translate(-50%,0);}
#banner-main .owl-dots .owl-dot span {
  zoom: unset;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 2px;
  text-align: center;
  margin-right: 10px;
}
#banner-main .owl-dot.active span, #banner-main .owl-dot:hover span {background: #951C1F}
#banner-main .owl-item.active .blurimagebanner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
#banner-main .item a {position: relative;display: block;}
#banner-main.item {
  height: 100vh;
  position: relative;
}
#banner-main .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
}
#banner-main .item .cover .cover-container {position: absolute;top: 40%;left: 50%;
  width: 50%;
  padding: 0;
  z-index: 99;}
#banner-main .item .cover .header-content {
  position: relative;
  overflow: hidden;
}
#banner-main .owl-item.active .move-trans-1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.5s;
}
#banner-main .owl-item.active .move-trans-2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.5s;
}
#banner-main .owl-item.active .blurimagebanner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.overflow-anime {position: relative;z-index: 999}
.system-mobile {display: none!important;}
.blog-list-wrap a:hover .blog-list-cover img {transform: scale(1.05);}
#product-slide-list .owl-nav {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%;margin-top: -88px;}
#product-slide-list .owl-nav .owl-prev {margin-left: -100px;float: left;}
#product-slide-list .owl-nav .owl-next {margin-right: -100px;float: right;}
#product-slide-list .owl-nav [class*="owl-"]:hover {background: unset;}
#blog-slide-list .owl-nav {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%}
#blog-slide-list .owl-nav .owl-prev {margin-left: -100px;float: left;}
#blog-slide-list .owl-nav .owl-next {margin-right: -100px;float: right;}
#blog-slide-list .owl-nav [class*="owl-"]:hover {background: unset;}

.blog-list-wrap {position: relative;}
.blog-list-wrap a {position: relative;display: block;}
.blog-list-cover {border-radius: 10px;overflow: hidden;}
.blog-list-cover img {width: 100%}
.blog-list-dt {position: relative;padding: 15px 0 35px 0}
.blog-list-dt * {color: #fff!important}
.blog-list-name {font-size: 25px;font-family: 'Quark-Bold';}
.blog-list-date {color: #7D7D7D!important;margin-bottom: 5px;display: flex;flex-wrap: wrap;align-items: center;}
.blog-list-date b {font-size: 42px;font-family: 'Quark-Light';padding-top: 5px;}
.blog-list-date span {font-size: 16px;padding-left: 15px;line-height: 20px;}
.blog-list-wrap a:hover .blog-list-name {color: #951C1F!important}
.section-banner-gallery,.section-banner-type {
    position: relative;z-index: 3;
}
#banner-gallery-home .slick-slide {
    padding: 0 10px !important;
}
#banner-gallery-home .slider-item {position: relative;display: block;border-radius: 10px;
  overflow: hidden;}
#banner-gallery-home .slider-item div {position: relative;display: block;}
#banner-gallery-home .slider-item div:after {position: absolute;width: 100%;height: 100%;
  background: rgba(0, 0, 0, 0.57);top: 0;left: 0;z-index: 99;content: '';opacity: 1}
#banner-gallery-home .slick-slide img {
    opacity: 1;
    border-radius: 10px;
  overflow: hidden;width: 100%;
}
#banner-gallery-home .slick-slide.slick-center img {
    opacity: 1 !important;
}
#banner-gallery-home .slick-slide.slick-center div:after {opacity: 0!important}
#banner-gallery-home .slick-arrow,#banner-pd-type .slick-arrow {
    z-index: 9;
}
#banner-gallery-home .slick-next::before,
#banner-gallery-home .slick-prev::before,#banner-pd-type .slick-next::before,#banner-pd-type .slick-prev::before {
    color: #000 !important;
    font-size: 55px !important;
    content: "" !important;
    display: block;
  height: 72px !important;
}
#banner-gallery-home .slick-prev:before,#banner-pd-type .slick-prev:before {
    background: url(../../assets/images/icon/arrow-prev.svg) left center no-repeat !important;
}
#banner-gallery-home .slick-next:before,#banner-pd-type .slick-next:before  {
    background: url(../../assets/images/icon/arrow-next.svg) right center no-repeat !important;
}
#banner-gallery-home .slick-prev, #banner-gallery-home .slick-next,#banner-pd-type .slick-prev, #banner-pd-type .slick-next {
  width: 100px;
  height: 100%;
}
#banner-gallery-home .slick-prev {
    left: 160px !important;
    z-index: 999;
}
#banner-gallery-home .slick-next {
    right: 160px !important;
    z-index: 999;
}
#banner-pd-type .slick-prev {
    left: -90px !important;
    z-index: 999;
    display: block!important;
}
#banner-pd-type .slick-next {
    right: -90px !important;
    z-index: 999;
    display: block!important;
}
.overlay-cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
  background: rgba(0, 0, 0, 0.51);opacity: 0;background-size: 102%;}
.content-wrap-center {max-width: 1366px;margin: 0 auto;}

.sub-title {font-size: 25px;font-family: 'Quark-Bold';}
.section-blog .sub-title {padding-bottom: 5px;padding-top: 20px}
.icn-guid-touch {display: none!important;}
.tel-ft .sc-mail span {
  padding-left: 10px;
}
.banner-text-alt {position: absolute;left: 50%;bottom: 50px;transform: translate(-50%,-50%);
  width: 100%;display: flex;justify-content: center;max-width: 1920px;}
.banner-text-alt-txt {border-radius: 6px;background: rgba(255, 255, 255, 0.7);padding: 10px;text-align: center;
font-size: 16px;color: #000;}
.searchbar {position: relative;}
.hicn-search {cursor: pointer;text-align: center;
  width: 65px;
  height: 36px;
  --scale: 1.0;
  --skew: -25;
  padding: 7px 5px;
  outline: none;
  border: 2px solid #fff;
  background: #000000;
  border-radius: .3em;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;}
.hicn-search svg {max-width: 17px;height: auto;--skew: 25;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);}
.hicn-search svg .a,.togglesearch button svg .a {fill:none;stroke:#fff!important;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.inner-wrapper-box .hicn-search svg .a {
  stroke: #fff;
}
.hicn-search:hover {background: #AA0303}
.hicn-search:hover svg .a {stroke:#000;}
    .togglesearch{
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 50px;
  right: 0;
      width: 385px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      display: none;
      border-radius: 6px;
      padding: 10px 13px;
    }
    .togglesearch form{
      display: flex;align-items: center;
    }
    .togglesearch input[type="text"]{
      width: 80%;
      padding: 7px 15px;
      outline: none;font-size: 18px;
      border-radius: 5px;
  border: unset;margin-right: 24px;
  background: unset;
  border: 2px solid #fff;
  color: #fff;font-family: Quark-Regular;
    }
.togglesearch input::placeholder {
  color: #818181!important;
  opacity: 1!important; /* Firefox */
}
.togglesearch input:focus:placeholder {
  color: #fff!important;
}
    .searchbar-btn{
  color: #fff;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 90px;
  --scale: 1.0;
  --skew: -25;
  padding: 7px 5px;
  outline: none;
  border: 2px solid #fff;
  background: #000000;
  border-radius: .3em;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);font-family: Quark-Regular;
    }
.searchbar-btn span {--skew: 25;transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);}

.searchbar-btn:hover {
  background: #AA0303;
    }

.bg-home-vmbfixed,.bg-home-vmbfixed-inner,.bg-home-vmbfixed-tb {display: none!important;}
.num-home-sec {font-family: 'Quark-Bold';font-size: 57px;line-height: 60px;color: #fff;}
.num-home-sec span {font-size: 30px;color: #951C1F;text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.sec-box-first-h p {color: #DFDFDF}
.box-sec-first-more {background: #2E2E2E;border-radius: 15px;padding: 25px 35px;text-align: center;}
.btn-defualt-skew {display: inline-block;min-width: 260px}
.btn-defualt-skew a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;--scale: 1.0;
  --skew: -25;
  outline: none;
  border: 3px solid #fff;
  background: #000000;
  border-radius: .3em;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);color: #fff}
.btn-defualt-skew a span,.btn-defualt-skew a i {--skew: 25;transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);}
.btn-defualt-skew a span {width: 75%;padding: 7px 15px;font-size: 22px;font-family: 'Quark-Bold';text-align: center;}
.btn-defualt-skew a i {padding: 7px 15px;width: 25%;--scale: 1.02;
  --skew: 0;
  outline: none;
  border-left: 3px solid #fff;
  background: #fff;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);border-top-right-radius: .2em;
  border-bottom-right-radius: .2em;text-align: center;}
.btn-defualt-skew a i svg {--skew: 15;transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0)}
.btn-defualt-skew a i svg .a,.btn-defualt-skew a i svg .b {fill:none;stroke:#951c1f;stroke-linecap:round;stroke-width:2px;}
.btn-defualt-skew a i svg .a {stroke-linejoin:round;}
.btn-defualt-skew a:hover i {background: #951C1F;}
.btn-defualt-skew a:hover i svg .a,.btn-defualt-skew a:hover i svg .b {stroke:#fff;}
.sec-box-first-h {padding-left: 15px;width: 115%;}
.type-home-box {overflow: hidden;border-radius: 15px;display: inline-block;}
.type-home-box:hover img {transform: scale(1.03);}
.box-sec-first-more .btn-defualt-skew a span {width: 80%;font-size: 20px;}
.box-sec-first-more .btn-defualt-skew a i {width: 20%;}

.btn-defualt-skew-inbox {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 235px;--scale: 1.0;
  --skew: -25;
  outline: none;
  border: 3px solid #fff;
  background: #000000;
  border-radius: .3em;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);color: #fff;margin-left: 15px;}
.btn-defualt-skew-inbox span,.btn-defualt-skew-inbox a i {--skew: 25;transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);}
.btn-defualt-skew-inbox span {width: 70%;padding: 7px 15px;font-size: 22px;font-family: 'Quark-Bold';text-align: center;}
.btn-defualt-skew-inbox i {padding: 7px 15px;width: 30%;--scale: 1.02;
  --skew: 0;
  outline: none;
  border-left: 3px solid #fff;
  background: #fff;
  transition: transform 100ms ease-out;
  transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0);border-top-right-radius: .2em;
  border-bottom-right-radius: .2em;text-align: center;}
.btn-defualt-skew-inbox i svg {--skew: 15;transform: skewX(calc(var(--skew) * 1deg)) scale(var(--scale)) translate3d(0, 0, 0)}
.btn-defualt-skew-inbox i svg .a,.btn-defualt-skew-inbox i svg .b {fill:none;stroke:#951c1f;stroke-linecap:round;stroke-width:2px;}
.btn-defualt-skew-inbox i svg .a {stroke-linejoin:round;}
.newpd-list-wrap:hover .btn-defualt-skew-inbox i {background: #951C1F;}
.newpd-list-wrap:hover .btn-defualt-skew-inbox i svg .a,.newpd-list-wrap:hover .btn-defualt-skew-inbox i svg .b {stroke:#fff;}
.sec-distributor-home .btn-defualt-skew {
  min-width: 355px;
}
.newpd-list-wrap a:hover .blog-list-name {color: #AA0303!important}
.cookie-btn {background: rgba(0,0,0,0.65);text-align: center;width: 130px;display: inline-block;color: #fff;padding: 5px 0;font-size: 22px;font-weight: bolder;
  border: 2px solid #AA0303;}
.cookie-btn, .cookie-btn:hover {color: #fff!important;}
.cookie-btn:hover {background: #AA0303;}
.alert-cookie { text-align: left; position:fixed; bottom:0; width:100%; right:0; background:rgba(0,0,0,0.65);
  padding: 20px 7% 20px 7%; box-shadow:4px 1px 10px #000; z-index:999;display: flex;align-items: center;flex-wrap: wrap;min-height: 91px}
.cookiehead {display: block; margin: 0 0 5px 0; vertical-align: middle; color: #fff;font-size: 20px;}
.alert-cookie p { margin: 0; padding:0; display: inline-block; color: #dedede; vertical-align: middle;font-size: 22px;line-height: 20px;font-weight: bolder;}
.alert-cookie p a{color: #AA0303;text-decoration: underline;}
.alert-cookie p a:hover {color: #AA0303}
.cookie-l {width: 88%;float: left;display: flex;
  align-items: center;}
.cookie-r {width: 11%;float: left;text-align: right;}
.close { background: #ccc; width: 25px; height: 22px; color: #fff; float: right;
display: block; border-radius: 100%; padding-top: 3px; text-align: center; font-size: 14px!important}
.close:hover { background: #c08f2c;color: #fff }
.cookies-btn-top {margin-top: 25px;text-align: center;}
#banner-gallery-home {height: 644px;overflow: hidden;}
.smalldt-home-sec {font-size: 16px;}


@media only screen and (max-width: 1600px) {
body, p,.btn-defualt-center a span,.blog-list-name {font-size: 20px!important;line-height: 25px;}
.main-title, .main-title-normal {
    font-size: 40px;
    line-height: 50px;
  }
.title-doubleshardow {
  font-size: 30px;
  line-height: 40px;
}
.num-home-sec span {
  font-size: 25px;
  line-height: 30px;
}
.btn-defualt a {font-size: 12px;min-width: 120px;}
.new-product-list-name,.sub-title {
  font-size: 20px;
}
footer *, footer a,.box-pd-option-detail span {
  font-size: 15px;
}
.blog-list-date {
 margin-bottom: 15px;
}
.banner-text-alt-txt {
  font-size: 14px;
}
.main-section-home {
  margin-top: -1px;
}
.type-home-box {
  margin: 0 10px;
}
.wrap-menumain-other,.wrap-menumain {
  width: 35%;
}
.logo-main {
  width: 30%;min-height: 37px}
#main-menulist ul li a,.menu-list-item li a {
  font-size: 16px;
}
.switch-lang {
  width: 25%;
  margin-left: 0;
}
.blog-list-name {
  font-size: 24px !important;
}
.pd-icon-list li {
  width: 18%;
}
.sec-box-first-h {
    width: 108%;
    margin-left: -13%;
}
.btn-defualt-skew a span {
  font-size: 20px;
}
.box-sec-first-more {
  padding: 25px 20px;
  width: 333px;
}
.num-home-sec {
  line-height: 37px;
  font-size: 40px;
}
.num-home-sec span {
  font-size: 22px;
}
.smalldt-home-sec {
  font-size: 14px !important;
  line-height: 20px!important;
}
.box-sec-first-more .btn-defualt-skew a span {
  font-size: 16px;
}
.home-wheel-cover img {max-width: 317px}
.content-wrap {
  max-width: 1300px;
}
.content-wrap-1366 {
  max-width: 1200px;
}
.sec-home-wheel {
  padding: 170px 0 100px 0;
}
#banner-pd-type .slick-prev {
  left: -55px !important;
}
#banner-pd-type .slick-next {
  right: -55px !important;
}
#product-slide-list .owl-nav .owl-prev,#blog-slide-list .owl-nav .owl-prev {
  margin-left: -55px;
}
#product-slide-list .owl-nav .owl-next,#blog-slide-list .owl-nav .owl-next {
  margin-right: -55px;
}
.pd-section-home {
  padding-bottom: 60px;
}
.article-section-home {
  padding-top: 125px;
}
.sec-distributor-home {
  padding: 160px 0;
  align-items: flex-start;
}
.menu-footer li a {
  font-size: 18px;
}
.footer-logo {max-width: 285px;}
#banner-gallery-home {height: 467px}
#main-menulist ul li {
  margin: 0 20px 0 0;
}
}

@media only screen and (max-width: 1470px) {
header {
  padding: 30px 0 0 0;
}
.wrap-blog-home {
  padding-left: 15px;
}

.sec-distributor-home {
  padding: 0 0 100px 0;
}
.logo-main {
    width: 25%;
  }
.wrap-menumain-other, .wrap-menumain {
    width: 37%;
  }
.section-wrap {
  padding: 70px 0 120px 0;
}
.sec-home-wheel {
  padding: 120px 0 240px 0;
}
.section-banner-gallery {
  padding-top: 35px !important;
}
.article-section-home {
  padding-top: 108px !important;
  margin-top: 0;
}
.sec-distributor-home .wrap-blog-home {
    margin-top: 95px;
  }
.btn-defualt-skew a span,.btn-defualt-skew-inbox span {
  font-size: 20px;
}
.switch-lang {
    width: 28%;
  }
#banner-gallery-home {height: 421px}
}

@media only screen and (max-width: 1366px) {
body, p, .btn-defualt-center a span, .blog-list-name,footer *, footer a,.btn-submit {
    font-size: 18px !important;
    line-height: 27px;
  }
header {
  padding: 15px 0 0 0;
}
.sec-home-wheel {
    padding: 120px 0 70px 0;
  }
.btn-defualt a {
  padding: 5px 30px 7px 30px;
}
.blog-list-date {
    font-size: 10px!important;
  }
.menu-list-item li {
  margin: 0 0 0 20px;
}
.menu-list-item li a {
  padding: 3px 0 6px 0;
}
.mn-border {
  min-width: 120px;
}
.switch-lang a {
  margin-left: 0;
}
.content-wrap-center {
  max-width: 950px;
}
#main-menulist ul li {
  margin: 0 15px 0 0;
}
.switch-lang div {height: 30px;}
.pd-icon-list li {
  width: 19%;
}
.hicn-search {width: 57px;height: 33px;}
.sec-box-first-h {
    margin-left: -23%;
    padding-left: 0;
  }
.content-wrap {
    max-width: 1100px;
  }
.content-wrap-1366 {
    max-width: 980px;
  }
.btn-defualt-skew a span, .btn-defualt-skew-inbox span {
    font-size: 18px;
  }
.btn-defualt-skew a i {
  padding: 7px 0;}
.btn-defualt-skew a i svg {
  width: 18px;
}
.num-home-sec {
    line-height: 47px;
    font-size: 40px;
  }
 .title-doubleshardow, .num-home-sec span {
    font-size: 25px;line-height: 35px;
  }
 .sec-distributor-home .wrap-blog-home {
    margin-top: 0;
  }
.sec-distributor-home {background-position: bottom right;}
.main-title, .main-title-normal {
    font-size: 35px;
    line-height: 50px;
  }
#banner-gallery-home {height: 386px}
}

@media only screen and (max-width: 1280px) {
.menu-footer li {
  padding-left: 20px;
}
.pd-icon-list li {
    width: 15%;
  }
#banner-gallery-home {height: 345px}
#main-menulist ul li a, .menu-list-item li a {
    font-size: 14px;
  }
}



@media only screen and (max-width: 1200px) {
#mainmenu-button-mb {display: inline-block;color: #434343; border-radius: 100px;width: 75px;position: relative;
  cursor: pointer;transition: all linear .3s;z-index: 999;padding: 0;text-align: right; vertical-align: middle;
  float: right;margin-left: 20px;}
#mainmenu-button-mb span {display: inline-block;padding: 0;text-align: right; margin-left: 0;font-size: 15px;text-transform: uppercase;}
#main-menulist {max-width: 1920px;background: rgba(51, 51, 51, 0.63);width: 100%;padding: 0;color:#fff;display: none;position: fixed;top: 0;overflow: hidden;
   z-index: 99;overflow-y: auto;top: 0; left: 0;height: 100vh;margin: 0;}
#main-menulist ul {padding: 10px 0 145px 0; display: block;height: auto;overflow: auto;width: 100%;background: #292929}
#main-menulist ul li {text-align: center;width: 100%;margin: 0;padding: 15px 0 35px 0;line-height: initial;}
#main-menulist ul li:last-child {border-bottom: unset!important;}
#main-menulist ul li a {margin-bottom: 0;display: inline-block; padding: 0; background: unset; font-size: 14px; color: #fff;}
.menu-list-item {padding: 100px 5% 25px 5%!important;}
#navline-1, #navline-2, #navline-3 {height: 3px;
    margin: 4px 0 0 0;
    transition: all linear .3s;
    display: block;
    float: left;
    border-radius: 50px;
    background: #000000;
    width: 100%;}
#navline-1 {margin-top: 0;}
#navline-2.active {opacity: 0;}
#navline-1.active {-webkit-transform: translate(0px,8px) rotate(45deg);transform: translate(0px,8px) rotate(45deg);width: 100%;}
#navline-3.active {-webkit-transform: translate(0px, -6px) rotate(-45deg);transform: translate(0px, -6px) rotate(-45deg);}
.submenulist {display: none;opacity: unset;visibility: unset;position: relative;top: unset;left: unset;background: unset;width: 100%;box-shadow: unset;}
.submobile #arrow-mobile {display: inline-block;position: absolute; content: " "; width: 20%; height: 40px; right: 20%; cursor: pointer; text-align: left;padding-top: 20px;}
#arrow-mobile img {width: 15px;}
#main-menulist ul.submenulist li a {color: #fff!important;font-size: 15px !important;}
.submenulist {height: unset!important;}
.submenulist li a {background: unset!important;color: #fff;}
#main-menulist .submenu-button-mb {position: absolute;z-index: 99;right: 0;
top: 0;display: block;height: 46px;width: 100%;cursor: pointer;}
#main-menulist ul li a.button-menu {margin-left: 0;margin: 0;padding: 7px !important;background-color: #003865 !important;color: #fff !important;font-size: 14px !important}
.logo-main {
  width: 50%;justify-content: flex-start;position: relative;
    z-index: 999;min-height: 44px;
}

.menu-wrapmain-sub {display: none!important;}
.head-order-1 {position: absolute;}
.head-order-2 {order: 1;}
.head-order-2 {order: 2;}
 #mainmenu-button-mb {
    display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;
  }
#mainmenu-button-mb span {width: 45%;}
#mainmenu-button-mb .wrap-menu-btn {width: 55%;padding-left: 12px;margin-top: 3px;}
header {
    padding: 0;
  }
.mn-show-mb {display: block!important;}
.change-cl a {color: #fff!important}
.switch-lang {position: relative;z-index: 999}
.switch-lang a {
  font-size: 15px;
}
.label-mn-close {display: none!important;}
#mainmenu-button-mb.active .label-mn-close {display: inline-block!important;color: #fff}
#mainmenu-button-mb.active .label-mn-open {display: none!important;}
#main-menulist ul li a::after {
  display: none!important;
}
.hide-box-mb {display: none!important;}
.system-pc {display: none;}
.system-mobile {display: block!important;}
.hide-label-mb {display: none!important;}
.sec-home-wheel .col-lg-4,.sec-home-wheel .col-lg-8 {
  width: 100%;
}
.home-wheel-cover img {
  margin-left: 0;
}
.order-sec-2 {order: 1;}
.order-sec-1 {order: 2;}
.wrap-blog-home {
    padding: 0 0 25px 0;
  }
#product-slide-list .owl-nav .owl-next,#blog-slide-list .owl-nav .owl-next {
  margin-right: -30px;
}
#product-slide-list .owl-nav .owl-prev,#blog-slide-list .owl-nav .owl-prev {
  margin-left: -30px;
}
.btn-defualt a {
  padding: 3px 30px 5px 30px;
}
.container-banner {
  width: 91%;
  max-width: 1600px;
  margin: 0 auto;
}
#banner-gallery-home .slick-prev {
  left: -25px !important;
}
#banner-gallery-home .slick-next {
  right: -25px !important;
}
#banner-gallery-home .slider-item div::after {
  opacity: 0;
}

.sec-home-blog .blog-list-dt {padding-bottom: 0;}
.footer-menuwrap-culumn {width: 100%}
.menu-footer {
  justify-content: flex-start;
}
.menu-footer li {
  padding-left: 0;
  padding-right: 35px;
  width: 33%;
}
.menu-footer li ol li {
  width: auto;
  padding-right: 0;
}
.menu-footer-social {justify-content: flex-start;}
.menu-footer-social a {
  margin: 0 20px 0 0;
}
.menu-footer-policy {
  justify-content: center;
  margin: 0 0 15px 0;
}
.copyright-wrap {
  text-align: center;
}
.menu-footer-policy li {
  margin: 0 15px;
}
.menu-footer > li:last-child {
    padding-top: 10px;
    width: 100%;
}
 .menu-footer {
    margin: 10px 0 0 0;
  }
.copyright-wrap {
  padding-top: 20px;
  margin-top: 20px;
}
.icn-guid-touch {display: block!important;margin: 30px auto 15px auto;text-align: center;}
body, p, .btn-defualt-center a span, footer *, footer a {
    font-size: 18px !important;
    line-height: 27px;
}
.blog-list-date {
    font-size: 12px !important;
  }
.btn-defualt a {
    background: #303030;
  }
.banner-text-alt-txt {
  font-size: 10px;padding: 5px 10px;
}
.searchbar.mn-show-mb {display: flex!important;justify-content: center!important;align-items: center!important;}
.togglesearch {
  position: relative;
  top: unset;
  right: unset;
  display: block;
  margin: 0 auto 10px auto;
  background: unset;
      border-radius: unset;
      padding: 0;box-shadow: unset;
}
.togglesearch form {
  justify-content: space-between;
}
#main-menulist ul li a,.menu-list-item li a {
    font-size: 28px !important;
    line-height: 25px;
}
 #main-menulist ul li.langbar a {
    font-size: 21px !important;
    line-height: 20px;
    height: auto;
    margin-left: 0;
}
.switch-lang div {margin: 0 10px;}
.switch-lang {
  width: 100%;
  justify-content: center;
  margin-left: 0;
  padding-top: 25px;
}
#navline-1.active,#navline-3.active {
    background: #fff;
  }
.homewrap,.inner-wrapper-box {background-size: cover;
}
.sec-box-first-h {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
#banner-pd-type .slick-prev {
  left: -32px !important;
}
#banner-pd-type .slick-next {
  right: -32px !important;
}
.main-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
.section-wrap {
    padding: 70px 0;
  }
.sec-home-wheel {
  padding: 70px 0 0 0;
}
.pd-section-home {
  background: url(../../assets/images/home/bg-home-pd-mb.webp) no-repeat bottom left;background-size: 100%;
}
.article-section-home {
  background: url(../../assets/images/home/home-sec-article-mb.webp) no-repeat top right;background-size: 100%;;
}
.sec-distributor-home {
  background: url(../../assets/images/home/road-with-point-mb.webp) no-repeat bottom right;
  min-height: 555px;
}
.sec-distributor-home .wrap-blog-home {
    margin-top: 0;
  }
.footer-logo {
    max-width: 100%;
    text-align: center;
  }
.ft-first-row {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: unset;
}
.ft-address p {text-align: center;justify-content: center;display: flex;
    flex-wrap: wrap;}
.tel-ft p {padding-right: 0;margin: 15px 0 15px 0;}
.ft-address .row {justify-content: center;}
.ft-address .row .col-auto {width: 100%;display: block;}
.tel-ft p a {flex-wrap: wrap;text-align: center;justify-content: center;}
.tel-ft i {width: 100%;margin-bottom: 10px;    justify-content: center;}
.tel-ft:last-child span {
  padding-left: 0 !important;
}
.tel-ft span {
  width: 100%;
}
.footer-menuwrap {
  width: 100%;
  justify-content: center;
}
.menu-footer.justify-end,.menu-footer-social {justify-content: center!important;}
.menu-footer li {
    padding-right: 0;
  }
 .menu-footer-social a {
    margin: 0 15px;
  }

.menu-footer {
  margin: 0 0 25px 0;
}
.alert-cookie {
  padding: 15px;
}
.cookie-l {
  width: 100%;
  padding-bottom: 15px;
}
#banner-gallery-home {height: 164px}
}

@media only screen and (max-width: 820px) {
.main-section-home {
  background-position: bottom center;
}
.sec-distributor-home {
  padding: 107px 0 65px 0 !important;
}
.sec-distributor-home .wrap-blog-home {max-width: 80%}
.section-wrap {
    padding: 70px 0 50px 0;
  }
.icn-guid-touch {
   margin: 30px auto 0 auto;
}
.main-title, .main-title-normal {
    font-size: 30px;
  }
.sec-home-wheel {background: url(../../assets/images/home/bg-main-section-home-mb.webp) no-repeat top left; background-size: 100%;}
.menu-footer-policy {
    flex-wrap: wrap;
  }
.menu-footer-policy li {
    margin: 15px 0 0 0;
    width: 100%;
    text-align: center;
  }
.sec-box-first-h {padding-left: 0;}
.sec-box-first-h .row .col-md-6 {padding-bottom: 35px;}
.sec-box-first-h p {
  font-size: 20px !important;margin-bottom: 5px;
}
.title-doubleshardow {
  font-size: 26px;
  line-height: 40px;
}
.num-home-sec {
    font-size: 50px;
  }
.num-home-sec span {
    font-size: 35px;
  }
.sec-box-first-h {
    margin-top: 25px;
  }
.section-wrap {
    padding: 70px 0;
  }
 .sec-home-wheel {padding: 70px 0 185px 0!important}
.section-banner-type {
  max-width: 90%;margin: 0 auto;
}
.type-home-box {
    margin: 0 15px 25px 15px;
  }
#banner-pd-type .slider-item {text-align: center;}
.article-section-home {
    padding-top: 155px !important;
  }
.sec-distributor-home .wrap-blog-home {
    margin-top: 0;
  }
.togglesearch input[type="text"], .searchbar-btn {
    font-size: 21px;
  }
.bg-home-vmbfixed-tb {display: block!important;position: fixed;z-index: -1;bottom: 0;left: 0;width: 100%;}
.wrap-menumain-row {
  padding-top: 15px;
}
.sec-home-wheel .col-xl-7 .title-doubleshardow br {display: none;}
.sec-box-first-h p.smalldt-home-sec {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media only screen and (max-width: 576px) {
.switch-lang {
  margin-left: 10px!important;
}
#mainmenu-button-mb {
    margin-left: 10px;
  }
.content-wrap {
  width: 90%;
}
.section-banner-gallery .btn-move-mb {position: absolute;top: 40px;right: 27px;}
.sec-home-blog .btn-move-mb {position: absolute;top: 40px;right: 0;margin-top: 0!important}
.section-banner-gallery .title-center-box::after {
  transform: skew(-20deg) translate(0,0);
  left: 0;
}
.section-banner-gallery .content-wrap.txt-center {text-align: left;}
.sec-home-blog {padding-top: 0}
.main-title {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.wrap-blog-home {
    width: 75%;
  }
 #blog-slide-list .owl-nav .owl-next {
    margin-right: -18px;
  }
 #blog-slide-list .owl-nav .owl-prev {
    margin-left: -18px;
  }
.container-banner {
    width: 85%;
  }
#banner-gallery-home .slick-slide {
  padding: 0 !important;
}
.section-banner-gallery {
  padding-top: 0 !important;margin-top: 25px;
}
.wrap-blog-home p br {display: none;}
.new-product-list-dt {
  padding: 15px;
}
 .new-product-detail-gallery {
    width: 90%;
  }
#banner-gallery-home .slick-prev, #banner-gallery-home .slick-next {
  width: 40px;
}
body, p, .btn-defualt-center a span, footer *, footer a {
    font-size: 18px !important;
    line-height: 24px;
}
.blog-list-date {
    font-size: 10px !important;
  }
.sec-distributor-home .wrap-blog-home {
    max-width: 100%;
  }
.sec-distributor-home {
    padding: 20px 0 50px 0 !important;
  }
.tel-ft p {
  padding-right: 0;
  display: inline-block;
}
.homewrap {background-size: 1920px;
}
.copyright-wrap * {
  font-size: 14px !important;
}
}

@media only screen and (max-width: 480px) {
.menu-footer li {
  width: 50%;
}
.sec-home-blog .btn-move-mb {
    top: 3%;
  }
.section-banner-gallery .btn-move-mb {
    top: 0;
    right: 7%;
  }
.logo-main {
    width: 40%;
  }
.switch-lang a {
  width: 34px;
  height: 34px;
  margin-left: 0;
}
header {
    padding: 15px 0 0 0;
  }
 .banner-text-alt-txt {
    font-size: 12px;
    padding: 7px 10px;
  }
#banner-main .owl-nav.disabled + .owl-dots {
  bottom: 15px;
}
.banner-text-alt {
  bottom: 35px;
}
.sec-distributor-home {
    padding: 20px 0 0 0 !important;
}
.bg-home-vmbfixed-tb {display: none!important;}
.bg-home-vmbfixed {display: block!important;position: fixed;z-index: -1;top: 0;left: 0;width: 135%;}
.bg-home-vmbfixed-inner {display: block!important;position: fixed;z-index: -1;top: 0;left: 0;width: 135%;}
.main-title, .main-title-normal {
    font-size: 30px;
    line-height: 40px;
  }
.pd-detail-logo img {max-width: 158px;}
.box-sec-first-more .btn-defualt-skew {
    min-width: 245px;
  }
#banner-gallery-home {height: 185px}
#banner-pd-type {height: 702px}
}

@media only screen and (max-width: 440px) {
 .wrap-blog-home {
    width: 100%;
  }
.sec-home-wheel {
    background-size: 125%;
  }
.sec-home-wheel {
    padding: 50px 0 0 0 !important;
  }
.home-wheel-cover img {
    max-width: 245px;
  }
.home-wheel-cover {margin-bottom: 7px!important}
.logo-main {
    width: 75%;
    min-height: 34px;
  }
.wrap-menumain-other, .wrap-menumain {
    width: 25%;
  }
header {padding: 0;min-height: 50px;}
.sec-home-wheel p br {display: none;}
.sec-box-first-h {
    margin-top: 107px;
  }
.box-sec-first-more p {padding-bottom: 15px;}
#banner-pd-type .slick-next {
    right: -22px !important;
  }
#banner-pd-type .slick-prev {
    left: -22px !important;
  }
.main-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
.pd-section-home,.article-section-home {
    background-size: 122%;
  }
.section-banner-gallery {
    margin-top: 70px;
  }
.btn-defualt-skew {
  min-width: 210px;
}
.btn-defualt-skew a span, .btn-defualt-skew-inbox span {
    font-size: 18px;
  }
 .pd-section-home {
    background: url(../../assets/images/home/bg-home-pd-mb.webp) no-repeat top left;
  }
.title-with-btn .col-6 .btn-defualt-skew a span {
  width: 75%;
  padding: 7px 0;
}
.ft-address p br {display: none;}
.ft-address .row .col-auto {
    text-align: center;
  }
.title-with-btn .col-6 .btn-defualt-skew {
    min-width: 185px;padding-right: 15px;
  }
.title-with-btn .col-6 .btn-defualt-skew a i {
  padding: 7px 0;
  --scale: 1.03;
  --skew: 0;}
.btn-defualt-skew a i svg,.btn-defualt-skew-inbox i svg {width: 17px;}
.sec-distributor-home .btn-defualt-skew {
  min-width: 275px;
}
.sec-distributor-home {
  align-items: flex-start;
  padding: 50px 0 0 0 !important;
}
.sec-distributor-home .wrap-blog-home {
    margin-top: 0;
  }
.container-banner {
    width: 90%;
  }
 .togglesearch input[type="text"], .searchbar-btn {
    font-size: 21px;
  }

}

@media only screen and (max-width: 395px) {
.banner-text-alt {
    padding: 7px 5px;
  }
.sec-box-first-h {
    margin-top: 124px;
  }
#banner-gallery-home {height: 168px}
}