@charset "utf-8";
/* CSS Document */
html {max-width: 1920px;width: 100%!important;margin: 0 auto;overflow-x: hidden;}
html.breakScrollSmooth {
      scroll-behavior: auto !important;
    }
body {font-size: 20px; position: relative; color: #fff; max-width: 1920px; font-family: 'Quark-Regular';
margin: 0 auto;overflow-x: hidden;}
div {font-family: 'Quark-Regular';}
p {font-size: 20px; font-family: 'Quark-Regular'; color: #fff;line-height: 30px}
img {max-width: 100%;height: auto;width: auto;}
ul,ol {font-family: 'Quark-Regular';}
a * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a, div a, p a {color: #fff; text-decoration: none!important;outline: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:hover, div a:hover, p a:hover {color: #fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
header {position: absolute;z-index: 999;width: 100%;max-width:1920px;padding: 20px 0 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
h1 {margin-bottom: 0;font-family: 'Quark-Bold'; font-size: 30px;line-height: 1.2;}
.section-box-inner h1 {display: none;}
h2 {font-size: 30px;font-family: 'Quark-Bold';line-height: 1.2;}
h3, h4 {font-size: 25px;font-family: 'Quark-Regular';line-height: 1.2;}
.clear {clear: both;}
.content-wrap {width:90%; margin: 0 auto; max-width: 1600px;position: relative;overflow: hidden;}
.content-wrap-1366 {width:90%; margin: 0 auto; max-width: 1366px;position: relative;overflow: hidden;}
#mainmenu-button-mb {display: none;}
.wrap-menumain {display: flex;align-items: center;width: 70%;justify-content: center;}
.wrap-menumain-other {display: flex;align-items: center;justify-content: end;width: 15%;}
.content-wrap-header {width:97%; max-width: 1850px; margin: 0 auto;overflow: visible;position: relative;}
.logo-main {width: 15%;display: flex;
  align-items: center;justify-content: flex-start;}
.logo-main img {width: 162px;}
.logo-main span {padding: 0 15px}
#main-menulist {padding: 0;display: inline-block;width: auto;}
.menu-wrapmain {padding: 0;}
#main-menulist ul {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0;justify-content: center;}
#main-menulist ul li {font-family: 'Quark-Regular', sans-serif;color: #fff; display: inline-block;margin: 0 20px;position: relative;}
#main-menulist ul li a {position: relative;color:#fff;font-size: 15px;text-transform: uppercase; padding: 5px 0;display: block;}
#main-menulist ul li a:after {content: '';width: 0;position: absolute;bottom: 0;left: 0;height: 3px;background: #ED1C24}
#main-menulist ul li a:hover:after {width: 100%}
#main-menulist ul ul {position: absolute;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
top: 0;
left: 50%;
transform: translate(-50%, 0);
margin-top: 63px;
padding: 10px 25px 20px 25px;
list-style: none;
width: 210px;
border-radius: 10px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
#main-menulist ul ul li span {vertical-align: middle;display: inline-block;}
#main-menulist ul li li {text-align: left;width: 100%;margin: 0;padding: 10px 0 0 0;line-height: initial; position: unset;transition: unset;}
#main-menulist ul li li:last-child {border-bottom: unset!important;}
#featured-menu {display: inline-block; width: 20%;}
#main-menulist ul li li a {color: #fff!important;text-transform: none;font-weight: 500;padding: 0;font-size: 14px;}
#main-menulist ul li li.has-sub:hover a {padding-left: 15px;}
#main-menulist ul ul ul {position: absolute;display: none;margin: 0;padding: 10px 30px; top: 0;left: 95%;width: 240%;list-style: none;border: none;visibility: visible;box-shadow: unset;min-height: 500px;column-count: 3;}
#main-menulist ul li li a:hover {color: #D8001A!important;}
#main-menulist ul li li li {border-bottom: none;background: unset;padding: 15px 0 50px 35px;width: 33%;position: relative;}
#main-menulist ul li li li a {background: unset!important;font-weight: 400;font-size: 18px;border-bottom: 1px solid #777777;}
#main-menulist ul ul ul ul {position: relative;display: block;margin: 0;padding: 0; list-style: none;min-height: unset;column-count: unset;left: unset;top: unset;width: 100%;}
#main-menulist ul li li li li {width: 100%;padding: 10px 0 0 0;}
#main-menulist ul li li li li a {display: inline-block;font-weight: 400;font-size: 16px;padding-left: 0 !important;border-bottom: unset!important;}
#main-menulist ul li li a:after, #main-menulist ul li li li a:after,#main-menulist ul li li li li a:after {display: none!important;}

.wrap-content-menu {display: flex;flex-wrap: wrap; width: 100%;vertical-align: top;position: relative;justify-content: center;}
.switch-lang {width: 20%;
  display: flex;
  justify-content: flex-end;
  align-items: center;margin-left: 7px;}
.switch-lang div {margin-left: 10px;
  outline: none;
  display: flex; justify-content: center; align-items: center;
}
.switch-lang a {width: 30px;border-radius: 100%;border: 1px solid #fff;background: rgba(255, 255, 255, 0.0);
  height: 30px;font-family: 'Quark-Bold', sans-serif;font-size: 16px;text-align: center;color: #fff!important;
  display: flex; justify-content: center; align-items: center;
  -webkit-transition: unset;-moz-transition: unset;
-o-transition: unset;-ms-transition: unset;transition: unset;line-height: 13px;padding-top: 3px;
}
.switch-lang div.lang-active {cursor: default!important;}
.switch-lang div.lang-active a,.switch-lang div:hover a {border: 1px solid #ED1C24;background: #ED1C24!important;color: #fff!important}
.menu-list-item {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}
.menu-list-item li {
  font-family: 'Quark-Bold', sans-serif;
  color: #000;
  display: inline-block;
  margin: 0 0 0 40px;
  position: relative;
}
.menu-list-item li a {
  position: relative;
  color: #000;
  font-size: 26px;
  text-transform: uppercase;
  padding: 5px 0 9px 0;
  display: block;
}
.menu-list-item li a:after {content: '';width: 0;position: absolute;bottom: 0;left: 0;height: 3px;background: #ED1C24}
.menu-list-item li a:hover:after,a.menumain-active:after {width: 100%!important}
.wrap-menumain-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.mn-border {border-radius: 21px;border: 2px solid #ED1C24;min-width: 140px;text-align: center;}
.menu-list-item li a.mn-border:after {width: 0!important}
.mn-border:hover {background: #ED1C24}
.head-order-1 {order: 1}
.head-order-2 {order: 2}
.head-order-3 {order: 3}
.mn-show-mb {display: none!important;}
footer {padding: 60px 0 30px 0;background: #231F20;border-bottom: 10px solid #ED1C24;}
footer *, footer a {color: #fff;font-size: 14px;font-family: 'Quark-Bold';}
footer a:hover {color: #fff}
.copyright-wrap {
  padding-top: 30px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}
.copyright-wrap * {
  color: #B4B4B4;
}
.copyright-wrap a:hover {
  color: #ED1C24!important;
}
.menu-footer-social {display: flex;justify-content: flex-start;align-items: center;padding: 0}
.menu-footer-social a {margin: 0 20px 0 0;}
.menu-footer-social a svg .a{fill:#fff;}
.menu-footer-social a:hover svg .a{fill:#ED1C24}
.menu-footer-policy {display: flex;justify-content: flex-end;align-items: center;list-style: none;padding: 0;margin: 0;text-transform: uppercase;}
.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);}
.policy-social .menu-footer-social a svg .a{fill:#717171;}
.menu-footer-policy a:hover {color: #fff}
.ct-social .menu-footer-social {list-style: none;}
.ct-social .menu-footer-social a svg .a{fill:#000;}
.ct-social .menu-footer-social a:hover svg .a{fill:#ED1C24}
.footer-menuwrap {display: flex; flex-wrap: wrap;width: 100%;justify-content: flex-end;padding-left: 50px;}
.footer-menuwrap-culumn {margin: 0 auto;width: 100%;display: flex;
  flex-wrap: wrap;}
.menu-footer {width: 100%; list-style: none; padding: 0; margin: 25px 0;display: flex;
  flex-wrap: wrap;justify-content: space-between;padding-right: 35px;align-content: baseline;}
.footer-menuwrap .menu-footer {width: 25%;}
.menu-footer li {display: block;width: 100%;text-transform: uppercase;}
.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::after {
  content: '';
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #ED1C24;
}
.menu-footer li a:hover:after {width: 100%;}
.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: 5px!important}
.menu-footer li ol {list-style: none; padding: 0 0 0 15px; 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;font-size: 13px!important;text-transform: unset;}
.menu-footer li ol li a:after {display:none!important}
.menu-footer li a:hover {color: #fff}
.menu-footer li a svg {max-height: 25px;}
.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 0 0;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;font-size: 16px}
.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: #ED1C24;
}
.tel-ft a:hover:after {width: 100%;}
.banner-mb {display: none!important;}
.txt-center {text-align: center;}
a svg * {-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.section-wrap {padding: 130px 0;position: relative;z-index: 2;}
.section-wrap-inner {padding: 100px 0 90px 0;position: relative;z-index: 2;}
.inner-wrapper-box {background: #212121;}
.bg-s-wrap {position: relative;}
.contact-bg {background: url(../../assets/images/common/contact-bg.webp) no-repeat left bottom #EAEAF2;background-size: cover;}
.about-sec1-bg {background: url(../../assets/images/about/about-sec1-bg.webp) no-repeat top left; background-size: cover;}
.about-sec2-bg {background: url(../../assets/images/about/about-sec2-bg.webp) no-repeat top left; background-size: cover;}
.about-sec3-bg {background: url(../../assets/images/about/about-sec3-bg.webp) no-repeat top left; background-size: cover;z-index: 1;}
.btn-defualt a {display: inline-block;border-radius: 21px;text-transform: uppercase;text-align: center;
  color: #fff!important;border: 2px solid #ED1C24;min-width: 160px;padding: 5px 30px 10px 30px;position: relative;}
.btn-defualt a:hover {background: #ED1C24;color: #434343!important}
.main-title {font-family: 'Quark-Bold';position: relative;display: inline-block;font-size: 60px;
  line-height: 70px;}
.main-title-35 {font-family: 'Quark-Bold';position: relative;display: inline-block;font-size: 40px;
  line-height: 47px;}
.txt-30 {font-size: 30px!important;line-height: 35px!important}
.txt-20 {font-size: 20px!important;line-height: 25px;font-family: 'Quark-Regular'}
.txt-40 {font-size: 40px!important;line-height: 45px;}
.txt-50 {font-size: 50px!important;line-height: 55px;}
.main-title span {font-size: 40px;color: #000;padding-right: 20px;text-transform: uppercase;}
.main-title span em {font-style: unset!important;}
.title-doubleshardow {font-family: 'Quark-Bold';font-size: 35px;line-height: 47px;color: #951C1F;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.main-title-normal {font-family: 'Quark-Bold';position: relative;display: block;font-size: 35px}
.txt-bold {font-family: 'Quark-Bold';}
.txt-normal {font-family: 'Quark-Regular';}
.txt-red {color: #D8001A!important}
.subsub-title {font-size: 22px!important;}
.txt-white {color: #fff!important}
.txt-black,.txt-black * {color: #000!important}
.txt-grey {color: #717171!important}
.txt-right {text-align: right!important;}
.txt-left {text-align: left!important;}
.img-cover {position: relative;overflow: hidden;border-radius: 10px;}
#navbreadcrumbs {font-size: 15px!important;text-align: left; padding: 0 0 50px 0;position: relative;
display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;z-index: 3}
#navbreadcrumbs * {font-size: 16px!important;}
#navbreadcrumbs a {display: inline-block; color: #717171}
#navbreadcrumbs a:hover {color: #717171;}
#navbreadcrumbs span {margin: 0 10px;color: #717171}
.breadcrumbsdefault {display: inline-block; margin: 0;color: #717171!important;font-family: 'Quark-Bold';}
.overflowvisible {overflow: visible!important;}
.order-sec-1 {order: 1}
.order-sec-2 {order: 2}
.img-border {border-radius: 5px;overflow: hidden;}
.overflow-anime {position: relative;z-index: 999}
.iframe-map {width:100%;height:770px;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: 24px;line-height: normal;
    font-family: 'Quark-Regular', sans-serif;font-weight: 500}
.store_map {margin: 0;overflow: hidden;}
.bg_form form {background: rgba(36, 36, 36, 0.9);
  padding: 45px 45px 55px 45px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 450px;
  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: 20px;color: #4E4E4E!important;padding: 7px 25px 7px 25px;width: 100%;font-weight: 300;
    -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;border-radius: 25px;
    background: url("../../assets/images/icon/arrow-distributor.svg") right 20px center no-repeat rgba(255, 255, 255, 0.4);border: 1px solid #fff;}
.bg_form input[type="submit"],.btn-submit {background: #ED1C24;font-size: 20px;min-width: 160px;margin: 10px auto;
    color: #4E4E4E!important;padding: 7px 25px 7px 25px;cursor: pointer;border: unset;border-radius: 25px;border: 1px solid #B7B7B7;
box-shadow: unset;display: inline-block;fborder-radius: 25px;font-weight: 300;}
.form_col .inputsearch {font-size: 18px;color: #4E4E4E!important;padding: 7px 25px 7px 25px;width: 100%;font-weight: 300;
   border: 1px solid #fff;background: rgba(255, 255, 255, 0.4);border-radius: 25px;}
.btn-submit-back {background: #D8001A;font-size: 18px;width: auto;min-width: 170px;margin: 10px 10px 0 0;
    color: #fff;display: inline-block;padding: 2px 26px;height: 45px;cursor: pointer;border: unset;border-radius: 50px;
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: #ED1C24 !important;
  color: #fff !important;
}
.btn-submit-back:hover {background:#E9152F !important;}
.form_col label {display: block;
  color: #000;
  font-size: 18px;
  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: #231F20;padding: 0 !important;margin-bottom: 0!important}
.form-check .form-check-label {color: #231F20;padding: 0 !important;margin-bottom: 0!important}
.form-check .form-check-label a {color: #ED1C24;text-decoration: underline!important;}
.form-check .form-check-input {background-color: rgba(255, 255, 255, 0.6);border: 1px solid #fff;}
.map-point-icon {text-align: left;font-size: 18px;margin: 20px 0 0 0;display: flex;align-items: 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;overflow: auto;max-width: 100%;height: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: 5%;
  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%;
  border-radius: 20px;
}
.list-box-dis form p {font-size: 25px;font-weight: 300;font-style: italic;}
.list-box-dis form p span {font-weight: 400;color: #ED1C24!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: 30%;
}
.search-list-detail {
  width: 97%;
}
.search-list-detail-map {
  width: 60%;background: #F9F9F9;
}

.btn-request-map-more {float: right;}
.btn-request-map-more a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;
  color: #000;border: 1px solid #000; padding: 10px 10px 7px 10px;position: relative;min-width: 172px;border-radius: 25px}
.btn-request-map-more a:hover {background:#ED1C24;border: 1px solid #ED1C24;color: #000!important}
.btn-request-map-more a span {padding-right: 0}
.btn-request-map-more a svg .a{fill:none;stroke:#ED1C24;}
.btn-request-map-more a svg .b{fill:#ED1C24;}
.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: 7px; padding-bottom: 7px;}
.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;}
.store_map-list {display: flex;overflow: hidden;margin-bottom: 100px;min-height: 600px}
.search-list-box h1 {font-size: 27px;}
.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;color: #000}
.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 7px;}
.page-list a {text-align: center;
  color: #000!important;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;border-radius: 100%}
.page-list a:hover, .page-list.page-active a {background: #ED1C24 !important;color: #fff!important}
.page-prev a,.page-next a {color: #000!important}
.page-prev a:hover,.page-next a:hover {background: #ED1C24!important;color: #fff!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: 2px solid #D8001A!important;}

.system-mobile {display: none!important;}
.box-pd-filter label {margin-bottom: 7px}
.box-pd-filter .col-3 {width: auto}
.box-pd-filter .col-3 .dropdown-menu-selectsubcate-wrap {width: 180px}
.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 {
  position: relative;
  margin: 0 auto;
  padding: 4px 20px 7px 20px;
  position: relative;
  cursor: pointer;
  outline: none;
  font-size: 18px;
  color: #fff;
  background: #fff;
  background-size: 10px;
  border-radius: 50px;
}
.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: #fff;
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;
  -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: #000;
}
.wrapper-dropdown .dropd li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
.wrapper-dropdown .dropd li:hover a {
  color: #ED1C24;
}
.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;
}
.inner-wrapper-box header * {color: #fff!important}
.inner-wrapper-box .mn-border:hover {color: #000!important;}
.box-pd-option-result {position: relative;}
.box-pd-option-wrap {display: flex;flex-wrap: wrap;}
.box-pd-option-detail {padding-right: 50px;}
.box-pd-option-detail {color: #CBCBCB}
.box-pd-option-detail span {font-weight: bold;font-size: 20px;display: block;color: #fff;padding-bottom: 7px;}
.gallery-list {border-radius: 10px;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: rgba(0, 0, 0, 0.51);opacity: 0;background-size: 102%;}
.gallery-list a:hover .overlay-cover {opacity: 1}
.fancybox__content {border-radius: 10px;overflow: hidden;}
.gallery-list-wrap .col-4:nth-child(1),.gallery-list-wrap .col-4:nth-child(2),.gallery-list-wrap .col-4:nth-child(6),.gallery-list-wrap .col-4:nth-child(7) {width: 50%!important}
.content-wrap-center {max-width: 1366px;margin: 0 auto;}
.blog-wrapper-dt figure {margin-top: 5px;text-align: center;}
.blog-index-title {font-size: 25px;
  color: #fff;font-family: 'Quark-Bold';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}
.blog-index-content {
  padding: 15px 25px 20px 25px;
  margin: 35px 0;
  background: rgba(51, 51, 51, 0.93);
  border-radius: 10px;
}
.section-blog p, .section-blog ol, .section-blog ul {font-size: 23px;}
.blog-index-list {padding: 5px 50px 0 95px;margin-bottom: 0;}
.blog-index-list li::marker {color: #fff!important}
.blog-index-list li {margin: 10px 0;}
.blog-index-list li a {display: inline-block; vertical-align: top;color: #fff;font-size: 23px!important}
.blog-index-list li a:hover {color: #067BC9!important;}

.section-blog {margin-top: 70px}
.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: 'Quark-Bold';}
.section-blog .sub-title {padding-bottom: 5px;padding-top: 20px}
.share-article-wrap {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.social-list-share-wrap {display: flex;align-items: center;}
.social-list-share a {margin: 0 5px;display: block;}
.social-list-share a svg .a{fill:#fff;}
.social-list-share a:hover svg .a{fill:#ED1C24}

.tag-article-wrap {display: flex;align-items: center;justify-content: flex-start;}
.tag-list {padding: 0;list-style: none;margin: 0;display: flex;align-items: center;flex-wrap: wrap;}
.tag-list li a {
  padding: 0;
  outline: none;
  background: #BCBCBC;
  border-radius: .3em;margin-left: 10px;
  overflow: hidden; padding: 5px 20px 7px 20px;background: #BCBCBC;text-align: center;display: flex;
  text-align: center;}
 .tag-list li a span {color: #000}
.tag-list li a:hover {background: #951C1F}
.tag-article-wrap *,.social-list-share * {font-size: 23px;}
.share-lable {font-size: 25px!important;display: block;
  color: #000;
  width: 100%;
  text-align: center;}
.distributor-name .main-title {font-size: 25px;font-family: 'Quark-Bold';line-height: 27px}
.distributor-name img {display: block;margin: 0 auto 5px auto;}
.dtb-detail-wrap {display: flex;flex-wrap: wrap;align-items: center;text-align: center;}
.dtb-detail-wrap i {width: 100%}
.dtb-detail-wrap span {width: 100%}
.sec-contact-inner {padding: 0;position: relative;z-index: 2;}
.icn-guid-touch {display: none!important;}
.tel-ft .sc-mail span {
  padding-left: 10px;
}
.searchbar {position: relative;}
.hicn-search {cursor: pointer;text-align: center;
  width: 65px;
  height: 36px;
  padding: 7px 5px;
  outline: none;
  border: 2px solid #fff;
  background: #000000;
  border-radius: .3em;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;}
.hicn-search svg {max-width: 17px;height: auto;}
.hicn-search svg .a,.togglesearch button svg .a {fill:none;stroke:#fff!important;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.inner-wrapper-box .hicn-search svg .a {
  stroke: #fff;
}
.hicn-search:hover {background: #ED1C24}
.hicn-search:hover svg .a {stroke:#000;}
    .togglesearch{
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 50px;
  right: 0;
      width: 385px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      display: none;
      border-radius: 6px;
      padding: 10px 13px;
    }
    .togglesearch form{
      display: flex;align-items: center;
    }
    .togglesearch input[type="text"]{
      width: 80%;
      padding: 7px 15px;
      outline: none;font-size: 22px;
      border-radius: 5px;
  border: unset;margin-right: 24px;
  background: unset;
  border: 2px solid #fff;
  color: #fff;
    }
.togglesearch input::placeholder {
  color: #818181!important;
  opacity: 1!important; /* Firefox */
}
.togglesearch input:focus:placeholder {
  color: #fff!important;
}
    .searchbar-btn{
  color: #fff;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  width: 90px;
  padding: 7px 5px;
  outline: none;
  border: 2px solid #fff;
  background: #000000;
  border-radius: .3em;
    }

.searchbar-btn:hover {
  background: #ED1C24;
    }
.policy-content * {color: #717171}
.policy-content ol {padding-left: 25px;}
.policy-content ol li {margin-bottom: 10px;}
.bg-sec-1 {position: absolute;top: 0;left: 0;z-index: -1}
.bg-sec-2 {position: absolute;top: 42%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 105%}
.bg-sec-3 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%}
.bg-sec-4 {position: absolute;top: 0;left: 0;z-index: -1}
.bg-sec-5 {position: absolute;top: 40%;right: 17px;transform: translate(0,-50%);z-index: -1;}
.bg-sec-6 {position: absolute;bottom: -3px;left: 50%;transform: translate(-50%,0);z-index: -1;width: 100%}
.bg-sec-7 {position: absolute;bottom: 0;right: 0;z-index: -1;}
.bg-sec-5-mb {display: none!important;}
.status-label {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  right: 0;
  bottom: 0;
  padding: 15px;
}
.status-label-list {
  padding: 0 0 0 5px;
  max-width: 50px;
}
.dtb-detail-social {text-align: left;}
.dtb-detail-social a {display: flex;align-items: center;}
.dtb-detail-social a svg .a {
  fill: #fff;
}
.dtb-detail-social a:hover svg .a {
  fill: #ED1C24;
}
.dtb-detail-social a span {padding-left: 27px;}
.gallery-blog img {margin: 0 auto!important;}
.bg-home-vmbfixed,.bg-home-vmbfixed-inner,.bg-home-vmbfixed-tb {display: none!important;}
.num-home-sec {font-family: 'Quark-Bold';font-size: 50px;line-height: 45px;color: #ED1C24;}
.num-home-sec span {font-size: 50px;color: #951C1F;text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.btn-defualt-skew {display: inline-block;min-width: 280px}
.btn-defualt-skew a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;
  outline: none;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0);padding: 5px 5px 5px 18px;
  border-radius: 25px;color: #fff}
.btn-defualt-skew a span {width: 80%;font-size: 20px;font-family: 'Quark-Bold';text-align: left;}
.btn-defualt-skew a i {width: 20%;
  outline: none;text-align: right;}
.btn-defualt-skew a i svg .a,.btn-defualt-skew a i svg .b,.btn-defualt-skew a i svg .d{fill:none;}
.btn-defualt-skew a i svg .a,.btn-defualt-skew a i svg .b{stroke:#fff;}
.btn-defualt-skew a i svg .b{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.btn-defualt-skew a i svg .c{stroke:none;}
.btn-defualt-skew a:hover {background: #ED1C24; border: 1px solid #ED1C24;}

.btn-defualt-skew-red {display: inline-block;min-width: 280px}
.btn-defualt-skew-red a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;
  outline: none;
  border: 1px solid #ED1C24;
  background: rgba(255, 255, 255, 0);padding: 5px 5px 5px 18px;
  border-radius: 25px;color: #ED1C24}
.btn-defualt-skew-red a span {width: 80%;font-size: 20px;font-family: 'Quark-Bold';text-align: left;}
.btn-defualt-skew-red a i {width: 20%;
  outline: none;text-align: right;}
.btn-defualt-skew-red a i svg .a,.btn-defualt-skew-red a i svg .b,.btn-defualt-skew-red a i svg .d{fill:none;}
.btn-defualt-skew-red a i svg .a,.btn-defualt-skew-red a i svg .b{stroke:#ED1C24;}
.btn-defualt-skew-red a i svg .b{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.btn-defualt-skew-red a i svg .c{stroke:none;}
.btn-defualt-skew-red a:hover {background: #ED1C24; border: 1px solid #ED1C24;}
.btn-defualt-skew-red a:hover i svg .a,.btn-defualt-skew-red a:hover i svg .b{stroke:#fff;}

.btn-defualt-skew-inbox {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 235px;
  outline: none;
  border: 3px solid #fff;
  background: #000000;
  border-radius: .3em;color: #fff;margin-left: 15px;}
.btn-defualt-skew-inbox span {width: 70%;padding: 7px 15px;font-size: 22px;font-family: 'Quark-Bold';text-align: center;}
.btn-defualt-skew-inbox i {padding: 7px 15px;width: 30%;
  outline: none;
  border-left: 3px solid #fff;
  background: #fff;text-align: center;}
.btn-defualt-skew-inbox i svg .a,.btn-defualt-skew-inbox i svg .b {fill:none;stroke:#951c1f;stroke-linecap:round;stroke-width:2px;}
.btn-defualt-skew-inbox i svg .a {stroke-linejoin:round;}
.newpd-list-wrap:hover .btn-defualt-skew-inbox i {background: #951C1F;}
.newpd-list-wrap:hover .btn-defualt-skew-inbox i svg .a,.newpd-list-wrap:hover .btn-defualt-skew-inbox i svg .b {stroke:#fff;}

.pdtype-list-filter a {border: 4px solid rgba(255, 255, 255, 0);border-radius: 10px;display: block;overflow: hidden;background: #f0f0f0;}
.pdtype-list-filter a img {width: 100%}
.pdtype-list-filter a:hover,.pdtype-ft-active {border: 4px solid #951C1F!important;}
.pd-icon-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.pd-icon-list li {padding: 0 10px;text-align: center;
  margin-bottom: 20px;
  width: 14.285%;}
.pd-icon-list li span {font-size: 16px;font-family: 'Quark-Bold';text-transform: uppercase;width: 100%;
  display: block;
  padding-top: 5px;}
.box-pd-table {background: rgba(38, 38, 38, 0.95);border-radius: 15px;padding: 30px 45px}
.box-pd-table * {color: #fff!important;font-size: 20px;font-family: 'Quark-Bold';text-transform: uppercase;}
.box-pd-table-head {border-bottom: 1px solid #707070;padding-bottom: 10px;margin-bottom: 15px;}
.box-pd-table-dt {max-height: 500px;overflow: scroll;overflow-x: hidden;}
.box-pd-table-head .col-4,.box-pd-table-dt .col-4 {width: 20%;text-align: left;}
.box-pd-table-head .col-3,.box-pd-table-dt .col-3 {width: 22%;text-align: center;}
.box-pd-table-head .col-2,.box-pd-table-dt .col-2 {width: 13%;text-align: right;}
.box-pd-table table th {border-color: #707070}
.box-pd-table table td {border: unset;}
.box-pd-filter-size {
  position: absolute;
  right: 0;
  top: -120px;
}
.bg-s-object {position: absolute;top: -20%;right: 0;z-index: -1;}
.main-dsb .col-lg-4 {width: 25%!important}
.main-dsb .col-lg-8 {width: 75%!important}
.ps-warranty {background: rgba(38, 38, 38, 0.94);padding: 25px;border-radius: 15px;border: 2px solid #951C1F;}
.newpd-list-wrap a:hover .blog-list-name {color: #ED1C24!important}
.video-cover {position: relative;overflow: hidden;}
.video-cover a {display: block;}
.video-cover a:after {display: block;content: "";background: url(../../assets/images/icon/video-play.svg) no-repeat center rgba(23, 23, 23, 0.58);width: 100%;height: 100%;
position: absolute;top: 0;left: 0;z-index: 2}
.video-cover a:hover:after {opacity: 0.7}
.bottom-bg-s-wrap {position: absolute;width: 100%;left: 0;bottom: 225px;z-index: -1;}
.nopaddbottom-bg-s-wrap {position: absolute;width: 100%;left: 0;bottom: -20px;z-index: -1;}
.dtb-detail-wrap {font-size: 18px}
.bg-s-contact {
  position: relative;
  z-index: -1;
  margin-bottom: -5px;
}
.policy-social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.policy-social ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.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: 20px;font-weight: bolder;
  border: 2px solid #ED1C24;}
.cookie-btn, .cookie-btn:hover {color: #fff!important;}
.cookie-btn:hover {background: #ED1C24;}
.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: 20px;line-height: 20px;font-weight: bolder;}
.alert-cookie p a{color: #ED1C24;text-decoration: underline;}
.alert-cookie p a:hover {color: #ED1C24}
.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;}
.box-why-circle 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;}
.box-why-circle svg .a,.box-why-circle svg .b,.box-why-circle svg .d{fill:none;}
.box-why-circle svg .a{stroke:#fff;}
.box-why-circle svg .a,.box-why-circle svg .b{stroke-width:8px;}
.box-why-circle svg .b{stroke:#fff;stroke-dasharray:250 300;}
.box-why-circle svg .c{stroke:none;}
.box-why-circle {display: flex;justify-content: center;flex-wrap: wrap;padding-top: 35px;}
.box-why-circle-list {width: 33.33%;position: relative;}
.box-why-circle-list span {position: relative;display: block;}
.box-why-circle-list:hover {cursor: default;}
.box-why-circle-list:hover svg {transform: rotate(260deg)}
.box-why-circle-list:hover svg .b{stroke:#ED1C24;}
.box-why-spinner {
  width: 200px;
  height: 200px;
  border: 8px solid #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.box-why-circle-list:hover .box-why-spinner {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  border: 8px solid #ED1C24;
  border-left-color: #fff;
  border-top-color: #fff;
}
.box-why-circle-list-dl {position: absolute;top: 0; left: 0;width: 200px;height: 200px;z-index: 2;display: flex;
  flex-wrap: wrap;justify-content: center;align-content: center;}
.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-txt {font-size: 20px;color: #fff;text-align: center;position: absolute;
  width: 200px;
  height: 200px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);}
.box-why-circle-list-dl-txt .num-home-sec {padding: 7px 0}
.box-why-circle-list-dl-txt p {margin-bottom: 0;line-height: 23px}
.linefont-box {position: relative;padding-left: 25px;text-align: left;}
.linefont-box:before {width: 5px;background: #ED1C24;position: absolute;top: 50%;left: 2px;transform: translate(0,-50%);
height: 85%;content: '';}
.news-list-row a .news-list-arrow svg .a,.news-list-row a .news-list-arrow svg .b,
.news-list-row a .news-list-arrow svg .d{fill:none;}
.news-list-row a .news-list-arrow svg .a,.news-list-row a .news-list-arrow svg .b{stroke:#717171;}
.news-list-row a .news-list-arrow svg .b{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.news-list-row a .news-list-arrow svg .c{stroke:none;}
.news-list-row a:hover .news-list-arrow svg .a {fill:#ed1c24;stroke:#ed1c24;}
.news-list-row a:hover .news-list-arrow svg .b {stroke:#fff;}
.news-list-row {position: relative;z-index: 9;}
.news-list-row a {display: flex;align-items: center;flex-wrap: wrap;}
.news-list-num {position: relative;width: 20%;}
.news-list-num:after {position: absolute;width: 100%;height: 1px;background: #B3B3BC;left: 0;top: 50%;transform: translate(0,-50%);content: ''}
.news-list-num span {width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 16px;
  background: #EAEAF2;border-radius: 100%;border: 1px solid #B3B3BC;color: #717171;position: relative;z-index: 9}
.news-list-detail {width: 70%;display: flex;align-items: center;flex-wrap: wrap;}
.news-list-detail-img {width: 40%;}
.news-list-detail-txt {width: 60%;padding-left: 25px}
.news-list-detail-txt h2,.news-list-detail-txt h3 {color: #000;}
.news-list-detail-txt p {font-size: 18px;color: #717171;line-height: 23px}
.news-list-arrow {width: 10%;text-align: right;}
.news-list-wrap {position: relative;}
.news-list-wrap:after {position: absolute;width: 1px;height: 100%;background: #B3B3BC;left: 9.7%;top: 0;content: ''}
.sec-home-wheel-object {position: absolute;right: 0;top: 0;height: 100%;width: auto;z-index: -1;}
.sec-home-wheel-object img {max-height: 100%}
.sus-row {border-bottom: 1px solid rgba(255, 255, 255, 0.21);padding: 25px 0;}
.sus-row:last-child {border-bottom: unset!important;}
.sus-row .col-lg-3 {width: 15%}
.sus-row .col-lg-9 {width: 85%}
.sus-list-detail-txt h2,.sus-list-detail-txt p {margin-bottom: 0}
.banner-head-main {position: relative;height: 694px;position: relative;
    overflow: hidden;}
.banner-head-txt {width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 2;padding-top: 60px;}
.banner-head-title {margin-top: auto;margin-bottom: 0px;font-size: 60px;line-height: 80px;font-weight: 800;color: #fff;}
.banner-head-txt p {font-size: 25px;margin-bottom: 0;line-height: 34px;}
.banner-head-main img {position: absolute;left: 0%;top: auto;right: 0%;bottom: 0%;z-index: 1;width: 100%;
    height: 100%;max-width: 100%;background-color: rgba(0, 0, 0, 0.5);-o-object-fit: cover;object-fit: cover;}
.navinbanner {position: absolute;
  top: 100px;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;}
.about-circle-wrap {position: absolute;bottom: -100px;left: 50%;transform: translate(-50%, 0);width: 50%;}
.about-circle-wrap .box-why-circle svg .b {fill: #fff;}
.about-circle-wrap .box-why-circle p {color: #717171}
.about-circle-wrap .box-why-circle-list {display: flex;justify-content: center;}
.about-sec2-bg {padding-bottom: 180px;}
.about-sec3-bg {padding: 0!important;}
.about-vision-bg-wrap {background: rgba(217, 217, 227, 0.5);}
.about-vision-bg {padding: 180px 16% 120px 16%}
.about-mission-bg-wrap {background: rgba(234, 234, 242, 0.5);}
.about-mission-bg {padding: 180px 16% 120px 16%}
.vision-list {padding-left: 0;margin-left: 0;list-style: none;}
.about-vision-bg .linefont-box, .about-mission-bg .linefont-box {display: inline-block;}
.about-vision-bg .linefont-box::before, .about-mission-bg .linefont-box::before  {height: 40%;}
.vision-list li span {margin: 15px 0 15px 0;display: block;}
.vision-row {border-bottom: 1px solid rgba(0, 0, 0, 0.25);padding: 35px 0;}
.vision-row:last-child {border-bottom: unset!important;}
.vision-list-detail-txt h2,.vision-list-detail-txt p {margin-bottom: 0}
.main-bg-white {background: #F5F5FB}
.news-list-wrap-inner {}

.news-list-wrap-inner .news-list-num {width: 12%;}
.news-list-wrap-inner .news-list-detail {width: 75%;}
.news-list-wrap-inner .news-list-detail-img {width: 25%;}
.news-list-wrap-inner .news-list-detail-txt {width: 75%;}
.news-list-wrap-inner .news-list-arrow {width: 10%;}
.news-list-wrap-inner .news-list-row a {padding: 15px 0}
.news-list-wrap-inner .news-list-row {-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;}
.news-list-wrap-inner .news-list-row:hover {background: #E4E4EE;}
.news-list-detail-txt p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}
.inner-wrapper-box.head-black header * {
  color: #000 !important;
}
.inner-wrapper-box.head-black .switch-lang a {
  border: 1px solid rgba(35, 31, 32, 0.37);
}
.inner-wrapper-box.head-black .switch-lang div.lang-active a,.inner-wrapper-box.head-black .switch-lang div:hover a {
  border: 1px solid #ED1C24;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color: #ED1C24!important}
.sus-sec1-bg {background: url(../../assets/images/sustainability/sustrain-bg.webp) no-repeat top left; background-size: cover;padding-bottom: 190px;}
.sus-logo {padding-top: 50px}
.sus-sec2-bg {background: url(../../assets/images/sustainability/sustrain-bg-2.webp) no-repeat bottom center; background-size: cover;
  padding: 0;}
.sus-sec3-bg {background: url(../../assets/images/sustainability/sustrain-bg-3.webp) no-repeat top center; background-size: cover;padding: 0;}
.sus-sec4-bg {background: url(../../assets/images/sustainability/sustrain-bg-4.webp) no-repeat top center; background-size: cover;padding: 0;}
.sus-txt-detail {padding-top: 390px;border-left: 1px solid rgba(255, 255, 255, 0.3);padding-left: 50px;margin-left: 50px;}
.title-sus span {font-size: 50px;}

.sus-txt-detail-down {padding-bottom: 390px;border-left: 1px solid rgba(35, 31, 32, 0.3);padding-left: 50px;margin-top: 390px;}
.sus-txt-detail-down .linefont-box {
  margin-left: -55px;
  padding-left: 55px;
}
.sus-txt-detail-down-left {padding-bottom: 390px;border-left: 1px solid rgba(255, 255, 255, 0.3);padding-left: 50px;margin-top: 390px;}
.sus-txt-detail-down-left .linefont-box  {
  margin-left: -55px;
  padding-left: 55px;
  margin-top: -5px;
}
.section-wrap-dealer-wrap {position: relative;}
.section-wrap-dealer-wrap a {position: relative;display: block;}
.sus-txt-detail-down-left .linefont-box::before,.sus-txt-detail-down .linefont-box::before {
  top: 42%;
  height: 82%;
}
.dealer-in-out-img {
  position: relative;
  height: 930px;
  position: relative;
  overflow: hidden;
}
.dealer-in-out-img img {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -o-object-fit: cover;
  object-fit: cover;
}
.dealer-in-out-txt {width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
  padding-top: 60px;}
.dealer-in-out-txt * {color: #fff!important}
.dis-arrow {
  position: absolute;
  z-index: 2;
  bottom: 70px;
  left: 50%;
  transform: translate(-50%, 0);max-width: 50px;
}
.dis-arrow svg {max-width: 100%;}
.dis-arrow svg .a{fill:none;stroke:#fff;stroke-width:2px;}
.dis-arrow svg .b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;}

.section-wrap-dealer-wrap:hover .dis-arrow svg .a{fill:#ed1c24;stroke:#ed1c24;}
.section-wrap-dealer-wrap:hover .dis-arrow svg .b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.search-modal-wrap .btn-defualt-skew a,.search-map-mobile .btn-defualt-skew a {
  background: #ED1C24;
  border: 1px solid #ED1C24;
}

.dis-sec1-bg {background: url(../../assets/images/common/MaskGroup13.jpg) no-repeat fixed top right #F5F5FB; background-size: cover;}
.dis-oversea-bg {background: url(../../assets/images/distributor/Group16576.jpg) no-repeat fixed top right; background-size: cover;}
.dis-oversea-bg-2 {background: url(../../assets/images/distributor/Group165765.jpg) no-repeat fixed top right; background-size: cover;}
.dis-logo-list ul {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.dis-logo-list ul li {padding-right: 20px}
.dis-name {font-size: 25px;font-weight: 500;width: 85%;font-family: 'Quark-Bold';}
.map-point-icon {
  text-align: left;
  font-size: 18px;
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
}
.distributor-name img {
  display: block;
  margin: 0 auto 5px auto;
}
.dtb-detail-wrap {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.contact-bg .dtb-detail-wrap {align-items: flex-start;}
.dtb-detail-wrap i {
  display: block;
  width: 10%;
}
.dtb-detail-wrap span {
  width: 90%;
  padding-left: 10px;
  font-weight: 300;
}
.dtb-detail-wrap *,.dtb-detail-wrap * {
  color: #717171 !important;font-family: 'Quark-Bold';
}
.dis-logo-list svg .a{fill:#fff;stroke:#eaeaf2;}
.dis-logo-list svg .a,.dis-logo-list svg .b{stroke-width:7px;}
.dis-logo-list svg .b,.dis-logo-list svg .d{fill:none;}
.dis-logo-list svg .b{stroke:#eaeaf2;stroke-dasharray:170 210;}
.dis-logo-list svg .c{stroke:none;}
.dis-logo-list a {
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
}
.dis-logo-list a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);z-index: 9;max-width: 80%;
}
.dis-logo-list a:hover svg,.dis-logo-list a.dis-list-active svg {
  transform: rotate(280deg)!important;
}
.dis-logo-list a:hover svg .b,.dis-logo-list a.dis-list-active svg .b {stroke:#ed1c24!important;}
.map-section-oversea .search-modal-wrap {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  width: 100%;
  border-radius: unset;
  height: 100%;
}
.map-section-oversea .main-dsb {border-radius: 25px;position: relative;
  overflow: hidden;}
.map-section-oversea .iframe-map,.map-section-oversea .main-dsb {
  height: 615px;
}
.store_oversea * {color: #fff!important}
.store_oversea .store-list-map-name {width: 60%;}
.store_oversea .store-list-map-country {width: 30%;}
.store_oversea .btn-request-map-more {width: 10%;}
.store_oversea .btn-request-map-more a {min-width: 100%;border: 1px solid #fff;color: #fff!important}
.store_oversea .btn-request-map-more a:hover {border: 1px solid #ED1C24;}

.our-brand-list svg .a{fill:#fff;stroke:rgba(168,168,168,0.82);}
.our-brand-list svg .a,.our-brand-list svg .b{stroke-width:10px;}
.our-brand-list svg .b,.our-brand-list svg .d{fill:none;}
.our-brand-list svg .b{stroke:rgba(168,168,168,0.82);stroke-dasharray:250 300;}
.our-brand-list svg .c{stroke:none;}

.our-brand-list a {
  display: flex;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  background: rgba(0, 0, 0, 0.6);
  height: 880px;
  padding: 35px;
  align-content: center;
}
.our-brand-list-logo {
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  flex-wrap: wrap;
}
.our-brand-list a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);z-index: 9;
  width: auto !important;
  max-width: 150px;
}
.our-brand-list a:hover svg {
  transform: rotate(280deg)!important;
}
.our-brand-list a:hover svg .b {stroke:#ed1c24!important;}
.box-pd-spinner {
  width: 200px;
  height: 200px;
  border: 8px solid #b8b8b8;
  border-right-color: #b8b8b8;
  border-bottom-color: #b8b8b8;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.our-brand-list a:hover .box-pd-spinner {
  -webkit-transform: rotate(260deg);
  -moz-transform: rotate(260deg);
  -ms-transform: rotate(260deg);
  -o-transform: rotate(260deg);
  transform: rotate(260deg);
  border: 8px solid #ED1C24;
  border-left-color: #b8b8b8;
  border-top-color: #b8b8b8;
}
#banner-slide-our-brad .item {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.our-brand-list-detail {height: 0;visibility: hidden;opacity:0;-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-slide-our-brad .owl-nav {
  margin-top: 0;
  position: absolute;
  bottom: 50px;
  width: 100%;
}
#banner-slide-our-brad .owl-prev {float: left;margin-left: 25px}
#banner-slide-our-brad .owl-next {float: right;margin-right: 25px}
#banner-slide-our-brad .owl-nav [class*="owl-"]:hover {
  background: unset!important;
}
.our-brand-list a:hover .our-brand-list-detail {height: 170px;visibility: visible;opacity: 1;-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;}

.slide-our-brad-wrap {position: relative;}
.our-brand-list-cover-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.our-brand-list-cover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) !important;
  width: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.hideimg {opacity: 0!important;visibility: hidden!important;}
.our-brand-list-cover-rev {position: relative;}
.sec-our-brand {background: #000}
.content-wrap-1147 {max-width: 1147px}
.our-brand-detail-dt * {color: #717171}
.main-bg-whitegrey {
  background: #EAEAF2;
}
.brand-circle-circle-list-dl {
  justify-content: center;
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-brand-dt-spinner {
  width: 253px;
  height: 253px;
  border: 8px solid #f5f5fb;
  border-right-color: #f5f5fb;
  border-bottom-color: #f5f5fb;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.brand-circle-circle-list-dl:hover .box-brand-dt-spinner {
  -webkit-transform: rotate(260deg);
  -moz-transform: rotate(260deg);
  -ms-transform: rotate(260deg);
  -o-transform: rotate(260deg);
  transform: rotate(260deg);
  border: 8px solid #ED1C24;
  border-left-color: #f5f5fb;
  border-top-color: #f5f5fb;
}
.brand-circle-circle-list-dl .box-why-circle-list-dl-txt p {font-family: 'Quark-Bold';min-height: 46px;}
.brand-circle-circle {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.brand-circle-circle-list {width: 25%;display: flex;
  justify-content: center;}

.brand-circle-wrap {
  margin-top: -120px;

}
.dis-greyobject-bg {background: url(../../assets/images/common/dis-greyobject-bg.webp) no-repeat top right #F5F5FB;
  background-size: 95%;}
.howto-wrap-sec {padding: 120px 0 145px 0;}
.dealer-in-out-txt-dt {position: relative;height: 0;opacity: 0;visibility: hidden;max-width: 300px;
  margin: 0 auto;}
.dealer-in-out-txt-dt i {position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);padding-top: 10px}
.section-wrap-dealer-wrap a:after {width: 100%;height: 100%;background: rgba(0, 0, 0, 0);position: absolute;top: 0;left: 0;opacity: 0;content: ''}
.section-wrap-dealer-wrap a:hover:after{background: rgba(0, 0, 0, 0.7);opacity: 1;z-index: 1;}
.section-wrap-dealer-wrap a:hover .dealer-in-out-txt-dt {visibility: visible;height: auto;opacity: 1}
.news-list-wrap-inner .news-list-row a:hover .news-list-num span {
  background: #ED1C24;
  border: 1px solid #ED1C24;
  color: #fff;
}
.contact-bg .sec-home-wheel-object img {
  max-height: unset;
  height: 109%;
}
.linefont-box.nodt::before {
  height: 35px!important;
}
.job-list-box {list-style: none;padding: 0;margin: 0}
.job-list-box li {display: block;width: 100%;padding-bottom: 10px}
.job-list-box li a {display: flex;width: 100%;padding:7px 15px;color: #000;background: #fff;border-radius: 25px;background: url(../../assets/images/icon/arrow-select.svg) no-repeat center right 10px #fff;}
.job-list-box li a:hover,.job-list-active {color: #fff!important;background: url(../../assets/images/icon/arrow-select-white.svg) no-repeat center right 10px #ED1C24!important;}
.job-position-wrap, .job-dt-wrap {padding-left: 40px;}

.career-list-wrap-inner .col-lg-3, .career-list-wrap-inner .col-lg-2 {padding-right: 50px;border-right: 1px solid rgba(35, 31, 32, 0.15);}
.job-dt-wrap p,.job-dt-wrap p * {color: #717171!important}
.job-dt-wrap p {margin-bottom: 0}
.job-dt-wrap h2 {margin-bottom: 0}
.career-ct-wrapper .tel-ft a::after {display: none!important;}
.career-ct-wrapper .tel-ft p {
  width: 100%;
}
.career-ct-wrapper .tel-ft a:hover span {color: #ED1C24!important}

.dis-benefit-bg {background: url(../../assets/images/distributor/dis-benefit-bg.webp) no-repeat fixed top right #F5F5FB; background-size: cover;}

.exclusive-benefit-wrap {position: relative;}
.exclusive-benefit-wrap:after {width: 1px;
  height: 638px;
  content: '';
  background: #fff;
  position: absolute;
  top: 118px;
  left: 50%;
  transform: translate(-50%,0);}
.exclusive-benefit-boxl {padding-right: 135px;position: relative;}
.point-box {position: absolute;}
.exclusive-benefit-boxl .point-box {right: 80px;top: 50%;transform: translate(-50%,0);}
.exclusive-benefit-boxl .point-box:before {position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0,-50%);
    content: '';
    height: 1px;
    width: 100px;
    background: #fff;
    margin-top: 2px;}

.exclusive-benefit-boxr {padding-left: 135px;position: relative;}
.point-box {position: absolute;}
.exclusive-benefit-boxr .point-box {left: 97px;top: 50%;transform: translate(-50%,0);}
.exclusive-benefit-boxr .point-box:before {position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(0,-50%);
    content: '';
    height: 1px;
    width: 100px;
    background: #fff;
    margin-top: 2px;}
.exclusive-benefit-wrap .col-lg-6.pt-5 {padding-top: 100px !important}
.exclusive-benefit-wrap .col-lg-6.mt-5 {margin-top: -60px !important}

.dis-contact-bg {background: url(../../assets/images/distributor/dis-contact.webp) no-repeat fixed top right #BFC9D9; background-size: cover;}

.btn-defualt-skew-red-submit-wrap {display: inline-block;min-width: 200px}
.btn-defualt-skew-red-submit {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;
  outline: none;
  border: 1px solid #ED1C24;
  background: #ED1C24;padding: 5px 10px 5px 18px;
  border-radius: 25px;color: #ED1C24}
.btn-defualt-skew-red-submit span {width: 80%;font-size: 20px;font-family: 'Quark-Bold';text-align: left;color: #fff;}
.btn-defualt-skew-red-submit i {width: 20%;
  outline: none;text-align: right;}
.btn-defualt-skew-red-submit i svg .a,.btn-defualt-skew-red-submit i svg .b,.btn-defualt-skew-red-submit i svg .d{fill:#ED1C24;}
.btn-defualt-skew-red-submit i svg .a,.btn-defualt-skew-red-submit i svg .b{stroke:#fff;}
.btn-defualt-skew-red-submit i svg .b{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.btn-defualt-skew-red-submit i svg .c{stroke:none;}
.btn-defualt-skew-red-submit:hover {background: #fff; border: 1px solid #ED1C24;}
.btn-defualt-skew-red-submit:hover i svg .a,.btn-defualt-skew-red-submit:hover i svg .b{stroke:#fff;}
.btn-defualt-skew-red-submit:hover span {color: #ED1C24}
.btn-short-auto {min-width: 285px!important;}
.howto-wrap {padding: 70px 0}
.sus-logo-list {display: inline-block;}
.dropdown-main:hover .submenu-list {opacity: 1!important;
visibility: visible!important;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;}
.dropdown-main:hover .submenu-list-single {visibility: visible!important;}
.search-modal-wrap .form_col select,.search-modal-wrap .form_col .inputsearch {
  border: 3px solid #E4E4EE;
}
.box-relative {position: relative;}
.box-relative .search-modal-wrap {
  position: absolute;
  top: 10px;
  left: unset;right: 50px;
  transform: unset;}
.news-list-wrap-inner .news-list-row,.news-list-wrap-inner .news-list-row a {min-height: 180px}
.banner-head-main-brand {min-height: 688px;display: flex;flex-wrap: wrap;background: #000;
    position: relative;}
.brand-circle-circle-sec {min-height: 253px}
.doc-download-list {display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.doc-download-list i img {max-width: 35px}
.doc-download-list span {padding-left: 7px;}
.doc-download-list a {color: #717171 !important;font-family: 'Quark-Bold';}
.doc-download-list:hover a {color: #ED1C24 !important;}






@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-index-list li a,.tag-list a,.tag-article-wrap *, .social-list-share * {font-size: 20px!important;line-height: 25px;}
.main-title, .main-title-normal {
    font-size: 50px;
    line-height: 60px;
  }
.title-doubleshardow,.num-home-sec span {
  font-size: 30px;
  line-height: 40px;
}
.btn-defualt a {font-size: 12px;min-width: 120px;}
.sub-title {
  font-size: 20px;
}
footer *, footer a,.box-pd-option-detail span {
  font-size: 15px;
}
.bg-sec-5 {
  right: -10%;
}
.bg-sec-3 {width: 105%}
.main-section-home {
  margin-top: -1px;
}

.switch-lang {
  width: 25%;
  margin-left: 0;
}
.pd-icon-list li {
  width: 18%;
}
.btn-defualt-skew a span {
  font-size: 20px;
}

.num-home-sec {
  line-height: 52px;
  font-size: 50px;
}
.num-home-sec span {
  font-size: 35px;
}
.home-wheel-cover img {max-width: 317px}
.content-wrap {
  max-width: 1300px;
}
.content-wrap-1366 {
  max-width: 1200px;
}
.menu-footer li, .menu-footer li a,.address-ft p {
  font-size: 14px!important;
}
.footer-logo {max-width: 285px;}
.homewrap {
  background-size: cover;
}
.btn-defualt-skew a {
  border-radius: 50px;
}
.exclusive-benefit-wrap::after {
  height: 678px;
  top: 145px;
}
.news-list-wrap {
  padding-left: 45px;
}
.news-list-wrap-inner .news-list-wrap {
  padding-left: 0!important;
}
.txt-50 {
    font-size: 40px !important;
    line-height: 50px !important;
}
.form_col .inputsearch,.form_col select {
    font-size: 17px!important;
}
.career-list-wrap-inner .col-lg-3, .career-list-wrap-inner .col-lg-2 {
    padding-right: 25px;
}
.job-position-wrap, .job-dt-wrap {
    padding-left: 15px;
}
.news-list-wrap-inner .news-list-arrow {
    width: 13%;
}
.news-list-wrap-inner .news-list-wrap:after {
    left: 9.4%;
}
.howto-wrap-sec {
    padding: 100px 0 110px 0;
}
.howto-wrap {
    padding: 50px 0;
}
.our-brand-list a {
    height: 710px;
}
.box-relative .search-modal-wrap {
    right: 0;
}
.store-list-wrap {
    padding: 0 0 0 50px;
}
.map-section-oversea .iframe-map, .map-section-oversea .main-dsb {
    height: 650px;
}
.banner-head-main-brand {min-height: 555px;}
}

@media only screen and (max-width: 1470px) {
.wrap-blog-home {
  padding-left: 15px;
}
.bg-sec-5 {
    right: -10%;
    width: 65%;
    top: 36%;
  }

.section-wrap {
  padding: 70px 0 120px 0;
}

.btn-defualt-skew a span,.btn-defualt-skew-inbox span {
  font-size: 20px;
}
.section-wrap-inner  .main-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
.section-wrap-inner {
  padding: 90px 0;
}
.switch-lang {
    width: 28%;
  }
.main-dsb .col-lg-4 {
  width: 35% !important;
}
.main-dsb .col-lg-8 {
  width: 65% !important;
}
.box-pd-table * {
  font-size: 16px;
}
.pd-icon-list li span {
  font-size: 14px;
}
.career-list-wrap-inner .col-lg-2, .career-list-wrap-inner .col-lg-3 {
    padding-right: 20px;
  }
.job-dt-wrap, .job-position-wrap {
    padding-left: 10px;
  }
.career-list-wrap-inner .col-lg-3 {width: 32%;}
.career-list-wrap-inner .col-lg-7 {width: 50%;}
.job-list-box li a {
  font-size: 18px !important;
}
.news-list-wrap-inner .news-list-row,.news-list-wrap-inner .news-list-row a {min-height: 180px}
.banner-head-main-brand {min-height: 520px;}
}

@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-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *,.page-list a,
.box-pd-option-detail span,.form_col select,.form_col .inputsearch,.map-point-icon,
.bg_form input[type="submit"], .btn-submit {
    font-size: 18px !important;
    line-height: 27px;
  }
header {
  padding: 15px 0;
}
.sub-title,.blog-index-title {
    font-size: 24px;
  }
.btn-defualt a {
  padding: 5px 30px 7px 30px;
}
#navbreadcrumbs * {
    font-size: 14px!important;
  }
.sec-contact-inner {
  margin-top: 0 !important;
}
.menu-list-item li {
  margin: 0 0 0 30px;
}
.menu-list-item li a {
  padding: 3px 0 6px 0;
}
.mn-border {
  min-width: 120px;
}
.switch-lang a {
  margin-left: 0;
}
#navbreadcrumbs {
  padding: 0 0 35px 0;
}

.wrapper-dropdown {
  padding: 15px 20px 15px 20px;
}
.wrapper-dropdown #show-cate-name img {max-height: 33px;}
.product-inner-list.pt-3,.gallery-list-wrap {padding-top: 35px!important;}
.content-wrap-center {
  max-width: 950px;
}

.blog-index-content {
  margin-bottom: 0;
}
.btn-request-map-more {
  width: 15%;
}
.store-list-map-name {
  width: 85%;
}

#main-menulist ul li a, .menu-list-item li a {
    font-size: 13px;
  }
#main-menulist ul li {
  margin: 0 30px 0 0;
}
.switch-lang div {height: 30px;}
.pd-icon-list li {
  width: 19%;
}
.hicn-search {width: 57px;height: 33px;}
.content-wrap {
    max-width: 1100px;
  }
.content-wrap-1366 {
    max-width: 980px;
  }
.btn-defualt-skew a span, .btn-defualt-skew-inbox span {
    font-size: 18px;
  }
.btn-defualt-skew a i {
  padding: 0;}
.num-home-sec {
    line-height: 47px;
    font-size: 40px;
  }
 .title-doubleshardow, .num-home-sec span {
    font-size: 25px;line-height: 35px;
  }

.main-title, .main-title-normal {
    font-size: 40px;
    line-height: 50px;
  }
 .search-modal-wrap .mb-5 {margin-bottom: 15px!important}
.search-modal-wrap .mt-5 {margin-top: 15px!important}
.search-list-detail {
  padding: 0 25px 0 45px;
}
.about-circle-wrap {
  width: 70%;
}
.footer-logo {max-width: 185px;}
.menu-footer li a svg, .ctu-social a svg {
    max-height: 27px;
    width: auto;
  }
.txt-40 {
  font-size: 35px !important;
  line-height: 40px;
}
.txt-30,.about-sec1-bg .txt-40 {
    font-size: 25px !important;
    line-height: 30px!important;
  }
.dealer-in-out-txt .title-sus span {
  font-size: 35px;
}
.dis-greyobject-bg {
  background-size: 95%;
}
.job-position-wrap, .job-dt-wrap {
  padding-left: 20px;
}
.career-list-wrap-inner .col-lg-3, .career-list-wrap-inner .col-lg-2 {
  padding-right: 25px;
}
.exclusive-benefit-wrap::after {
    height: 720px;
    top: 155px;
  }
.news-list-wrap-inner .news-list-arrow {
    width: 13%;
}
.news-list-wrap-inner .news-list-wrap:after {
    left: 9%;
}
.banner-head-txt {
    width: 70%;
}
.form_col .inputsearch,.form_col select {
    font-size: 18px!important;
}
.dis-contact-bg .col-xl-5 {width: 50%}
.our-brand-list a {
    height: 600px;
}
.footer-menuwrap {
    padding-left: 0;
}
.menu-footer {
    padding-right: 0;
}
.menu-footer li ol li a {
    font-size: 13px !important;
}
.store-list-wrap {
        padding: 0;
    }
.main-dsb .col-lg-4 {
        width: 32% !important;
    }
.main-dsb .col-lg-8 {
        width: 68% !important;
    }
.btn-request-map-more a {
    min-width: 100%;padding: 5px 10px 5px 10px;
}
.banner-head-main-brand {min-height: 490px;}
.about-circle-wrap {
    bottom: -195px!important;
}
.about-sec2-bg {
    padding-bottom: 170px !important;
    background-attachment: fixed;
}
.about-mission-bg, .about-vision-bg {
    padding: 240px 16% 120px;
}
.dis-logo-list ul li {
    margin-bottom: 20px;
}
.our-brand-list a {
        height: 600px;
    }
.sus-txt-detail {
    padding-top: 65px;
}
.sus-sec2-bg,.sus-sec3-bg,.sus-sec4-bg {
    padding: 0 !important;
}
.sus-txt-detail-down {
    padding-bottom: 65px;}
.exclusive-benefit-boxl .point-box {
    top: 55%;
}
}

@media only screen and (max-width: 1280px) {
.contact-bg .dtb-detail-wrap {
  line-height: 1.3em;
}
.menu-footer li {
  padding-left: 20px;
}
.pd-icon-list li {
    width: 20%;
  }
.box-pd-table * {
  font-size: 18px;
}
.box-pd-table-head .col-4, .box-pd-table-dt .col-4 {
  width: 25%;
}
.box-pd-table-head .col-3, .box-pd-table-dt .col-3 {
  width: 20%;
}
.news-list-wrap {
        padding-left: 35px;
    }
    .menu-footer li a svg, .ctu-social a svg {
        max-height: 20px;
    }
.news-list-wrap-inner .news-list-row,.news-list-wrap-inner .news-list-row a {min-height: 147px}
.banner-head-main-brand {min-height: 462px;}
.contact-bg {
  background-position: top left 30%;
}
.switch-lang a {
    padding-top: 3px;
}
}



@media only screen and (max-width: 1200px) {
#mainmenu-button-mb {display: inline-block;color: #434343; border-radius: 100px;width: 75px;position: relative;
  cursor: pointer;transition: all linear .3s;z-index: 999;padding: 0;text-align: right; vertical-align: middle;
  float: right;margin-left: 20px;}
#mainmenu-button-mb span {display: inline-block;padding: 0;text-align: right; margin-left: 0;font-size: 15px;text-transform: uppercase;}
#main-menulist {max-width: 1920px;background: #000;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: #000}
#main-menulist ul li {text-align: center;width: 100%;margin: 0;padding: 15px 0 35px 0;line-height: initial;}
#main-menulist ul li:last-child {border-bottom: unset!important;}
#main-menulist ul li a {margin-bottom: 0;display: inline-block; padding: 0; background: unset; font-size: 14px; color: #fff;}
.menu-list-item {padding: 100px 5% 25px 5%!important;}
#navline-1, #navline-2, #navline-3 {height: 3px;
    margin: 4px 0 0 0;
    transition: all linear .3s;
    display: block;
    float: left;
    border-radius: 50px;
    background: #fff;
    width: 100%;}
#navline-1 {margin-top: 0;}
#navline-2.active {opacity: 0;}
#navline-1.active {-webkit-transform: translate(0px,8px) rotate(45deg);transform: translate(0px,8px) rotate(45deg);width: 100%;}
#navline-3.active {-webkit-transform: translate(0px, -6px) rotate(-45deg);transform: translate(0px, -6px) rotate(-45deg);}
.submenulist {display: none;opacity: unset;visibility: unset;position: relative;top: unset;left: unset;background: unset;width: 100%;box-shadow: unset;}
.submobile #arrow-mobile {display: inline-block;position: absolute; content: " "; width: 20%; height: 40px; right: 20%; cursor: pointer; text-align: left;padding-top: 20px;}
#arrow-mobile img {width: 15px;}
#main-menulist ul.submenulist li a {color: #fff!important;font-size: 15px !important;}
.submenulist {height: unset!important;}
.submenulist li a {background: unset!important;color: #fff;}
[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-wrapmain-sub {display: none!important;}
.head-order-1 {position: absolute;}
.head-order-2 {order: 1;}
.head-order-2 {order: 2;}
 #mainmenu-button-mb {
    display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;
  }
#mainmenu-button-mb span {width: 45%;}
#mainmenu-button-mb .wrap-menu-btn {width: 55%;padding-left: 12px;margin-top: 3px;}
header {
    padding: 20px 0 0 0;
  }
.mn-show-mb {display: block!important;}
.change-cl a {color: #fff!important}
.switch-lang {position: relative;z-index: 999}
.switch-lang a {
  font-size: 15px;
}
.label-mn-close {display: none!important;}
#mainmenu-button-mb.active .label-mn-close {display: inline-block!important;color: #fff}
#mainmenu-button-mb.active .label-mn-open {display: none!important;}
#main-menulist ul li a::after {
  display: none!important;
}
.hide-box-mb {display: none!important;}
.system-pc {display: none!important;}
.system-mobile {display: block!important;}
.search-map-mobile {display: flex !important;
    position: absolute;
    bottom: 25px;
    justify-content: center;
    width: 100%;padding: 0 15px;}
.search-map-pc {display: none!important;}
.search-map-mobile .btn-map-back {
  float: unset;
  border-radius: 50px;
  padding: 13px 15px 15px 15px;
  background: #333;
  border: 3px solid #ED1C24;
  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: 20px;
}
.search-map-mobile .btn-map-back a {box-shadow: unset;}
.modal-icon-point img {
  width: 80px;
}
.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;}
.store-list-wrap {
    padding: 0;
    min-height: unset;
  }
.map-address-wrap {
  padding: 0 25px;
}
.store-list-map-name {width: 65%;}
.btn-request-map-more {width: 35%;}
.home-wheel-cover img {
  margin-left: 0;
}
.order-sec-2 {order: 1;}
.order-sec-1 {order: 2;}
.wrap-blog-home {
    padding: 0 0 25px 0;
  }
.btn-defualt a {
  padding: 3px 30px 5px 30px;
}
.container-banner {
  width: 91%;
  max-width: 1600px;
  margin: 0 auto;
}

.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: flex-start;
  margin: 0 0 15px 0;
}
.copyright-wrap {
  text-align: center;
}
.search-modal-wrap {
  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-top: 10px;
    width: 100%;
}
 .menu-footer {
    margin: 10px 0 0 0;
  }
.copyright-wrap {
  padding-top: 20px;
  margin-top: 20px;
}
.icn-guid-touch {display: block!important;margin: 30px auto 15px auto;text-align: center;}
body, p, .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-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *, .page-list a, .box-pd-option-detail span, .form_col select, .form_col .inputsearch, .map-point-icon, .bg_form input[type="submit"], .btn-submit {
    font-size: 20px !important;
    line-height: 27px;
}
.btn-defualt a {
    background: #303030;
  }
.page-prev a, .page-next a {align-items: center;}
.page-prev {
  padding-right: 0;
}
.page-next {
  padding-left: 0;
}
.box-pd-option-result {
  padding-top: 2rem;
  margin-top: 2rem;
}
.gallery-list .overlay-cover {display: none;}
.bg_form form {
  width: 100%;
  max-width: 100%;
}
.searchbar.mn-show-mb {display: flex!important;justify-content: center!important;align-items: center!important;}
.togglesearch {
  position: relative;
  top: unset;
  right: unset;
  display: block;
  margin: 0 auto 10px auto;
  background: unset;
      border-radius: unset;
      padding: 0;box-shadow: unset;
}
.togglesearch form {
  justify-content: space-between;
}
#main-menulist ul li a,.menu-list-item li a {
    font-size: 28px !important;
    line-height: 25px;
}
 #main-menulist ul li.langbar a {
    font-size: 21px !important;
    line-height: 20px;
    height: auto;
    margin-left: 0;
}
.switch-lang div {margin: 0 10px;}
.switch-lang {
  width: 100%;
  justify-content: center;
  margin-left: 0;
  padding-top: 25px;
}
#navline-1.active,#navline-3.active {
    background: #fff !important;
  }
.homewrap,.inner-wrapper-box {background-size: cover;
}

.main-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
.section-wrap {
    padding: 70px 0;
  }
.footer-logo {
    max-width: 100%;
    text-align: center;
  }
.ft-first-row {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: unset;
}
.ft-address p {justify-content: flex-start;display: flex;
    flex-wrap: wrap;}
.tel-ft p {padding-right: 0;margin: 15px 0 15px 0;}
.ft-address .row {justify-content: center;}
.ft-address .row .col-auto {width: 100%;display: block;}
.tel-ft p a {flex-wrap: wrap;}
.tel-ft i {width: auto;margin-bottom: 10px;    justify-content: center;}
.tel-ft span {
  width: auto;
}
.footer-menuwrap {
  width: 100%;
  justify-content: center;
}
.menu-footer li {
    padding-right: 0;
  }
 .menu-footer-social a {
    margin: 0 15px;
  }
.inner-wrapper-box #navline-1, .inner-wrapper-box #navline-2, .inner-wrapper-box #navline-3 {
    background: #fff;
  }
 .search-map-mobile .btn-defualt-skew {
  min-width: 355px;
}
. {height: 555px;}
.dtb-detail-wrap span {
  padding-top: 11px;
}
.dtb-detail-wrap a,.dtb-detail-wrap {font-size: 18px;}
.pd-img-detail {display: block;margin: 0 auto;text-align: center;}
 .pd-icon-list li {
    width: 11.111%;
  }
.box-pd-filter-size {
  position: relative;
  right: unset;
  top: unset;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-end;
}
.contact-bg {
  background: url(../../assets/images/common/inner-contact-box-mb.webp) no-repeat top center #EAEAF2;
  background-size: 100%;
}
.sec-contact-inner {
  z-index: 2;
}
.ct-social .menu-footer-social {
  margin: 0 auto;
}
.sec-contact-inner .wrap-blog-home {padding-top: 400px}
.bg-s-contact {
  position: relative;
  z-index: -1;
  margin-top: -210px;
  margin-bottom: 0;
}
.menu-footer {
  margin: 0 0 25px 0;
}
.alert-cookie {
  padding: 15px;
}
.cookie-l {
  width: 100%;
  padding-bottom: 15px;
}
.hide-tablet {display: none!important;}

.dealer-in-out-txt {
  width: 100%;
}
.menu-footer li ol li {
    padding: 0 15px 0 0;
  }
.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:20px !important;}
.menu-mb-privacy ol li:last-child {border-left: 1px solid rgba(255, 255, 255, 0.22)!important;}
.exclusive-benefit-wrap::after {
  height: 84%;
  top: 25px;
  left: -27px;
  transform: unset;
}
.exclusive-benefit-boxl .point-box,.exclusive-benefit-boxr .point-box {
  right: unset;
  top: 8px;
  transform: unset;
  left: -34px;
  z-index: 9;
}
.exclusive-benefit-boxl .point-box::before,.exclusive-benefit-boxr .point-box::before {
  width: 12px;
  left: 100%;
    right: unset;
}
.exclusive-benefit-boxr {
  padding-left: 0;
}
.exclusive-benefit-boxl {
  padding-right: 0;
}
.exclusive-benefit-wrap .col-lg-6.pt-5 {
  padding-top: 0 !important;
}
.exclusive-benefit-wrap .col-lg-6.mt-5 {
  margin-top: 0 !important;
}
.exclusive-benefit-wrap .col-lg-6 {padding-bottom: 25px}
.dis-contact-bg .col-xl-5 {width: 100%}
.howto-wrap {padding: 35px 0}
.our-brand-list a:hover svg .b {
  stroke: rgba(168,168,168,0.82) !important;
}
#main-menulist ul ul {
  position: relative;
  background: unset;
  opacity: 1;
  visibility: visible;
  top: unset;
  left: unset;
  transform: unset;
  margin-top: 15px;
  padding: 0;
  width: 100%;
}
#main-menulist ul li li {
  text-align: center;}
#main-menulist ul li li a {
  font-size: 18px !important;
  line-height: 25px;
}
.system-mobile .btn-defualt-skew-red.w-100 {width: auto!important;}
.box-why-circle-list-dl {
  width: 100%;
}
.submenu-button-mb {display: none!important;}
.sec-contact-inner {
    margin-top: 426px !important;
  }
.contact-bg .sec-home-wheel-object {display: none!important;}
.inner-wrapper-box.head-black .change-cl a {border: 1px solid #fff!important;color: #fff !important;}
.news-list-wrap-inner .news-list-wrap:after {
    left: 7.5%;
}
.alert-cookie p, .cookie-btn {
    font-size: 20px !important;
}
.career-list-wrap-inner .col-lg-7 {
    width: 100%;
  }
.news-list-wrap-inner .news-list-row,.news-list-wrap-inner .news-list-row a {min-height: 106px}
.brand-circle-circle-sec {min-height: 576px}
.dis-logo-list-mb.system-mobile {position: relative;z-index: 99999}
.dis-logo-list-mb.system-mobile .dropd img {max-height: 62px}
.dis-logo-list-mb.system-mobile .wrapper-dropdown .dropd li {
    padding: 0;
}

}

@media only screen and (max-width: 820px) {
.main-section-home {
  background-position: bottom center;
}
.product-detail-wrap {
  padding: 25px 0 0 0;
}
.new-product-detail-gallery {
  width: 80%;
  margin: 0 auto;
}
.inner-wrapper-box .new-product-detail-gallery {
  width: 100%;
}
#navbreadcrumbs * {
  font-size: 13px !important;
}
#navbreadcrumbs {
  padding: 0 0 25px 0;
}
.section-wrap {
    padding: 70px 0 50px 0;
  }
.icn-guid-touch {
   margin: 30px auto 0 auto;
}
.product-inner-list.pt-3, .gallery-list-wrap {
    padding-top: 20px !important;
  }
.box-pd-filter .mb-3 {
    margin-bottom: 10px !important;
  }
.box-pd-option-detail {
  padding-right: 35px;
}
.box-pd-option-detail:last-child {
  padding-right: 0!important;
}
.section-blog {
  margin-top: 25px !important;
}
.section-blog iframe {
  max-width: 100%;
  height: 450px;
}
.bg_form form, .bg_form .box-map {
    padding: 25px;
    margin-bottom: 15px;
  }
.map-address-wrap {
    padding: 0;
  }
.bg_form input[type="submit"], .btn-submit,.btn-defualt-back a {
  padding: 5px 25px 7px 25px;
}
.gallery-list-wrap .col-4,.gallery-list-wrap .col-4:nth-child(1), .gallery-list-wrap .col-4:nth-child(2), .gallery-list-wrap .col-4:nth-child(6), .gallery-list-wrap .col-4:nth-child(7) {width: 50%!important}
.main-dsb .col-lg-4,.main-dsb .col-lg-8 {
  width: 100% !important;padding: 10px 40px;
}
.search-list-detail {
  padding: 0;
  margin-top: 50px;
}
.search-modal-wrap {
    transform: unset;
    top: unset;
    left: unset;
    width: 100%;
    position: relative;padding: 25px 25px 50px 25px;
  }
.dtb-detail-wrap i {
  width: 35px;
}
.dis-name {
  width: 95%;
}
.main-title, .main-title-normal {
    font-size: 35px;line-height: 1.2em;
  }
.menu-footer-policy {
    flex-wrap: wrap;
  }
.menu-footer-policy li {
    margin: 15px 15px 0 0;padding-left: 0;
  }
.title-doubleshardow {
  font-size: 26px;
  line-height: 40px;
}
.num-home-sec {
    font-size: 50px;
  }
.num-home-sec span {
    font-size: 35px;
  }
.section-wrap {
    padding: 70px 0;
  }
.togglesearch input[type="text"], .searchbar-btn {
    font-size: 21px;
  }
.sec-contact-inner .wrap-blog-home {
    padding-top: 525px;
  }
.search-modal-wrap {
    padding: 40px 25px 20px 25px;
  }
.bg-s-object {
  right: 0;
  bottom: -102px;
  top: unset;
}
.nopaddbottom-bg-s-wrap {
  bottom: -5px;
}
.bg-home-vmbfixed-tb {display: block!important;position: fixed;z-index: -1;bottom: 0;left: 0;width: 100%;}
.wrap-menumain-row {
  padding-top: 15px;
}
.about-circle-wrap {
  width: 100%;
}
.wrap-menumain-other {
  width: 50%;
}
.wrap-menumain {
  width: 50%;
}
.wrap-menumain {
  width: 0;
}
header {
    padding: 0;border-bottom: unset;
  }
.switch-lang {
    padding-top: 0;
  }
 #mainmenu-button-mb .wrap-menu-btn {
    width: 100%;
  }
.switch-lang {
    width: auto;
  }
#mainmenu-button-mb {width: 50px;}
#mainmenu-button-mb .wrap-menu-btn {
    margin-top: 0;
  }
#mainmenu-button-mb {
    margin-left: 5px;
  }
.banner-head-txt {
  width: 80%;
}
.navinbanner {
  display: none;
}
.banner-head-main {
  height: 600px;
}
.news-list-num {
  display: none;
}
.news-list-detail {
  width: 90%;
}
.news-list-wrap::after,.news-list-detail-txt p {
  display: none;
}
.page-list a {
  width: 34px;
  height: 34px;
}
.inner-wrapper-box.head-black #navline-1, .inner-wrapper-box.head-black #navline-2, .inner-wrapper-box.head-black #navline-3 {
    background: #000;
  }
.switch-lang div {
    margin: 0 0 0 10px;
  }
.inner-wrapper-box.head-black header .menu-list-item * {
  color: #fff !important;
}
.sus-sec2-bg {background: url(../../assets/images/sustainability/sustrain-bg-2-mb.webp) no-repeat top center #24401B; background-size: 100%;
  padding: 600px 0 50px 0;}
.sus-sec3-bg {background: url(../../assets/images/sustainability/sustrain-bg-3-mb.webp) no-repeat top center #EEEEEE; background-size: 100%;padding: 600px 0 50px 0;}
.sus-sec4-bg {background: url(../../assets/images/sustainability/sustrain-bg-4-mb.webp) no-repeat top center #2D241B; background-size: 100%;padding: 600px 0 50px 0;}
.sus-txt-detail {
  padding-top: 0;
  border-left: unset;
  padding-left: 0;
  margin-bottom: 0;
}
.sus-txt-detail-down {
  padding-bottom: 0;
  border-left: unset;
  padding-left: 0;
  margin-top: 0;
}
.sus-txt-detail-down .linefont-box {
  margin-left: 0;
  padding-left: 25px;
  margin-bottom: 25px;
}
.btn-defualt-skew a {
  border-radius: 45px;
}
.sus-row .col-lg-3 {
  width: 30%;
}
.sus-row .col-lg-9 {
  width: 70%;
}
.dis-sec1-bg {
  background: #EAEAF2;
}
.map-section-oversea .main-dsb .col-lg-8 {
    padding: 0;
  }
.map-order-1 {order: 1}
.map-order-2 {order: 2}
.map-flex {display: flex;flex-wrap: wrap;padding: 0 15px;}
.our-brand-list a {
  height: 570px;
}
.our-brand-list-cover .product-cover-img img {
  width: 195%;
  max-width: unset;
}
.our-brand-list-detail {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.box-why-circle-list svg {
  transform: rotate(80deg)!important;
}
.box-why-circle-list svg .b {
  stroke: #ED1C24!important;
}
.brand-circle-circle-list {
  width: 50%;
  padding-top: 35px;
}
.howto-wrap {
  text-align: center;
}
.section-wrap-dealer .col-xl-6:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);border-left: unset;
}
.sus-txt-detail {
  margin-left: 0;
}
.sus-txt-detail-down-left {
  padding-bottom: 0;
  border-left: unset;
  margin-top: 55px;
}
.sus-txt-detail-down-left .linefont-box::before,.sus-txt-detail-down .linefont-box::before {
  top: 50%;
}
.menu-footer-policy li:last-child {
  padding-left: 15px;
}
.job-position-wrap, .job-dt-wrap {
    padding-left: 0;
  }
 .dis-benefit-bg {background: url(../../assets/images/distributor/dis-benefit-bg-mb.webp) no-repeat fixed top right #F5F5FB; background-size: cover;}
.box-why-circle-list span {
    text-align: center;
}
.banner-head-txt p {
  line-height: 28px;
}
.about-sec1-bg {background: url(../../assets/images/about/about-sec2-bg-mb.webp) no-repeat top left #EAEAF2; background-size: 100%;
    padding-top: 630px;}
.about-sec2-bg {background: url(../../assets/images/about/about-sec1-bg-mb.webp) no-repeat top left #1C2A35; background-size: 100%;
    padding-top: 630px;}
 .about-vision-bg {
  padding: 295px 5% 50px 5%;
}
.about-mission-bg {
  padding: 70px 5% 50px 5%;
}
.brand-circle-wrap {
  margin-top: -155px;
}
.career-ct-wrapper .tel-ft p {
  margin: 0;
}
.career-ct-wrapper .tel-ft p a {
    padding: 15px 0 0 0;
  }
.news-list-wrap {
    padding-left: 0;
  }
 .sus-txt-detail-down-left .linefont-box {
  padding-left: 25px;
}
.box-relative .search-modal-wrap {
  position: relative;
  top: unset;
  right: unset;
}
.our-brand-list-detail.txt-30 {
    font-size: 20px !important;
    line-height: 27px !important;
  }
.txt-30, .about-sec1-bg .txt-40 {
    font-size: 22px !important;
    line-height: 27px !important;
  }
}


@media only screen and (max-width: 576px) {
.switch-lang {
  margin-left: 10px!important;
}
#mainmenu-button-mb {
    margin-left: 10px;
  }
.content-wrap {
  width: 90%;
}
.main-title {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.wrap-blog-home {
    width: 75%;
  }

.container-banner {
    width: 85%;
  }
.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 20px;
}
.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-index-list li a, .tag-list a, .tag-article-wrap *, .social-list-share *, .page-list a, .box-pd-option-detail span, .form_col select, .form_col .inputsearch, .map-point-icon, .bg_form input[type="submit"], .btn-submit {
    font-size: 20px !important;
    line-height: 24px;
}
.box-pd-option-result {
    padding-top: 1rem;
    margin-top: 1rem;
  }
.map-point-icon {
  margin: 10px auto;
}
.tel-ft p {
  padding-right: 0;
  display: inline-block;width: 100%;
}
.homewrap,.inner-wrapper-box {background-size: 1920px;
}
.search-map-mobile .btn-defualt-skew {
    min-width: 270px;
  }
.search-map-mobile {
    bottom: 40px; center;
  }
.page-list.page-prev {
  padding-right: 5px;
}
.page-list {margin: 0 5px;}

.copyright-wrap * {
  text-align: left;
}
.page-list a {
  padding: 3px 5px;
}
.pd-icon-list li {
    width: 20%;
  }
.blog-s {bottom: unset;position: relative;
    margin-bottom: -108px;}
  .wrt-txt {font-size: 25px!important;
  line-height: 30px!important;}
.about-circle-wrap {
  position: relative;
  bottom: unset;
  left: unset;
  transform: unset;
}
.box-why-circle-list {
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}
.about-vision-bg,.about-mission-bg {
  padding: 90px 25px;
}
.news-list-wrap-inner .news-list-detail-txt {
  width: 60%;
  padding-left: 15px;
}
.news-list-wrap-inner .news-list-detail-img {
  width: 40%;
}
.news-list-wrap-inner .news-list-arrow {
  width: 17%;
}
.news-list-wrap-inner .news-list-detail {
    width: 83%;
  }
.news-list-detail-txt h2, .news-list-detail-txt h3 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sus-sec2-bg,.sus-sec3-bg,.sus-sec4-bg {padding: 350px 0 50px 0;}
.box-why-circle-list-dl {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.btn-request-map-more,.store_oversea .btn-request-map-more {
  width: 25%;
}
.store-list-map-name {
  width: 75%;
}
.store_oversea .store-list-map-name {
  width: 50%;
}
.btn-request-map-more a {
  min-width: 100%;
}
 .main-dsb .col-lg-4, .main-dsb .col-lg-8 {
    padding: 10px 25px;
  }
.store_oversea .store-list-map-country {
  width: 25%; padding-left: 10px;
}
.dtb-detail-wrap span {
  width: 89%;
}
.map-section-oversea .main-dsb .col-lg-4,.map-section-oversea  .main-dsb .col-lg-8 {
    padding: 0;
  }
.our-brand-list a {
  height: 720px;
}
.our-brand-list a {
  padding: 35px 50px;
}
.brand-circle-circle-list-dl {
  width: 170px;
    height: 170px;
}
.brand-circle-circle-list-dl .box-why-circle-list-dl-txt {
  width: 140px;
  height: 140px;}
.box-brand-dt-spinner {
  width: 170px;
  height: 170px;}
.brand-circle-circle-list-dl .box-why-circle-list-dl-txt p {
  font-size: 16px!important;
}
.num-home-sec {
    font-size: 40px;
  }
.brand-circle-circle-list-dl .box-why-circle-list-dl-txt p.mt-3 {margin-top: 0!important;}
.brand-circle-circle-list {
    padding-top: 20px;
  }
.brand-circle-wrap {
  margin-top: -90px;
}
.dealer-in-out-img {
  height: 420px;
}
.dealer-in-out-txt-dt {
  display: none;
}
.dealer-in-out-txt {
  padding-top: 0;
}
.news-list-arrow,.news-list-wrap-inner .news-list-arrow {
  width: 14%;
}
.news-list-arrow svg {
  max-width: 80%;
}
.news-list-detail,.news-list-wrap-inner .news-list-detail {
    width: 86%;
  }
.news-list-detail-txt {
  padding: 0 15px;
}
#main-menulist ul li a, .menu-list-item li a {
    font-size: 20px !important;
    line-height: 30px;
  }
.banner-head-txt {
    width: 90%;
  }
.about-sec3-bg {
  background: url(../../assets/images/about/about-sec3-bg-mb.webp) no-repeat top left;
  background-size: cover;
}
.about-vision-bg-wrap {
  background: rgba(217, 217, 227, 0.3);
}
.about-mission-bg-wrap {
  background: rgba(234, 234, 242, 0.3);
}
#banner-slide-our-brad .item {
  border-right: unset;
}
.system-mobile .btn-defualt-skew-red.w-100 {width: 100%!important;}
.about-sec1-bg {padding-top: 350px;}
.about-sec2-bg {padding-top: 350px;}
.btn-defualt-skew a i {
    padding: 7px 0;
}
.news-list-detail-txt h2, .news-list-detail-txt h3 {
    margin-bottom: 0;
}
#main-menulist ul li li a {
    font-size: 20px !important;
    line-height: 25px;
  }
  .banner-head-title {
  font-size: 45px;line-height: 1.2em;
}
.about-circle-wrap {
        bottom: 0 !important;
    }
 .main-title, .main-title-normal {
    font-size: 33px;
  }
  .banner-head-main {
    min-height: 730px;
    overflow: visible;
    height: auto;
  }
}

@media only screen and (max-width: 480px) {
.iframe-map {
  height: 1000px;
}
.iframe-map iframe {
  height: 100%;
}
.map-address-wrap .col-12 {
  flex-wrap: wrap;
}
.store-list-map-name img {width: 35px;}
.store-list-map-name p,.store-list-map-country {
  padding-left: 5px;font-size: 16px!important;
}
.form_col .inputsearch {
  font-size: 15px;
  color: #fff;
  padding: 7px 40px 10px 20px;
}
.map-point-icon,.bg_form input[type="submit"], .btn-submit {font-size: 13px;}
.menu-footer li {
  width: 50%;
}

.logo-main {
    width: 40%;
  }
.switch-lang a {
  width: 34px;
  height: 34px;
  margin-left: 0;
}
header {
    padding: 15px 0 0 0;
  }
.box-pd-filter .col-3 {
  width: 50%;
}
.box-pd-filter .col-3 .dropdown-menu-selectsubcate-wrap {
  width: 100%;
}
.box-pd-option-detail {margin-bottom: 15px}
.gallery-list-wrap {--bs-gutter-x: 1rem;}
.gallery-list-wrap .col-4 {width: 50%!important;--bs-gutter-x: 1rem;margin-bottom: 1rem!important}
.gallery-list-wrap .col-4:nth-child(3),.gallery-list-wrap .col-4:nth-child(6) {width: 100%!important}
.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;
  }
.section-blog iframe {
  height: 350px;
}
.togglesearch input[type="text"],.searchbar-btn {
  font-size: 15px;
}
.bg-sec-1 {
  top: 10%;
  width: 128%;
}
.bg-sec-3,.bg-sec-5 {display: none!important;}
 .bg-sec-5-mb {
  display: block!important;
    width: 100%;
    position: relative;
  }
.bg-home-vmbfixed-tb {display: none!important;}
.bg-home-vmbfixed {display: block!important;position: fixed;z-index: -1;top: 0;left: 0;width: 135%;}
.bg-home-vmbfixed-inner {display: block!important;position: fixed;z-index: -1;top: 0;left: 0;width: 135%;}
.gallery-list-wrap .col-4,.gallery-list-wrap .col-4:nth-child(1), .gallery-list-wrap .col-4:nth-child(2), .gallery-list-wrap .col-4:nth-child(6), .gallery-list-wrap .col-4:nth-child(7) {width: 100%!important}
.pd-icon-list li span {
  font-size: 14px;line-height: 20px;
}
.pd-icon-list li {
  padding: 0 5px;
}

.col-tb-4 {min-width: 130px;}
.col-tb-3 {min-width: 130px;}
.col-tb-2 {min-width: 130px;}
.video-cover a::after {
  background-size: 65px;
}
.pd-detail-logo img {max-width: 158px;}
.tag-list li {margin-bottom: 10px}
.share-lable {
  width: 20%; font-size: 18px !important;
}
.share-article-wrap {
  justify-content: flex-start;
}
.tag-article-wrap {
    justify-content: flex-start;
    margin: 10px 0;
    align-items: flex-start;
  }
.bg-s-contact {
    margin-top: -100px;
  }
.sec-contact-inner .wrap-blog-home {
    padding-top: 215px;
  }

.dtb-detail-wrap i {
    width: auto;
  }
 .sec-contact-inner {
    margin-top: 58% !important;
  }
#navbreadcrumbs {
    display: none;
  }
.sus-sec1-bg {
  background: url(../../assets/images/sustainability/sustrain-bg-mb.webp) no-repeat top left;
  background-size: cover;
}
.our-brand-list a svg {
  transform: rotate(280deg) !important;
}
.our-brand-list a svg .b {
  stroke: #ed1c24 !important;
}
.page-list {
    margin: 0 2px;
  }
.brand-circle-circle-list-dl .box-why-circle-list-dl-txt .num-home-sec {
  padding: 0;
}
.brand-circle-circle-list-dl .num-home-sec {
    font-size: 35px;
    line-height: 40px;
  }
 .brand-circle-circle-list-dl .box-why-circle-list-dl-txt p {
    font-size: 15px !important;
    line-height: 20px;
  }
 .dealer-in-out-img {
    height: 510px;
  }
.dis-arrow {
  bottom: 0;
}
.dealer-in-out-txt .title-sus span {
    font-size: 30px;
  }

.exclusive-benefit-wrap::after {
    left: 13px;
  }
 .exclusive-benefit-wrap {
  padding-left: 40px;
}
.news-list-wrap-inner .news-list-row,.news-list-wrap-inner .news-list-row a {min-height: 105px}
.banner-head-main-brand {min-height: 647px;}
.brand-circle-circle-sec {min-height: 360px}
#main-menulist ul li {
    padding: 12px 0;
  }
#main-menulist ul ul {
    margin-top: 10px;
  }
 .our-brand-list-cover .product-cover-img img {
    width: 100%;
    max-width: 100%;
  }
.doc-download-list i {width: 11%;}
.doc-download-list span {width: 88%;}
}

@media only screen and (max-width: 440px) {
 .wrap-blog-home {
    width: 100%;
  }
.home-wheel-cover img {
    max-width: 245px;
  }
.home-wheel-cover {margin-bottom: 7px!important}
header {padding: 0;}
.box-why-circle-list span {
  text-align: center;
}
.main-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }

.btn-defualt-skew {
  min-width: 210px;
}
.btn-defualt-skew a span, .btn-defualt-skew-inbox span {
    font-size: 20px;
  }
.title-with-btn .col-6 .btn-defualt-skew a span {
  width: 75%;
  padding: 7px 0;
}
.ft-address p br {display: none;}
.ft-address .row .col-auto {
    text-align: center;
  }
.title-with-btn .col-6 .btn-defualt-skew {
    min-width: 185px;padding-right: 15px;
  }
.title-with-btn .col-6 .btn-defualt-skew a i {
  padding: 7px 0;}

.container-banner {
    width: 90%;
  }
 .togglesearch input[type="text"], .searchbar-btn {
    font-size: 21px;
  }
.box-pd-table {
    padding: 30px 20px;
}
.btn-defualt-skew a {
  padding: 0 10px 0px 20px;
}
.sec-home-wheel-object {
  display: none;
}
.our-brand-list a {
    height: 666px;
  }
  .about-sec2-bg {
    padding-top: 455px;
  }
 #banner-slide-our-brad img {
      aspect-ratio: unset !important;
    }
.banner-head-main-brand {
    min-height: 535px;
  }
.box-brand-dt-spinner {
    width: 150px;
    height: 150px;
  }
 .brand-circle-circle-list-dl {
    width: 150px;
    height: 150px;
  }
.brand-circle-circle-list-dl .box-why-circle-list-dl-txt {
    width: 120px;
    height: 130px;
  }
}