@charset "utf-8";
body,html {
    overflow-x:hidden;
    max-width:1920px;
    margin:0 auto
}
body,p {
    font-size:18px;
    font-family:Oxanium-Medium,athitisemibold;
    color:#393536
}
body,div,ol,p,ul {
    font-family:Oxanium-Medium,athitisemibold
}
a,a *,a svg *,div a,p a {
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out
}
a,body,div a,p,p a {
    color:#393536
}
body,header,html {
    max-width:1920px
}
.content-wrap,body,html {
    margin:0 auto
}
#main-menulist ul li a,.menu-footer li a,.menu-list-item li a {
    padding:7px 10px 4px;
    text-transform:uppercase;
}
.ft-address *,.menu-footer li a,.mn-border,.switch-lang a,.txt-center {
    text-align:center
}
#main-menulist ul li a,#show-cate-name,.address-ft p,.main-title,.menu-footer li a,.menu-list-item li a {
    text-transform:uppercase
}
.blurimage,.blurimage-short {
    transition-property:filter,opacity,transform
}
#main-menulist ul,.blog-index-list,.ct-social .menu-footer-social,.ctu-social,.filter-color-wrap,.menu-footer,.menu-footer-policy,.menu-list-item,.tag-list,ul.list-circle {
    list-style:none
}
.home-wheel-video a>img,html {
    width:100%!important
}
body {
    position:relative
}
h1,h2 {
    font-size:30px;
    line-height:1.2
}
.main-title,h1,h2 {
    font-family:Oxanium-ExtraBold
}
img {
    max-width:100%;
    height:auto;
    width:auto
}
a *,a svg * {
    transition:.3s ease-in-out
}
a,div a,p a {
    text-decoration:none!important;
    outline:0;
    transition:.3s ease-in-out
}
a:hover,div a:hover,p a:hover {
    color:#fff;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
header {
    position:absolute;
    z-index:999;
    width:100%;
    padding:20px 0 0
}
#main-menulist ul li,#main-menulist ul li a,.blog-list-wrap,.content-map,.content-wrap,.content-wrap-header,.main-section-home,.menu-footer li a,.menu-list-item li,.menu-list-item li a,.searchbar,.sec-map-wrap,.section-banner,.section-wrap,.section-wrap-inner,.tel-ft p a,.wrap-content-menu,footer {
    position:relative
}
h1 {
    margin-bottom:0
}
#mainmenu-button-mb,.section-box-inner h1 {
    display:none
}
h3,h4 {
    font-size:25px;
    font-family:Oxanium-Medium;
    line-height:1.2
}
.clear {
    clear:both
}
.content-wrap {
    width:90%;
    max-width:1600px;
    overflow:hidden;
    z-index:9
}
.wrap-menumain,.wrap-menumain-other {
    align-items:center;
    width:41.66666667%;
    display:flex
}
.wrap-menumain-other {
    justify-content:end
}
.content-wrap-header {
    width:90%;
    max-width:1600px;
    margin:0 auto;
    overflow:visible
}
.logo-main {
    width:16.66666667%;
    display:flex;
    align-items:center;
    justify-content:center
}
.logo-main span {
    padding:0 15px
}
#main-menulist {
    padding:0;
    display:inline-block;
    width:auto
}
.menu-wrapmain {
    padding:0
}
#main-menulist ul {
    display:flex;
    flex-wrap:wrap;
    padding:0;
    margin:0
}
#main-menulist ul li {
    font-family:Oxanium-Bold,sans-serif;
    color:#030303;
    display:inline-block;
    margin:0 40px 0 0
}
#main-menulist ul li a {
    color:#030303;
    font-size:17px;
    display:block
}
.wrap-content-menu {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    vertical-align:top;
    justify-content:end
}
.switch-lang {
    margin-left:35px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    border-left:1px solid rgba(255,255,255,.27);
    padding-left:20px
}
.switch-lang a {
    font-size:18px;
    background:rgba(255,255,255,0);
    color:#979797;
    padding:10px 10px 3px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:Oxanium-SemiBold;
    margin-left:3px
}
#preloadMap h3,.form_col .inputsearch,.form_col select {
    font-family:Oxanium-Medium,sans-serif
}
.menu-list-item li {font-family: Oxanium-Bold, sans-serif;}
.homewrap .switch-lang a {
    color:rgba(255,255,255,.51)
}
.btn-submit-change:hover,.btn-submit:hover,.lang-active,.menu-list-item li a:hover,.menumain-active a,.switch-lang a:hover {
    background:#e6812f!important;
    color:#fff!important
}
.switch-lang span {
    margin-top:-4px
}
.menu-list-item {
    display:flex;
    flex-wrap:wrap;
    padding:0;
    margin:0;
    justify-content:flex-end
}
.menu-list-item li {
    color:#030303;
    display:inline-block;
    margin:0 0 0 40px
}
.menu-list-item li a {
    color:#030303;
    font-size:18px;
    display:block;
    background:rgba(255,255,255,0)
}
.wrap-menumain-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between
}
.mn-border {
    border-radius:21px;
    border:1px solid #e6812f;
    min-width:140px
}
.menu-list-item li a.mn-border:after {
    width:0!important
}
#banner-gallery-home .owl-next:hover,#banner-gallery-home .owl-prev:hover,#banner-main .owl-dot.active span,#banner-main .owl-dot:hover span,#banner-main-gallery .owl-next:hover,#banner-main-gallery .owl-prev:hover,#blog-slide-list .owl-next:hover,#blog-slide-list .owl-prev:hover,#product-slide-gallery .owl-next:hover,#product-slide-gallery .owl-prev:hover,.blog-list-wrap a:hover .blog-list-dt,.cookie-btn:hover,.hicn-search:hover,.mn-border:hover,.new-product-list a:hover .list-more,.switch-lang a:hover {
    background:#e6812f
}
.head-order-1,.order-sec-1 {
    order:1
}
.head-order-2,.order-sec-2 {
    order:2
}
.head-order-3 {
    order:3
}
.banner-mb,.icn-guid-touch,.menu-footer li ol li a:after,.mn-show-mb,.search-map-mobile,.sec-home-newrelease .main-title br,.system-mobile {
    display:none!important
}
footer {
    padding:60px 0 30px;
    background:#333;
    z-index:3
}
footer *,footer a {
    color:#fff;
    font-size:18px
}
.menu-footer-policy a:hover,footer a:hover {
    color:#fff
}
.copyright-wrap {
    padding-top:30px;
    margin-top:20px;
    border-top:1px solid #707070
}
.copyright-wrap * {
    color:#b4b4b4
}
.copyright-wrap a:hover,.tel-ft p a:hover span {
    color:#e6812f!important
}
.menu-footer-social {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0
}
.menu-footer-social a,.social-list-share {
    margin:0 12px
}
.btn-defualt-icon a:hover svg .b,.btn-request-map-more a:hover svg .b,.ctu-social a svg .a,.dtb-detail-social a svg .a,.list-more svg .b,.list-more-blog svg .b,.menu-footer-social a svg .a,.page-list svg .b,.tel-ft svg .a,.tel-ft-ct svg .a {
    fill:#fff
}
.ctu-social a:hover svg .a,.dtb-detail-social a:hover svg .a,.menu-footer-social a:hover svg .a,.social-list-share a:hover svg .a {
    fill:#E6812F
}
.menu-footer-policy {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0;
    margin:0
}
.menu-footer-policy li {
    margin-left:25px
}
.footer-menuwrap {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content:flex-end
}
.footer-menuwrap-culumn {
    margin:0 auto;
    width:100%
}
.menu-footer {
    width:100%;
    padding:0;
    margin:25px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.menu-footer li {
    display:block;
    padding-left:35px
}
.menu-footer li a {
    color:#fff;
    display:inline-block;
    background:#343434
}
.menu-footer li a:hover {
    background:#e6812f;
    color:#fff
}
.dtb-detail-social a,.map-address-wrap .col-12,.menu-footer li:last-child,.share-article-wrap,.tel-ft i,.togglesearch form {
    display:flex;
    align-items:center
}
.btn-defualt a,.btn-defualt-icon,.main-title {
    display:inline-block
}
.menu-footer li ol,.policy-social ol {
    list-style:none;
    padding:0;
    margin:0
}
.menu-footer li ol li {
    padding-left:0
}
.menu-footer li ol li a {
    margin-bottom:5px;
    display:inline-block;
    position:relative;
    padding:0;
    background:unset!important
}
.ft-address {
    margin-top:15px
}
.address-ft .tel-ft p {
    display:flex;
    align-items:baseline;
    text-transform:unset
}
.tel-ft p {
    padding:0 12px
}
.tel-ft p a {
    display:flex;
    align-items:center;
    padding-bottom:10px
}
.tel-ft span {
    width:90%;
    padding-left:10px
}
.btn-defualt a,.btn-defualt-icon a {
    text-align:center;
    border:1px solid #e6812f;
    padding:13px 25px 10px
}
.section-wrap {
    padding:60px 0
}
.main-section-inner {
    background:url(../../assets/images/common/bg-wheel.webp) bottom right/cover no-repeat
}
.bg-short-inner {
    background:url(../../assets/images/common/bg-short-inner.webp) bottom right/cover no-repeat
}
.bg-gall-inner {
    background:url(../../assets/images/common/bg-gall-inner.webp) bottom right/cover no-repeat
}
.bg-article-inner {
    background:url(../../assets/images/common/bg-article-inner.webp) bottom right/cover no-repeat
}
.bg-article-dt-inner {
    background:url(../../assets/images/common/bg-article-dt-inner.webp) bottom right/cover no-repeat fixed
}
.bg-dtb-inner {
    background:url(../../assets/images/common/bg-dtb-inner.webp) bottom right/cover no-repeat
}
.contact-bg {
    background:url(../../assets/images/common/contact-bg.webp) top right/100% no-repeat!important
}
.main-section-home:after {
    width:95%;
    height:100%;
    content:'';
    position:absolute;
    z-index:2;
    background:url(../../assets/images/common/home-line-bg-new-2.webp) top left 4px/100% no-repeat;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    max-width:1780px;
    padding-top:110px;
    margin-top:-173px
}
.sec-home-wheel {
    padding:160px 0 380px;
    background:url(../../assets/images/home/bg-wheel-home.webp) top 100px right/101% no-repeat #fff
}
.sec-home-blog {
    padding:350px 0;
    background:url(../../assets/images/home/bg-articles-home.webp) top right/100% no-repeat #fff;
    margin-top:-150px
}
.sec-distributor-home {
    padding:110px 0 550px;
    background:url(../../assets/images/home/bg-distributor-home.webp) bottom center no-repeat #fff!important
}
.btn-defualt a {
    color:#393536!important;
    min-width:160px;
    position:relative
}
.btn-defualt-icon a,.main-title {
    position:relative;
    color:#393536
}
.btn-defualt a:hover,.btn-defualt-back a:hover,.btn-defualt-icon a:hover {
    background:#e6812f;
    color:#fff!important
}
.btn-defualt-icon a {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    min-width:172px
}
.btn-defualt-icon a span {
    padding-right:10px
}
.btn-defualt-icon a svg .a {
    fill:none;
    stroke:#e6812f
}
.btn-defualt-icon a svg .b {
    fill:#e6812f
}
.btn-defualt-icon a:hover svg .a {
    stroke:#fff
}
.btn-defualt a span,.btn-defualt-icon a span,.switch-lang span {
    -webkit-transition:unset!important;
    -moz-transition:unset!important;
    -o-transition:unset!important;
    -ms-transition:unset!important;
    transition:unset!important
}
.main-title {
    padding-bottom:20px;
    font-size:120px;
    line-height:105px
}
.gallery-list a,.home-wheel-video a,.main-title-normal {
    display:block;
    position:relative
}
.alert-cookie p a:hover,.main-title span,.wrapper-dropdown .dropd li:hover a {
    color:#e6812f
}
.main-title-normal {
    font-family:fc_quantummedium;
    font-size:35px
}
.txt-red {
    color:#d8001a!important
}
.subsub-title {
    font-size:22px!important
}
.txt-verybold {
    font-family:Oxanium-ExtraBold!important
}
.txt-bold {
    font-family:Oxanium-Bold!important
}
.txt-md {
    font-family:Oxanium-Medium!important
}
.txt-rg {
    font-family:Oxanium-Regular!important
}
.txt-upper {
    text-transform:uppercase!important
}
.blog-list-date {
    text-transform:uppercase
}
.blog-list-dt *,.cookie-btn,.cookie-btn:hover,.new-product-list-dt *,.txt-white {
    color:#fff!important
}
.txt-black {
    color:#030303!important
}
.txt-right {
    text-align:right!important
}
.txt-left {
    text-align:left!important
}
.img-cover {
    position:relative;
    overflow:hidden;
    border-radius:10px
}
.overflowcontent,.overflowvisible {
    overflow:visible!important
}
ul.list-circle {
    padding-left:15px
}
.sec-content ul li,.section-blog figure,ul.list-circle li {
    margin-bottom:15px
}
ul.list-circle li:before {
    content:"\2022";
    color:#88daff;
    display:inline-block;
    width:15px;
    margin-left:-15px;
    font-size:40px;
    line-height:25px;
    vertical-align:top
}
.alert-cookie p,.btn-cookies a,.btn-cookies a.accept,.cookiehead {
    vertical-align:middle
}
.img-border {
    border-radius:5px;
    overflow:hidden
}
#banner-main .owl-nav.disabled+.owl-dots {
    z-index:99;
    position:absolute;
    bottom:35px;
    left:5%
}
#banner-main .owl-dots .owl-dot {
    zoom:unset;
    text-align:left;
    margin-right:10px
}
#banner-main .owl-dot span {
    background:rgba(255,255,255,.41);
    width:54px;
    height:6px;
    margin:0 auto;
    border-radius:unset
}
#banner-main.item {
    height:100vh;
    position:relative
}
#banner-main .item .cover {
    padding:75px 0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.4);
    display:flex;
    align-items:center
}
#banner-main .item .cover .cover-container {
    position:absolute;
    top:40%;
    left:50%;
    width:50%;
    padding:0;
    z-index:99
}
#banner-main .item .cover .header-content {
    position:relative;
    overflow:hidden
}
#banner-main .owl-item.active .move-trans-1,#banner-main .owl-item.active .move-trans-2 {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-name:fadeInDown;
    animation-delay:.5s
}
#banner-main .owl-item.active .blurimagebanner {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    animation-name:fadeIn
}
.icn-scroll-page {
    position:absolute;
    right:53px;
    bottom:0;
    z-index:99
}
.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,.25) 0 6px 12px -2px,rgba(0,0,0,.3) 0 3px 7px -3px
}
.blog-list-wrap a,.search-modal-wrap {
    box-shadow:rgba(0,0,0,.24) 0 3px 8px
}
.btn-submit-back:hover {
    background:#e9152f!important
}
.list-more,.list-more-blog {
    display:inline-flex;
    width:100%
}
.home-wheel-cover img {
    margin-left:-25px
}
.new-product-list {
    position:relative;
    box-shadow:rgba(14,30,37,.12) 0 2px 4px 0,rgba(14,30,37,.32) 0 2px 16px 0
}
.new-product-list a {
    position:relative;
    display:block;
    overflow:hidden
}
.blog-list-cover img,.dtb-detail-wrap span,.new-product-list-cover img {
    width:100%
}
.new-product-list-dt {
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
.blog-list-name,.new-product-list-name {
    font-size:20px
}
.list-more {
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    padding:30px;
    background:#343434;
    color:#fff!important
}
.list-more span,.list-more-blog span {
    padding-right:10px;
    color:#fff!important
}
.list-more svg .a,.list-more-blog svg .a {
    fill:none;
    stroke:#fff;
    stroke-width:1.5px
}
.list-more-blog {
    flex-wrap:wrap;
    align-items:center;
    position:relative;
    padding:15px 0 0;
    color:#fff!important
}
.blog-list-wrap a:hover .blog-list-cover img,.new-product-list a:hover .new-product-list-cover img {
    transform:scale(1.05)
}
#product-slide-gallery .owl-nav,#product-slide-list .owl-nav {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:-1;
    width:100%
}
#product-slide-list .owl-nav .owl-prev {
    margin-left:-50px;
    float:left
}
#product-slide-list .owl-nav .owl-next {
    margin-right:-50px;
    float:right
}
#product-slide-list .owl-nav [class*=owl-]:hover {
    background:unset
}
#banner-gallery-home .owl-next,#banner-gallery-home .owl-prev,#banner-main-gallery .owl-next,#banner-main-gallery .owl-prev,#blog-slide-list .owl-next,#blog-slide-list .owl-prev,#product-slide-gallery .owl-next,#product-slide-gallery .owl-prev {
    background:#393536;
    opacity:1;
    padding:15px 10px!important;
    border-radius:unset;
    margin:0 5px
}
#product-slide-gallery .owl-nav .owl-prev {
    margin-left:-65px;
    float:left
}
#product-slide-gallery .owl-nav .owl-next {
    margin-right:-65px;
    float:right
}
#product-slide-gallery .item {
    verflow:hidden
}
#product-slide-gallery figure {
    font-family:Oxanium-Bold;
    text-align:center;
    padding-top:15px
}
#blog-slide-list .blog-list-wrap {
    padding:0 10px
}
.blog-list-wrap a {
    position:relative;
    display:block;
    background:#343434
}
.blog-list-cover {
    overflow:hidden
}
.blog-list-dt {
    position:relative;
    padding:15px 25px
}
.blog-list-date {
    font-size:13px;
    color:#fff!important;
    position:absolute;
    right:0;
    top:-25px;
    background:#e6812f;
    padding:3px 13px
}
.overlay-cover,.video-cover-overlay {
    top:0;
    left:0;
    width:100%;
    height:100%
}
.wrap-blog-home {
    padding-left:50px;
    padding-top:35px
}
.section-banner-gallery {
    position:relative;
    margin-top:-160px
}
#blog-slide-list .owl-nav {
    position:absolute;
    left:-100px;
    bottom:0
}
#banner-gallery-home .owl-nav {
    position:absolute;
    right:-125px;
    bottom:0
}
.b {
    stroke-linecap:square
}
.c {
    stroke:none
}
.product-detail-wrap {
    padding-left:65px
}
.blog-index-title,.box-pd-option-detail span,.sub-title,.tel-ft-ct span {
    font-family:Oxanium-Bold
}
.fancybox__content,.gallery-list {
    border-radius:10px;
    overflow:hidden
}
.overlay-cover {
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    background:url(../../assets/images/product/overlay-cover-zoom.webp) top center/102% no-repeat;
    opacity:0
}
.gallery-list a:hover .overlay-cover {
    opacity:1
}
.content-wrap-center {
    max-width:1366px;
    margin:0 auto
}
.blog-wrapper-dt figure {
    margin-top:10px;
    text-align:center;
    color:#393536
}
.blog-index-title {
    font-size:20px;
    color:#e6812f;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.blog-index-title img {
    display:inline-block!important;
    width:auto;
    margin:0!important
}
.blog-index-title span {
    padding-left:15px;
    color:#e78a3f
}
.blog-index-content {
    padding:15px 25px 20px;
    margin:25px 0;
    background:#fff;
    border:1px solid #e6812f;
    box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px
}
.section-blog ol,.section-blog p,.section-blog ul {
    font-size:18px
}
.blog-index-list {
    padding:5px 50px 0 40px;
    margin-bottom:0
}
.blog-index-list li {
    margin:10px 0
}
.blog-index-list li a {
    display:inline-block;
    vertical-align:top;
    color:#393536;
    font-size:17px!important;
    padding-left:15px;
    background:url(../../assets/images/icon/blog-index-list-marker.svg) top 8px left no-repeat
}
.blog-index-list li a:hover {
    color:#e78a3f!important
}
.section-blog {
    margin-top:0;
    margin-bottom:60px
}
.section-blog img {
    display:block;
    margin:15px auto
}
.section-blog iframe {
    display:block;
    margin:35px auto
}
.sub-title {
    font-size:25px
}
.section-blog .sub-title {
    padding-bottom:5px;
    padding-top:20px
}
.social-list-share-wrap {
    display:flex;
    align-items:center;
    padding-left:15px
}
.social-list-share a .social-icon-share-fb svg .a {
    fill:#0844AB
}
.social-list-share a .social-icon-share-mail svg .a {
    fill:#0CB500
}
.dtb-detail-wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
    margin-top:20px
}
.dtb-detail-wrap i {
    display:block;
    margin:0 auto 15px
}
.sec-contact-inner {
    padding:0 0 200px;
    position:relative;
    z-index:2
}
.tel-ft-ct p {
    padding:0;
    text-transform:unset;
    margin-bottom:10px
}
.tel-ft-ct p a {
    display:flex;
    align-items:center;
    padding-bottom:10px;
    position:relative;
    color:#fff;
    flex-wrap:wrap;
    justify-content:flex-start
}
.tel-ft-ct span {
    width:80%;
    padding-left:10px;
    text-align:left;
    text-transform:uppercase
}
.tel-ft-ct i {
    display:flex;
    align-items:center;
    width:40px
}
.tel-ft-ct i svg {
    max-width:unset
}
.ctu-social {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0
}
.ctu-social li {
    padding:0 20px 0 0
}
.btn-defualt-back {
    margin:10px auto
}
.btn-defualt-back a {
    display:inline-block;
    text-align:center;
    color:#fff!important;
    border:1px solid #e6812f;
    min-width:160px;
    padding:13px 25px 10px;
    position:relative
}
.home-wheel-video {
    position:relative;
    overflow:hidden;
    margin-left:-20%
}
.video-cover-overlay {
    position:absolute;
    z-index:10;
    display:flex;
    justify-content:center;
    align-items:center;
    content:'';
    background:rgba(0,0,0,.37)
}
.home-wheel-video a:hover .video-cover-overlay {
    background:rgba(0,0,0,.7)
}
.sec-home-wheel .col-lg-5 {
    width:43%!important
}
.sec-home-newrelease {
    padding:0;
    margin-top:-14.2%
}
.container-banner {
    position:relative;
    z-index:10;
    width:97%;
    margin:0 auto
}
.pt-wrap {
    padding-top:35px
}
.sec-home-blog .col-md-10,.sec-home-newrelease .col-md-10,.section-banner-gallery .col-md-10 {
    width:80%
}
.sec-home-blog .col-md-2,.sec-home-newrelease .col-md-2,.section-banner-gallery .col-md-2 {
    width:13%
}
.new-product-detail-gallery {
    max-width:100%;
    margin:35px auto
}
.main-title-atc {
    font-size:30px;
    font-family:Oxanium-ExtraBold;
    text-transform:uppercase
}
.main-title-dist {
    font-family:Oxanium-Bold;
    position:relative;
    padding-bottom:10px;
    text-transform:uppercase;
    display:inline-block;
    font-size:35px;
    line-height:57px;
    color:#fff
}
.ctu-social-title,.main-title-search {
    font-family:Oxanium-ExtraBold;
    text-transform:uppercase
}
.banner-text-alt,.hicn-search {
    display:flex;
    justify-content:center
}
.ctu-social-title {
    font-size:18px;
    color:#fff
}
.main-title-atc,.main-title.leftline,.main-title.rightline {
    position:relative;
    width:100%
}
.main-title.rightline:after {
    position:absolute;
    top:5px;
    right:-76px;
    content:'';
    width:4px;
    height:85px;
    background:#e6812f
}
.main-title.leftline:after {
    position:absolute;
    top:5px;
    left:-87px;
    content:'';
    width:4px;
    height:85px;
    background:#e6812f
}
.overflow-anime {
    position:relative;
    z-index:999
}
.banner-text-alt {
    position:absolute;
    left:50%;
    bottom:15px;
    transform:translate(-50%,-50%);
    width:100%;
    max-width:1920px
}
.banner-text-alt-txt {
    border-radius:6px;
    background:rgba(255,255,255,.7);
    padding:10px;
    text-align:center;
    font-size:16px;
    color:#000
}
.hicn-search {
    cursor:pointer;
    text-align:center;
    width:46px;
    height:37px;
    border:2px solid #e6812f;
    color:#000;
    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:#000;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2px
}
.hicn-search:hover svg .a {
    stroke:#000
}
.togglesearch {
    background:rgba(0,0,0,.7);
    position:absolute;
    top:50px;
    right:0;
    width:325px;
    box-shadow:0 0 10px rgba(0,0,0,.5);
    display:none;
    border-radius:unset;
    padding:10px
}
.togglesearch input[type=text] {
    width:80%;
    padding:7px 15px;
    outline:0;
    font-size:16px;
    border-radius:unset;
    border:1px solid #e6812f;
    margin-right:6px;
    background:unset;
    color:#fff
}
.togglesearch input::placeholder {
    color:#c9c9c9!important;
    opacity:1!important
}
.searchbar-btn {
    width:90px;
    padding:5px 0 7px;
    color:#fff;
    outline:0;
    border-radius:unset;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:17px;
    background:#e6812f;
    border:unset
}
.alert-cookie,.cookie-btn {
    background:rgba(0,0,0,.65)
}
.main-title-search {
    font-size:35px
}
.status-label {
    position:absolute;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    justify-content:flex-end;
    right:0;
    top:0;
    padding:15px
}
.status-label-list {
    padding:0 0 0 5px;
    max-width:50px
}
.dtb-detail-social {
    text-align:left
}
.dtb-detail-social a span {
    padding-left:27px
}
.gallery-blog img {
    margin:0 auto!important
}
.cookie-btn {
    text-align:center;
    width:130px;
    display:inline-block;
    color:#fff;
    padding:5px 0 9px;
    font-size:16px;
    border:2px solid #e6812f
}
.alert-cookie {
    text-align:left;
    position:fixed;
    bottom:0;
    width:100%;
    right:0;
    padding: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;
    color:#fff;
    font-size:20px
}
.alert-cookie p,.btn-cookies {
    color:#dedede;
    display:inline-block
}
.alert-cookie p {
    margin:0;
    padding:0;
    font-size:17px;
    line-height:20px
}
.alert-cookie p a {
    color:#e6812f;
    text-decoration:underline
}
.btn-cookies {
    margin:35px 0 0 20px;
    text-align:center
}
.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;
    overflow:hidden
}
.btn-cookies a:hover {
    background:#666;
    color:#fff
}
.btn-cookies a.accept,.btn-cookies a.accept:hover,.close:hover {
    background:#c08f2c;
    color:#fff
}
.btn-cookies a.accept {
    position:relative;
    letter-spacing:1px;
    margin:0 10px 15px;
    display:inline-block;
    border:2px solid #c08f2c;
    padding:10px 8px;
    border-radius:5px;
    text-decoration:none;
    overflow:hidden
}
.btn-cookies a.accept:hover {
    border:2px solid #c08f2c
}
.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
}
.cookies-btn-top {
    margin-top:25px;
    text-align:center
}
.tt-ct svg {
    max-height:32px;
    width:auto
}
#banner-gallery-home .owl-item {
    max-height:640px
}
@media only screen and (max-width:1800px) {
    .main-title.leftline::after {
        position:absolute;
        top:-5px;
        left:-2.55%;
        height:75px
    }
    .main-title.rightline::after {
        position:absolute;
        top:-5px;
        right:-2%;
        height:73px
    }
    .main-section-home::after {
        margin-top:-162px
    }
    .sec-home-wheel {
        padding:140px 0 435px
    }
    .sec-home-newrelease {
        margin-top:-20.2%
    }
    .section-banner-gallery {
        margin-top:-265px
    }
    .contact-bg {
        background-size:cover!important
    }
}
@media only screen and (max-width:1600px) {
    .blog-index-list li a,.blog-list-name,.btn-defualt a,.btn-defualt-center a span,.btn-defualt-more a span,body,p {
        font-size:15px!important;
        line-height:25px
    }
    .main-title,.main-title-normal {
        font-size:90px;
        line-height:75px
    }
    .sec-home-wheel {
        padding:140px 0 250px
    }
    .sec-home-blog {
        padding:350px 0 325px;
        background-position:top 70px right
    }
    .btn-defualt a {
        font-size:12px;
        min-width:120px
    }
    .new-product-list-name,.sub-title {
        font-size:20px
    }
    .blog-list-date,.list-more {
        font-size:12px
    }
    .list-more svg {
        margin-top:3px;
        width:19px
    }
    .icn-scroll-page {
        right:1.35%
    }
    .sec-home-newrelease {
        margin-top:-14.2%
    }
    .section-banner-gallery {
        margin-top:-190px
    }
}
@media only screen and (max-width:1536px) {
    .sec-home-blog {
        padding:310px 0;
        margin-top:-117px
    }
    .sec-home-wheel {
        padding:140px 0 250px
    }
    .sec-distributor-home {
        padding:120px 0 570px;
        margin-top:-35px
    }
    .contact-bg {
        background-size:cover!important
    }
    .main-section-home::after {
        margin-top:-145px
    }
    .banner-text-alt-txt {
        font-size:14px
    }
}
@media only screen and (max-width:1470px) {
    header {
        padding:30px 0 0
    }
    .wrap-blog-home {
        padding-left:15px
    }
    .sec-home-wheel {
        padding:126px 0 286px
    }
    .sec-home-blog {
        padding:310px 0 280px;
        margin-top:-142px
    }
    .sec-distributor-home {
        padding:140px 0 575px
    }
    #main-menulist ul li {
        margin:0 15px 0 0
    }
    .menu-list-item li {
        margin:0 0 0 15px
    }
    .hicn-search {
        margin-left:20px
    }
    .switch-lang {
        margin-left:30px;
        padding-left:15px
    }
}
@media only screen and (max-width:1366px) {
    .blog-index-list li a,.blog-list-name,.btn-defualt a,.btn-defualt-center a span,.btn-defualt-more a span,body,footer *,footer a,p {
        font-size:15px!important;
        line-height:22px
    }
    header {
        padding:15px 0 0
    }
    .blog-index-title,.box-pd-filter label,.distributor-name .main-title,.new-product-list-name,.sub-title {
        font-size:17px
    }
    #main-menulist ul li a,.menu-list-item li a,.switch-lang a {
        font-size:15px!important;
        line-height:25px
    }
    .main-title,.main-title-normal {
        font-size:80px;
        line-height:65px
    }
    .btn-defualt a {
        padding:5px 30px 7px
    }
    .blog-list-date,.list-more {
        font-size:10px!important
    }
    .sec-contact-inner {
        padding:0 0 150px;
        margin-top:0!important
    }
    .menu-list-item li {
        margin:0 0 0 30px
    }
    .mn-border {
        min-width:120px
    }
    .switch-lang a {
        width:38px;
        height:38px;
        margin-left:5px
    }
    .main-title {
        padding-bottom:15px;
        margin-bottom:15px
    }
    .wrapper-dropdown {
        padding:3px 20px 5px
    }
    .gallery-list-wrap,.product-inner-list.pt-3 {
        padding-top:35px!important
    }
    .content-wrap-center {
        max-width:950px
    }
    .footer-logo {
        max-width:185px
    }
    .blog-index-content {
        margin-bottom:0
    }
    .pt-wrap {
        padding-top:15px
    }
    .home-wheel-video {
        margin-left:-10%
    }
    .sec-home-newrelease {
        margin-top:-11.5%
    }
    .main-section-home::after,.sec-home-blog {
        margin-top:-130px
    }
    .section-banner-gallery {
        margin-top:-145px
    }
    .sec-distributor-home {
        margin-top:-75px
    }
    #product-slide-gallery .owl-nav .owl-prev {
        margin-left:-55px
    }
    #product-slide-gallery .owl-nav .owl-next {
        margin-right:-55px
    }
    .logo-main img {
        width:150px;
        height:auto
    }
}
@media only screen and (max-width:1280px) {
    .main-title,.main-title-normal {
        font-size:70px;
        line-height:60px
    }
    .icn-scroll-page {
        right:1.05%
    }
    .sec-home-wheel {
        padding:115px 0 200px
    }
    .sec-home-blog {
        margin-top:-90px;
        padding:260px 0 280px
    }
    .btn-defualt-icon a {
        padding:13px 10px 10px;
        min-width:150px
    }
    .section-banner-gallery {
        margin-top:-205px
    }
    #banner-main .owl-dot span {
        width:34px
    }
    #banner-main .owl-nav.disabled+.owl-dots {
        bottom:20px
    }
    .contact-bg .ft-address {
        margin-top:0;
        padding-top:10px!important
    }
    .tel-ft-ct p {
        margin-bottom:0
    }
    .main-section-home::after {
        margin-top:-120px
    }
    .switch-lang {
        margin-left:20px;
        padding-left:5px
    }
    #main-menulist ul li,.menu-list-item li {
        margin:0 20px 0 0
    }
}
@media only screen and (max-width:1200px) {
    .menu-list-item li a:hover,.menumain-active a,.submenulist li a {
        background:unset!important
    }
    .home-wheel-cover img,.switch-lang {
        margin-left:0
    }
    #main-menulist ul li:last-child,.menu-mb-social li {
        border-bottom:unset!important
    }
    .submenulist,.togglesearch {
        top:unset;
        background:unset;
        box-shadow:unset
    }
    #blog-slide-list .owl-nav [class*=owl-]:hover,.submenulist,.togglesearch {
        background:unset
    }
    #mainmenu-button-mb span {
        display:inline-block;
        padding:0;
        text-align:right;
        margin-left:0;
        font-size:15px;
        text-transform:uppercase;
        width:50%;
        font-family:Oxanium-Bold
    }
    #main-menulist {
        max-width:1920px;
        background:rgba(51,51,51,.63);
        width:100%;
        padding:0;
        color:#fff;
        display:none;
        position:fixed;
        overflow:hidden;
        z-index:99;
        overflow-y:auto;
        top:0;
        left:0;
        height:100vh;
        margin:0
    }
    #main-menulist ul {
        padding:10px 0 145px;
        display:block;
        height:auto;
        overflow:auto;
        width:100%;
        background:#343434
    }
    #main-menulist ul li {
        text-align:center;
        width:100%;
        margin:0;
        padding:15px 0;
        line-height:initial;
        border-bottom:1px solid rgba(112,112,112,.31)
    }
    #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!important
    }
   .switch-lang {
        padding-left:0
    }
    #navline-1,#navline-2,#navline-3 {
        height:3px;
        margin:6px 0 0;
        transition:.3s linear;
        display:block;
        float:left;
        border-radius:50px;
        background:#e6812f;
        width:100%
    }
    #navline-1 {
        margin-top:0
    }
    #banner-gallery-home .slider-item a::after,#navline-2.active {
        opacity:0
    }
    #navline-1.active {
        -webkit-transform:translate(0,8px) rotate(45deg);
        transform:translate(0,8px) rotate(45deg);
        width:100%
    }
    #navline-3.active {
        -webkit-transform:translate(0,-10px) rotate(-45deg);
        transform:translate(0,-10px) rotate(-45deg)
    }
    .submenulist {
        display:none;
        opacity:unset;
        visibility:unset;
        position:relative;
        left:unset;
        width:100%;
        height:unset!important
    }
    .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 li a {
        color:#fff
    }
    [data-aos=fade-down],[data-aos=fade-left],[data-aos=fade-right],[data-aos=fade-up],[data-aos=fade] {
        animation-name:none!important;
        animation-duration: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:0;
        padding:7px!important;
        background-color:#003865!important;
        color:#fff!important;
        font-size:14px!important
    }
    .logo-main {
        width:15%;
        justify-content:flex-start;
        position:relative;
        z-index:999
    }
    #main-menulist ul li a::after,#mainmenu-button-mb.active .label-mn-open,.hide-box-mb,.hide-label-mb,.label-mn-close,.menu-wrapmain-sub,.search-map-pc {
        display:none!important
    }
    .head-order-1 {
        position:absolute
    }
    .head-order-2 {
        order:1;
        order:2
    }
    #mainmenu-button-mb {
        display:inline-block;
        color:#434343;
        border-radius:0;
        width:90px;
        position:relative;
        cursor:pointer;
        transition:.3s linear;
        z-index:999;
        padding:0;
        text-align:right;
        vertical-align:middle;
        float:right;
        margin-left:20px;
        display:flex;
        flex-wrap:wrap;
        align-items:center
    }
    #mainmenu-button-mb .wrap-menu-btn {
        width:50%;
        padding-left:12px
    }
    header {
        padding:20px 0 0
    }
    .mn-show-mb,.system-mobile {
        display:block!important
    }
    .change-cl a,.change-cl a.lang-active {
        color:#fff!important
    }
    .switch-lang {
        position:relative;
        z-index:999;
        border-left:unset
    }
    #mainmenu-button-mb.active .label-mn-close {
        display:inline-block!important;
        color:#fff
    }
    .gallery-list .overlay-cover,.system-pc {
        display:none
    }
    .footer-menuwrap-culumn,.search-list-detail-map,.sec-home-wheel .col-lg-4,.sec-home-wheel .col-lg-8 {
        width:100%
    }
    .section-wrap {
        padding:50px 0 25px
    }
    .sec-home-wheel {
        padding:50px 0 0
    }
    .order-sec-2 {
        order:1
    }
    .order-sec-1 {
        order:2
    }
    .wrap-blog-home {
        padding:0 0 25px
    }
    #product-slide-list .owl-nav .owl-next {
        margin-right:-30px
    }
    #product-slide-list .owl-nav .owl-prev {
        margin-left:-30px
    }
    #blog-slide-list .owl-nav {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        z-index:-1;
        width:100%
    }
    #blog-slide-list .owl-nav .owl-prev {
        margin-left:-30px;
        float:left
    }
    #blog-slide-list .owl-nav .owl-next {
        margin-right:-30px;
        float:right
    }
    .btn-defualt a {
        padding:3px 30px 5px
    }
    .container-banner {
        width:91%;
        max-width:1600px;
        margin:0 auto
    }
    #banner-gallery-home .slick-prev {
        left:-25px!important
    }
    #banner-gallery-home .slick-next {
        right:-25px!important
    }
    .menu-footer,.menu-footer-social {
        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 a {
        margin:0 20px 0 0
    }
    .menu-footer-policy {
        justify-content:center;
        margin:0 0 15px
    }
    .menu-footer-policy li {
        margin:0 15px
    }
    .menu-footer>li:last-child {
        padding-top:10px;
        width:100%
    }
    .menu-footer {
        margin:10px 0 0
    }
    .copyright-wrap {
        text-align:center;
        padding-top:20px;
        margin-top:20px
    }
    .icn-guid-touch {
        display:block!important;
        margin:30px auto 15px;
        text-align:center
    }
    .sec-home-contact {
        margin-top:0!important
    }
    .blog-index-list li a,.blog-list-name,.btn-defualt a,.btn-defualt-center a span,.btn-defualt-more a span,body,footer *,footer a,p {
        font-size:15px!important;
        line-height:24px
    }
    .blog-list-date,.list-more {
        font-size:12px!important
    }
    .sec-home-contact {
        padding:0 0 35px!important
    }
    .change-cl-lg img {
        filter:brightness(0) invert(1)!important
    }
    .pt-wrap {
        padding-top:0
    }
    .menu-mb-social {
        display:flex!important;
        justify-content:center;
        align-items:center;
        padding:0
    }
    .menu-mb-social li {
        width:auto!important;
        padding:15px 6px!important
    }
    .menu-mb-social a {
        margin:0 12px
    }
    .menu-mb-social a svg .a {
        fill:#fff
    }
    .menu-mb-social a:hover svg .a {
        fill:#E6812F
    }
    .lang-active,.switch-lang a:hover {
        color:#000!important
    }
    .box-pd-option-result {
        margin-bottom:35px
    }
    .switch-lang a {
        font-size:15px!important
    }
    .banner-text-alt-txt {
        font-size:10px;
        padding:5px 10px
    }
    .searchbar.mn-show-mb {
        display:flex!important;
        justify-content:center!important;
        align-items:center!important
    }
    .togglesearch {
        position:relative;
        right:unset;
        display:block;
        margin:0 auto 10px;
        border-radius:unset;
        padding:0
    }
    .togglesearch form {
        justify-content:space-between
    }
    .alert-cookie {
        padding:15px
    }
    .cookie-l {
        width:100%;
        padding-bottom:15px
    }
}
@media only screen and (max-width:820px) {
    .main-section-home,.sec-home-wheel {
        background-position:bottom center
    }
    #product-slide-gallery .owl-nav .owl-prev {
        margin-left:-35px!important
    }
    #product-slide-gallery .owl-nav .owl-next {
        margin-right:-35px!important
    }
    #product-slide-gallery .slider-item a::after {
        opacity:0
    }
    .product-detail-wrap {
        padding:25px 0 0
    }
    .new-product-detail-gallery {
        width:80%;
        margin:0 auto
    }
    .sec-distributor-home .wrap-blog-home {
        max-width:50%
    }
    .btn-defualt-icon a svg {
        max-height:33px
    }
    .icn-guid-touch {
        margin:30px auto 0
    }
    .new-product-list-dt {
        padding:0
    }
    .gallery-list-wrap {
        padding-top:20px!important
    }
    .blog-list-dt .list-more {
        margin-top:20px
    }
    .section-blog {
        margin-top:25px!important
    }
    .section-blog iframe {
        max-width:100%;
        height:auto
    }
    .btn-defualt-back a {
        padding:5px 25px 7px
    }
    #main-menulist ul li a,.menu-list-item li a {
        font-size:18px!important
    }
    .main-title,.main-title-normal {
        font-size:52px;
        line-height:60px;
        margin-bottom:15px;
        padding-bottom:0
    }
    .sec-home-wheel {
        padding:60px 0 180px
    }
    .sec-home-newrelease {
        margin-top:-18%
    }
    .sec-home-blog .col-md-10,.sec-home-blog .col-md-2,.sec-home-newrelease .col-md-10,.sec-home-newrelease .col-md-2,.section-banner-gallery .col-md-10,.section-banner-gallery .col-md-2 {
        width:100%
    }
    .list-more {
        padding:15px
    }
    .blog-list-dt {
        padding:25px 20px
    }
    .blog-list-date {
        top:-30px
    }
    .container-banner .btn-defualt-icon {
        margin-bottom:35px
    }
    .main-section-home:after {
        background:url(../../assets/images/common/line-tablet-2-3.webp) top right/100% repeat-y;
        width:103%
    }
    .section-banner-gallery {
        margin-top:-5px
    }
    .sec-home-blog {
        margin-top:-25px
    }
    .sec-distributor-home {
        padding:50px 0 300px;
        background-size:100%!important;
        margin-top:-20px
    }
    .sec-distributor-home img {
        max-width:80px
    }
    .sec-distributor-home .mb-3 {
        margin-bottom:0!important
    }
    .sec-distributor-home .btn-defualt a {
        padding:10px 15px 5px
    }
    .icn-scroll-page {
        right:6px;
        width:34px
    }
    .menu-footer li {
        padding:0 10px;
        width:20%
    }
    .footer-logo {
        margin:0 auto
    }
    .menu-footer-social {
        justify-content:center;
        width:100%;
        padding-top:5px!important
    }
    footer {
        padding:35px 0 15px
    }
    footer .content-wrap {
        width:90%
    }
    .menu-footer-social .menu-footer li ol li a {
        margin:0 14px
    }
    .main-section-home::after {
        background:unset;
        background-size:unset;
        width:32%;
        right:21px;
        transform:unset;
        left:unset;
        max-height:100%;
        border-right:1px solid #7f7f7f;
        margin-top:0
    }
    .main-title.leftline::after {
        top:0;
        left:-3%;
        height:50px
    }
    .main-title.rightline::after {
        position:absolute;
        top:0;
        right:-3%;
        height:50px
    }
}
@media only screen and (max-width:600px) {
    .tel-ft p,.tel-ft p span {
        padding-left:0
    }
    .switch-lang {
        margin-left:10px!important
    }
    #mainmenu-button-mb {
        margin-left:10px
    }
    .new-product-detail-gallery,.section-wrap-inner .content-wrap {
        width:90%
    }
    .content-wrap {
        width:79%
    }
    .section-banner-gallery .btn-move-mb {
        position:absolute;
        top:40px;
        right:27px
    }
    .sec-home-blog .btn-move-mb {
        position:absolute;
        top:40px;
        right:0;
        margin-top:0!important
    }
    .section-banner-gallery .title-center-box::after {
        transform:skew(-20deg) translate(0,0);
        left:0
    }
    .section-banner-gallery .content-wrap.txt-center {
        text-align:left
    }
    .wrap-blog-home {
        width:75%
    }
    .distributor-name,.sec-home-contact .wrap-blog-home {
        width:100%
    }
    #blog-slide-list .owl-nav .owl-next {
        margin-right:-18px
    }
    #blog-slide-list .owl-nav .owl-prev {
        margin-left:-18px
    }
    .container-banner {
        width:85%
    }
    #banner-gallery-home .slick-slide,#product-slide-gallery .slick-slide {
        padding:0!important
    }
    .section-banner-gallery {
        padding-top:0!important;
        margin-top:-115px
    }
    .wrap-blog-home p br {
        display:none
    }
    .section-blog {
        margin-top:35px
    }
    #banner-gallery-home .slick-next,#banner-gallery-home .slick-prev {
        width:40px
    }
    .blog-list-name,.btn-defualt a,.btn-defualt-center a span,.btn-defualt-more a span,body,footer *,footer a,p {
        font-size:16px!important;
        line-height:26px
    }
    .blog-list-date,.list-more {
        font-size:10px!important
    }
    .sec-distributor-home .wrap-blog-home {
        max-width:57%
    }
    .box-pd-option-result {
        padding-top:1rem;
        margin-top:1rem
    }
    .map-point-icon {
        margin:10px auto
    }
    .tel-ft p {
        padding-right:0;
        display:inline-block
    }
    .sec-home-wheel {
        padding:100px 0 140px;
        background:url(../../assets/images/common/bg-wheel-home-mb.webp) top -100px right/101% no-repeat #fff
    }
    .sec-home-wheel p {
        font-family:Oxanium-Bold
    }
    .home-wheel-video {
        margin-left:-28px;
        margin-top:500px
    }
    .sec-home-wheel .col-lg-5 {
        width:100%!important
    }
    .video-cover-overlay img {
        width:70px
    }
    .main-title,.main-title-normal,.section-wrap-inner .main-title {
        font-size:52px;
        line-height:35px;
        margin-bottom:35px
    }
    .main-title.leftline:after {
        left:-30px
    }
    .main-title.rightline:after {
        right:-30px
    }
    .sec-home-newrelease .col-md-10,.section-banner-gallery .col-md-10 {
        margin-left:-4%
    }
    .sec-home-blog .col-md-10 {
        margin-right:-4%
    }
    .sec-home-blog {
        background:url(../../assets/images/common/bg-articles-home-mb.webp) top center/102% no-repeat #fff;
        padding:420px 0 355px;
        margin-top:-190px
    }
    .sec-home-newrelease {
        margin-top:-2%
    }
    .sec-distributor-home {
        background:url(../../assets/images/common/bg-distributor-home-mb.webp) bottom center/102% no-repeat #fff!important;
        padding:160px 0 300px!important
    }
    .copyright-wrap *,footer * {
        font-size:14px!important;
        line-height:26px
    }
    .menu-footer li {
        width:33.33%;
        text-align:center;
        margin-top:10px
    }
    .menu-footer {
        justify-content:center
    }
    .tel-ft-ct p a {
        padding-bottom:13px
    }
    a:hover,a:hover *,div a:hover,p a:hover {
        -webkit-transition:unset!important;
        -moz-transition:unset!important;
        -o-transition:unset!important;
        -ms-transition:unset!important;
        transition:unset!important
    }
}
@media only screen and (max-width:567px) {
    .sec-home-blog {
        padding:360px 0 355px
    }
    .section-banner-gallery {
        margin-top:-175px
    }
    .sec-distributor-home {
        padding:160px 0 300px!important
    }
    #banner-gallery-home {
        box-shadow:rgba(0,0,0,.24) 0 3px 8px
    }
    .contact-bg {
        padding-bottom:25px
    }
    .ctu-social svg {
        max-height:30px
    }
    .ctu-social li {
        padding:0 5px 0 0
    }
    .tel-ft-ct i svg {
        max-width:30px
    }
    .ctu-social-title {
        font-size:14px
    }
}
@media only screen and (max-width:480px) {
    .sec-home-blog .btn-move-mb {
        top:3%
    }
    .section-banner-gallery .btn-move-mb {
        top:0;
        right:7%
    }
    .logo-main {
        width:30%
    }
    header {
        padding:15px 0 0
    }
    .wrap-menumain-other {
        width:50%
    }
    .gallery-list-wrap {
        --bs-gutter-x:1rem
    }
    .main-bg-2 {
        background-position:top center!important
    }
    .home-wheel-video {
        margin-top:100%
    }
    .sec-home-wheel {
        background-position:bottom center
    }
    .main-title.leftline:after {
        left:-25px
    }
    .main-title.rightline:after {
        right:-25px
    }
    .sec-home-newrelease {
        margin-top:-23%
    }
    .section-banner-gallery {
        margin-top:-170px
    }
    .sec-home-blog {
        background:url(../../assets/images/common/bg-articles-home-mb.webp) top center/102% no-repeat #fff;
        padding:265px 0 310px;
        margin-top:-190px
    }
    .sec-distributor-home {
        padding:185px 0 235px!important;
        margin-top:-155px
    }
    .sec-distributor-home .main-title {
        margin-bottom:20px
    }
    #product-slide-list .new-product-list a {
        box-shadow:rgba(0,0,0,.24) 0 3px 8px
    }
    #product-slide-list .new-product-list {
        box-shadow:unset;
        padding:0 10px
    }
    .menu-footer li a {
        padding:10px 0!important;
        background:#343434!important;
        font-family:Oxanium-Bold
    }
    .tel-ft p a {
        flex-wrap:wrap;
        justify-content:center
    }
    .tel-ft i {
        margin-bottom:5px
    }
    .copyright-wrap {
        margin-top:0
    }
    .switch-lang a {
        width:34px;
        height:34px;
        margin-left:4px;
        font-size:15px!important
    }
    #mainmenu-button-mb {
        margin-left:15px
    }
    .sec-home-wheel {
        padding:75px 0 140px
    }
    .banner-text-alt-txt {
        font-size:11px;
        padding:5px 10px
    }
    #banner-main .owl-nav.disabled+.owl-dots {
        bottom:15px
    }
    .banner-text-alt {
        bottom:-12px;
        width:95%
    }
    #banner-gallery-home {
    height: 155px;
  }
}
@media only screen and (max-width:440px) {
    .home-wheel-video {
        margin-top:90%
    }
    .main-title,.main-title-normal {
        font-size:45px;
        line-height:29px;
        margin-bottom:25px
    }
    .main-title.rightline::after {
        right:-22px
    }
    .blog-list-dt {
        padding:15px
    }
    .blog-list-date {
        top:-32px
    }
    .sec-home-blog {
        padding:255px 0 310px
    }
    .section-banner-gallery {
        margin-top:-225px
    }
    .sec-distributor-home .mb-3 {
        margin-bottom:15px!important
    }
    .sec-distributor-home {
        padding:195px 0 235px!important
    }
    .container-banner {
        width:79%
    }
    .sec-home-blog .col-md-10,.sec-home-newrelease .col-md-10,.section-banner-gallery .col-md-10 {
        padding:0
    }
    header {
        padding:24px 0 0
    }
    .blog-list-name {
        line-height:20px!important
    }
    .main-title-atc {
        font-size:24px
    }
    .sub-title {
        font-size:20px!important
    }
    .blog-index-content {
        padding:15px 15px 20px
    }
}
@media only screen and (max-width:395px) {
    .blog-index-list li a,.blog-list-name,.btn-defualt a,.btn-defualt-center a span,.btn-defualt-more a span,body,footer *,footer a,p {
        font-size:14px!important;
        line-height:24px
    }
    .main-title.leftline::after {
        left:-22px
    }
    .home-wheel-video {
        margin-top:90%
    }
    .sec-home-newrelease {
        margin-top:-31%
    }
    .icn-guid-touch {
        margin:20px auto 0
    }
    .main-title.rightline::after {
        right:-21px
    }
    .blog-list-date {
        top:-30px
    }
    .main-title,.main-title-normal {
        font-size:40px
    }
    .new-product-list-name {
        font-size:15px
    }
    .sec-home-wheel {
        background-position:bottom 50px center
    }
    #banner-gallery-home {
    height: 155px;
  }
}
@media only screen and (max-width:375px) {
    .sec-home-wheel {
        padding:70px 0 140px
    }
    .main-title.leftline::after {
        left:-20px
    }
    .main-title,.main-title-normal {
        line-height:24px
    }
    .wrap-menumain-other {
        width:60%
    }
    .sec-home-newrelease {
        margin-top:-20%
    }
    .main-title.rightline:after {
        right:-22px
    }
    .main-title.leftline:after {
        left:-22px
    }
    .main-section-home::after {
        right:18px
    }
    #banner-gallery-home {
    height: 135px;
  }
}
@media only screen and (max-width:360px) {
    .home-wheel-video {
        margin-top:80%
    }
    .sec-home-blog {
        padding:222px 0 275px
    }
    .main-section-home::after {
        max-height:83%
    }
}
@media only screen and (max-width:320px) {
    .main-title,.main-title-normal {
        font-size:34px
    }
    .wrap-menumain-other {
        width:64%
    }
    .home-wheel-video {
        margin-top:90%
    }
    .address-ft p,.copyright-wrap *,.menu-footer li a,.tel-ft p span,footer * {
        font-size:12px!important
    }
    .main-title.rightline:after {
        right:-18px
    }
    .main-title.leftline:after {
        left:-18px
    }
    .sec-home-wheel {
        padding:50px 0 140px
    }
    .sec-home-newrelease {
        margin-top:-35%
    }
    .main-section-home::after {
        max-height:82%
    }
}