@charset "utf-8";
/* CSS Document */
html {max-width: 1920px;width: 100%!important;margin: 0 auto;overflow-x: hidden;background: #fff;}
.kanit-regular {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body {font-size: 16px; position: relative; color: #000; max-width: 1920px; font-family: "FC-Fast-Regular-ver-101";
  font-weight: 400;
  font-style: normal;
margin: 0 auto;overflow-x: hidden;}
div {font-family: "FC-Fast-Regular-ver-101";
  font-weight: 400;
  font-style: normal;}
p {font-size: 16px; font-family: "FC-Fast-Regular-ver-101";
  font-weight: 400;
  font-style: normal; color: #000;}
*, *:before, *:after {box-sizing: border-box;}
*:before, *:after {-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;}
img {max-width: 100%;}
ul,ol {font-family: "FC-Fast-Regular-ver-101";
  font-weight: 400;
  font-style: normal;}
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: #000; 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: #E30022;-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: 5px 0;}
h1 {margin-bottom: 0;font-family: "FC-Fastest-Bold-ver-101";
  font-weight: 500;
   font-size: 30px;line-height: 1.2;}
.section-box-inner h1 {display: none;}
h2 {font-size: 30px;font-family: "FC-Fastest-Bold-ver-101";
  line-height: 1.2;}
h3, h4 {font-size: 25px;font-family: "FC-Fastest-Bold-ver-101";
  font-style: normal;line-height: 1.2;}
.clear {clear: both;}
.content-wrap {width:90%; margin: 0 auto; max-width: 1600px;position: relative;overflow: hidden;z-index: 9}
#mainmenu-button-mb {display: none;}
.wrap-menumain {display: flex;align-items: center;width: 37%;justify-content: flex-end;}
.wrap-menumain-other {display: flex;align-items: center;justify-content: flex-start;width: 37%;}
.content-wrap-header {width:90%; max-width: 1600px; margin: 0 auto;overflow: visible;position: relative;}
.logo-main {width: 26%;display: flex;
  align-items: center;justify-content: center;}
.logo-main img {width: auto;height: auto;}
.logo-main span {padding: 0 15px}
#main-menulist {padding: 0;display: inline-block;width: auto;}
.menu-wrapmain {padding: 0;}
#main-menulist ul,.menu-list-item {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0;}
#main-menulist ul li,.menu-list-item li {font-family: "FC-Fastest-Regular-ver-101";
  font-weight: 400;
  color: #fff; display: inline-block;margin: 0 15px;position: relative;}
#main-menulist ul li a,.menu-list-item li a {position: relative;color:#000;font-size: 17px;text-transform: uppercase; padding: 7px 0;
  display: block;}
#main-menulist ul li a:hover,.menu-list-item li a:hover,.menumain-active a {color: #E30022!important}
.wrap-content-menu {display: flex;flex-wrap: wrap; width: 100%;vertical-align: top;position: relative;justify-content: end;}
.switch-lang {display: flex;align-items: center;justify-content: flex-end;position: absolute;
  top: 50%;left: 3%;transform: translate(0,-50%);z-index: 1;}
.switch-lang a {font-size: 17px;text-align: center;color: #000;padding: 0 12px;
  display: flex; justify-content: center; align-items: center;font-family: "FC-Fastest-Regular-ver-101";}
.switch-lang a:last-child {border-left: 1px solid rgba(0, 0, 0, 0.28) !important;padding-right: 0!important}
.switch-lang a:hover,.lang-active {color: #E30022!important}
.wrap-menumain-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;}
.mn-border {border-radius: 21px;border: 1px solid #E30022;min-width: 140px;text-align: center;}
.head-order-1 {order: 1}
.head-order-2 {order: 2}
.head-order-3 {order: 3}
.menu-mb-social-wrap {
  position: absolute;
  left: 2%;
  top: 50%;
  transform: translate(0,-50%);
}
.mn-show-mb {display: none!important;}
.menu-mb-social {display: flex!important;justify-content: center;align-items: center;padding: 0;margin: 0;list-style: none;}
.menu-mb-social li {border-bottom: unset!important;width: auto!important;padding: 0 7px!important;margin: 0;}
.menu-mb-social a {margin: 0;}
.menu-mb-social a:after {display: none!important;}
.menu-mb-social a svg .a{fill:#fff;}
.menu-mb-social a:hover svg .a{fill:#E30022!important}
footer {padding: 60px 0 30px 0;background: rgba(0, 0, 0, 0.8);}
footer *, footer a {color: #fff;font-size: 16px;}
footer a:hover {color: #fff}
.copyright-wrap {
  padding-top: 30px;
  margin-top: 20px;
}
.copyright-wrap * {
  color: #fff;
}
.copyright-wrap a:hover {
  color: #E30022!important;
}
.menu-footer-social {display: flex;justify-content: flex-start;align-items: center;padding: 0}
.menu-footer-social a {margin: 0 12px;}
.menu-footer-social a svg .a{fill:#fff;}
.menu-footer-social a:hover svg .a{fill:#E30022}
.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: 20px;padding-left: 20px;}
.menu-footer-policy li:last-child {border-left: 1px solid rgba(255, 255, 255, 0.22);}
.menu-footer-policy a:hover {color: #fff}
.ct-social .menu-footer-social {list-style: none;}
.ct-social {
}
.footer-menuwrap {display: flex; flex-wrap: wrap;width: 100%;justify-content: flex-end;}
.footer-menuwrap-culumn {margin: 0 auto;width: 100%;}
.menu-footer {width: 100%; list-style: none; padding: 0; margin: 25px 0;display: flex;
  flex-wrap: wrap;justify-content: space-between;padding-left: 35px;}
.menu-footer li {display: block;width: 100%;}
.menu-footer li a {color: #fff!important;display: inline-block;position: relative;padding: 0 0 5px 0;margin-bottom: 25px;
  text-align: left;text-transform: uppercase;}
.menu-footer li a:hover {color: #E30022!important}
.menu-footer li:last-child {display: block;}
.menu-footer li:last-child > a:after {display:none!important}
.menu-footer li:last-child a {margin-bottom: 10px!important}
.menu-footer li ol {list-style: none; padding: 0; margin: 0;}
.menu-footer li ol li {padding-left: 0;width: auto; padding-right: 20px;}
.menu-footer li ol li a {margin: 0;display: inline-block;position: relative;padding: 0;background: unset!important;}
.menu-footer li ol li a:after {display:none!important}
.menu-footer li a:hover {color: #fff}
.ft-address {margin-top: 15px}
.address-ft p {text-transform: uppercase;}
.address-ft .tel-ft p {display: flex;align-items: baseline;text-transform: unset;}
.tel-ft p {padding: 0 12px;display: inline-block}
.tel-ft p a {display: flex;align-items: center;padding-bottom: 10px;position: relative;}
.tel-ft span {width: 90%;padding-left: 10px}
.tel-ft i {display: flex;align-items: center;}
.tel-ft svg .a {fill:#fff;}
.tel-ft a::after {
  content: '';
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #E30022;
}
.tel-ft a:hover:after {width: 100%;}
.gototop {display: none;}
#scrollTop {position:fixed;right:100px;bottom:30px;cursor:pointer;width:45px;background-color:#fff;
    display:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; border: 1px solid #D8001A; text-align: center;}
.gototop a {display: block; padding: 10px}
.banner-mb {display: none!important;}
.txt-center {text-align: center;}
.scrollBg {-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 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;}
.scrollBg .logo-main img {width: 90px;vertical-align: top;height: auto;}
html.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe,.lenis.lenis-scrolling video{pointer-events:none!important}
.section-wrap {padding: 60px 0;position: relative;}
.section-wrap-inner {padding: 0 0 90px 0;position: relative;z-index: 2;}
.main-section-inner {padding-top: 105px;}
.inner-wrapper-box {background: url(../../assets/images/common/main-bg-inner-new.webp) no-repeat fixed left top;background-size: cover;}
/*.main-section-inner {background:url(../../assets/images/common/main-bg-inner-new-object.webp) no-repeat left 45% top -25px}*/
.contact-bg {background: url(../../assets/images/common/contact-bg.webp) no-repeat top right!important; background-size: 100%!important;}
.main-section-home {position: relative;/*background: url(../../assets/images/common/new-home-bg.webp) no-repeat top left;
  background-size: 100%;*/}
.sec-home-wheel {padding: 160px 0 435px 0;background: url(../../assets/images/home/bg-wheel-home.webp) no-repeat top 100px right;
  background-size: 101%;}
.sec-distributor-home {padding: 200px 0 310px 0}

.btn-defualt a {display: inline-block;text-align: center;color: #000;min-width: 185px;padding: 10px 25px 13px 25px;position: relative;
  border: 3px solid #E30022;
  background: rgba(255, 0, 0, 0);
  transform: skew(-25deg);border-bottom-right-radius: 12px;
}
.btn-defualt a span {z-index: 2!important;position: relative;transform: skew(25deg);display: block;}
.btn-defualt a:hover {background: #E30022;color: #fff!important}

.btn-defualt-icon {display: inline-block;}
.btn-defualt-icon a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;background: #000;
  color: #fff;padding: 10px 25px 13px 25px;position: relative;min-width: 250px;border-radius: 25px;}
.btn-defualt-icon a:hover {background: #E30022;color: #000!important}
.btn-defualt-icon a span {padding-right: 10px}
.btn-defualt-icon a svg .a{fill:none;stroke:#E30022;}
.btn-defualt-icon a svg .b{fill:#E30022;}
.btn-defualt-icon a:hover svg .a{stroke:#fff;}
.btn-defualt-icon a:hover svg .b{fill:#fff;}

.btn-defualt a span,.btn-defualt-icon a span,.switch-lang span,.btn-request-map-more a span {-webkit-transition: unset!important;-moz-transition: unset!important;
-o-transition: unset!important;-ms-transition: unset!important;transition: unset!important;}

.main-title {font-family: "FC-Fastest-Bold-ver-101";
  position: relative;
  display: inline-block;font-size: 90px;
  line-height: 120px;color: #000}
.main-title span {color: #E30022}
.sub-title-red {color: #E30022;font-size: 29px;font-family: "FC-Fastest-Bold-ver-101";}
.main-title-normal {position: relative;display: block;font-size: 35px}
.txt-red {color: #D8001A!important}
.subsub-title {font-size: 22px!important;}
.txt-tmverybold {font-family: 'FC-Fastest-Bold-ver-101'!important}
.txt-tmbold {font-family: 'subset-FCFasterBold'!important}
.txt-tmmd {font-family: 'subset-FCFastBold'!important}
.txt-tmrg {font-family: 'subset-FCFasterRegular'!important}
.txt-upper {text-transform: uppercase!important;}
.txt-white {color: #fff!important}
.txt-black {color: #030303!important}
.txt-right {text-align: right!important;}
.txt-left {text-align: left!important;}
.txxt-18 {font-size: 18px!important}
.img-cover {position: relative;overflow: hidden;border-radius: 10px;}
#navbreadcrumbs {font-size: 14px!important;text-align: left; padding: 0 0 35px 0;position: relative;
display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
#navbreadcrumbs * {font-size: 15px!important;font-family: 'Kanit'}
#navbreadcrumbs a {display: inline-block; color: #505050;}
#navbreadcrumbs a:hover {color: #000;}
#navbreadcrumbs span {margin: 0 10px}
.breadcrumbsdefault {display: inline-block; margin: 0;color: #000!important;}
.overflowvisible {overflow: visible!important;}
ul.list-circle {list-style: none;padding-left: 15px;}
ul.list-circle li,.sec-content ul li {margin-bottom: 15px;}
ul.list-circle li:before {content: "\2022"; color: #88DAFF;display: inline-block; width: 15px;
  margin-left: -15px;
  font-size: 40px;
  line-height: 25px;vertical-align: top;
}
.blurimage{
  width: 100%;
  transition-property: filter,opacity, transform;
  animation: blur-anim 0.7s ease-in-out;
}
@keyframes blur-anim {
  0% {filter: blur(10px);transform: scale(1.1);}
  100% {filter: blur(0);transform: scale(1);}
}
.blurimage-short{
  width: 100%;
  transition-property: filter,opacity, transform;
  animation: blur-animshort 0.5s ease-in-out;
}
@keyframes blur-animshort {
  0% {filter: blur(10px);transform: scale(1.1);}
  100% {filter: blur(0);transform: scale(1);}
}
.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: 30px;left: 50%;transform: translate(-50%,0);}
#banner-main .owl-dots .owl-dot {
  zoom: unset;
  text-align: left;
  margin-right: 10px;
}
#banner-main .owl-dot span {background: #fff;
  width: 50px;
  height: 5px;
  margin: 0 auto;
  border-radius: unset;}
#banner-main .owl-dot.active span, #banner-main .owl-dot:hover span {background: #E30022;}
#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 .owl-item.active .blurimagebanner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.section-banner {position: relative;max-width: 100%;}
.icn-scroll-page {position: absolute;right: 53px;bottom: 0;z-index: 99;}

.iframe-map {width:100%;height:654px;border-radius: 0;overflow: hidden;}
.iframe-map iframe {width:100%;height:100%}
#preloadMap {position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;
border-radius: 6px;width: 800px;height: 600px;/*opacity:0.5;*/}
#preloadMap h3 {margin: 0;padding: 0 0 10px 0;color: #943e97;font-size: 18px;line-height: normal;
    font-family: 'Kanit-Regular', sans-serif;font-weight: 500}
.store_map {margin: 0;overflow: hidden;}
.bg_form form {background: #fff;
  padding: 20px 25px 25px 25px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 100%;
  max-width: 100%;margin: 0 auto;}
.bg_form .box-map {background: #fff; padding: 35px 20% 35px 20%;display: flex;
  flex-wrap: wrap;position: relative;align-content: space-between;
  z-index: 9;}
.overflowcontent {overflow: visible!important;}
.form_col {display: inline-block;flex: 0 0 auto;}
.form_col_select {width: 27%;padding: 0 50px 0 0;}
.form_col_selectnew {width: 50%;padding: 0 50px 0 0;}
.form_col_search {width: 100%;padding: 20px 0;}
.form_col_checklist {width: 23%;padding: 0 0 0 50px;}
.form_col_submit {width: auto;
  padding: 0 !important;
  position: absolute;
  bottom: 35px;
  left: 35px;}
.form_col select {font-size: 16px;color: #4E4E4E!important;padding: 10px 25px 12px;width: 100%;
    -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;
    background: url("../../assets/images/icon/map-select.svg") right 20px center no-repeat;border: 1px solid #B7B7B7;}
.bg_form input[type="submit"],.btn-submit {background: #E30022;font-size: 16px;min-width: 160px;margin: 10px auto;
    color: #fff!important;padding: 10px 25px 12px;cursor: pointer;border: unset;border: unset;
box-shadow: unset;display: inline-block;fborder-radius: 25px;font-weight: 300;}
.form_col .inputsearch {font-size: 16px;color: #4E4E4E!important;padding: 10px 25px 12px;width: 100%;
   border: 1px solid #B7B7B7;border-radius: unset;background: unset;}
.btn-submit-back {background: #D8001A;font-size: 16px;width: auto;min-width: 170px;margin: 10px 10px 0 0;
    color: #fff;display: inline-block;padding: 2px 26px;height: 45px;cursor: pointer;border: unset;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.btn-submit:hover,.btn-submit-change:hover {
  background: #000 !important;
  color: #fff !important;
}
.btn-submit-back:hover {background:#E9152F !important;}
.form_col label {display: block;
  color: #7D7D7D;
  font-size: 15px;
  margin-bottom: 5px;}
.form_col_checklist .form-check {margin-bottom: 10px}
.form_col_checklist .form-check-input,.storetype-box .form-check-input {margin-top: 0!important}
.form_col .form-check-label {font-size: 15px;color: #7D7D7D;padding: 0 !important;margin-bottom: 0!important}
.map-point-icon {text-align: center;margin: 20px auto 0 auto;display: flex;align-items: center;justify-content: center;}
.map-point-icon span {padding-left: 15px;}
.form_col input::placeholder {
  color: #4E4E4E!important;
  opacity: 1!important; /* Firefox */
}
.content-map {position: relative;}
.boxtitle {width:100%;padding:0;color: #666;font-weight: 300;}
.boxtitle h2 {font-size: 18px; line-height: 25px;color: #509F0B;margin: 0 0 6px 0;padding: 0}
.boxtitle p {font-size: 18px;color: #777;display: flex;
  align-items: flex-start;}
.boxtitle p span {color: #777777;font-weight: 400}
.box-map-img {width: 100%;float: left;}
.box-map-txt {width: 100%;float: right; padding: 0;}
.box-map-txt span {padding-left: 10px;}
.store-list-wrap {padding: 0;max-width: 100%;}
.store-list {padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid #E5E5E5; width: 100%;display: block;}
.store-address,.store-tel {display: flex;align-items: flex-start;margin-top: 10px;}
.store-address span,.store-tel span {padding-left: 10px;}
.sec-map-wrap {position: relative;}
.search-modal-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
  background: #fff;
  padding: 25px 25px 25px 25px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 356px;
  max-width: 100%;
  height: 100%;
}
.list-box-dis form p {font-size: 16px;}
.list-box-dis form p span {font-weight: 400;color: #E30022!important}
.storetype-box .form-check {margin-left: 0;
  margin-right: 5px;
  display: flex;
  align-items: center;}
.storetype-box .form-check-input[type="checkbox"] {
  display: block;
  margin-right: 7px;
}
.storetype-logo {
  max-width: 18px;
}
.search-list-box {
  width: 100%;
}
.search-list-detail {
  width: 100%;
}
.search-list-detail-map {
  width: 60%;background: #F9F9F9;
}

.btn-request-map-more {float: right;text-align: right;}
.btn-request-map-more a {display: inline-block;
  text-align: center;
  color: #000;
  min-width: 147px;
  padding: 5px 25px 7px 25px;
  position: relative;
  border: 3px solid #E30022;
  background: rgba(255, 0, 0, 0);
  transform: skew(-25deg);
  border-bottom-right-radius: 12px;font-size: 14px}
.btn-request-map-more a:hover {background:#E30022;color: #fff !important;}
.btn-request-map-more a span {
  z-index: 2 !important;
  position: relative;
  transform: skew(25deg);
  display: block;
}
.btn-request-map-more a svg .a{fill:none;stroke:#E30022;}
.btn-request-map-more a svg .b{fill:#E30022;}
.btn-request-map-more a:hover svg .a{stroke:#fff;}
.btn-request-map-more a:hover svg .b{fill:#fff;}
  color: #fff !important;}
.btn-request-map {display: block;padding-top: 15px}
.btn-request-map a {color: #0080FF;text-decoration: underline!important;display: inline-block;}
.btn-request-map a:hover {color: #509F0B;}
.btn-request-map a span {-webkit-transition: unset!important;-moz-transition: unset!important;
-o-transition: unset!important;-ms-transition: unset!important;transition: unset!important;}
.map-address-wrap {width: 100%;margin: 0 auto;padding: 0 15px 0 0;}
.map-address-wrap .row {border-bottom: 1px solid rgba(112, 112, 112, 0.44);padding-top: 20px; padding-bottom: 20px;}
.map-address-wrap .col-md-2 {padding-left: 50px}
.map-address-wrap .col-12 {display: flex;align-items: center;}
.bg_form.form-sticky form,.bg_form .box-map {border-radius: 0;}
/*.search-list-box .bg_form form,.search-list-box .bg_form,.bg_form .box-map {height: 100%}*/
.store-list-map-name {
  width: 84%;display: flex;
  align-items: center;
}
.store-list-map-name p {padding-left: 10px;font-size: 20px;}
.btn-request-map-more {
  width: 16%;
}
.search-list-detail-map .iframe-map {
  min-height: 100vh;max-height: 800px;
}
.search-map-mobile {display: none!important;}
.page-list svg .a{fill:none;stroke:#000;stroke-linecap:round;stroke-width:2px;}
.page-list svg .b{fill:#000;}
.page-list-wrap {text-align: center;
  margin: 35px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;}
.page-list {display: inline-block;margin: 0 15px;}
.page-list a {text-align: center;
  color: #000!important;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;}
.page-list a:hover, .page-active a {color: #E30022 !important;}
.page-prev a,.page-next a {color: #000!important}
.page-prev a:hover,.page-next a:hover {background: #E30022!important}
.page-prev {margin-right: 15px;}
.page-next {margin-left: 15px}

#pills-tab-events-list .nav-item {width: 25%;padding-right: 15px}
#pills-tab-events-list .nav-link {border-radius: 50px;text-align: center;border: 1px solid #DFDFDF;
  padding: 5px 15px;font-size: 18px;color: #474747;background: #fff!important}
#pills-tab-events-list .nav-link.active {border: 1px solid #D8001A!important;}

.system-mobile,.system-tab-mobile {display: none!important;}
.box-pd-filter label {margin-bottom: 7px;font-weight: 500;font-size: 21px}
.box-pd-filter .col-lg-3 {width: 200px;}
.box-pd-filter .col-3 .dropdown-menu-selectsubcate-wrap {width: 200px}
/*.box-pd-filter .col-md-5 .dropdown-menu-selectsubcate-wrap {min-width: 263px;width:auto}*/
.dropdown-menu-selectsubcate-wrap {
  text-align: left;
  display: flex;
  justify-content: center;
  width: 100%;
}
.dropdown-menu-selectsubcate {
  display: inline-block;
  width: 100%;
  margin: 0;
}
.dropdown-menu-selectsubcate-model {
  display: inline-block;
  width: 100%;
}
.wrapper-dropdown {
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  position: relative;
  cursor: pointer;
  outline: none;
  font-size: 18px;
  color: #000;
  border-radius: unset;
  background: unset;
  border: 3px solid #F00;
}
.wrapper-dropdown:after {
  position: absolute;
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg) translateY(-50%);
transition: all .3s ease-in-out;
  transform-origin: 50% 0;
}
.wrapper-dropdown .dropd {
  text-align: center;
  z-index: 991;
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 10px 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background: #3E3E3E;
transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);border-radius: 10px;
  padding: 5px 20px;
}
.wrapper-dropdown .dropd li {
  display: block;
  text-decoration: none;
  width:100%;
  padding: 10px 0;
  font-size: 18px;
  color: #000000;
  border-bottom: 1px solid #707070;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown .dropd li:last-child {border-bottom:unset!important;}
.wrapper-dropdown .dropd li a {
  display: block;text-align: left;color: #fff;
}
.wrapper-dropdown .dropd li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
.wrapper-dropdown .dropd li:hover a {
  color: #E30022;
}
.wrapper-dropdown.active:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.wrapper-dropdown.active .dropd {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.no-opacity .wrapper-dropdown .dropd, .no-pointerevents .wrapper-dropdown .dropd {
  display: none;
  pointer-events: auto;
}
.no-opacity .wrapper-dropdown.active .dropd, .no-pointerevents .wrapper-dropdown.active .dropd {
  display: block;
}
.new-product-list {position: relative;padding: 0 25px 25px 25px;}
.new-product-list a {position: relative;display: block;}
.new-product-list-name {font-family: 'FC-Fast-Regular-ver-101';text-align: center;color: #000!important}
.list-more {display: block;text-align: center;position: relative;padding: 0;width: 100%;}
.list-more-blog {display: inline-flex;flex-wrap: wrap;
  align-items: center;position: relative;padding: 15px 0 0 0;color: #fff!important;width: 100%;}
.list-more-blog span{padding-right: 10px;color: #fff!important}
.list-more-blog svg .a{fill:none;stroke:#fff;stroke-width:1.5px;}
.list-more-blog svg .b{fill:#fff;}
.new-product-list-cover:hover {cursor: pointer;}
#product-slide-list .owl-nav {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%}
#product-slide-list .owl-nav .owl-prev {margin-left: -50px;float: left;}
#product-slide-list .owl-nav .owl-next {margin-right: -50px;float: right;}
#product-slide-list .owl-nav [class*="owl-"]:hover {background: unset;}
#product-slide-gallery .owl-nav {
  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%
}
#product-slide-gallery .owl-prev,#product-slide-gallery .owl-next  {
  background: #000;
  opacity: 1;
  padding: 15px 10px !important;
  border-radius: unset;margin: 0 5px;
}
#product-slide-gallery .owl-prev:hover,#product-slide-gallery .owl-next:hover  {
  background: #E30022;
}
#product-slide-gallery .owl-nav .owl-prev {margin-left: -65px;float: left;}
#product-slide-gallery .owl-nav .owl-next {margin-right: -65px;float: right;}
#product-slide-gallery .item {verflow: hidden;}
#product-slide-gallery figure {font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;text-align: center;padding-top: 15px}
#product-slide-gallery .item {verflow: hidden;}
#product-slide-gallery figure {font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;text-align: center;padding-top: 15px}
.owl-theme .owl-nav [class*="owl-"]:hover {background:unset!important;}
.blog-list-wrap {position: relative;}
#blog-slide-list .blog-list-wrap {padding:0 10px;}
.blog-list-wrap a {position: relative;display: block;border: 3px solid rgba(255, 255, 255, 0)}
.blog-list-cover {overflow: hidden;}
.blog-list-cover img {width: 100%}
.blog-list-dt {position: relative;padding: 15px 25px;background: #fff;}
.blog-list-dt * {font-family: 'Kanit'!important;}
.blog-list-name {font-size: 20px;line-height: 25px;font-weight: 500;min-height: 55px;margin-bottom: 10px}
.blog-slide-dt-wrap .btn-defualt {padding-left: 15px}
.blog-list-txt {color: #4D4D4D;font-weight: 300;font-style: 16px;min-height: 50px}
.blog-list-date {font-size: 14px;color: #929292 !important;font-weight: 300;padding-top: 15px}
.blog-list-wrap a:hover .blog-list-cover img {transform: scale(1.05);}
.blog-list-wrap a:hover {border-color: #E30022}
.wrap-blog-home {padding-left: 50px;padding-top: 35px}
.section-banner-gallery {
    position: relative;  margin-top: 0;
}
#blog-slide-list .owl-nav {
  position: absolute;
  left: -100px;
  bottom: 0;
}
#blog-slide-list .owl-prev,#blog-slide-list .owl-next  {
  background: #000;
  opacity: 1;
  padding: 15px 10px !important;
  border-radius: unset;margin: 0 5px;
}
#blog-slide-list .owl-prev:hover,#blog-slide-list .owl-next:hover  {
  background: #E30022;
}
.inner-wrapper-box .mn-border:hover {color: #030303!important;}
.filter-search-btn {align-content: flex-end;
  align-items: flex-end;
  display: flex;
  height: 100%;}
.filter-search-btn a {width: 81px;color: #000;
  padding: 10px 55px;
  text-align: center;
  border-radius: 25px;
  background: #E30022;
  display: flex;
  justify-content: center;
  align-items: center;}
.filter-search-btn a svg .a,.filter-search-btn a svg .b,.filter-search-btn a svg .d{fill:none;}
.filter-search-btn a svg .a,.filter-search-btn a svg .b{stroke:#030303;stroke-width:1.5px;}
.filter-search-btn a svg .b{stroke-linecap:square;}
.filter-search-btn a svg .c{stroke:none;}
.product-detail-wrap {padding-left: 65px}
.filter-color-wrap {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.filter-color-wrap li {padding-right: 10px;margin-bottom: 10px;}
.filter-color-wrap li a {
  background: rgba(255, 255, 255, 0);
  padding: 7px 7px 7px 7px;
  text-align: center;
  min-width: 90px;
  display: block;
  color: #000;
  border: 2px solid #E30022;
}
.filter-color-wrap li a:hover,.filter-color-active {background: #E30022!important;color: #fff!important;}
.box-pd-option-result {padding-top: 25px;margin-top: 30px;border-top: 1px solid #BBB;}
.box-pd-option-wrap {display: flex;flex-wrap: wrap;  justify-content: center;}
.box-pd-option-detail {padding: 0 35px;font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;color: #000;text-align: left;}
.box-pd-option-detail span {font-size: 20px;display: block;color: #000;padding-bottom: 7px;font-family: 'Kanit-Regular'}
.gallery-list {overflow: hidden}
.gallery-list a {position: relative;display: block;}
.overlay-cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
  background: url(../../assets/images/product/overlay-cover-zoom.webp) top center no-repeat;opacity: 0;background-size: 102%;}
.gallery-list a:hover img {transform: scale(1.05);}
.gallery-list-box-wrap .mb-4 {margin-bottom: 10px!important}
.content-wrap-center {max-width: 1366px;margin: 0 auto;}
.blog-wrapper-dt {position: relative;}
.blog-wrapper-dt figure {margin-top: 10px;text-align: center;color: #000;}
.blog-index-title {font-size: 30px;
  color: #E30022;font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;display: flex;flex-wrap: wrap;align-items: center;}
.blog-index-title img {
  display: inline-block !important;
  width: auto;
  margin: 0!important;}
.blog-index-title span {padding-left: 15px;color: #000}
.blog-index-content {
  padding: 25px;
  margin: 25px 0;
  background: #fff;
}
.section-blog *,.policy-content * {font-family: 'Kanit'!important}
.section-blog p, .section-blog ol, .section-blog ul {font-size: 16px;color: #4D4D4D;}
.blog-index-list {padding: 5px 50px 0 113px;margin-bottom: 0;list-style: none;margin-top: -29px;}
.blog-index-list li {margin: 10px 0;}
.blog-index-list li a {display: inline-block; vertical-align: top;color: #4D4D4D;font-size: 17px!important;padding-left: 15px;
  background: url(../../assets/images/icon/blog-index-list-marker.svg) no-repeat top 8px left;}
.blog-index-list li a:hover {color: #E30022!important;}
.section-blog {margin-top: 0;margin-bottom: 35px;}
.section-blog img {display: block;margin: 15px auto;}
.section-blog figure {margin-bottom: 15px}
.section-blog iframe {display: block;margin: 35px auto;}
.sub-title {font-size: 25px;font-family: 'FC-Faster-Regular-ver-101';}
.sub-title-pop {font-size: 30px;font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: normal;}
.section-blog .sub-title {padding-bottom: 5px;padding-top: 20px}
.share-article-wrap {display: flex;align-items: center;flex-wrap: wrap;}
.share-lable {text-transform: uppercase;font-size: 20px;}
.social-list-share-wrap {display: flex;align-items: center;margin-top: 10px}
.social-list-share {margin: 0 12px 0 0;}
.social-list-share a .social-icon-share-fb svg .a{fill:#0844AB;}
.social-list-share a .social-icon-share-mail svg .a{fill:#0CB500;}
.social-list-share img {margin: 0;}
.social-list-share a:hover svg .a{fill:#E30022}
.tag-article-wrap {display: flex;align-items: center;flex-wrap: wrap;}
.tag-list {padding: 20px 0 0 0;list-style: none;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
.tag-list li {padding: 0 12px 0 0;}
.tag-list a {padding: 5px 25px 5px 25px;text-align: center;color: #5E5E5E;border: 1px solid #AAAAAA;}
.tag-list a:hover {background: #E30022;color: #000}
.tag-article-wrap *,.social-list-share * {font-size: 17px;}
.distributor-name .main-title {font-size: 30px;font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;line-height: 25px;text-transform: unset;padding-bottom: 10px;}
.distributor-name img {display: block;margin: 0 auto 5px auto;}
.dtb-detail-wrap {display: flex;flex-wrap: wrap;text-align: left;}
.dtb-detail-wrap i {display: block;width: 10%}
.dtb-detail-wrap span {font-size: 18px;width: 90%;padding-left: 10px;font-weight: 400;font-family: 'Kanit'}
.dtb-detail-wrap a:hover {color: #E30022!important}
.sec-contact-inner {padding: 30px 0 310px 0;position: relative;z-index: 2;}
.tel-ft-ct p {
  padding: 0;text-transform: unset;margin-bottom: 10px}
.tel-ft-ct p a {display: flex;align-items: center;padding-bottom: 10px;position: relative;color: #000;flex-wrap: wrap;
  justify-content: flex-start;}
.tel-ft-ct span {width: 80%;padding-left: 10px;text-align: left;font-family: "Kanit", sans-serif;
  font-weight: 400;font-style: normal;}
.tel-ft-ct p a:hover {color: #E30022 !important;}
.tel-ft-ct i {display: flex;align-items: center;width: 30px;}
.tel-ft-ct i svg {max-width: unset;}
.tel-ft-ct svg .a {fill:#fff;}
.ctu-social {display: flex;justify-content: flex-start;align-items: center;padding: 0;list-style: none;}
.ctu-social li {padding: 0 20px 0 0;}
.ctu-social a svg .a{fill:#000;}
.ctu-social a:hover svg .a{fill:#E30022}
.btn-defualt-back {margin: 10px auto;}
.btn-defualt-back a {display: inline-block;text-align: center;background: #000;
  color: #fff!important;width: 100%;padding: 10px 25px 10px 25px;position: relative;}
.btn-defualt-back a:hover {background: #E30022;color: #fff!important}
.container-banner {position: relative;z-index: 10;width: 97%;margin: 0 auto;}
.pt-wrap {padding-top: 35px;}
.new-product-detail-gallery {max-width: 100%;margin: 35px auto 35px auto;}
.main-title-atc {font-size: 40px;font-family: "Kanit", sans-serif;font-weight: 500;text-transform: uppercase;}
.main-title-atc-box {padding-bottom: 15px;margin-bottom: 25px;border-bottom: 1px solid rgba(0, 0, 0, 0.33);position: relative;}
.main-title-atc-box .main-title-atc {max-width: 85%;font-style: italic;}
.date-atc {position: absolute;font-size: 14px;font-weight: 300;color: #929292;top: 20%;right: 0;transform: translate(0,-50%);}
.main-title-dist {
  font-family: "FC-Fastest-Bold-ver-101";
  position: relative;
  padding-bottom: 0;
  text-transform: uppercase;
  display: inline-block;
  font-size: 50px;
  line-height: 60px;
  color: #000;
}
.main-title-dist span {color: #E30022!important}
.search-modal-wrap .form_col select,.search-list-box .form_col select {background-color: unset;}
.search-modal-wrap * {color: #000!important}
.search-modal-wrap .btn-submit {color: #fff!important}
.search-modal-wrap .btn-defualt a {color: #fff!important}
.ctu-social-title {font-size: 20px;color: #000;text-transform: uppercase;font-family: "Kanit", sans-serif;
  font-weight: 500;}
.sec-home-newrelease .main-title br {display: none!important;}
.section-wrap-inner .main-title,.main-title-atc,#navbreadcrumbs {position:relative;width: 100%;}
footer {
    position: relative;
    z-index: 3;
}
.section-wrap-inner .content-wrap {
    overflow: visible;
  }
.overflow-anime {
  position: relative;
  z-index: 999;
}
.search-list-detail {
    position: relative;
    z-index: 9;
  }
.map-section {position: relative; z-index: 9;}
.banner-list-hlbox-wrap {display: flex;flex-wrap: wrap;justify-content: center;position: absolute;top: -90px;
  left: 50%;transform: translate(-50%,0);z-index: 9;width: 100%}
.banner-list-hlbox-wrap-row {display: flex;flex-wrap: wrap;justify-content: center;}
.banner-list-hlbox {padding: 0 2rem;position: relative;width: 223px;height: 195px;overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: skewX(-19deg);
  -moz-transform: skewX(-19deg);
  -ms-transform: skewX(-19deg);
  transform: skewX(-19deg);
  margin: 0 30px;}
.banner-list-hlbox .banner-list-hlbox-txt {padding: 15px;position: relative;color: #fff;
  text-align: center;font-size: 16px;min-width: 200px;position: absolute;top: 20px;
  left: 5px;
  transform: translate(-50%,-50%);
  -webkit-transform: skewX(19deg);
  -moz-transform: skewX(19deg);
  -ms-transform: skewX(19deg);
  transform: skewX(19deg);}
.banner-list-hlbox .banner-list-hlbox-txt i {}
.banner-list-hlbox .banner-list-hlbox-txt span {font-size: 60px;line-height: 75px;font-family: 'subset-FCFasterBold'!important;width: 100%;display: block;}
.banner-list-hlbox::before {
   content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 50% 35%, 50% 67%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#E30022, #E30022), linear-gradient(#E30022, #E30022), linear-gradient(#fff, #fff), linear-gradient(#fff, #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;
}
.banner-list-hlbox::after {
   content: '';
  position: absolute;
  z-index: -1;
  left: 12px;
  top: 12px;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  background: #303030;
}
.banner-list-hlbox:hover {cursor: default;}
.banner-list-hlbox:hover:before {transform: rotate(180deg);}

.text-shadow-box {opacity: 0.4;font-size: 200px;line-height: 200px;text-transform: uppercase;font-family: 'subset-FCFasterBold';
  text-align: center;position: relative;}
.text-shadow-box span {color: #E30022!important;}
.text-shadow-box i {color: #7b7b7b!important;}
.title-wh-shadow {text-align: center;}
.title-wh-shadow .text-shadow-box {
  margin-bottom: -70px;z-index: -1
}
.section-banner-gallery .title-wh-shadow .text-shadow-box {opacity: 0.3}
.sec-home-wheel-first {
  padding: 90px 0 435px 0;
}
.sec-home-wheel-second {
  padding: 0;
}
.sec-home-wheel-third {
  padding: 0;margin-top: -70px;
}
.home-wheel-txt-sec-first-sub h3 {font-size: 21px;font-family: 'FC-Fastest-Bold-ver-101';}
.home-wheel-txt-sec-first-sub h3 span {font-size: 60px;color: #E30022;padding-right: 5px;}
.home-wheel-txt-sec-second {
  padding: 20% 0 0 25%;
  margin-right: -100px;
}
.home-wheel-img-sec-second {text-align: right;}
.home-wheel-img-sec-third {margin-top: -120px;position: relative;display: inline-block;margin-left: 3%;}
.home-wheel-img-sec-first {margin-top: 220px;
  position: absolute;
  top: 30px;
  right: 3%;
  z-index: 1 !important;
  max-width: 65%;}
.box-why-circle .why-box-bg {-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;}
.box-why-circle {display: flex;justify-content: flex-end;flex-wrap: wrap;padding-top: 15px;}
.box-why-circle-list {width: 407px;position: relative;max-width: 33.33%;margin-right: -85px;}
.box-why-circle-list:last-child {margin-right: 0!important;}
.box-why-circle-list:hover {cursor: default;}
.box-why-circle-list-dl {position: absolute;top: 0; left: 0;width: 100%;height: 100%;padding: 65px 30px;z-index: 3!important;display: flex;
  flex-wrap: wrap;justify-content: center;align-content: baseline;}
.box-why-circle-list-dl-img {margin: 0 auto 15px auto; display: flex; width: 100%;height: 60px;justify-content: center;
  align-items: center;}
.box-why-circle-list-dl-img svg .a{fill:#fff;}
.box-why-circle-list-dl-txt {font-size: 17px;color: #fff;text-align: center;}
.box-why-circle-list-dl:hover .box-why-circle-list-dl-txt {color: #E30022}
.box-why-circle-list a:hover .box-why-circle-list-dl-img svg .a{fill:#E30022;}
#product-slide-list-big .animated  {
      -webkit-animation-duration : 0 ms  !important;
      animation-duration : 0 ms  !important;
      -webkit-animation-fill-mode : both  !important;
      animation-fill-mode : both  !important;
    }


    #product-slide-list-big .fadeOut  {
      -webkit-animation-name : fadeOut  ;
      animation-name : fadeOut  ;
    }
    @-webkit-keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }
      100% {
        opacity : 0   ;
      }
    }
    @keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }
      100% {
        opacity : 0   ;
      }
    }
.product-slide-dl .main-title {font-family: 'FC-Fastest-Bold-ver-101';display: block;padding-bottom: 0;}
.product-slide-dl .main-title span {display: block;font-size: 25px;text-transform: unset;line-height: 30px;}
.product-slide-dl {padding-top: 10px;}
.pd-name-pjd {font-size: 25px;margin-bottom: 25px;font-family: 'FC-Fastest-Bold-ver-101';}
.new-product-list-dt {position: relative;}
.active-icn {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 15px;
}
#product-slide-list-small {
  padding: 0 50px;
}
#product-slide-list-small .owl-item.synced .active-icn {opacity: 1!important}
#product-slide-list-small .owl-nav {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  width: 100%;margin: 0;
}
#product-slide-list-small .owl-nav img {max-width: 37px}
#product-slide-list-small .owl-nav .owl-prev {
  margin-left: -50px;
  float: left;
}
#product-slide-list-small .owl-nav .owl-next {
  margin-right: -50px;
  float: right;
}
.banner-pd-wheel-thumbs {padding-top: 10px;position: relative;z-index: 2;}
.dis-title-border h3 {font-size: 33px;font-weight: 300;padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid rgba(0, 0, 0, 0.3);display: inline-block;}
.dis-title-border h3 span {color: #E30022;font-weight: 400}
.dis-title-border p {font-weight: 300;font-style: unset;}
.dis-title-border {
  margin-top: -10px;
}
.for-inner {display: none!important;}
.inner-wrapper-box #main-menulist ul li a, .inner-wrapper-box .menu-list-item li a {color: #000}
.inner-wrapper-box .for-home {display: none!important;}
.inner-wrapper-box .for-inner {display: block!important;}
.inner-wrapper-box .menu-mb-social a svg .a {fill: #000;}
.inner-wrapper-box .switch-lang a {color: #000}
.inner-wrapper-box .switch-lang a:last-child {
  border-left: 1px solid rgba(0, 0, 0, 0.28) !important;
}
.inner-detail-pd-box .product-slide-dl {padding-top: 0;}
.box-pd-table {background: rgba(0, 0, 0, 0.73);padding: 20px 30px;}
.box-pd-table * {color: #fff!important;}
.box-pd-table-head {border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-bottom: 10px;margin-bottom: 15px;font-size: 20px;text-align: left;}
.box-pd-table-dt {min-height: 225px;text-align: left;}
.dis-address {font-weight: 400;font-family: 'Kanit';font-size: 18px;margin-top: 10px;}
.dis-name {font-size: 16px;width: 85%;text-align: left;}
.homewrap {background: url(../../assets/images/common/bg-home-main.webp) no-repeat fixed top center;background-size: 1920px;background-color: #919191;}
.bg-sec-1 {position: absolute;top: -15%;left: 0;z-index: -1}
.bg-sec-1_2 {position: absolute;top: -18%;left: 0;z-index: 0 !important}
.bg-sec-4 {position: absolute;top:-59%;left: 0;z-index: 0}
.bg-sec-2 {position: absolute;top: 42%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%}
.bg-sec-3 {position: absolute;bottom: 0;left: 0;z-index: -1}
.dis-bg-pc {position: absolute;bottom: 0;left: 0}
.home-wheel-img-sec-second-object {position: absolute;right: 12%;bottom: 284px;z-index: 0;max-width: 15%;}
.home-wheel-img-sec-second-object-2 {position: absolute;left: 5%;bottom: -47px;z-index: 0;}
.home-wheel-img-sec-object-3 {position: absolute;right: 25px;top: -39%;z-index: 0;max-width: 30%;}
.home-wheel-img-sec-object-4 {position: absolute;left: -6%;bottom: -87%;z-index: 0;max-width: 30%;}
.home-wheel-img-sec-object-5 {position: absolute;right: -13%;bottom: -92%;z-index: 0;max-width: 28%;}
.home-wheel-img-sec-object-6 {position: absolute;left: -15%;top: -62%;z-index: 0;max-width: 30%;}
.home-wheel-img-sec-object-7 {position: absolute;right: -9%;top: -44%;z-index: 0;max-width: 44%;}
.home-wheel-txt-sec-first .title-wh-shadow {text-align: left;}
.product-slide-list-gallery .slick-dots {z-index: 99;position: absolute;bottom: 25px;right: 25px;text-align: center;}
.product-slide-list-gallery .slick-dots li {
  width: 54px;
  height: 6px;
  margin-left: 10px;
}
.product-slide-list-gallery .slick-dots li button {
  width: 54px;content: '';color: unset;
  height: 6px;
  margin: 0 auto;border-radius: 10px;
}
.product-slide-list-gallery .slick-dots li button:before {background: rgba(255, 255, 255, 0.7);
  width: 54px;content: '';
  height: 6px;
  margin: 0 auto;
  border-radius: unset;border-radius: 10px}
.product-slide-list-gallery .slick-dots li.slick-active button:before, .product-slide-list-gallery .slick-dots li:hover button:before {background: #E30022;}
.inner-detail-pd-box .banner-pd-wheel {
  margin-top: 0;
}
.inner-detail-pd-box .text-shadow-box {
  position: absolute;
  left: 35%;
}
.sidebar-fix-style .content-wrap {overflow: unset;}
.box-content-main-wrap {border-right: 1px solid rgba(112, 112, 112, 0.22);padding-right: 100px !important}
.box-content-main.no-refer {border-right:none!important;}
.sidebar-fix-style .box-content-main, .sidebar-fix-style .box-content-menu {width: 100%;}
.box-content-menu {padding-top: 20px;-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;}
.sidebar-section {position: absolute;height: 100%;width: 100%;}
.sidebar-item {position: absolute;top: 0;left: 0;width: 100%;}
.has-2-items {position: relative;margin-bottom: 200px;}
.has-2-items .sidebar-item {height: 75%;}
/*.has-2-items .sidebar-item.sticky-blog {top: 5%;}*/
.make-me-sticky {position: -webkit-sticky;position: sticky;top: 0;}
.box-content-menu {padding-left: 30px;}
.sticky-blog .box-content-menu {padding-top: 150px;}
.box-content-main-wrap-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.box-content-main-wrap-row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.left-sidebar {
  float: left;
  width: 25%;
  flex: 0 0 auto;
}
.box-content-main-wrap {width: 75%;flex: 0 0 auto;}
.news-lastest-list {background: #fff}
.text-news-lastest-list {padding: 10px}
.text-pd-detail-date {font-size: 14px;color: #929292;font-weight: 300;padding-top: 10px;font-family: 'Kanit'}
.text-pd-detail {line-height: 22px;font-family: 'Kanit'}
.sec-contact-inner .main-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.contac-dt-wrap p {font-family: 'Kanit'}
.mb-scrolldown-box {display: none!important;}
.btn-back {position: absolute;
  right: 0;
  display: block;
  width: auto;
  top: -25px;}
.btn-back svg .a{fill:none;stroke:#000;}
.btn-back a:hover svg .a{stroke:#E30022;}
.bg-home-vmbfixed,.bg-home-vmbfixed-inner {display: none!important;}
.searchbar {position: absolute;top: 50%;
  right: 3%;
  transform: translate(0,-50%);}
.hicn-search {cursor: pointer;}
.hicn-search span {font-size: 17px;color: #000;font-style: normal;font-family: 'FC-Fastest-Regular-ver-101';}
.hicn-search:hover span {color: #E30022}
.hicn-search svg {max-width: 18px;height: auto;margin-top: -4px}
.togglesearch button svg .a {fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.hicn-search svg .a {fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.hicn-search:hover svg .a {stroke:#E30022;}
    .togglesearch{
      background: rgba(0, 0, 0, 0.25);
      position: absolute;
      top: 30px;
      right: 0;
      width: 325px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      display: none;
      padding: 15px;
    }
    .togglesearch form{
      display: flex;align-items: center;
    }

    .togglesearch input[type="text"]{
      width: 80%;
      padding: 10px 15px;
      outline: none;font-size: 16px;
  border: unset;
    }

    .searchbar-btn{
      width: 50px;
      height: 45px;
      padding: 5px 0;
      background: #E30022;
      color: #fff;
      outline: none;
      cursor: pointer;border: unset;
      display: flex;justify-content: center;align-items: center;
    }
.pd-size-all {
  list-style: none;
  padding: 0;
  margin: 0 0 35px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pd-size-all li {padding: 0 10px;border-right: 1px solid #707070;font-family: 'subset-FCFastBold';}
.pd-size-all li:first-child {padding-left: 0!important;}
.pd-size-all li:last-child {padding-right: 0!important;border-right:unset!important;}


.pd-size-all-list {
  list-style: none;
  padding: 0;
  margin: 5px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pd-size-all-list li {padding: 0 5px;font-size: 14px}
.content-wrap-result {width: 90%;margin: 0 auto;max-width: 1532px;position: relative;overflow: visible;z-index: 9;}
.main-title-result {
  font-size: 30px;padding-bottom: 20px;
}
.popup-why-dt {display: none;max-width: 50%;background: rgba(0, 0, 0, 0.9) !important;padding: 50px !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.popup-why-dt * {color: #fff}
.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: 50px;background: rgba(255, 255, 255, 0.75);padding: 7px 20px;text-align: center;font-size: 14px;
  color: #000;font-family: 'Kanit'}
.new-product-list-cover {position: relative;}
.label-pd {position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding-top: 10px;min-height: 47px;}
.label-pd img {max-width: 32px;}
.label-new,.label-hot {margin: 0 3px;padding: 0 0 5px 0;}
.sec-home-product *,.sec-distributor-home *,.sec-home-wheel-first *,.sec-home-wheel-third * {z-index: 2}
.sec-home-product .bg-sec-2,.sec-distributor-home .bg-sec-3,.sec-home-wheel-first .bg-sec-1 {z-index: 0!important}
.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.8)!important;
  -webkit-backdrop-filter: brightness(85%) blur(35px);
  backdrop-filter: brightness(85%) blur(35px);
}
.box-pd-table-head .col-3,.box-pd-table-dt .col-3 {width: 29%}
.box-pd-table-head .col-2,.box-pd-table-dt .col-2 {width: 20%}
.box-pd-table-head .col-4,.box-pd-table-dt .col-4 {width: 22%}
.sec-distributor-home .dis-bg-pc {z-index: 1}
.main-title-with-flag {font-size: 60px;font-family: 'FC-Fastest-Bold-ver-101';color: #000}
.main-title-with-flag span.txt-big {font-size: 77px;line-height: 50px;}
.main-title-with-flag span.txt-big b {color: #E30022;font-weight: normal;}
.title-flag-wrap {display: flex;align-items: center;}
.bflex-end {justify-content: flex-end;}
.txt-aftitle {font-size: 29px;font-family: 'FC-Fastest-Regular-ver-101';}
.pr-10 {padding-right: 15px}
.pl-10 {padding-left: 15px}
.sec-home-product {margin-top: 3%}
.item-pd-big img {display: block;margin: 0 auto;}
.pd-name-main {font-size: 60px;color: #E30022;font-family: 'FC-Fastest-Bold-ver-101';margin-bottom: 0}
.title-flag-wrap.bflex-end img {margin-right: -55px}
.sec-car-3 {position: absolute;right: 0;bottom: 60px}
.title-home-dis {display: flex;align-items: center;}
.swiper-button-next svg,.swiper-button-prev svg {max-width: 37px}
.swiper-button-next,.swiper-button-prev {width: 37px}
.swiper-button-next svg .a,.swiper-button-prev svg .a{fill:none;stroke:#000;stroke-width:2px;}
.swiper-button-next:hover svg .a,.swiper-button-prev:hover svg .a{stroke:#E30022;}
.swiper-button-next::after,.swiper-button-prev::after {display: none!important;}
.mySwiper img {margin: 0 auto;}
.mySwiper {padding: 0 30px!important;}
.slider-thumb .slick-next {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  width: 37px;
}
.slider-thumb .slick-prev {
  display: flex;
  justify-content: flex-start;
  align-items: end;
  width: 37px;
}
.swiper-slide-thumb-active .active-icn {opacity: 1!important}
.mySwiper {
      width: 100%;
      /*height: 915px;*/
      margin-left: auto;
      margin-right: auto;
      height: auto !important;
    }
/*.inner-wrapper-box .mySwiper {height: 1170px;}*/
.inner-wrapper-box .mySwiper {height: auto !important;}
.mySwiper .swiper-slide {
      text-align: center;
      /*height: calc((100% - 30px) / 3) !important;*/
      height: auto !important;
      display: flex;
      justify-content: center;
      align-items: flex-start;
    }
.inner-wrapper-box .mySwiper .swiper-slide {
      /*height: calc((100% - 30px) / 4) !important;*/
      height: auto !important;
    }
.mySwiper .swiper-wrapper {padding-top: 10px;}
.gallery-list-wrap {width: 125%;margin-left: -25%;}
.banner-gallery-home .swiper-slide .gallery-list a {position: relative;overflow: hidden;}
.banner-gallery-home .swiper-slide .gallery-list a:before {position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;
  background: rgba(0, 0, 0, 0.75);opacity: 1!important}
.banner-gallery-home .swiper-slide.swiper-slide-active .gallery-list a:before {opacity: 0!important}
.banner-gallery-home {padding-bottom: 50px!important;}
.banner-gallery-home .swiper-pagination {
  bottom: 10px !important;
  left: unset !important;
  right: 0 !important;
  text-align: right;
  width: auto!important;
  display: flex;
  align-items: center;
}
.banner-gallery-home .swiper-pagination:after {width: 236%;height: 1px;background: #000000;position: absolute;right: 105%;content: '';
  top: 50%;transform: translate(0,-50%);}
.banner-gallery-home .swiper-pagination-bullet  {
  width: 50px;
  height: 5px;
  border-radius: unset;background:#000;opacity: 1!important;
}
.banner-gallery-home .swiper-pagination-bullet-active {background: #E30022!important}
/*----------*/
.mySwipergallery {padding-bottom: 50px!important;}
.mySwipergallery .swiper-pagination {
  bottom: -35px !important;
  left: unset !important;
  right: 0 !important;
  text-align: right;
  width: 100%!important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mySwipergallery .swiper-pagination-bullet  {
  width: 50px;
  height: 5px;
  border-radius: unset;background:#000;opacity: 1!important;
}
.mySwipergallery .swiper-pagination-bullet-active {background: #E30022!important}
.bg-sec-mb {display: none!important;}

#banner-gallery-inner .slick-slide {
    padding: 0 10px !important;
}
#banner-gallery-inner .slider-item {position: relative;display: block;overflow: hidden;}
#banner-gallery-inner .slider-item a {position: relative;display: block;}
#banner-gallery-inner .slider-item a:after {position: absolute;width: 100%;height: 100%;
  background: rgba(0, 0, 0, 0.75);top: 0;left: 0;z-index: 99;content: '';opacity: 1}
#banner-gallery-inner .slick-slide img {
    opacity: 1;
  overflow: hidden;width: 100%;
}
#banner-gallery-inner .slick-slide.slick-center img {
    opacity: 1 !important;
}
#banner-gallery-inner .slick-slide.slick-center .slider-item a:after {opacity: 0!important}
#banner-gallery-inner .slick-slide.slick-center:hover img {
  transform: scale(1.05);
}
#banner-gallery-inner .slick-dots li,#banner-blog-inner .slick-dots li {
  width: 50px;
  height: 5px;overflow: hidden;
}
#banner-gallery-inner .slick-dots li button,#banner-blog-inner .slick-dots li button {
  width: 100%;
  height: 100%;
  background: #000;
}
#banner-gallery-inner .slick-dots li button::before,#banner-blog-inner .slick-dots li button::before {display: none;}
#banner-gallery-inner .slick-dots li.slick-active button,#banner-blog-inner .slick-dots li.slick-active button {background: #E30022!important}
.inner-wrapper-box .main-title {
  font-size: 60px;
  line-height: 80px;
}
.blog-slide-dt-wrap {padding-left: 15px}
.blog-slide-dt-wrap h2 {font-size: 30px;font-family: 'Kanit';font-weight: 400}
.blog-slide-dt-wrap p {font-size: 16px;font-family: 'Kanit'}
.search-modal-dt {width: 310px;}
.sec-contact-bg {
  position: absolute;
  top: -190px;
  left: 0;
  z-index: -1;
}
.fancybox__caption {font-family: 'Kanit';font-weight: 400}
.policy-content ol {padding-left: 15px;}
.policy-content ol li {margin-bottom: 10px;}
.banner-pd-wheel-thumbs .swiper-grid-column > .swiper-wrapper {
  flex-direction: row;width: 100% !important;
}
.sec-home-product .banner-pd-wheel-thumbs .swiper-grid-column > .swiper-wrapper {
  flex-direction: column!important;
}
.sec-home-product .mySwiper {
  height: 915px!important;
}
.map-section-dt .iframe-map {
  height: 770px;
}
.map-section-dt .search-modal-wrap {
  top: unset;
  transform: unset;
  height: 84%;
  bottom: 0;
}
.gallery-blog {margin-left: calc(-.5 * var(--bs-gutter-x));margin-right: calc(-.5 * var(--bs-gutter-x));width: 100%!important;}
.gallery-blog img {margin: 0 auto!important;}
.policy-social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.policy-social ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.policy-social ol a svg .a {
  fill: #000;
}
.cookie-btn {background: rgba(0,0,0,0.65);text-align: center;width: 130px;display: inline-block;color: #fff;padding: 5px 0 9px 0;font-size: 16px;
  border: 2px solid #E30022;}
.cookie-btn a, .cookie-btn a:hover {color: #fff!important;}
.cookie-btn:hover {background: #E30022;}
.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;}
.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: 17px;line-height: 20px}
.alert-cookie p a{color: #E30022;text-decoration: underline;}
.alert-cookie p a:hover {color: #E30022}
.btn-cookies { margin: 35px 0 0 20px; text-align: center; display: inline-block; color: #dedede;}
.cookie-l {width: 88%;float: left;display: flex;
  align-items: center;}
.cookie-r {width: 11%;float: left;text-align: right;}
.btn-cookies a { position: relative; letter-spacing: 1px; margin: 0 10px;
  display: inline-block; border: none; padding: 5px 20px;
  background-color: #fff; text-transform: uppercase; vertical-align: middle;
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; overflow: hidden;}
.btn-cookies a:hover { background:#666; color:#fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.btn-cookies a.accept { position: relative; letter-spacing: 1px; margin: 0 10px 15px 10px;
  display: inline-block; color: #fff; background:#c08f2c; border: 2px solid #c08f2c; padding: 10px 8px;
   vertical-align: middle;border-radius: 5px;text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; overflow: hidden;}
.btn-cookies a.accept:hover { color: #fff; background:#c08f2c; border: 2px solid #c08f2c;-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.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;}


@media only screen and (max-width: 1750px) {
.main-title,.inner-wrapper-box .main-title {
  font-size: 50px;
  line-height: 85px;
}
.logo-main {
  width: 18%;
  padding: 0 17px;
}
.sec-home-wheel-first {
  padding: 90px 0 350px 0;
}
.home-wheel-img-sec-third {
  margin-top: -55px;
  margin-left: 0;
}
.bg-sec-1_2 {
  top: -5%;
}
.bg-sec-4 {
  top: -50%;
}
.sec-distributor-home {
  padding: 130px 0 380px 0;
}
}




@media only screen and (max-width: 1600px) {
body, p,.wrapper-dropdown, .wrapper-dropdown-project,.wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li,.privacy-check label,
.btn-defualt-center a span,.btn-defualt-more a span,.btn-request-map-more a,.blog-list-name,
.blog-index-list li a,.tag-list a,.tag-article-wrap *, .social-list-share *,.filter-color-wrap li a,.btn-defualt a,
.txxt-18,.cookie-btn {font-size: 13px!important;line-height: 22px;}
.main-title,.main-title-normal {
  font-size: 90px;line-height: 75px;
}
.btn-defualt a {font-size: 12px;padding: 7px 20px 7px 20px;min-width: 150px;}
.list-more {font-size: 12px}
.list-more svg {
  margin-top: 3px;
  width: 19px;
}
footer *, footer a,.box-pd-option-detail span {
  font-size: 13px;
}
.copyright-wrap * {
  font-size: 13px;
}
.address-ft p br {display: none;}
.blog-list-date {
  font-size: 12px;
}
.page-list a {
  width: 34px;
  height: 34px;
}
.text-shadow-box {
  font-size: 165px;
  line-height: 165px;
}
 .main-title {
    font-size: 60px;
    line-height: 85px;
  }
.sub-title-red {
  font-size: 21px;
}
.home-wheel-txt-sec-first-sub h3 span {
  font-size: 45px;
}
.product-slide-dl {
  padding: 10px 30px 0 30px;
}
#product-slide-list-small .owl-nav .owl-next {
  margin-right: 0;
}
#product-slide-list-small .owl-nav .owl-prev {
  margin-left: 0;
}
.box-why-circle-list-dl-txt {
  font-size: 16px;
}
.product-slide-dl .main-title span {
  font-size: 22px;
}
.sec-distributor-home {
  padding: 90px 0 420px 0;
}
#product-slide-list-small .owl-nav img {
  max-width: 25px;
}
#main-menulist ul li a, .menu-list-item li a,.togglesearch input[type="text"],.hicn-search span,.switch-lang a {
  font-size: 15px;
}
#main-menulist ul li, .menu-list-item li {
  margin: 0 10px;
}
.home-wheel-img-sec-first {
  margin-top: 180px;
  width: 65%;
}
.sec-home-wheel-first {
    padding: 90px 0 250px 0;
  }
.title-flag-wrap img {
  max-width: 55%;
}
.main-title-with-flag {
  font-size: 40px;
}
.main-title-with-flag span.txt-big {
  font-size: 50px;
  line-height: 45px;
}
.mySwiper {
  padding: 0 !important;
}
.swiper-button-next {
  right: -30px!important;
}
.swiper-button-prev {
  left: -30px!important;
}
.main-title-dist {
  font-size: 40px;
}
.title-flag-wrap.bflex-end img {
    margin-right: -25px;
}
}

@media only screen and (max-width: 1536px) {
.store-list-map-name {
  width: 80%;
}
.search-modal-wrap .form_col select,.search-list-box .form_col select,.bg_form input[type="submit"], .btn-submit,.form_col .inputsearch {
  font-size: 16px;
}
.new-product-list {
  padding: 0 20px;
}
.page-list-wrap {
  margin: 0 auto 0 auto;
}
.blog-index-content {
  padding: 15px 15px 25px 15px;
}
.map-address-wrap .col-12 {
  justify-content: space-between;
}
.sec-contact-inner {
  padding: 30px 0 115px 0;
}
.sec-contact-bg {
  top: -170px;
}
.homewrap {
  background-size: cover;
}
.searchbar {
    right: 1%;
}
#banner-blog-inner {margin-left: 5px;}
.banner-gallery-home .swiper-pagination::after {
  width: 190%;
}
#navbreadcrumbs * {
    font-size: 12px !important;
}
}

@media only screen and (max-width: 1470px) {
header {
  margin: 0;
}
.wrap-blog-home {
  padding-left: 15px;
}
.sec-home-product {
    margin-top: 0;
  }
.section-banner-gallery {
    position: relative;
    margin-top: 0;
    padding: 70px 0;
  }
.sec-distributor-home {
    padding: 91px 0 315px 0;
  }
.title-wh-shadow .text-shadow-box {
  margin-bottom: -55px;
}
.bg-sec-2 {
  top: 37%;
}
.home-wheel-img-sec-second-object {
  bottom: 260px;
}
.home-wheel-img-sec-object-5 {
  bottom: -75%;
}
.home-wheel-img-sec-object-4 {
  bottom: -70%;
}
.home-wheel-img-sec-object-6 {
  top: -68%;
}
.hicn-search svg {
  margin-top: -5px;
}
.active-icn {
  right: -15px;
}
.sec-home-wheel-first {
    padding: 90px 0 180px 0;
  }
.home-wheel-img-sec-third {
    max-width: 70%;
  }
.sec-car-3 {
    max-width: 60%;
  }
#main-menulist ul li a, .menu-list-item li a, .togglesearch input[type="text"], .hicn-search span, .switch-lang a {
    font-size: 12px;
}
.hicn-search svg {
    margin-top: -1px;
    max-width: 14px;
  }
.bg-sec-1 {
  top: -12%;
}
.banner-gallery-home .swiper-pagination::after {
  width: 180%;
}
}

@media only screen and (max-width: 1366px) {
body, p, .wrapper-dropdown, .wrapper-dropdown-project, .wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li,
.privacy-check label, .btn-defualt-center a span, .btn-defualt-more a span, .btn-request-map-more a, .blog-list-name,
.blog-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *,.page-list a,.filter-color-wrap li a,
.box-pd-option-detail span,footer *, footer a,.form_col select,.form_col .inputsearch,.map-point-icon,
.bg_form input[type="submit"], .btn-submit,.btn-defualt a,.cookie-btn {
    font-size: 12px !important;
    line-height: 19px;
  }
header {
  margin: 15px 0 0 0;padding: 0;
}
.box-pd-filter label {
  font-size: 17px;
}
.new-product-list-name, .sub-title,.distributor-name .main-title {
    font-size: 17px;
  }
.sub-title,.blog-detail-content .sub-title,.blog-index-title,.sub-title-pop {font-size: 20px;}
.btn-defualt a {
  padding: 5px 30px 7px 30px;
}
.list-more,.blog-list-date {
    font-size: 10px!important;
  }
#navbreadcrumbs * {
    font-size: 12px!important;
  }
.main-section-inner {
  padding-top: 90px;
}
.sec-contact-inner {
  padding: 0 0 150px 0;
  margin-top: 0 !important;
}
.menu-list-item li {
  margin: 0 0 0 20px;
}
.mn-border {
  min-width: 120px;
}
.switch-lang a {
  width: 38px;
  margin-left: 5px;
}
#navbreadcrumbs {
  padding: 0 0 35px 0;
}
.filter-search-btn a {
  padding: 10px 10px;
}

.product-inner-list.pt-3 {padding-top: 35px!important;}
.gallery-list-wrap {padding-top: 0!important;}
.content-wrap-center {
  max-width: 950px;
}
.footer-logo {max-width: 185px;}
.blog-index-content {
  margin-bottom: 0;
}
.store_map-list {
  max-width: 95%;
  margin: 0 auto;
}
.btn-request-map-more {
  width: 15%;
}
.store-list-map-name {
  width: 85%;
}
.iframe-map {
  height: 590px;
}
.pt-wrap {
  padding-top: 15px;
}
#product-slide-gallery .owl-nav .owl-prev {
  margin-left: -55px;
}
#product-slide-gallery .owl-nav .owl-next {
  margin-right: -55px;
}
.logo-main img {
  width: 190px;
  height: auto;
}
.btn-request-map-more a {
  padding: 7px 5px;
  min-width: 130px;
}
.banner-list-hlbox div {
  padding: 0 15px 30px 15px;
}
.sec-distributor-home {
    padding: 120px 0 325px 0;
  }
.banner-list-hlbox .banner-list-hlbox-txt span {
  font-size: 45px;
  line-height: 55px;
  padding-bottom: 10px;
}
.banner-list-hlbox {
  padding: 0 30px 30px 30px;
}
.menu-mb-social li {
  margin: 0 !important;
}
.sec-home-wheel-third {
  margin-top: 0;
}
.home-wheel-img-sec-object-3 {
  right: -10%;
  max-width: 35%;
}
.new-product-list {
  padding: 0 10px;
}
.home-wheel-img-sec-object-4 {
  left: -10%;
  bottom: -78%;
  max-width: 30%;
}
.home-wheel-img-sec-object-5 {
  right: -20%;
    bottom: -70%;
}
.home-wheel-img-sec-object-6 {
  left: -17%;
  top: -50%;
  max-width: 26%;
}
.home-wheel-img-sec-object-7 {
  position: absolute;
  right: -9%;
  top: -25%;
  max-width: 30%;
}
 .section-banner-gallery {
    padding: 150px 0 60px 0;
  }
.togglesearch input[type="text"] {
  font-size: 15px;
}
.SearchStore-wrap .col-md-4 {width: 100%}
.SearchStore-wrap .col-md-8 {width: 100%;margin-top: 15px}
.SearchStore-wrap .col-md-8 .row {justify-content: flex-start!important;}
.logo-main {
    width: 15%;
    padding: 0;
  }
.active-icn {
    right: 0;
    top: -10px;
  }
.pd-thumb-big img {max-width: 75%}
.pd-wrap-slide-dt .col-lg-7 {width: 50%;}
.pd-wrap-slide-dt .col-lg-5 {width: 50%;}
.pd-wrap-slide-dt .col-lg-5 .banner-pd-wheel-wrap {padding-left: 50px}
.sec-home-product .pd-wrap-slide-dt .col-lg-5 .banner-pd-wheel-wrap {padding-right: 50px;padding-left: 0}
.menu-footer li a svg,.ctu-social a svg {
  max-height: 27px;width: auto;
}
.banner-gallery-home .swiper-pagination::after {
  width: 155%;
}
#navbreadcrumbs * {
    font-size: 10px !important;
}
}

@media only screen and (max-width: 1280px) {
.btn-defualt-icon a {
  padding: 13px 10px 10px 10px;
  min-width: 150px;
}
#banner-main .owl-dot span {
  width: 34px;
}
.contact-bg .ft-address {
  margin-top: 0;padding-top: 10px !important;
}
.tel-ft-ct p {
  margin-bottom: 0;
}
.search-modal-wrap,.bg_form form {
  padding: 30px 30px 35px 30px;
}
.bg_form .SearchStore-wrap form {padding: 15px 25px 25px 25px}
.iframe-map {
    height: 640px;
  }
.map-address-wrap {
  padding: 0 30px 0 0;
}
.btn-request-map-more {
    width: 20%;
  }
.box-why-circle svg {max-width: 90%}
.gallery-list-wrap {margin-top: 0!important}
.sec-distributor-home {
    padding: 70px 0 300px 0;
  }
.banner-list-hlbox div {
    padding: 0 15px 30px 15px;
  }
.banner-list-hlbox {
    padding: 30px 30px 0 30px;
}
.banner-list-hlbox .banner-list-hlbox-txt {top: 10px;min-width: 190px;}
.sec-home-wheel-first {
    padding: 90px 0 70px 0;
  }

.sec-contact-inner {
    padding: 20px 0 75px 0;
    margin-top: 0 !important;
  }
.banner-list-hlbox {
  width: 210px;
  height: 170px;
}
.home-wheel-img-sec-second-object {
    bottom: 38%;
  }
.home-wheel-img-sec-object-3 {
    top: -50%;
  }
.new-product-list-name, .distributor-name .main-title {
    font-size: 15px;
  }
.product-slide-dl {
    padding-right: 5%;
  }
.main-section-inner .title-wh-shadow .text-shadow-box {
    margin-bottom: -40px;
  }
.main-section-inner .gallery-list-wrap {
    margin-top: 15px !important;
  }
.section-banner-gallery {
    padding: 70px 0 60px 0;
  }
.menu-list-item li {
    margin: 0 0 0 15px;
  }
.banner-gallery-home .swiper-pagination::after {
  width: 140%;
}
footer *, footer a {
    font-size: 12px !important;
    line-height: 20px;
  }
.menu-footer-policy li {
  margin-left: 15px;
}
.bg-sec-1 {
  top: -10%;
}
.home-wheel-img-sec-first {
  top: 50px;
  right: 0px;
}
.banner-pd-wheel-thumbs {
    width: 98%;
}
.mySwiper .swiper-slide {
    padding: 0 10px;
}
}



@media only screen and (max-width: 1200px) {
#mainmenu-button-mb {display: inline-block;color: #434343; border-radius: 0;width: 90px;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: url("../../assets/images/common/menu-bg.webp") center top no-repeat;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: unset;}
#main-menulist ul li {text-align: center;width: 100%;margin: 0;padding: 15px 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: #000;}
.menu-list-item {padding: 100px 5% 25px 5%!important;}
#navline-1, #navline-2, #navline-3 {height: 3px;
    margin: 6px 0 0 0;
    transition: all linear .3s;
    display: block;
    float: left;
    border-radius: 50px;
    background: #000;
    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, -10px) rotate(-45deg);transform: translate(0px, -10px) 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;}
[data-aos="fade-right"], [data-aos="fade"], [data-aos="fade-left"], [data-aos="fade-up"], [data-aos="fade-down"] {
animation-name: none !important;animation-duration: unset!important;transform: unset!important;transition-duration: unset!important;
transition-timing-function: unset!important;transition-property: unset!important;opacity: 1!important;transform: unset!important;}
#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;
}
.menu-list-item li a:hover, .menumain-active a {
  background: unset !important;
}
.logo-main img {height: auto;margin-left: -10px;}
.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: 50%;font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;}
#mainmenu-button-mb .wrap-menu-btn {width: 50%;padding-left: 12px;}
header {
    padding: 20px 0 0 0;margin: 0;
  }
.mn-show-mb {display: block!important;}
.change-cl a,.change-cl a.lang-active {color: #000!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;}
.search-map-mobile {display: flex !important;
    position: absolute;
    bottom: 25px;
    justify-content: center;
    width: 100%;}
.search-map-pc {display: none!important;}
.search-map-mobile .btn-map-back {
  color: #fff !important;
    float: unset;
    padding: 13px 15px 15px 15px;
    background: #E30022;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    width: 80%;
    text-align: center;
    font-size: 16px;
}
.search-map-mobile .btn-map-back a {box-shadow: unset;color: #fff!important;display: block;}
.modal-icon-point img {
  width: 80px;
}
.search-map-mobile .btn-map-back:hover {background: #E30022}
.sec-map-wrap .iframe-map {height: 480px;}
.search-list-box,.search-list-detail {
    width: 100%;
    padding-top: 0;
  }
.store_map-list {
  max-height: unset;
  min-height: unset;
  flex-wrap: wrap;
}
.hide-label-mb {display: none!important;}
.search-list-box .bg_form form, .search-list-box .bg_form, .bg_form .box-map {
  height: auto;
}
.bg_form form, .bg_form .box-map {padding: 35px 25px;align-content: baseline;}
.search-list-box .form_col {width: 100%!important;padding-bottom: 0}
.search-btn-wrap .form_col {width: auto!important;}
.search-list-box .btn-search-map-wrap .form_col {width: 48% !important;}
.search-list-detail {
    padding-left: 0;
  }
.btn-search-map-wrap {
  display: flex;
  justify-content: space-between;
}
.search-list-detail-map {width: 100%}
.search-list-detail-map .iframe-map {
  min-height: unset;
  max-height: 300px;
}
.bg_form form, .bg_form .box-map {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.map-address-wrap {
  padding: 0 25px;
}
.store-list-map-name {width: 65%;}
.btn-request-map-more {width: 35%;}
.sec-home-wheel .col-lg-4,.sec-home-wheel .col-lg-8 {
  width: 100%;
}
.home-wheel-cover img {
  margin-left: 0;
}
.sec-home-wheel {
  padding: 50px 0 0 0;
}
.wrap-blog-home {
    padding: 0 0 25px 0;
  }
#product-slide-list .owl-nav .owl-next {
  margin-right: -30px;
}
#product-slide-list .owl-nav .owl-prev {
  margin-left: -30px;
}
#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: -30px;float: left;}
#blog-slide-list .owl-nav .owl-next {margin-right: -30px;float: right;}
#blog-slide-list .owl-nav [class*="owl-"]:hover {background: unset;}
.btn-defualt a {
  padding: 3px 30px 5px 30px;
}
.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;
}
.search-modal-wrap,.bg_form form {
  padding: 15px 25px 20px 25px;
}
.sec-map-wrap .iframe-map {
    height: 550px;
  }
.menu-footer-policy li {
  margin: 0 15px;
}
.menu-footer > li:last-child {
    padding: 0;
    width: 100%;
}
 .menu-footer {
    margin: 10px 0 0 0;
  }
.copyright-wrap {
  padding-top: 20px;
  margin-top: 20px;
}
body, p, .wrapper-dropdown, .wrapper-dropdown-project, .wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li, .privacy-check label,
.btn-defualt-center a span, .btn-defualt-more a span, .btn-request-map-more a, .blog-list-name, .blog-index-list li a, .tag-list a,
.tag-article-wrap *, .social-list-share *, .page-list a, .filter-color-wrap li a, .box-pd-option-detail span, footer *,
footer a, .form_col select, .form_col .inputsearch, .map-point-icon, .bg_form input[type="submit"], .btn-submit,.share-lable,.btn-defualt a {
    font-size: 15px !important;
    line-height: 24px;
}
.list-more, .blog-list-date {
    font-size: 12px !important;
  }
.sec-home-contact {
    padding: 0 0 35px 0 !important;
    margin-top: 0 !important;
  }
.page-list a {
  align-items: baseline;
}
.page-prev a, .page-next a {align-items: center;}
.page-prev {
  padding-right: 0;
}
.page-next {
  padding-left: 0;
}
.gallery-list .overlay-cover {display: none;}
.bg_form form {
  width: 100%;
  max-width: 100%;
}
.pt-wrap {
    padding-top: 0;
  }

.switch-lang a:hover, .lang-active {
  color: #fff !important;
}
.box-pd-filter.mt-5 {margin-top: 0!important}
.box-pd-filter .col-auto {margin-top: 25px}
.box-pd-filter label {
  margin-bottom: 0;
}
.product-detail-dt {
  margin-bottom: 5px;
}
.box-pd-option-result {margin-bottom: 35px}
.switch-lang a {
    font-size: 15px !important;
  }
.btn-request-map-more {
    width: 27%;
  }
.store-list-map-name {
    width: 73%;
  }
.switch-lang {
  justify-content: center;
  top: unset;
  right: unset;
  transform: unset;
  left: unset;
}
.sec-home-wheel-second {
  margin-top: -37%;
}
.home-wheel-txt-sec-second {
  padding: 0 5%;
  margin-right: 0;
}
.home-wheel-txt-sec-first p br, .home-wheel-txt-sec-second p br, .home-wheel-txt-sec-third p  br {display: none!important;}
.home-wheel-txt-sec-third {
    margin-left: 0;
    padding: 0 3%;
  }
.box-why-circle-list {
  width: 33%;
  margin-bottom: 25px;margin-right: 0;
}
 .text-shadow-box {
    font-size: 90px;
    line-height: 130px;
  }
.sec-home-wheel-first-dl {
  margin-top: 0;
}
.lenis.lenis-smooth [data-scroll-section],.lenis.lenis-smooth [data-scroll],.lenis.lenis-smooth.lenis-scrolling [data-scroll-section],.lenis.lenis-smooth.lenis-scrolling [data-scroll] {
  transform: unset!important;
}
.banner-list-hlbox {
  margin: 0 10px;
}
.bg-sec-1 {
  top: -170%;
  width: 105%;
}
.bg-sec-1 img,.bg-sec-2 img,.bg-sec-3 img {width: 100%;}
.sec-home-wheel-third {
    margin-top: 0;padding-bottom: 70px;
  }
.bg-sec-2 {
    top: 34%;
    left: 0;
    width: 110%;
    transform: translate(0,-50%);
  }
 .sec-home-product {
    margin-top: 0;
  }
.section-banner-gallery {
    padding: 105px 0 60px 0;
  }
.inner-wrapper-box .switch-lang a:last-child {
  border-left: 1px solid rgba(0, 0, 0, 0.28) !important;
}
#main-menulist ul li a, .menu-list-item li a {
    font-size: 21px !important;
  }
.switch-lang a {padding: 0!important;margin: 0!important;width: unset;height: unset;font-size:18px !important;}
.switch-lang a span {padding: 0 10px;font-size:18px !important;}
.switch-lang a.lang-active span {
    color: #E30022 !important;
  }
.menu-mb-privacy ol {padding: 50px 0 0 0;justify-content: center;
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  align-items: center;}
.menu-mb-privacy ol li {width: auto !important;padding: 0 10px!important;justify-content: center;}
#main-menulist .menu-mb-privacy ol li a {font-size: 14px !important;
    font-family: "FC-Fast-Regular-ver-101";}
.menu-mb-privacy ol li:last-child {border-left: 1px solid rgba(0, 0, 0, 0.28) !important}
.wrap-menumain-other {
  justify-content: flex-end;
}
.menu-mb-social-wrap {display: none!important;}
.searchbar.mn-show-mb {display: flex!important;justify-content: center!important;align-items: center!important;
  position: absolute;
  top: unset;
  right: unset;
  transform: unset;
}
.popup-why-dt {max-width: 70%;}
.pd-wrap-slide-dt .col-lg-7 {width: 100%;}
.pd-wrap-slide-dt .col-lg-5 {width: 100%;}
.pd-wrap-slide-dt .col-lg-5 .banner-pd-wheel-wrap {padding-left: 0}
.sec-home-product .pd-wrap-slide-dt .col-lg-5 .banner-pd-wheel-wrap {padding-right: 0;padding-left: 0}
}

@media only screen and (max-width: 1100px) {
.order-sec-2 {order: 1;}
.order-sec-1 {order: 2;}
#product-slide-gallery .owl-nav .owl-prev {
  margin-left: -35px !important;
}
#product-slide-gallery .owl-nav .owl-next {
  margin-right: -35px !important;
}
#product-slide-gallery .slider-item a::after {
  opacity: 0;
}
.product-detail-wrap {
  padding: 25px 0 0 0;
}
.new-product-detail-gallery {
  width: 80%;
  margin: 0 auto;
}
#navbreadcrumbs * {
  font-size: 13px !important;
}
#navbreadcrumbs {
  padding: 0 0 25px 0;
}
.btn-defualt-icon a svg {
  max-height: 33px;
}
.new-product-list-dt {
    padding: 0;
  }
.product-inner-list.pt-3, .gallery-list-wrap {
    padding-top: 20px !important;
  }
.box-pd-filter .mb-3 {
    margin-bottom: 10px !important;
  }
.section-wrap-inner {
  padding: 0 0 50px 0;
}
.box-pd-option-detail {
  padding-right: 35px;
}
.box-pd-option-detail:last-child {
  padding-right: 0!important;
}
.blog-list-dt .list-more {
  margin-top: 20px;
}
.section-blog {
  margin-top: 25px !important;
}
.section-blog iframe {
  max-width: 100%;
    height: 350px;
}
.bg_form form, .bg_form .box-map {
    padding: 25px;
    margin-bottom: 15px;
  }
.map-address-wrap {
    padding: 0 15px 0 0;
  }
.bg_form input[type="submit"], .btn-submit,.btn-defualt-back a {
  padding: 5px 25px 7px 25px;
}

.list-more {
  padding: 15px;
}
.blog-list-dt {
  padding: 25px 20px;
}
.sec-distributor-home {
  padding: 0 0 50px 0;
    background-size: 100% !important;
    margin-top: 0;overflow: hidden;
}
.sec-distributor-home .mb-3 {margin-bottom: 0!important}
.sec-distributor-home .btn-defualt a {
    padding: 10px 15px 10px 15px;
  }
.menu-footer li {
    padding: 0 10px;
    width: 100%;
  }
.menu-footer-social {
    justify-content: flex-start;
    width: 100%;
    padding-top: 5px !important;
  }
  .menu-footer li ol li {
    padding-right: 15px;
  }
footer {
  padding: 50px 0 35px 0;
}
footer .content-wrap {
    width: 90%;
  }
.menu-footer-social .menu-footer li ol li a {margin: 0 14px;}
.bg-gall-inner .icn-guid-touch {
    margin: 0 auto 0 auto;
  }
.bg-gall-inner .gallery-list-wrap {
    padding-top: 0 !important;
  }
.section-wrap-inner {position: relative;}
.page-list a {
    line-height: 37px !important;
  }
.map-section-dt .search-modal-wrap {
    transform: unset;
    top: unset;
    left: unset;
    width: 100%;
    position: relative;padding: 25px 25px 50px 25px;
    border-radius: unset;
  }
.dtb-detail-wrap i {
  width: 35px;
}
.dis-name {
  width: 95%;
}
.banner-pd-wheel-wrap  .text-shadow-box {
    text-align: left;
  }
.dis-bg-mobile {margin-top: -30%;}
.menu-footer {
  padding-left: 0;
}
.banner-pd-wheel-wrap {
  padding: 0;position: relative;
}
.product-slide-dl {
  max-width: 100%;
  padding-left:0;
  padding-right:0;
}
.wrap-menumain-other {
  justify-content: flex-end;
  width: 50%;
}
.inner-detail-pd-box .product-slide-dl {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}
.main-section-inner .banner-pd-wheel {
  margin-top: 0;
}
.inner-wrapper-box #main-menulist ul li a, .inner-wrapper-box .menu-list-item li a {
  color: #000!important;
}
.blog-index-title img {display: none!important;}
.blog-index-list {
    padding: 30px 0 0 16px;
  }
.switch-lang {
    margin-left: 0 !important;
  }
.pd-ordering-2 {order: 2}
.pd-ordering-3 {order: 1}
.pd-dl-ordering-1 {order: 2}
.pd-dl-ordering-2 {order: 1}
.wrapper-dropdown:after {
  width: 12px;
  height: 12px;
  margin-top: -3px;
}
#product-slide-list-small .owl-nav img {
  max-width: 22px;
}
#product-slide-list-small .owl-nav {
  top: 35%;
}
.new-product-list {
  padding: 0 10px;
}
.banner-pd-wheel-wrap .text-shadow-box {
    position: absolute;
    margin-bottom: 0;
    top: -13%;
    left: 4%;
  }
.inner-detail-pd-box .text-shadow-box {position: absolute;
    margin-bottom: 0;
    top: 28%;
    left: 5%;}
.home-wheel-txt-sec-first .title-wh-shadow {
  position: relative;
}
.home-wheel-img-sec-second-object {
  right: 35px;
    bottom: 40%;
}
.banner-list-hlbox .banner-list-hlbox-txt span {
    font-size: 35px;
   line-height: 25px;
  }
.banner-list-hlbox .banner-list-hlbox-txt {
  font-size: 14px;
  min-width: 168px;
}
.banner-list-hlbox .banner-list-hlbox-txt br {display: none;}
.banner-list-hlbox {
  width: 170px;
    height: 150px;
    margin: 0 5px;
}
.home-wheel-img-sec-second {
  max-width: 72%;
  float: right;
}
.home-wheel-img-sec-second-object-2 {
  display: none;
}
.home-wheel-img-sec-object-3 {
  top: 0;
}
.banner-pd-wheel-thumbs {margin-bottom: 25px}
.swiper-button-prev,.swiper-button-next {
    top: 30% !important;
  }
.box-pd-table-head {
  font-size: 16px;
}
.menu-footer li:last-child a {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}
.copyright-wrap {
    padding-top: 40px;
  }
.box-content-main-wrap {
  width: 100%;
  border-right: unset;
  padding-right: calc(var(--bs-gutter-x) * .5) !important;
}
.left-sidebar {
  float: unset;
  width: 100%;
}
.sticky-blog .box-content-menu {
    padding-top: 0;padding-left: 0;
}
.main-section-inner {
    background: unset;
}
.map-address-wrap .row {
        padding-top: 12px;
        padding-bottom: 12px;
    }
.bg-sec-1 {
    top: 0;
  }
.bg-sec-1 {
    width: 100%;
  }
.bg-sec-2 {
    top: 45%;
    width: 215%;
  }
.section-banner-gallery {
    padding: 26px 0 120px 0;
  }
.home-wheel-img-sec-object-4 {
    display: none;
  }
.home-wheel-img-sec-object-5 {
    right: -16%;
    bottom: -20%;
  }
.tel-ft a::after {
  display: none;
}
.inner-detail-pd-box .text-shadow-box {
    top: 52%;
  }
.mb-scrolldown-box {display: block!important;position: fixed;width: 100%;padding: 25px 0 0 0;text-align: center;
background: url(../../assets/images/common/mb-scrolldown-bg.svg) no-repeat center bottom;z-index: 9;bottom: 0;left: 0}
.mb-scrolldown-box span {
  display: block;
  color: #fff;
  font-size: 14px;
}
.mb-scrolldown-box img {
  margin-top: -10px;
}
.box-pd-filter .col-lg-3 {
  width: 33.33%;
}
.date-atc {
  position: relative;
  top: unset;
  right: unset;
  transform: unset;
}
.btn-back {display: none;}
.box-content-menu {
  padding: 0;
}
.togglesearch {
  position: relative;
    top: unset;
    right: unset;
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: unset;
    box-shadow: unset;
    margin-bottom: 10px;
}
.togglesearch input[type="text"] {
    font-size: 16px;
  }
.togglesearch form {
  justify-content: space-between;
}
.banner-text-alt {
  bottom: 40px;
}
#banner-main .owl-nav.disabled + .owl-dots {
  bottom: 30px;
}
.banner-list-hlbox-wrap {
  top: -20px;
}
.box-pd-table-head .col-3, .box-pd-table-dt .col-3 {
  width: 34%;
}
.box-pd-table-head .col-4, .box-pd-table-dt .col-4 {
  width: 11%;text-align: right;
}
.logo-main {
    padding: 0;
  }
.sec-home-wheel-first {
    padding: 50px 0;
  }
.bg-sec-1 .system-pc,.sec-contact-bg .system-pc {display: block!important;}
.bg-sec-1 .system-mobile,.sec-contact-bg .system-mobile {display: none!important;}
.home-wheel-img-sec-first,.home-wheel-img-sec-third {
    margin: 0 auto;
    width: 85%;
    max-width: 100%;
    position: relative;
    top: unset;
    right: unset;
    z-index: 1 !important;
    display: block;
  }
.bg-sec-1 {
  top: unset;
    bottom: -24%;
  }
.bg-sec-mb {display: block!important;position: absolute;top: 0;left: 50%;transform: translate(-50%,0);z-index: 1;width: 100%}
.title-flag-wrap {
  flex-wrap: wrap;
  justify-content: center !important;
}
.main-title-with-flag {width: 100%;text-align: center!important;}
.title-flag-wrap img {
    max-width: 100%;
    margin: 0 auto 25px auto!important;
  }
.txt-aftitle {text-align: center!important;}
body, p, .wrapper-dropdown, .wrapper-dropdown-project, .wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li, .privacy-check label, .btn-defualt-center a span, .btn-defualt-more a span, .btn-request-map-more a, .blog-list-name, .blog-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *, .page-list a, .filter-color-wrap li a, .box-pd-option-detail span, footer *, footer a, .form_col select, .form_col .inputsearch, .map-point-icon, .bg_form input[type="submit"], .btn-submit, .share-lable, .btn-defualt a {
    font-size: 16px !important;
    line-height: 24px;
  }
.txt-aftitle {
  font-size: 23px !important;
}
.box-why-circle {
  justify-content: center;padding-top: 35px;padding-bottom: 50px;
}
.box-why-circle-list {width: 50%;max-width: 50%;padding-bottom: 25px}
.box-why-circle-list-dl {
  padding: 40px 65px;
}
.box-why-circle-list-dl br {display: none;}
.bg-sec-1_2 {
    top: unset;
    bottom: -14%;
  }
.mySwiper .swiper-slide,.inner-wrapper-box .mySwiper .swiper-slide {
  height: calc((100% - 30px) / 1) !important;
}
.mySwiper,.inner-wrapper-box .mySwiper {
  height: 345px;
}
.sec-home-product .mySwiper {
  height: 345px!important;
}
.txt-aftitle.txxt-18 {font-size: 16px!important}
 .bg-sec-4 {
    top: unset;
    bottom: 0;
  }
.gallery-list-wrap {
  width: 100%;
  margin-left: 0;
}
.banner-gallery-home .swiper-pagination {
  text-align: center;
}
.txt-right,.sec-distributor-home .btn-defualt {
  text-align: center !important;
}
 .btn-defualt a {
    padding: 8px 30px 8px 30px;
  }
.title-home-dis {flex-wrap: wrap;justify-content: center;}
.title-home-dis img {max-width: 62px;display: block;margin: 0 auto 25px auto;}
.pl-10 {
  padding-left: 0;
}
.pr-10 {
  padding-right: 0;
}
.sec-car-3 {
  position: relative;
    right: unset;
    bottom: unset;
    margin-top: 70px;
    text-align: right;
    max-width: 90%;
    float: right;
}
.copyright-wrap * {
    font-size: 14px !important;
  }
.blog-slide-dt-wrap {
  padding-left: 0;
}
.blog-slide-dt-wrap h2 {
  font-size: 20px;
}
.blog-slide-dt-wrap p {
  font-size: 14px!important;
}
#banner-blog-inner {
  margin-bottom: 50px;
}
#banner-blog-inner .slick-dots {
  bottom: -40px;
}
.page-list {
  margin: 0 7px;
}
.togglesearch input[type="text"] {
  width: 85%;
}
.searchbar-btn {height: 44px;}
.box-why-circle-list-dl {
  top: 57%;
  left: 50%;
  width: 80%;
  transform: translate(-50%,-50%);
}
 .box-why-circle-list {text-align: center;}
 .address-ft p br {display: block;}
.copyright-wrap .order-sec-1 {order: 1;}
.copyright-wrap .order-sec-2 {order: 2;}
.menu-list-item {
    padding: 68px 5% 25px 5% !important;
}
 #main-menulist ul li {
    padding: 10px 0;
  }
 .menu-mb-privacy ol {
    padding: 45px 0 0 0;
  }
  .alert-cookie {
  padding: 15px;
}
.cookie-l {
  width: 100%;
  padding-bottom: 15px;
}
}

@media only screen and (max-width: 820px) {
.inner-detail-pd-box .text-shadow-box {
    top: 50%;
  }
.active-icn {
    right: 0;
  }
.tag-list li {
  margin-bottom: 10px;
}
.tag-list li a {
  display: block;}
.menu-footer-social a svg {
  max-height: 23px;
  width: auto;
}
.sec-home-product .bg-sec-mb {
  top: 70%;
}
footer {
  background: #000;
}

#banner-blog-inner {margin-left: 0;}
.box-why-circle-list-dl {
      top: 47%;
      width: 65%;
      padding: 40px 25px;
    }
.footer-logo {
    text-align: center;
    margin: 0 auto;
  }
.address-ft p {text-align: center;}
.footer-menuwrap-wrapper {max-width: 50%;margin: 0 auto;}
.copyright-wrap .order-sec-1 {order: 2;}
.copyright-wrap .order-sec-2 {order: 1;}
.menu-footer > li:last-child {text-align: center;}
.menu-footer-social {justify-content: center;}
.menu-footer li ol li {padding: 0 15px;}
.copyright-wrap {text-align: center;}
.menu-footer-policy {
    margin: 0 0 30px 0;
  }
.copyright-wrap {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 700px) {
#mainmenu-button-mb {
    margin-left: 10px;
  }
 #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;
}
#product-slide-gallery .slick-slide {padding: 0 !important;}
.wrap-blog-home p br {display: none;}
.new-product-detail-gallery {
    width: 90%;
  }
.section-blog {
  margin-top: 35px;
}
.blog-index-content {
  margin: 25px 0 0 0;
}
.blog-index-list {
  padding: 5px 0 0 0;
}
.tag-article-wrap {
  justify-content: flex-start;
  margin: 10px 0;
}
.distributor-name {width: 100%}
body, p, .wrapper-dropdown, .wrapper-dropdown-project, .wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li,
.privacy-check label, .btn-defualt-center a span, .btn-defualt-more a span, .btn-request-map-more a, .blog-list-name,
.blog-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *, .page-list a, .filter-color-wrap li a,
.box-pd-option-detail span, footer *, footer a, .form_col select, .form_col .inputsearch, .map-point-icon,
.bg_form input[type="submit"], .btn-submit,.share-lable,.btn-defualt a {
    font-size: 16px !important;
    line-height: 26px;
}
.list-more, .blog-list-date {
    font-size: 10px !important;
  }
.sec-distributor-home .wrap-blog-home {
    max-width: 57%;
  }
.box-pd-option-result {
    padding-top: 1rem;
    margin-top: 1rem;
  }
.map-point-icon {
  margin: 10px auto;
}
.tel-ft p {
  padding-right: 0;
  padding-left: 0;
  display: inline-block;
}
.tel-ft p span {
  padding-left: 0;
}
footer * {
  font-size: 14px !important;
  line-height: 26px;
}
.menu-footer {
    justify-content: center;
  }
 .btn-request-map-more a {
    min-width: unset;-webkit-appearance: button;
  }
.btn-request-map-more {
    width: 20%;
  }
.btn-request-map-more svg {
  width: 28px;
}
.store-list-map-name {
    width: 80%;padding-right: 10px;
  }
.tel-ft-ct p a {
  padding-bottom: 13px;
}
a:hover,a:hover *, div a:hover, p a:hover {-webkit-transition: unset!important;-moz-transition: unset!important;
-o-transition: unset!important;-ms-transition: unset!important;transition: unset!important;}
.box-why-circle-list svg {max-width: 90%}
.box-why-circle-list-dl-img img {max-width: 39px;}
.box-why-circle-list-dl-txt {
    font-size: 14px;
    line-height: 20px;
  }
.box-why-circle-list-dl-img {
  margin: 0 auto;
  height: 60px;
}
.blog-index-title img {display: none;}
.blog-index-title span {padding: 0 0 25px 0;font-size: 18px;display: block;}
.section-blog .sub-title {
    padding-top: 0;
}
.btn-request-map-more {
        width: 25%;
    }
     .store-list-map-name {
        width: 75%;
    }
.dtb-detail-wrap span {
    width: 85%;
}
.sec-contact-inner .main-title {
    padding-bottom: 20px;
}
.system-tablet {display: none;}
.system-tab-mobile {display: block!important;}
.home-wheel-img-sec-object-7 {
    display: none;
  }
#product-slide-list-small {
  padding: 0 29px;
}
.new-product-list-dt .list-more {
  padding: 15px 0 0 0;
}
.pd-size-all-list li {
  font-size: 13px;
  line-height: 15px;
}
.new-product-list {
    padding: 0 5px;
  }
.popup-why-dt {max-width: 90%;padding: 25px !important;}
.box-pd-table-head .col-3, .box-pd-table-dt .col-3 {
    width: 32%;
  }
.box-pd-table-head .col-4, .box-pd-table-dt .col-4 {
    width: 16%;
  }
.tel-ft i {
  width: 45px;
}
.menu-footer-policy li {
    margin: 0;
    padding: 0 20px;
  }
.fancybox__caption {
  text-align: center;
}
 .box-why-circle-list-dl {
      width: 75%;
      padding: 40px 25px;
    }
 .copyright-wrap {
  text-align: center;
}
}

@media only screen and (max-width: 567px) {
.ctu-social svg {
  max-height: 30px;
}
.ctu-social li {
  padding: 0 5px 0 0;
}
.tel-ft-ct i svg {
  max-width: 30px;
}
.ctu-social-title {font-size: 14px;}
.banner-pd-wheel-wrap {
  margin-right: 0;
}
.inner-detail-pd-box .text-shadow-box {
    top: 35%;
  }
.banner-text-alt-txt {
  font-size: 13px;
}
.banner-text-alt {
    bottom: 60px;
  }
#banner-gallery-inner .slick-dots li, #banner-blog-inner .slick-dots li {
  width: 40px;
}
.banner-gallery-home .swiper-pagination::after {
  display: none;
}
.banner-gallery-home .swiper-pagination {
  width: 100% !important;
}
.banner-gallery-home .swiper-pagination-bullet {
  width: 16.66%;
}
.box-why-circle-list-dl {
  top: 56%;
}
}

@media only screen and (max-width: 480px) {
.iframe-map {
  height: 1000px;
}
.iframe-map iframe {
  height: 100%;
}
.search-modal-wrap {
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 90%;
  }
.map-address-wrap .col-12 {
  flex-wrap: wrap;
}
.store-list-map-name img {width: 35px;}
.store-list-map-name p {
  padding-left: 5px;
}
.form_col .inputsearch {
  font-size: 15px;
  color: #fff;
}
.map-point-icon,.bg_form input[type="submit"], .btn-submit {font-size: 13px;}
.sec-home-blog .btn-move-mb {
    top: 3%;
  }
.section-banner-gallery .btn-move-mb {
    top: 0;
    right: 7%;
  }
.wrap-menumain-other {
  justify-content: flex-end;
  width: 50%;
}
header {
    padding: 15px 0 0 0;
  }
.box-pd-filter .col-3 {
  width: 100%;
}
.box-pd-filter .col-3 .dropdown-menu-selectsubcate-wrap {
  width: 100%;
}
.filter-color-wrap li {margin-bottom: 5px;padding-right: 5px;}
.filter-color-wrap li a {
  padding: 7px 7px 8px 7px;
}
.filter-color-wrap li a,.box-pd-option-detail span {
  font-size: 15px;
}
.box-pd-option-detail {margin-bottom: 15px}
.gallery-list-wrap {--bs-gutter-x: 1rem;}
.main-bg-2 {
  background-position: top center !important;
}
.map-section-dt .sec-map-wrap .iframe-map {
    height: 300px;
  }
.map-section-dt .search-modal-wrap {
    transform: unset;
    top: unset;
    left: unset;
    width: 100%;
    position: relative;padding: 25px 25px 50px 25px;
  }
#product-slide-list .new-product-list a {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#product-slide-list .new-product-list {
  box-shadow: unset;
  padding: 0 10px;
}
.menu-footer li a {
  padding: 10px 0 !important;
}
.tel-ft p a {
  flex-wrap: wrap;
  justify-content: center;
}
.copyright-wrap {
    margin-top: 0;
  }
.wrap-menumain-other {
  width: 50%;
}
.switch-lang a {
    font-size: 15px !important;
  }
#mainmenu-button-mb {
    margin-left: 15px;
  }

#navbreadcrumbs {
    padding: 0 0 35px 0;
  }
.sec-contact-inner {
    padding: 0 0 70px 0;
  }
 .banner-list-hlbox {
    padding: 30px 10px 0 10px;
    margin: 0 15px 15px 15px;
    height: 135px;
  }
 .banner-list-hlbox div {
  padding: 15px 0 0 0;
    max-width: 100%;
    min-width: unset;
}
 .banner-list-hlbox div br {display: none;}
.inner-wrapper-box {background: url(../../assets/images/common/main-bg-inner-new-mb.webp) no-repeat fixed left top;background-size: 100%;}
@supports (-webkit-touch-callout: inherit) {
  .inner-wrapper-box {
  background-attachment: scroll;
  }
}
.main-section-inner {background:unset;}
.box-pd-filter .col-lg-3 {
  width: 100%;
}
.home-wheel-img-sec-second {
    max-width: 100%;
    float: unset;
  }
 .banner-list-hlbox .banner-list-hlbox-txt {
    font-size: 14px;
    line-height: 18px;
    min-width: unset;
    max-width: 90%;
    left: 0;
    top: 0;
    padding: 15px 15px 0 15px;
  }
.banner-list-hlbox::after {
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
.banner-list-hlbox-wrap {
  top: -65px;
}
.bg-sec-1 {
    width: 167%;
  }
.box-why-circle-list {
    width: 50%;
  }
.bg-sec-2 {
    top: 33%;
    width: 320%;
  }
.section-banner-gallery {
    margin-top: 0;
  }
.bg-sec-3 {
    width: 195%;
    bottom: 0;
  }
.menu-footer {
    margin: 20px 0 0 0;
  }
.menu-footer > li {
    padding: 0!important;
  }
 .title-wh-shadow .text-shadow-box {
    margin-bottom: -20px;
  }
.sec-distributor-home .title-wh-shadow .text-shadow-box {
  font-size: 47px;
  line-height: 47px;
  margin-bottom: -15px;
}
.home-wheel-img-sec-object-6 {
    top: -245px;
    bottom: unset;
    max-width: 60%;
    left: -40%;
  }
.dis-title-border h3 {
  font-size: 25px;
}
.product-slide-list-gallery .slick-dots li {
  margin-left: 15px;
}
.product-slide-list-gallery .slick-dots li,.product-slide-list-gallery .slick-dots li button,.product-slide-list-gallery .slick-dots li button::before {
  width: 35px;
}
body, p, .wrapper-dropdown, .wrapper-dropdown-project, .wrapper-dropdown .dropd li, .wrapper-dropdown-project .dropd li,.share-lable,
.privacy-check label, .btn-defualt-center a span, .btn-defualt-more a span, .btn-request-map-more a, .blog-list-name,
.blog-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *, .page-list a, .filter-color-wrap li a,
.box-pd-option-detail span, footer *, footer a, .form_col select, .form_col .inputsearch, .map-point-icon, .bg_form input[type="submit"], .btn-submit,.btn-defualt a {
    font-size: 14px !important;
    line-height: 24px;
  }
.list-box-dis form p {
  font-size: 20px !important;
}
.banner-list-hlbox {
    width: 150px;
  }
.home-wheel-img-sec-second-object {
    bottom: 53%;
  }
.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: 0;top: 0;left: 0;width: 135%;}
.main-section-inner .title-wh-shadow .text-shadow-box {
    margin-bottom: -25px;
  }
.address-ft p br {display: none;}
.box-pd-table-head .col-3, .box-pd-table-dt .col-3 {
    width: 30%;
  }
.bg-sec-1 .system-pc,.sec-contact-bg .system-pc {display: none!important;}
.bg-sec-1 .system-mobile,.sec-contact-bg .system-mobile {display: block!important;}
 .bg-sec-4 {
    bottom: 100px;
  }
.txt-aftitle br {display: none;}
.sec-home-product {
    padding-bottom: 90px;
  }
.menu-footer li a {font-size: 16px!important}
.menu-footer-policy li {
  padding: 0 10px;
  margin: 0;
}
.banner-pd-wheel {padding: 0;}
.mySwiper2 .swiper-slide .col-12.gx-0 img {max-width: 80%;margin: 0 auto;}
.section-banner-gallery {
    padding: 26px 0 90px 0;
  }
.homewrap,.inner-wrapper-box {
  background: unset;
}
.banner-pd-wheel-thumbs {
    padding: 10px 20px 0 20px;
  }
.swiper-button-next {
    right: -15px !important;
  }
 .swiper-button-prev {
    left: -15px !important;
  }
.new-product-list {
    padding: 0 10px;
  }
.box-pd-table {
  padding: 20px 15px;
}
.box-pd-table-dt * {font-size: 14px;}
.box-pd-table-head .col-3, .box-pd-table-dt .col-3 {
    width: 27%;
  }
.box-pd-table-head .col-4, .box-pd-table-dt .col-4 {
    width: 25%;
  }
.main-title-result {
  font-size: 19px;
}
.tel-ft i {
    width: auto;
  }
.copyright-wrap * {
    font-size: 12px !important;
  }
.menu-footer-policy a {
    font-size: 14px !important;
  }
.copyright-wrap br {display: none!important;}
.tel-ft p a {
  padding-bottom: 0;
}
.tel-ft p {
    width: 100%;
  }
.tel-ft span {
  width: 80%;
  padding-left: 10px;
}
.footer-menuwrap-wrapper {
    max-width: 85%;
  }
}

@media only screen and (max-width: 420px) {
.main-title, .main-title-normal,.section-wrap-inner .main-title,.inner-wrapper-box .main-title {
    font-size: 35px;
    line-height: 29px;
    margin-bottom: 25px;
  }
.blog-list-dt {padding: 15px;}
header {
    padding: 20px 0 0 0;
  }
.main-section-inner, .bg-short-inner, .bg-gall-inner, .bg-article-inner, .bg-article-dt-inner, .bg-dtb-inner {
    padding-top: 95px;
  }
#navbreadcrumbs * {
    font-size: 12px !important;
  }
.box-pd-option-detail {
    padding: 0 15px;
  }
.blog-list-name {line-height: 20px!important;font-size: 20px!important;min-height: unset;}
.blog-list-txt {min-height: unset;}
.blog-slide-dt-wrap .btn-defualt {padding-left: 15px}
.page-list {
  margin: 0 4px;
}
.main-title-atc {
  font-size: 24px;
}
.blog-index-title {
    font-size: 15px;
  }
.sub-title,.distributor-name .main-title,.sub-title-pop {
    font-size: 20px!important;
  }
.blog-index-content {
  padding: 15px 15px 20px 15px;
}
.box-why-circle-list svg {
    height: auto;
  }
.box-why-circle-list-dl {
    padding: 35px 15px;
  }
.tel-ft p {
    display: block;
  }
.tel-ft p span {
    padding-left: 15px;
  }
 .menu-footer li a {
  margin-bottom: 0;
}
#product-slide-list-small .owl-nav img {
  max-width: 20px;
}
.active-icn {
  right: 0;
  max-width: 35px;
}
.list-more {
  padding: 15px 0;line-height: 18px;
}
 .main-title-with-flag {
    font-size: 31px;
  }
.main-title-with-flag span.txt-big {
    font-size: 42px;
    line-height: 50px;
  }
.txt-aftitle {
    font-size: 21px !important;
  }
.why-box-bg {
  width: 95%;
}
.box-why-circle-list-dl-txt {font-size: 14px}
.box-why-circle-list-dl-txt br {display: block;}
.box-why-circle-list {
    width: 100%;
    max-width: 100%;
  }
.home-wheel-img-sec-first, .home-wheel-img-sec-third {
    width: 100%;
  }
.box-why-circle {padding-top: 20px;
    padding-bottom: 20px;
  }
 .box-why-circle-list {
    padding-bottom: 10px;
  }
.bg-sec-1_2 {
    top: unset;
    bottom: -16%;
    width: 167%;
  }
.mySwiper,.inner-wrapper-box .mySwiper {
    height: 295px;
  }
.sec-home-product .mySwiper {
  height: 295px!important;
}
.banner-pd-wheel-thumbs {
    margin-bottom: 10px;
  }
.store-list-map-name {
    width: 65%;
  }
.btn-request-map-more {
    width: 35%;
  }
.btn-request-map-more a {
    padding: 7px 10px;
  }
.form_col select,.form_col .inputsearch {
  padding: 7px 15px 7px;
}
.sec-contact-bg {
  position: relative;
  left: unset;
  z-index: -1;
  top: unset;
  margin-top: -55%;
  margin-bottom: -45%;
}
.sec-contact-inner .main-title {
    text-align: center !important;
    border-bottom: unset;
  }
.switch-lang a span {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 395px) {
.main-title, .main-title-normal,.section-wrap-inner .main-title {
    font-size: 41px;line-height: 41px;
  }
.new-product-list-name {
    font-size: 15px;
  }
.bg-sec-1 {
    width: 178%;
  }
.mySwiper, .inner-wrapper-box .mySwiper {
    height: 265px;
  }
.sec-home-product .mySwiper {
  height: 265px!important;
}
}

@media only screen and (max-width: 375px) {
.bg-sec-1 {
    width: 185%;
  }
 .bg-sec-3 {
    width: 197%;
  }
.bg-sec-2 {
    width: 310%;
  }
.banner-list-hlbox {
    width: 145px;
  }
.store-list-map-name img {
    width: 29px;
  }
}




@media only screen and (max-width: 360px) {
.title-wh-shadow .text-shadow-box {
    margin-bottom: -18px;
  }
.dis-title-border h3 {
  font-size: 22px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.banner-list-hlbox {
    width: 130px;
  }
.copyright-wrap * {
    font-size: 13px !important;
    line-height: 20px;
  }
.menu-mb-privacy ol li {
    padding: 0 5px !important;
  }
.menu-footer-policy a {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 320px) {
.main-title, .main-title-normal, .section-wrap-inner .main-title {
    font-size: 34px;
  }
.menu-footer li a,.address-ft p,.tel-ft p span,footer *, .copyright-wrap * {
    font-size: 12px !important;
  }

.box-pd-option-detail {
    padding: 0 12px 0 0;
  }
.box-pd-option-wrap {
  justify-content: flex-start;
}


}