@charset "utf-8";
/* CSS Document */
html {max-width: 1920px; margin: 0 auto;color: #000000; font-family: 'Noto Sans', 'Noto Sans Thai';}
body {font-size: 16px; position: relative; color: #000000; max-width: 1920px;margin: 0 auto;}
p {font-size: 20px;line-height: 27px;color: #000000; font-family: 'Noto Sans', 'Noto Sans Thai';}
*, *:before, *:after {box-sizing: border-box;}
img {max-width: 100%;}
a {font-family: 'Noto Sans', 'Noto Sans Thai';text-decoration: unset!important; outline: none!important;cursor:pointer;-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;}
a * {-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;}
.wrapper {width: 90%; max-width: 1600px; margin: 0 auto;}
header {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999}
.logobrand {display: inline-block;}
.main-menu {text-align: right;}
.label-menu {display: inline-block;font-size: 22px; letter-spacing: 0.05em;color: #000000;font-family: 'Noto Sans Bold'; text-transform: uppercase;vertical-align: middle;}
.main-menu ul {display: inline-block; list-style: none;margin: 0;padding-left: 15px}
.main-menu ul li {display: inline-block; margin-left: -4px;vertical-align: middle;}
.main-menu ul li a {cursor:pointer;display: block; font-size: 20px; color: #000000;font-family: 'Noto Sans';
text-transform: uppercase;padding:30px 0;text-align: center;letter-spacing: 0.05em;}
#menumain2 {padding: 18px 0!important}
.main-menu ul li a span {border-right: 1px solid #D6D6D6; padding: 0 15px;display: block; line-height: 25px;}
.main-menu ul li a:hover {background: #820208; color: #fff;}
.main-menu-active {background: #820208!important; color: #fff!important;}
.menuactive:hover {background: #820208; color: #fff;font-family: 'Noto Sans Bold';}
.main-menu ul li a:hover span, .menuactive span {border-right: 1px solid #820208;}
.menucompare {display: inline-block; margin-left: 15px;}
.menucompare a {font-size: 20px; color: #000000;font-family: 'Noto Sans Thai'; position: relative;}
.menucompare a svg {fill: #505050;margin-right: 20px;}
.cart-count {position: absolute;top: -6px;left: 40px;font-size: 13px;border-radius: 100%;border: 1px solid #B57E10;
background: #AA121B;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;font-family: 'noto_sanssemicondensed';}
.menucompare a:hover {color: #820208;}
.menucompare a:hover svg {fill: #820208;}
.sub-header {background: #AA121B;}
.social-facebook svg * {transition: all .4s ease-in-out;}
.social-facebook svg .a, .social-face svg .d, .social-ig svg .a, .social-ig .d, .social-line svg .a, .social-line .d, 
.social-youtube svg .a, .social-youtube .d {fill:none;}
.social-facebook svg .a, .social-ig svg .a, .social-line svg .a, .social-youtube svg .a {stroke:#fff;stroke-width:2px;}
.social-facebook svg .c, .social-ig svg .c, .social-line svg .c, .social-youtube svg .c {stroke:none;}
.social-facebook svg .a, .social-face svg .b, .social-line svg .a, .social-line svg .b, .social-youtube svg .a, .social-youtube svg .b {opacity:0.9;}
.social-youtube svg .b{fill:url(#a);}
.social-facebook:hover svg .a {fill:#1877f2;}
.social-ig:hover svg .a {fill: #a93092}
.social-line:hover svg .a {fill: #00b900}
.social-youtube:hover svg .a {fill: #ff0000}
.sub-headmenu {text-align: right;}
.sub-headmenu ul {list-style: none;padding: 0; margin: 0;display: inline-block;}
.sub-headmenu ul li {display: inline-block;}
.sub-headmenu ul li a {font-size: 20px; letter-spacing: 0.05em;color: #fff; font-family: 'Noto Sans Thai','Noto Sans'; padding: 15px 20px; display: block;}
.tel-head {display: inline-block; padding-left: 15px;}
.tel-head a {font-family: 'Noto Sans';color: #fff; font-size: 23px;}
.tel-head a:hover {color: #ddd}
.tel-head a svg {margin-right: 10px;margin-top: -5px;}
.tel-head a svg .a {fill:#fff;}
.tel-head a svg .b {fill:#aa121b;}
.sub-headmenu ul li a:hover {background: #820208; color: #fff;}
.dropdownsubmenu {position: relative;}
.sub-headmenu ul ul {opacity: 0;visibility: hidden;}
.dropsub-menulist {text-align: left;position: absolute; top: 0; left: 0; width:245px; background: #FFFFFF;
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.21);margin-top: 60px !important;}
.dropsub-menulist li {display: block!important;border-bottom: 1px solid #D6D6D6;}
.dropsub-menulist li:last-child {border-bottom: none!important;}
.dropsub-menulist li a {color: #000!important; font-size: 18px!important; font-family: 'Noto Sans', 'Noto Sans Thai'!important; 
display: inline-block!important; width: 100%}
.dropsub-menulist li a:hover {color: #AA121B !important}
.sub-headmenu ul li:hover .dropsub-menulist {opacity: 1;visibility: visible;}
.dropdownsubmenu a {padding-right: 30px!important;}
.dropsub-menulist li a {padding-right: 20px!important}
.dropsub-menulist li a:hover {background: #D9D9D9 !important;color: #AA121B !important;}
.dropdownsubmenu svg {position: absolute; right: 10px; top: 28px;}
.dropdownsubmenu svg .a {fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.dropdownmainmenu {position: relative;}
.main-menu ul ul {padding: 0;}
.dropmain-menulist {text-align: left;position: absolute; top: 0; left: 0; width:380px; background: #FFFFFF;
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.21);margin-top: 85px !important;opacity: 0; visibility: hidden; 
	z-index: 99;display: none!important;overflow: auto;max-height: 80vh;}
.dropmain-menulist li {display: block!important;margin-left: 0!important;border-bottom: 1px solid #D6D6D6;}
.dropmain-menulist li:last-child {border-bottom: unset!important;}
.dropmain-menulist li a {color: #000!important; font-size: 18px!important; font-family: 'Noto Sans'!important; 
display: inline-block!important; width: 100%; text-align: left!important;padding: 15px 30px !important;}
.dropmain-menulist li a:hover {background: #D9D9D9!important;color: #AA121B!important;}
.dropmain-menulist li a img {vertical-align: middle; width: 30%; display: inline-block;}
.dropmain-menulist li a span {vertical-align: middle; width: 68%;display: inline-block!important; padding: 0!important;border-right: unset!important;}
.main-menu ul li:hover .dropmain-menulist {opacity: 1; visibility: visible; display: inline-block!important;}
main {margin-top: 145px;}
footer {background: url(../images/footer-bg.webp) no-repeat right bottom; padding: 90px 0 30px 0;clear: both; background-size: cover;}
.branch-contact-detail {display: inline-block; padding-left: 25px;}
.branch-contact-detail p {min-height: 43px;margin-bottom: 5px;}
.btn-map {display: inline-block; background: #AA121B; padding: 10px 15px; text-align: center; margin: 0 10px 0 0; 
	color: #fff; font-family: 'Noto Sans Med'; font-size: 11px;line-height: 11px;}
.btn-map svg {fill: #fff; margin-right: 5px;}
.btn-map span {vertical-align: middle;display: inline-block;text-align: left;}
.btn-map:hover {color: #AA121B; background: #D9D9D9}
.btn-map:hover svg {fill: #AA121B;}
.branch-name {font-family: 'Noto Sans Thai'; font-size: 24px;margin: 0;}
.branch-contact-detail p a {font-size: 19px; color: #676767; margin: 0 0 10px 0;}
.branch-contact-detail p a:hover {color: #AA121B;}
.branch-img {display: inline-block;vertical-align: top;}
.footer-branch-contact {margin-bottom: 35px;}
.menufooter {list-style: none;padding: 0; margin: 0;}
.menufooter li {display: inline-block;min-width: 42%;padding-bottom: 25px;}
.menufooter li a {display: block; font-size: 22px;font-family: 'Noto Sans', 'Noto Sans Thai'; color: #AA121B}
.menufooter li a:hover {color: #820208;font-family: 'Noto Sans Bold', 'Noto Sans Thai Bold';}
.ft-menu {float: left;width: 70%;}
.ft-contact {float: right;width: 30%;text-align: center;}
.menucontact {width: 100%!important;padding-bottom: 10px!important;}
.menucontact a {line-height: 32px!important;}
.service-emergency h3 a {font-size: 22px; color: #AA121B; font-family: 'Noto Sans Med'; text-transform: uppercase;}
.service-emergency h3 span, .service-emergency h3 span a {color: #676767; font-family: 'Noto Sans', 'Noto Sans Thai';}
.service-emergency h3 span {padding-left: 20px;font-size: 22px;}
.service-emergency h3 span a:hover {color: #AA121B;}
.service-contact {padding: 10px 0 10px 0; position: relative;}
.footer-social {list-style: none;padding: 0; margin: 0;text-align: center;}
.footer-social li {display: inline-block; padding: 5px;width: 35%;}
.footer-social li img {width: 100%;}
.footer-fms {margin-top: -90px !important;}
.copyright {border-top: 1px solid #B7B7B7; font-size: 18px; color: #8E8E8E; font-family: Arial; text-align: right; padding-top: 20px;}
.copyright a {color: #8E8E8E;}
.copyright a:hover {color: #AA121B;}
.section-banner {position: relative;}
#counter {z-index: 99;position: absolute; bottom: 25px; right: 90px; font-size: 21px; color: #fff; font-family: 'noto_sanssemicondensed';}
#banner-main .owl-nav {margin-top: -60px;position: absolute;right: 50px;z-index: 9;width: 120px;}
#banner-main .owl-prev {float: left;}
#banner-main .owl-next {float: right;}
#banner-family-day {padding-bottom: 10px;}
#banner-highlight .owl-dots {margin-top: -50px;position: relative;z-index: 9;}
#banner-campaign .owl-dots {margin-top: -50px;position: relative;z-index: 9;text-align: left;margin-left: 65px;}
#banner-family-day .owl-dots, #banner-family-care .owl-dots {margin-top: -30px;position: relative;z-index: 9;text-align: left;margin-left: 65px;}
#banner-etonchoice .owl-dots {margin-top: 0;background: #fff;padding-top: 10px;}
#banner-blog .owl-dots, #banner-news .owl-dots {margin-top: -50px;position: relative;z-index: 9;text-align: right;margin-right: 45px;}
#banner-highlight {margin-top: 5px;}
.owl-dot span {background: #E4E4E4!important;border-radius: unset!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #AA121B!important;}
#banner-blog .owl-dot span {background: rgba(194,194,194,0.7)!important;border-radius: unset!important;}
#banner-blog .owl-dot.active span, #banner-blog .owl-dot:hover span {background: #fff!important;}
.banner-mobile {display: none!important;}
.section-product {background: url(../images/product-bg.webp) no-repeat top left; padding: 85px 0 50px 0;}
.maintitle {font-size: 30px; font-family: 'Noto Sans Bold'; text-align: center; text-transform: uppercase;}
.box-product-menu a {border: 1px solid #ddd; border-radius: 100%; text-align: center;width: 225px;
height: 225px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 auto;}
#slide-productmenu {width: 90%; margin: 50px auto 0 auto; position: relative;}
#slide-productmenu .owl-item img {width: auto;}
#slide-productmenu .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
#slide-productmenu button.owl-prev {float: left;margin-left: -75px;}
#slide-productmenu button.owl-next {float: right;margin-right: -75px;}
#banner-highlight-product,#banner-service-detail {position: relative;}
#banner-highlight-product .owl-dots,#banner-service-detail .owl-dots {margin-top: -50px;position: relative;z-index: 9;}
#banner-highlight-product .owl-nav,#banner-highlight .owl-nav,#banner-campaign .owl-nav,#banner-service-detail .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
#banner-highlight-product button.owl-prev,#banner-highlight button.owl-prev,#banner-campaign button.owl-prev,#banner-service-detail button.owl-prev {float: left;margin-left: 20px}
#banner-highlight-product button.owl-next,#banner-highlight button.owl-next,#banner-campaign button.owl-next,#banner-service-detail button.owl-next {float: right;margin-right: 20px;}
.name-product-cate-menu {font-size: 20px; font-family: 'Noto Sans Med','Noto Sans Thai Med';text-align: center;padding-top: 15px;}
.cate-menu-th {font-size: 18px; padding-top: 5px;}
.product-menu-cate {content: ""; padding: 0 0 20px 0; margin-top: 0; position: relative;}
.box-product-submenu-wrap {position: relative; top: 15px; z-index: 99;display: none; left: 0; width: 100%;
padding: 0 50px;background: #F8F8F8;}
#slide-productmenu .item, #slide-productmenu .owl-item, #slide-submenu-product .item, #slide-submenu-product .owl-item {position: unset;transform: unset;}
.box-product-submenu-list-wrap {position: relative; display: flex; flex-wrap: nowrap;width: 100%; text-align: center;
	overflow-x: auto;overflow-y: hidden;/*min-height: 265px;*/}
.box-product-submenu-list {width: 16.6%;padding: 15px 0;}
.box-product-submenu-list > a {display: block;}
.box-product-submenu-list > a img {margin: 10px auto 0 auto;}
.cate-name {display: block; color: #000; text-align: center; padding: 2px 10px; display: inline-block;border-radius: 3px;}
.cate-active .cate-name, .box-product-submenu-list > a:hover .cate-name {color: #fff; background: #AA121B; font-family: 'Noto Sans Bold';}
.box-product-submenu-model-wrap {position: relative;list-style: none; padding: 0 2%; margin: 0 0 7px 0; display: flex; flex-wrap: wrap;}
.box-product-submenu-model-wrap li a {display: inline-block;padding: 2px 15px; margin-bottom: 10px;background: #ddd; color: #000; text-align: center; margin-right: 10px;}
.box-product-submenu-model-wrap li a:hover {background: #AA121B; color: #fff;}
.section-service-center {position: relative; margin-top: 30px}
.wrapper-txt-center {position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); text-align: center;padding: 30px 80px;background: rgba(255,255,255,0.7);}
.wrapper-txt-center h2, .wrapper-txt-center h1 {font-size: 30px; font-family: 'Noto Sans Med';text-transform: uppercase;line-height: 40px; color: #000}
.wrapper-txt-center h2 span, .wrapper-txt-center h1 span {color: #AA121B; font-family: 'Noto Sans Bold'; display: block;}
a.wrapper-txt-center {border: 4px solid rgba(255,255,255,0)}
a.wrapper-txt-center:hover {background: rgba(217,217,217,0.9); border: 4px solid #AE1E26}
.service-list-box {position: relative; padding: 4px 2px;}
.service-list-box a {display: block; border: 4px solid rgba(255,255,255,0);position: relative;}
.service-list-box a:after {content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5);position: absolute;
top: 0;left: 0;opacity: 0;-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;}
.service-list-txt {text-transform: uppercase;position: absolute; bottom: 20px; left: 40px; color: #fff; 
	font-size: 25px; line-height: 35px; font-family: 'Noto Sans Thai','Noto Sans'; z-index: 9}
.service-list-box a:hover {border: 4px solid #AE1E26}
.service-list-box a:hover:after {opacity: 1}
.section-etonchoice {margin: 50px 0; position: relative; background: url(../images/eton-choice/bg-eton-choice-new.webp) no-repeat right bottom #F6F6F6;}
.logo-eton-choice {position: absolute; right: 25px; top: 25px;}
.etonchoice-slide-detail {padding: 35px;}
.icon-car-etonchoice {width: 140px; display: block; padding-bottom: 15px;}
.eton-choice-name {font-size: 25px; color: #AA121B; text-transform: uppercase; font-family: 'Noto Sans Bold','Noto Sans Thai Bold';}
.etonchoice-slide-detail ul {list-style: none; padding: 0;}
.etonchoice-slide-detail ul li {padding-left: 15px; background: url(../images/icon/choice-arrow.svg) no-repeat left center; font-size: 20px;
	font-family: 'Noto Sans', 'Noto Sans Thai'; color: #000000; margin-bottom: 10px;}
.eton-choice-contact {padding: 20px 0 25px 0;}
.eton-choice-contact h4 {font-size: 20px; color: #AA121B; font-family: 'Noto Sans', 'Noto Sans Thai'; margin: 0;}
.eton-choice-contact a {font-size: 20px; color: #000; font-family: 'Noto Sans', 'Noto Sans Thai';margin-right: 35px;}
.btn-more {padding: 10px 60px 10px 20px; background: url(../images/icon/arrow-btn.svg) no-repeat right 15px center #AA121B; color: #fff; font-size: 20px;}
.btn-more:hover {background: url(../images/icon/arrow-btn.svg) no-repeat right 15px center #820208; color: #fff;}
.section-family-member {position: relative; float: left; width: 60%;}
.section-family-member img {padding: 0 3px 6px 3px;}
.family-banner {padding-left: 5px; float: left; width: 40%;}
.txt-float {z-index: 9;position: absolute; left: 40px; top: 40px; font-size: 40px; color: #AA121B; font-family: 'Noto Sans Med';}
.txt-float span {color: #fff; display: block;}
.blog-box {position: relative; padding-right: 3px;}
.news-box {position: relative; padding-left: 3px;}
.section-eton-family {clear: both;}
.section-blog-news {clear: both; padding-top: 50px}
.blog-breif {padding: 40px; color: #fff; background: #AA121B}
.news-breif {padding: 40px; background: #fff}
.blog-breif, .news-breif {min-height: 190px;}
.title-txt-brief {font-family: 'Noto Sans', 'Noto Sans Thai'; font-size: 25px; text-transform: uppercase;}
.news-breif .title-txt-brief {color: #AA121B}
.blog-breif p  {color: #fff;}
.blog-breif p, .news-breif p {width: 90%;}
#navwrap {font-family: tahoma!important; font-size: 17px;text-align: right; padding: 25px 0 50px 0;}
#navwrap a {display: inline-block; color: #8B8B8B;font-family: 'Noto Sans', 'Noto Sans Thai';}
#navwrap span {color: #AA121B;padding: 0 5px;vertical-align: middle;}
.navdefault {color: #AA121B!important; display: inline-block;font-size: 17px; margin-bottom: 0;font-family: 'Noto Sans', 'Noto Sans Thai'!important;}
.main-title-inner {text-transform: uppercase;padding-bottom:35px; margin: 0; font-size: 40px; color: #000;font-family: 'Noto Sans Thai Bold','Noto Sans Bold'; text-align: center;}
.main-title-inner span {color: #AA121B;}
.txt-black span {color: #000;}
.drivetoshare-box {background: #AA121B;position: relative;}
.drivetoshare-breif {padding: 55px 60px; color: #fff; background: #AA121B}
.drivetoshare-breif p  {color: #fff; padding-top: 5px;margin: 0;}
.about-detail p {padding: 15px 70px 15px 12%}
.section-history {background: url(../images/product-bg.webp) no-repeat top left; padding: 90px 0;}
.sub-title-inner {padding-bottom:50px; font-size: 40px;font-family: 'Noto Sans', 'Noto Sans Thai'; text-align: center;}
.sub-title-inner span {color: #AA121B;}
.txt-center {text-align: center;}
.timeline-history {position: relative;padding: 70px 0;}
.timeline-line {position: absolute; bottom: 34.5%; left: 0;width: 100%;}
.year-label {color: #ABABAB; font-size: 25px;font-family: 'Noto Sans';}
.yearpoint svg {fill: #ababab;}
.yearpoint:hover svg {fill: #AA121B;}
#timeline-year .item {text-align: center;}
#timeline-year .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
#timeline-year button.owl-prev {float: left;margin-left: -75px;}
#timeline-year button.owl-next {float: right;margin-right: -75px;}
.year-active .year-label {color: #AA121B!important;}
.year-active .yearpoint svg {fill: #AA121B!important;}
.history-year {font-size: 50px; color: #AA121B; font-family: 'Noto Sans Bold';}
.timeline-history-detail {width: 90%;margin: 0 auto 80px auto;}
.timeline-drive-detail {width: 90%;margin: 0 auto 80px auto; display: none;}
.year-wrap {cursor: pointer;}
.history-detail-row {padding-bottom: 25px; display: none;}
.section-eton-drive, .section-eton-havebg {background: url(../images/product-bg.webp) no-repeat top left;}
.etondrive-detail-box {padding-left: 25px;}
.etondrive-detail-box .btn-more {margin-top: 20px;display: inline-block;}
.etondrive-detail-row {padding-top: 35px;}
.sub-title {font-size: 30px;font-family: 'Noto Sans Thai Bold','Noto Sans Bold';}
.position-wrap {list-style: none; padding: 20px 12% 20px 0;}
.position-wrap li {display: block; border-bottom: 1px solid #DFDFDF;}
.position-wrap li a {padding: 15px 10px 20px 20px;background: url(../images/icon/arrow-list.svg) no-repeat left center;
	display: inline-block; font-size: 22px; color: #000}
.position-wrap li a:hover {color: #AE1E26}
.other-title {font-size: 25px;color: #AA121B;font-family: 'Noto Sans Thai Bold';margin: 25px 0 10px 0;}
.contact-job span a {display: block; font-size: 19px; color: #676767}
.job-wrap {padding-bottom: 70px; margin-top: 20px;}
.jobdetail-wrap {font-family: 'Noto Sans', 'Noto Sans Thai'; font-size: 25px;background: #EFEFEF; padding: 35px 45px;}
.job-count {font-size: 22px;}
.job-date {color: #AE1E26; text-align: right;font-size: 22px;}
.job-name {font-family: 'Noto Sans', 'Noto Sans Thai'; padding: 25px 0 0 0;}
.job-option {color: #AE1E26;font-family: 'Noto Sans Thai Med'; margin-top: 25px;}
.jobdetail-wrap ul {list-style: none;padding: 0; margin: 0}
.jobdetail-wrap li {padding: 0 0 0 15px; margin-bottom: 5px;background: url(../images/icon/point-list.svg) no-repeat left center;}
.section-eton-nonav {padding-top: 110px;}
.contact-wrap {padding: 70px 0; background: #F3F3F3}
.branch-name-inner {font-size: 30px;font-family: 'Noto Sans Thai Bold'; padding-top: 25px;}
.branch-name-inner span {color: #AA121B}
.branch-contact-detail-inner p {font-size: 20px;line-height: 30px;}
.branch-contact-detail-inner p a {font-size: 19px; color: #000; margin: 0 0 10px 0;}
p a {color: #000;}
p a:hover {color: #AA121B;}
.sub-contact {font-size: 20px;font-family: 'Noto Sans Bold', 'Noto Sans Thai Bold'; padding-top: 10px; text-transform: uppercase; margin: 0}
.contact-wrap .col-md-3 {border-right: 1px solid #ddd; padding-right: 50px; padding-left: 50px;}
.contact-wrap .col-md-3:last-child {border-right: none!important;}
.btn-map-big {display: inline-block; background: #AA121B; padding: 15px; text-align: center; 
	color: #fff; font-family: 'Noto Sans Med'; font-size: 11px;line-height: 11px;}
.btn-map-big svg {fill: #fff; width: 30px;height: 30px;display: block;margin: 0 auto 10px auto;}
.btn-map-big span {display: block; font-size: 14px;}
.btn-map-big:hover {color: #AA121B; background: #D9D9D9}
.btn-map-big:hover svg {fill: #AA121B;}
.contact-form-wrap {padding:  50px 0 70px 0;font-family: 'Noto Sans', 'Noto Sans Thai'; font-size: 20px;}
.contact-form-wrap label {margin-top: 15px; margin-bottom: 5px;}
.btn-form {background: #AA121B; color: #fff; text-align: center;border: none;padding: 10px;width: 110px; text-transform: uppercase;
font-size: 18px;font-family: 'Noto Sans', 'Noto Sans Thai';}
label {font-family: 'Noto Sans', 'Noto Sans Thai';font-size: 20px;}
.invalid-feedback {font-size: 14px !important;}
.contact-form-wrap .form-group input, .contact-form-wrap textarea, .popup-download-wrap .form-group input, .form-group input {background: #F3F3F3!important; border: none;}
.remark {color: #AA121B;}
.remark-txt {color: #AA121B; font-size: 17px; padding: 10px 0; margin: 0} 
#banner-drivetoshare .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
#banner-drivetoshare button.owl-prev {float: left;margin-left: 0;}
#banner-drivetoshare button.owl-next {float: right;margin-right: 0;}
.service-detail {padding: 70px 0}
.section-eton-havebg-r {background: url(../images/product-bg-r.webp) no-repeat bottom right;}
.service-detail p {font-size: 23px;line-height: 33px;}
.family-gallery-box {margin-bottom: 6px; position: relative;}
.family-gallery-box a {display: block;}
.family-gallery-box a::after {content: "";width: 100%; height: 100%; background: url(../images/icon/zoom.svg) no-repeat center rgba(0,0,0,0.75);
position: absolute;z-index: 9; opacity: 0; left: 0; top: 0;-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;}
.family-gallery-box a:hover::after {opacity: 1;-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;}
.familyday-detail-box {padding-left: 25px;}
.familyday-date, .news-date {font-size: 23px; color: #AA121B;font-family: 'Noto Sans','Noto Sans Thai';}
.familyday-name, .news-name {font-size: 25px; font-family: 'Noto Sans Bold','Noto Sans Thai Bold'; padding: 5px 0 15px 0}
.familyday-detail-box p {margin-bottom: 50px;}
.familyday-detail-row {border-bottom: 1px solid #DFDFDF; padding-bottom: 35px; margin-bottom: 35px;}
.btn-gallery {padding: 15px 30px; color: #fff; text-align: center; font-size: 21px; background: #AA121B;margin-top: 25px;
display: inline-block; margin-right: 10px;}
.btn-gallery img {margin-right: 10px;}
.btn-gallery:hover {background: #820208; color: #fff}
.familyday-img-detail {display: block;}
.box-familyday-detail {padding: 50px 0 70px 0;font-family: 'Noto Sans','Noto Sans Thai';}
.box-familyday-detail p {margin-top: 15px; margin-bottom: 25px;}
.box-familyday-detail p, .box-familyday-detail p span, .box-familyday-detail h2,
 .box-familyday-detail h3, .box-familyday-detail h4, .box-familyday-detail h2 span, 
 .box-familyday-detail h3 span, .box-familyday-detail h4 span, {font-size: 20px!important;line-height: 27px!important;color: #000000!important;
font-family: 'Noto Sans', 'Noto Sans Thai'!important;}
.box-familyday-detail ul li, .box-familyday-detail ul li *, .box-familyday-detail ol  li, .box-familyday-detail ol  li * {font-size: 20px!important;color: #000000!important;
font-family: 'Noto Sans', 'Noto Sans Thai'!important;padding-bottom: 5px;}
.title-red {text-transform: uppercase;font-size: 40px;font-family: 'Noto Sans Bold','Noto Sans Thai Bold'; color: #AA121B;font-family: 'Noto Sans Bold','Noto Sans Thai Bold';}
.title-sub-sub {font-size: 30px;font-family: 'Noto Sans','Noto Sans Thai';}
.familycare-section1 {padding: 10% 10% 0 14%;}
.box-list {list-style: none; padding: 0; margin-top: 30px;}
.box-list li {padding-left: 15px; background: url(../images/icon/choice-arrow.svg) no-repeat left top 13px; font-size: 23px;
	font-family: 'Noto Sans', 'Noto Sans Thai'; color: #000000; margin-bottom: 15px;}
.familycare-sectiongrey {background: #EBEBEB; padding: 70px 0; text-align: center;}
.title-red-center {text-align: center;font-family: 'Noto Sans','Noto Sans Thai'; font-size: 40px; color: #AA121B}
.title-red-center span {color: #000}
.etoncare-contact-list {display: flex; flex-wrap: wrap;justify-content: center; padding: 50px 0 0 0;}
.care-list {width: 18%; padding: 25px 50px; border-right: 1px solid #DFDFDF;}
.care-list:last-child {border-right: none!important;}
.etoncare-contact-name {padding: 10px 0;font-size: 25px;font-family: 'Noto Sans Bold','Noto Sans Thai Bold'; line-height: 30px;min-height: 55px;}
.etoncare-contact-name span {display: block;color: #AA121B;}
.care-list p {font-size: 23px; margin: 0}
.familycare-section2 {padding: 0 14%;}
.familycare-section2 p {margin-bottom: 50px;}
.care-benefit-list {width: 33%;}
.care-benefit-list p {font-size: 23px;}
.blog-hightlight {position: relative; margin-bottom: 50px}
.blog-hightlight-txt {position: relative;padding: 25px 0;}
.blog-hightlight-date {font-size: 23px; color:#AA121B;font-family: 'Noto Sans Thai Med'; padding: 0;
background: #fff; display: inline-block; margin-bottom: 10px;}
.blog-hightlight-name {font-size: 30px;font-family: 'Noto Sans Bold','Noto Sans Thai Bold';}
.blog-hightlight-brief {font-size: 23px; margin-bottom: 30px;}
.blog-video {display: block; position: relative; margin: 35px 0}
.btn-video-play {content: "";width: 100%; height: 100%; background: rgba(0,0,0,0.6);
position: absolute;z-index: 9; left: 0; top: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.btn-video-play svg .a,.btn-video-play svg .d{fill:none;}
.btn-video-play svg .a,.btn-video-play svg .b{stroke:#fff;}
.btn-video-play svg .a{stroke-width:2px;}
.btn-video-play svg .b{fill:#fff;stroke-linecap:round;stroke-linejoin:round;}
.btn-video-play svg .c{stroke:none;}
.btn-video-play:hover svg .a, .btn-video-play:hover svg .b {stroke:#820208}
.btn-video-play:hover svg .b{fill:#820208;}
.box-txt-right, .box-txt-left, .box-txt-center {margin: 50px 0}
.box-txt-center img {margin: 0 auto;display: block;}
.blog-txt-detail {padding: 20px 12%;font-family: 'Noto Sans Med','Noto Sans Thai Med'!important;}
.blog-txt-detail-center {padding: 35px 0;font-family: 'Noto Sans Med','Noto Sans Thai Med'!important;}
.news-box-txt {padding: 20px 0;font-family: 'Noto Sans Med','Noto Sans Thai Med'!important;}
.news-box-txt .btn-more {margin-top: 30px; display: inline-block;}
.news-box-short {padding: 0 50px 50px 0;font-family: 'Noto Sans Med','Noto Sans Thai Med'!important;}
.news-box-wrap {width: 105%}
/*.blog-hightlight:after {content: ""; width: 100%; height: 100%;background: rgba(0,0,0,0.5); position: absolute;top: 0; left: 0;z-index: 1;}*/
.btn-share {padding: 15px 30px; text-align: center; font-size: 21px; background: #fff;margin-top: 25px;
display: inline-block; margin-left: 10px;}
.btn-share img {margin-right: 10px;}
.btn-share:hover {background: #D9D9D9;}
.share-facebook {color: #3A549F}
.share-twitter {color: #03A9F4}
.wrap-gallery {width: 59%; display: inline-block;}
.wrap-share {width: 40%; display: inline-block; text-align: right;}
.section-breif-detail {text-align: center; padding: 70px 0;font-family: 'Noto Sans Med','Noto Sans Thai Med'!important;}
.product-section-title {font-size: 35px;text-transform: uppercase;font-family: 'Noto Sans Med','Noto Sans Thai Med';}
.product-section-title-sub {font-size: 35px;color: #AA121B;text-transform: uppercase;font-family: 'Noto Sans Med','Noto Sans Thai Med';}
.icon-click-download {margin: 70px auto; text-align: center;}
.icon-click-download a {display: inline-block; margin: 0 60px;}
.icn-circle {margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;align-content: center; width: 148px; height: 148px; border-radius: 100%; background: #F2F2F2; text-align: center;}
.icn-circle img {margin: 0 auto; display: block;}
.icn-txt {display: block; font-size: 25px; color: #000000; padding-top: 20px;}
.icon-click-download a:hover .icn-circle {background: #D9D9D9}
.icon-click-download a:hover .icn-txt {color: #AA121B}
#bigslideproduct .item {text-align: center;}
#bigslideproduct .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
#bigslideproduct button.owl-prev {float: left;margin-left: -12%;}
#bigslideproduct button.owl-next {float: right;margin-right: -12%;}
.slide-product {width: 80%;margin: 30px auto 0 auto;}
#thumbsslideproduct img {padding: 5px;}
.product-video {display: block; position: relative; margin: 0}
.sub-title-product {padding-bottom:25px; font-size: 40px;font-family: 'Noto Sans', 'Noto Sans Thai'; text-align: center; text-transform: uppercase;}
.section-safety, .section-color {margin: 50px 0 70px 0}
.txt-right {text-align: right;}
.box-product-txt-l {padding: 0 10% 0 0}
.section-txt-l-pic-r, .section-txtpic-full, .section-calculate {padding: 70px 0}
.section-txt-on-pic {position: relative;}
.box-txtonpic {position: absolute; bottom: 70px; right: 8%; width: 43%;line-height: 1.5;font-family: 'Noto Sans', 'Noto Sans Thai'!important;}
.box-txtonpic h3 {/*color: #fff; */font-size: 30px;font-family: 'Noto Sans Bold','Noto Sans Thai Bold';}
/*.box-txtonpic p {color: #fff;}*/
.box-txtonpic p *, .box-product-txt-l p *, .box-product-txt-r p * {line-height: 1.5;font-family: 'Noto Sans', 'Noto Sans Thai'!important;}
.box-product-txt-r {padding: 0 0 0 10%}
.box-product-txt-r *,.box-product-txt-l *,.section-txtpic-full * {line-height: 1.5;font-family: 'Noto Sans', 'Noto Sans Thai'!important;}
.box-product-txt-r p {margin-bottom: 0}
.section-txt-r-pic-l {padding: 70px 0; background: url(../images/product/bg1.webp) no-repeat right top;}
.color-list {list-style: none;padding: 0; margin: 50px auto; text-align: center;}
.color-list li {display: inline-block; margin: 0 10px}
.color-list li a {border-radius: 100%; width: 50px; height: 50px;display: block; overflow: hidden;}
.color-list li a:hover {border: 2px solid #AA121B}
.color-list-active {border: 2px solid #AA121B}
.section-eton-stock {background: #FBFBFB; padding: 70px}
.stock-menu-list {list-style: none;padding: 10px 0 35px 0; text-align: center;}
.stock-menu-list li {display: inline-block; padding: 0 10px; border-right: 1px solid #ACACAC; text-align: center;}
.stock-menu-list li a {font-size: 20px; color: #000}
.stock-menu-list li a:hover {color: #AA121B}
.stock-menu-active {color: #AA121B!important;font-family: 'Noto Sans Bold';}
.box-color-list {list-style: none;padding: 0; margin: 0; text-align: center; display: inline-block;}
.box-color-list li {display: inline-block; margin: 0 3px;border-radius: 100%; width: 15px; height: 15px;display: inline-block; overflow: hidden;}
.box-color-list li img {width: 100%;display: block;}
.label-stock {display: inline-block; font-size: 20px; color: #000; margin-right: 10px}
.stock-name {font-size: 20px; color: #000; padding-bottom: 25px;}
.stock-box-list-detail {padding: 25px;}
.stock-box-list {background: #fff;border: 2px solid rgba(255,255,255,0)}
.stock-box-list:hover {border: 2px solid #AA121B}
.stock-box-list-img img {width: 100%;}
.select-compare {padding: 0 25px 25px 25px; color: #000; font-size: 20px;font-family: 'Noto Sans Thai';}
.popup-download-wrap {display: none;}
.title-popup {font-size: 35px; text-transform: uppercase;font-family: 'Noto Sans', 'Noto Sans Thai';}
.title-popup span {color: #AA121B}
#pop-download-spac {width: 50%}
.popup-download-wrap label {margin-top: 20px; margin-bottom: 5px;}
.popup-download-wrap .form-check label {margin-top: 0;}
.popup-download-wrap .form-check {margin-bottom: 5px;}
.label-color-name {font-family: 'Noto Sans','Noto Sans Thai'!important;display: inline-block; font-size: 20px; color: #000; margin-right: 10px;}
.color-box {display: inline-block; border-radius: 100%; width: 15px; height: 15px;display: inline-block; overflow: hidden;}
.color-box img {width: 100%;display: block;}
.model-color {display: flex;flex-wrap: wrap;}
.model-color-box {width: 14%;display: inline-block;padding: 0 15px 25px 0;}
.model-color-name {padding: 10px;}
#thumbsslideproduct-ex img, #thumbsslideproduct-in img {padding: 5px;}
#bigslideproduct-in .item, #bigslideproduct-ex .item {text-align: center;}
#bigslideproduct-in .owl-nav, #bigslideproduct-ex .owl-nav {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
#bigslideproduct-in button.owl-prev, #bigslideproduct-ex button.owl-prev {float: left;margin-left: -12%;}
#bigslideproduct-in button.owl-next, #bigslideproduct-ex button.owl-next {float: right;margin-right: -12%;}
.slide-wrap {margin-bottom: 50px;}
.slide-exterior {margin-bottom: 100px;}
.icon-title {font-size: 29px;font-family: 'Noto Sans Thai'; margin: 30px 0;}
.icon-title img {margin-right: 10px;}
.sectiongrey {background: #FBFBFB; padding: 70px 0; text-align: center;}
.calculate-select {padding: 0 50px;}
.calculate-box {padding: 15px 50px 35px 50px; background: #EFEFEF; font-size: 18px;font-family: 'Noto Sans', 'Noto Sans Thai';}
.label-price {font-size: 20px; display: inline-block;font-family: 'Noto Sans Thai Bold'; margin-right: 5px;}
.car-price {font-size: 18px; display: inline-block;font-family: 'Noto Sans Bold'; color: #AA121B}
.calculate-checkbox .form-check input {margin-top: 10px;}
.calculate-checkbox > .row, .calculate-box > .row {margin-top: 15px;}
.label-price-load {font-size: 20px;font-family: 'Noto Sans Thai Med';}
.car-price-load {font-size: 20px; color: #AA121B;font-family: 'Noto Sans Med';}
.calculate-box img {margin: 0 auto; display: block;}
.btn-calculate {margin-top: 20px;}
.btn-contact {padding: 15px 30px; color: #fff; text-align: center; font-size: 17px; background: #AA121B;
display: inline-block;}
.btn-contact:hover {color: #fff; background: #820208}
.remark-small {font-size: 17px; color: #AA121B}
.remark-caculate {padding-top: 25px;}
.dropdown-menu-selectfilter {display: inline-block; width: 150px;}
.dropdown-menu-selectfilter-model {display: inline-block; width: 100%;}
.wrapper-dropdown {position: relative;margin: 0 auto;padding: 10px 15px;position: relative;cursor: pointer;
	outline: none;text-transform: uppercase;font-size: 17px;color: #474747;font-weight: bold;
	background: url(../images/icon/arrow-down-choice.svg) no-repeat center right 10px #EFEFEF;background-size: 10px;
	font-family: 'Noto Sans', 'Noto Sans Thai';border: none;appearance: none;}
.wrapper-dropdown option {font-family: 'Noto Sans', 'Noto Sans Thai';}
.wrapper-dropdown:after {position: absolute;display: block;content: '';width: 10px;height: 10px;top: 50%;right: 25px;
margin-top: -3px;border-bottom: 2px solid #AE1E26;border-right: 2px solid #AE1E26;transform: rotate(45deg) translateY(-50%);
transition: all .4s ease-in-out;transform-origin: 50% 0;}
.wrapper-dropdown .dropd {text-align: center;z-index: 9;position: absolute;display: block;top: 100%;left: 0;right: 0;
	min-width: 100%;margin: 15px 0;padding: 0;border: 1px solid #cccccc;box-sizing: border-box;box-shadow: 0 2px 1px rgba(0,0,0,.07);background: #fff;transition: all .4s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);}
.wrapper-dropdown .dropd li{display: block;text-decoration: none;width:100%;padding: 0 22px;
	border-bottom: 1px solid #cccccc;font-size: 13px;color: #000000;line-height: 47px;font-weight: normal;
	-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 a {display: block;}
.wrapper-dropdown .dropd li i {margin-right: 5px;color: inherit;vertical-align: middle;}
.wrapper-dropdown .dropd li:hover a {color: grey;}
.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);}
.wrapper-dropdown.active .dropd::before {position: absolute;display: block;content: '';bottom: 100%;right: 22px;
width: 12px;height: 12px;margin-bottom: -4px;border-top: 1px solid #b5b5b5;border-left: 1px solid #b5b5b5;
background: #fff;transform: rotate(45deg);transition: all .4s ease-in-out;}
.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;}
.filter-label {font-size: 25px; color: #000;font-family: 'Noto Sans Thai Med'; display: inline-block; padding-right: 10px;}
.choice-filter {text-align: center;}
.select-wrap {display: inline-block;margin-right: 20px;}
.btn-filter {display: inline-block;}
.filter-sort {width: 250px;}
.filter-year {width: 200px;}
.label-choice-price {font-size: 20px; color: #AA121B;margin-top: -25px;}
.choice-list {background: #F2F2F2}
.choice-box-list-wrap {padding: 0 0 70px 0;}
.slide-detail-inner {padding: 50px 80px 50px 20%;}
.etonchoice-price {font-size: 30px; font-family: 'Noto Sans Thai Bold','Noto Sans Bold';}
#pop-loan {width: 60%}
.table-compare {font-size: 18px;font-family: 'Noto Sans', 'Noto Sans Thai'; margin-bottom: 70px!important;}
.table-compare span {width: 25px; color: #AA121B;display: inline-block;}
.table-compare th {font-family: 'Noto Sans Thai Bold','Noto Sans Bold';font-size: 18px;
background-color: #FBFBFB!important; vertical-align: middle;}
.table-compare td {padding: 25px 15px !important;}
.table-compare td td {padding: 0 !important;}
.table-icon-span {width: 20px;}
.delete-btn {position: absolute; right: 0; top: 0; padding: 10px 20px; background: #AA121B; color: #fff;}
.compare-img {position: relative;font-family: 'Noto Sans Bold';}
.menumain-active {background: #820208!important;color: #fff!important;}
.wrap-subproduct {display: none; position: absolute;left: 0;width: 100%;}
.product-select .box-product-menu a, .box-product-menu a:hover {border: 1px solid #AA121B!important;}
.job-active {color: #AE1E26!important;font-family: 'Noto Sans Thai Bold';}
.section-white {padding: 70px 0;}
.show-mobile {display: none;}
.txt-left {text-align: left;}
.car-model-color {position: relative;}
.car-molel {position: relative;width: 100%;}
.wrap-carcolor {display: none;}
.dropsub-menulist svg {display: none;}
.box-product-submenu-list img {display: block;max-width: 180px;}
.model-colorselect {border: 2px solid #AE1E26!important;display: block;}
.select-mobile {display: none;}
.select-branch {display: inline-block;width: 100%;margin: 0;border-radius: 3px;
	-webkit-appearance: none;-moz-appearance: none;font-family: 'Noto Sans', 'Noto Sans Thai';
	background: url(../images/icon/arrow-down.webp) no-repeat right 15px center #F3F3F3;
	background-size: 10px;border: none;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;}
.policy-form-check .form-check-label {font-size: 17px;}
.product-select:after {position: absolute;left: 50%; bottom: 0;transform: translate(-50%, 0);content: ""; width: 30px; height: 30px; background: url(../images/icon/arrow-product-select.svg) no-repeat center;}
.product-select {position: relative;padding-bottom: 35px;}
.familycare-section1-wrap img, .familycare-section2-wrap img {padding: 5px 0;}
#slide-product-menu-cate .owl-item {position: unset!important;-moz-transform: unset;}
#slide-product-menu-cate .item {position: unset!important;}
#slide-product-menu-cate .owl-stage {min-height: 300px;}
#sliderthumbnail .slides > li,#sliderthumbnail-ex .slides > li,#sliderthumbnail-in .slides > li {border: 3px solid #fff;}
#sliderthumbnail .flex-active-slide,#sliderthumbnail-ex .flex-active-slide,#sliderthumbnail-in .flex-active-slide {border: 3px solid #AA121B!important;}
#pop-download-spec {width: 55%;}
.cate-active {padding-bottom: 50px;/*background: #b6b6b6!important;*/}
.wrap-subproduct {top: 180px;}
.blog-breif .title-txt-brief, .news-breif .title-txt-brief {min-height: 60px;}
.blog-breif p, .news-breif p {min-height: 85px;}
.clear-flex {clear: both;}
#timeline-img .owl-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
#timeline-img button.owl-prev {
    float: left;
    margin-left: 0;
}
#timeline-img button.owl-next {
    float: right;
    margin-right: 0;
}
#timeline-year .owl-stage {margin: 0 auto!important;}
.care-list-link a svg .a{fill:none;stroke:#575757;stroke-linejoin:round;stroke-width:1.5px;}
.care-list-link a:hover svg .a{stroke:#820208;}
.care-call a svg .a{fill:#575757;}
.care-call a:hover svg .a {fill:#820208;}
#sliderbig,#sliderbig-ex,#sliderbig-in {margin-bottom: 10px;}
/*.flex-direction-nav a:before {
    content: " "!important;
    display: block;
    background: url('../images/icon/arrow-box-l.svg') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.flex-direction-nav a.flex-next:before {
    content: " "!important;
    display: block;
    background: url('../images/icon/arrow-box-r.svg') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}*/
.flex-direction-nav a:before {
    content: " "!important;
    display: block;
    background: url('../images/icon/arrow-box-l-1.svg') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.flex-direction-nav a.flex-next:before {
    content: " "!important;
    display: block;
    background: url('../images/icon/arrow-box-r-1.svg') no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}
.flexslider .flex-direction-nav .flex-next {
    right: 5px!important; /* adjust offset to match the hover style */
    opacity: 1; /* adjust opacity to match the hover style */
}

.flexslider .flex-direction-nav .flex-prev {
    left: 5px!important; /* adjust offset to match the hover style */
    opacity: 1; /* adjust opacity to match the hover style */
}
.table-col-label {min-width: 232px;width: 20%;}
.table-col-detail {width: 20%;min-width: 230px;}
.table-compare tr {display: flex;flex-wrap: nowrap;}
.table-separate-type {display: block;}
.table-separate-type th {width: 100%;}
.download-thank-wrap {text-align: center;padding: 25px;}
.download-thank-wrap h4 {font-family: noto sans,noto sans thai;}
.download-thank-wrap p {font-size: 18px;}
.section-txt-on-pic img {display: block;margin: 0 auto;}
.timeline-bullet {list-style: none;margin: 0;padding: 0}
.timeline-bullet li {padding-bottom: 15px;font-size: 20px;line-height: 27px;color: #000000;font-family: 'Noto Sans', 'Noto Sans Thai';}
.timeline-bullet li::before {color: #aa121b;display: inline-block;content: "";width: 10px;background: #aa121b;border-radius: 100%;height: 10px;margin-right: 10px;}
.show-choice-mb {display: none!important;}
.owl-theme .owl-nav [class*="owl-"]:hover {background: unset!important;}
.stock-list-name {padding-bottom: 5px!important;}
.stock-colorname {padding-bottom: 10px!important;font-size: 18px;color: #000;}
.productgroup-active {background: #b6b6b6!important;}
.productgroup-sub-active {background: #b6b6b6!important;}
a.btn-wa{text-decoration:none}
.btn-wa{position:fixed;top:90vh;left:95%;display:flex;justify-content:center;align-items:center;background:#25d366;width:55px;height:55px;border-radius:50px;box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0 8px 16px -8px;cursor:pointer;z-index:1;transition:left 2s,width 1s,height 1s}
.bxl-whatsapp img{width:35px;height:auto}
.btn-wa:hover{width:65px;height:65px}


/*responsive*/
@media only screen and (max-width: 1700px) {
.branch-contact-detail {padding-left: 15px;}
.branch-contact-detail p a {display: block;margin-bottom: 0}
.branch-name,.filter-label {font-size: 20px}
#timeline-year button.owl-next {margin-right: -35px;}
#timeline-year button.owl-prev {margin-left: -35px;}
.maintitle, .wrapper-txt-center h2, .wrapper-txt-center h1, .txt-float, .main-title-inner, .sub-title-inner,
.history-year, .sub-title-product, .title-red-center,.title-red {font-size: 35px;}
.service-list-txt, .eton-choice-name, .title-txt-brief, .sub-title, .job-name, .job-option, .icn-txt,
.title-popup, .title-sub-sub,.blog-hightlight-name, .familyday-name, .news-name,.branch-name-inner 
{font-size: 23px;}
.product-section-title,.product-section-title-sub {font-size: 30px;}
.etoncare-contact-name {font-size: 21px; line-height: 25px;}
.box-txtonpic h3 {font-size: 25px;}
.service-emergency h3 a, .menufooter li a, .service-emergency h3 span, .position-wrap li a, .other-title
.job-count, .job-date, .care-list p,p, .etonchoice-slide-detail ul li, .eton-choice-contact h4, 
.eton-choice-contact a, .branch-contact-detail p a, .jobdetail-wrap li, label, .service-detail p, 
.blog-hightlight-brief,.familyday-date, .news-date,.box-familyday-detail p,.box-list li,
.care-benefit-list p,.table-compare th,.timeline-bullet li {font-size: 19px;}
.box-familyday-detail ul li, .box-familyday-detail ul li *, .box-familyday-detail ol li, .box-familyday-detail ol li * {font-size: 19px!important;}
.popup-download-wrap label,.sub-contact {font-size: 18px}
.btn-more, .copyright, .btn-form, .btn-contact, .calculate-box, .remark-small, .btn-gallery,.btn-share,
.table-compare {font-size: 16px}
p {line-height: 27px;}
.etonchoice-slide-detail ul li {margin-bottom: 2px;}
.eton-choice-contact {padding: 10px 0 15px 0;}
.wrapper-txt-center h2, .wrapper-txt-center h1 {line-height: 40px;}    
.blog-hightlight-name {line-height: 35px;}    
.#navwrap {padding: 25px 0 25px 0;}
.about-detail p {padding: 15px 12% 15px 12%}
.about-detail p br {display: none;}
.drivetoshare-breif {padding: 35px;}
.sub-title-inner {padding-bottom: 25px;}
.section-history, .section-breif-detail, .sectiongrey, .section-white, .service-detail,.familycare-sectiongrey,
.familycare-sectiongrey,.contact-wrap, .section-txt-r-pic-l,.section-txt-l-pic-r, .section-txtpic-full, 
.section-calculate {padding: 50px 0;}
.timeline-history-detail {margin: 0 auto 35px auto;}
#navwrap, .navdefault {font-size: 14px;}
.icon-click-download {margin: 50px auto 25px auto;}
.choice-box-list-wrap {padding: 0 0 35px 0;}
.calculate-box {padding: 15px 35px 35px 35px;}
.remark-small,.branch-contact-detail-inner p {line-height: 25px;}
footer {padding: 70px 0;}
.section-eton-nonav {padding-top: 80px;}
#navwrap {padding: 25px 0;}
.family-gallery-box {margin: 3px;}
.box-list li {background: url(../images/icon/choice-arrow.svg) no-repeat left top 10px;}
.contact-wrap .col-md-3 {padding-right: 30px;padding-left: 30px;}
.calculate-box .col-9 {padding: 0}
.sub-headmenu ul li a {padding: 15px 10px;}
}
@media only screen and (max-width: 1536px) {
.branch-contact-detail {padding-left: 5px;width: 60%;}
.btn-map {padding: 10px 7px;}
.branch-contact-detail p {min-height: 55px;margin-bottom: 0;}
.stock-name {font-size: 18px;min-height: 80px;}
.care-list p {font-size: 20px;}
.footer-fms {margin-top: -65px !important;}
.cate-active {padding-bottom: 80px;}
}

@media only screen and (max-width: 1440px) {
.main-menu ul {padding-left: 15px;}
.sub-headmenu ul li a {padding: 15px 10px;}
footer .col-md-7, footer .col-md-5 {width: 100%}
footer {padding: 90px 0 50px 0}
.branch-contact-detail p a {display: inline-block;}
.care-list p,.care-benefit-list p {font-size: 18px;}
.etoncare-contact-name {font-size: 19px;}
#banner-drivetoshare .owl-nav {top: 43%;}
.ft-menu,.ft-contact {width: 100%!important;float: unset;}
.menufooter li {width: 100%;}
.footer-social li {width: 70px;}
.ft-contact,.footer-social {text-align: left;}
.footer-fms {margin-top: 15px !important;}
.menufooter li a {display: inline-block;}
}

@media only screen and (max-width: 1366px) {
.main-menu ul li a span {padding: 0 10px;}	
.label-menu, .main-menu ul li a,.menucompare a {font-size: 16px;}
.sub-headmenu ul li a, .tel-head a {font-size: 19px;}
main {margin-top: 140px;}
.box-product-menu a {width: 200px;height: 200px;}
.name-product-cate-menu,.icon-title {font-size: 23px;}
.etonchoice-slide-detail {padding: 25px;}
.wrapper-txt-center {padding: 30px 50px;}
.timeline-history {width: 90%;margin: 0 auto;}
.timeline-line {left: -12px;}
.slide-detail-inner {padding: 50px !important;}
.care-list {padding: 25px;}
.calculate-box {padding: 5px 20px 35px 20px;}
.sub-headmenu ul li a, .tel-head a {font-size: 17px;}
.contact-address {min-height: 75px;}
.box-product-submenu-list img {max-width: 125px;}
.cate-active {padding-bottom: 115px;}
}

@media only screen and (max-width: 1280px) {
.sub-headmenu ul li a {padding: 15px 5px;}
.box-product-menu a {width: 170px;height: 170px;}
.section-product {padding: 50px 0;}
.news-breif, .blog-breif {padding: 25px;}
.eton-choice-contact {padding: 0 0 5px 0;}
.wrapper-txt-center {padding: 30px 40px;}
.logo-eton-choice, .icon-car-etonchoice {width: 100px;}
.etonchoice-price {font-size: 25px;}
.calculate-wrap .col-md-4 {width: 50%}
.calculate-wrap .col-md-4:first-child {width: 100%!important; padding-bottom: 35px}
.btn-gallery img {width: 25px;}
.btn-gallery {padding: 10px 20px;}
.familycare-section1 {padding: 31px 5% 0 8%;}
.familycare-section2 {padding: 25px 8%;}
.btn-map-big {padding: 8px;}
.name-product-cate-menu, .icon-title {font-size: 14px;}
.box-product-submenu-model-wrap {padding: 0 1%;}
#banner-drivetoshare .owl-nav {top: 38%;}
.cate-name,.box-product-submenu-model-wrap li a {font-size: 11px;}
.cate-active {padding-bottom: 60px;}
.wrap-subproduct {top: 135px;}
footer {padding: 65px 0 35px 0;}
footer .col-md-7 {width: 64%;}
footer .col-md-5 {width: 36%;}
.branch-contact-detail p a {font-size: 15px;}
.branch-contact-detail {width: 58%;}
.branch-name {font-size: 16px;}
.btn-map {
  padding: 10px 7px;
  margin: 0 0 0 0;
}
.branch-contact-detail p {
  min-height: 58px;}
.service-list-txt, .eton-choice-name, .title-txt-brief, .sub-title, .job-name, .job-option, .icn-txt, .title-popup, .title-sub-sub, .blog-hightlight-name, .familyday-name, .news-name, .branch-name-inner {
  font-size: 18px;
}
.service-emergency h3 a, .menufooter li a, .service-emergency h3 span, .position-wrap li a, .other-title .job-count, .job-date, .care-list p, p, .etonchoice-slide-detail ul li, .eton-choice-contact h4, .eton-choice-contact a, .branch-contact-detail p a, .jobdetail-wrap li, label, .service-detail p, .blog-hightlight-brief, .familyday-date, .news-date, .box-familyday-detail p, .box-list li, .care-benefit-list p, .table-compare th, .timeline-bullet li {
  font-size: 15px;
}
.etonchoice-slide-detail ul li *,.etonchoice-slide-detail p * {font-size: 15px!important;}
.btn-more, .copyright, .btn-form, .btn-contact, .calculate-box, .remark-small, .btn-gallery, .btn-share, .table-compare {
  font-size: 13px;
}
.main-menu ul li a {padding: 17px 0;}
#menumain2 {
  padding: 5px 0 !important;
}
.logobrand {
  width: 85px;
}
main {
  margin-top: 115px;
}
.blog-breif .title-txt-brief, .news-breif .title-txt-brief {
  min-height: 50px;
}
.contact-job span a {font-size: 15px;}
.box-familyday-detail div * {font-size: 15px!important;}
.dropmain-menulist {margin-top: 58px !important;}
.dropmain-menulist li a {font-size: 15px !important;padding: 5px 30px !important;}
.dropmain-menulist li a img {width: 25%;}
.dropmain-menulist li a span {width: 73%;}
.main-title-inner * {font-size: 35px!important;}
.section-breif-detail *,.box-product-txt-r *,.box-product-txt-l *,.section-txtpic-full * {font-size: 15px!important;}
.stock-name {
  font-size: 15px;
  min-height: 50px;
}
.section-txtpic-full h1,.section-txtpic-full h1 *,.section-txtpic-full h2,.section-txtpic-full h2 * {font-size: 35px!important;}
.stock-colorname {font-size: 15px;}
.section-eton-nonav {
  padding-top: 35px;
}
.branch-contact-detail-inner p,.branch-contact-detail-inner p a,.policy-form-check .form-check-label,.remark-txt {font-size: 15px;}
.footer-social li {
  width: 45px;
}
.ft-menu {
  float: left;
  width: 65%!important;
}
.ft-contact {
  float: right;
  width: 30%!important;
}
.footer-fms {
  margin-top: 0 !important;
}
}

@media only screen and (max-width: 1199px) {
.hide-mobile {display: none;}
.show-mobile {display: block;}
#mainmenu-button-mb {display: inline-block;color: #fff; border-radius: 100px;position: relative;
	cursor: pointer;transition: all linear .3s;z-index: 999;padding: 0;text-align: right; margin: 5px 0 0 10px;
	width: 45px;vertical-align: middle;}
.wrap-menu-btn {position: relative;display: inline-block;width: 35px;vertical-align: middle;}
#burgerline-1, #burgerline-2, #burgerline-3 {height: 2px;margin: 0 0 9px 0;transition: all linear .3s;
	display: block;float: right;border-radius: 50px;background: #AA121B; width: 100%}
#burgerline-2.active {opacity: 0;}
#burgerline-1.active {-webkit-transform: translate(0px,10px) rotate(45deg);transform: translate(0px,12px) rotate(45deg);width: 100%;}
#burgerline-3.active {-webkit-transform: translate(0px, -10px) rotate(-45deg);transform: translate(0px, -10px) rotate(-45deg);}
#menumainwrap {max-width: 1199px;width: 100%;padding: 60px 30px;color:#fff;display: none;position: fixed; 
	overflow: hidden; z-index: -1;overflow-y: auto;top: 120px;left: 0;height: 100vh;background: #505050; 
	border-top: 1px solid #ccc;}
#menumainwrap ul {padding: 35px 0; display: block;}
#menumainwrap ul li {text-align: left;width: 100%;margin: 0;padding: 0;line-height: initial;}
#menumainwrap ul li a {padding: 10px 3% 10px 0;margin: 0; display: block; color: #fff}
#menumainwrap .submenu-button-mb {position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 46px;width: 70%;cursor: pointer;}
#menumainwrap ul ul {position: relative !important;display: none;margin-left: 0;margin-bottom: 0;padding: 0}
#menumainwrap ul li li {padding: 0 0 0 5px;margin: 0!important;}
#menumainwrap ul li li a {padding: 0 3% 10px 0;}
#menumainwrap ul a:hover {color: #AA121B;}
.tab-menu-product {margin-left: -6%;width: 112% !important;max-width: unset !important;}
.main-menu {background: #AA121B;text-align: center;}
.label-menu {color: #fff}
.main-menu ul li a {color: #fff;padding: 15px;}
.main-menu ul li a span,.main-menu ul li a:hover span, .menuactive span {border-right: unset;}
.main-menu ul {padding-left: 0;}
.dropmain-menulist {margin-top: 60px !important;}
.logobrand {width: 100px;padding: 10px 0;}
.menucompare {padding-right: 25px;border-right: 1px solid #ddd;margin-top: 15px;}
.tel-head {display: inline-block;padding-left: 0;text-align: left!important;width: 100%;}
.sub-headmenu ul li a:hover, .dropsub-menulist li a:hover, .menumain-active {background: unset!important;}
.sub-headmenu {width: 50%;}
.dropsub-menulist {margin-top: 0 !important;}
.sub-headmenu ul ul {opacity: 1;visibility: visible;}
.dropsub-menulist {background: unset;box-shadow: unset;width: 100%;}
.dropsub-menulist li {border-bottom: unset;}
.dropsub-menulist li a {color: #fff!important;}
.dropsub-menulist svg .a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.dropsub-menulist svg {display: inline-block;position: relative;right: unset;top: unset;margin-right: 10px;}
#slide-productmenu .owl-item img {width: 125px;}
.box-product-menu a {width: 145px;height: 145px;}
.etonchoice-slide-detail {padding: 50px;}
.section-family-member,.family-banner {width: 100%}
.logo-eton-choice {z-index: 9;}
#banner-blog {margin-bottom: 30px;}
.footer-social {width: auto;}
.about-detail {margin-bottom: 10px;}
.drivetoshare-breif p br {display: none;}
.timeline-line {bottom: 68px;}
.select-wrap {width: 30%;}
.filter-label {display: block;padding-right: 0;padding-bottom: 5px;}
.dropdown-menu-selectfilter {display:block;width: 95%!important;}
.btn-filter {display: block;margin-top: 20px;}
.care-list {padding: 5px;width: 25%;}
.section-eton-stock {padding: 70px 0;}
.model-color-box {width: 25%;padding: 0 5px 25px 5px;}
.calculate-select {padding: 0 50px 0 20px;}
.calculate-box .col-9 {padding: 0}
#pop-loan {width: 95%;}
#pop-download-spac {width: 70%;}
.wrap-gallery {width: 49%;}
.wrap-share {width: 50%;}
.familycare-section1-wrap {padding-bottom: 50px;}
.familycare-section2-wrap {padding-top: 50px}
.btn-map-big {width: 100%;margin-bottom: 10px;}
#menumain2 {padding: 5px 0 !important;}
.drivetoshare-box {background: unset;}
.box-product-submenu-model-wrap {padding: 0 1%;}
.contact-address {min-height: unset;}
.rowcontact-detail {margin-bottom: 35px}
.jobdetail-wrap,.job-count,.job-date {font-size: 20px;}
#pop-download-spec {width: 70%;}
.service-list-txt {left: 22px;font-size: 20px;}
.care-list {width: 30%;margin-bottom: 50px;}
.box-product-submenu-wrap {padding: 0 20px;}
.cate-active .cate-name, .box-product-submenu-list > a:hover .cate-name {font-family: 'Noto Sans', 'Noto Sans Thai';}
.box-product-submenu-list {padding: 15px;}
footer .col-md-7, footer .col-md-5 {
  width: 100%;
}
.main-title-inner *,.section-txtpic-full h1,.section-txtpic-full h1 *,.section-txtpic-full h2,.section-txtpic-full h2 * {font-size: 25px!important;}
.ft-menu,.ft-contact {width: 100%!important;float: unset;}
.menufooter li {width: 100%;}
.footer-social li {width: 70px;}
.ft-contact,.footer-social {text-align: left;}
.footer-fms {margin-top: 15px !important;}
.menufooter li a {display: inline-block;}
}


@media only screen and (max-width: 850px) {
.btn-wa {left: 75%;}
#slide-productmenu .owl-nav {top: 36%;}
.branch-contact-detail {width: 58%;}
.btn-map {margin: 0 0 5px 0;}
.label-menu, .main-menu ul li a, .menucompare a {font-size: 14px;}
.dropdownsubmenu svg {top: 20px;}
.maintitle, .wrapper-txt-center h2, .wrapper-txt-center h1, .txt-float, .main-title-inner, .sub-title-inner, 
.history-year, .sub-title-product, .title-red-center, .title-red {font-size: 25px;}
.name-product-cate-menu, .icon-title {font-size: 20px;}
.box-product-submenu-wrap {padding: 0 30px; margin-top: 15px;}
.service-list-txt, .eton-choice-name, .title-txt-brief, .sub-title, .job-name, .job-option, .icn-txt, .title-popup, 
.title-sub-sub, .blog-hightlight-name, .familyday-name, .news-name, .branch-name-inner {font-size: 18px;}
.service-list-txt {line-height: 23px;font-size: 20px;}
.product-section-title, .product-section-title-sub {font-size: 23px;}
.service-emergency h3 a, .menufooter li a, .service-emergency h3 span, .position-wrap li a, .other-title .job-count, 
.job-date, .care-list p, p, .etonchoice-slide-detail ul li, .eton-choice-contact h4, .eton-choice-contact a, 
.branch-contact-detail p a, .jobdetail-wrap li, label, .service-detail p, .blog-hightlight-brief, 
.familyday-date, .news-date, .box-familyday-detail p, .box-list li, .care-benefit-list p, 
.table-compare th, .stock-menu-list li a, .stock-name, .label-color-name,.job-count,.remark-txt,.timeline-bullet li  {font-size: 16px;}
.box-familyday-detail ul li, .box-familyday-detail ul li *, .box-familyday-detail ol li, .box-familyday-detail ol li * {font-size: 16px!important;}
.box-txtonpic {position: relative;bottom: unset;right: unset;color: #000;width: 100%;padding: 0 5% 35px 5%;}
.box-txtonpic h3, .box-txtonpic p {color: #000}
.section-history, .section-breif-detail, .sectiongrey, .section-white, .service-detail, .familycare-sectiongrey, 
.familycare-sectiongrey, .contact-wrap, .section-txt-r-pic-l, .section-txt-l-pic-r, .section-txtpic-full, 
.section-calculate {padding: 35px 0;}
.box-product-txt-r {padding: 35px 0 0 0;}
.section-safety, .section-color {margin: 35px 0 50px 0;}
.section-eton-stock {padding: 50px 0;}
.stock-menu-list li {margin-bottom: 5px;}
.model-color-box {width: 33%;}
.calculate-wrap .col-md-4 {width: 100%;padding-bottom: 35px;}
.about-detail p {padding: 0 12% 15px 12%;}
.drivetoshare-breif {padding: 25px 35px;}
.sub-title-inner {padding-bottom: 15px;}
.year-label,.other-title {font-size: 20px;}
.timeline-line {bottom: 70px;}
.branch-name, .filter-label,.etoncare-contact-name {font-size: 18px;}
footer {padding: 50px 0 30px 0;}
.dropsub-menulist svg {top: 0 !important;}
.main-title-inner {padding-bottom: 25px;}
.wrap-gallery,.wrap-share {width: 100%;}
.btn-share {padding: 0;margin-left: 0; margin-right: 15px;}
.wrap-share {text-align: left;}
.btn-share img {margin-right: 5px;width: 26px;}
.blog-txt-detail {padding: 20px 0 0 0;}
.box-txt-right, .box-txt-left, .box-txt-center {margin: 25px 0 0 0 ;}
.blog-video {margin: 25px 0 0 0;}
.familyday-detail-box {padding: 25px 0 10px 0;}
.box-familyday-detail {padding: 25px 0 70px 0;}
.familycare-section1 {padding: 30px 35px;}
.familycare-section1-wrap, .familycare-section2-wrap {padding-bottom: 0;}
.care-list {width: 30%;margin-bottom: 35px;}
.familycare-section2-wrap {padding-top: 0;}
.care-benefit-list {width: 100%;margin-bottom: 30px;display: block;}
.branch-contact-detail-inner {margin-bottom: 30px;}
.sub-headmenu {width: 100%;}
#banner-drivetoshare .owl-nav {top: 50%;}
.blog-breif .title-txt-brief, .news-breif .title-txt-brief {min-height: unset;}
.delete-btn {top: -15px;padding: 0px 7px;}
.box-product-submenu-list-wrap {display: block;}
.wrap-subproduct {display: block !important;position: relative;width: 100%;bottom: unset;margin-bottom: 35px;opacity: 1 !important;}
.box-product-submenu-list {width: 100%;}
.box-product-submenu-wrap, .box-product-submenu-model-wrap {position: relative;}
.box-product-submenu-wrap {top: unset;}
.cate-active {padding-bottom: 0;background: unset!important;}
.cate-name {color: #fff;background: #AA121B;}
.box-product-submenu-list > a {cursor: auto;}
.box-product-submenu-list-wrap {padding-bottom: 0;}
.btn-map {padding: 10px 6px;}
.branch-contact-detail {padding-left: 5px;padding-top: 0;}
.footer-social li {width: 55px;padding: 5px 10px 5px 0;}
.footer-fms {margin-top: 0 !important;}
.productgroup-sub-active {background: unset!important;}
.box-product-submenu-model-wrap {padding: 0;}
.box-product-submenu-list {
  padding: 35px 15px 15px 15px;
}
.wrap-subproduct {
  top: unset;margin-bottom: 0;
}
#banner-service-detail .owl-dots {margin-top: -25px;}
}

@media only screen and (max-width: 768px) {
.branch-contact-detail {width: 53%;}
.main-menu ul li a span {padding: 0 10px;}
.main-menu ul li a {padding: 15px 10px;}
}

@media only screen and (max-width: 686px) {
.section-etonchoice {margin: 5px 0 0 0;}
.service-list-box {padding: 0;}
.section-product {padding: 70px 0 50px 0;}
.section-blog-news {padding-top: 15px;}
.branch-contact-detail {width: 50%;}
.icon-click-download a {margin: 0 32px;}
.box-product-txt-l {padding: 0;}
.position-wrap {display: none;}
.select-mobile {display: block;}
.select-mobile select {display: inline-block;width: 100%;margin: 0;border-radius: 3px;
	-webkit-appearance: none;-moz-appearance: none;font-family: 'Noto Sans', 'Noto Sans Thai';
	background: url(../images/icon/arrow-down.svg) no-repeat right 15px center #AA121B;
	background-size: 10px;border: none;color: #fff;padding: 10px;font-size: 18px;}
.select-wrap {width: 100%;margin-right: 0;margin-bottom: 15px;}
.btn-filter {margin-top: 0;}
.choice-filter {margin-bottom: 50px;}
.dropdown-menu-selectfilter {width: 100% !important;}
.blog-hightlight-txt {position: relative;padding: 25px 0;}
.blog-hightlight::after {background: none;}
.blog-hightlight-name, .blog-hightlight-brief {color: #000;}
.blog-hightlight-date {padding: 0;margin-bottom: 0;}
.main-menu ul li a span {line-height: normal;}
.dropdown-menu-selectfilter .wrapper-dropdown {width: 100%!important;}
.branch-contact-detail {width: 100%;padding: 15px 0 0 0;}
.hide-choice-mb {display: none!important;}
.show-choice-mb {display: inline-block!important;vertical-align: bottom;padding-left: 15px;border-left: 1px solid #ddd;}
.show-choice-mb a {text-align: center;font-size: 14px;color: #000;line-height: 14px;}
.show-choice-mb span {display: block;}
.menucompare {padding-right: 15px;border-right: none;}
#banner-highlight-product button.owl-prev,#banner-highlight button.owl-prev,#banner-campaign button.owl-prev,#banner-service-detail button.owl-prev {margin-left: 5px;height: 30px;width: 30px;}
#banner-highlight-product button.owl-next,#banner-highlight button.owl-next,#banner-campaign button.owl-next,#banner-service-detail button.owl-next {margin-right: 5px;height: 30px;width: 30px;}
}

@media only screen and (max-width: 575px) {
.history-detail-box {padding-top: 15px;}
.drivetoshare-breif {padding: 25px 20px;}
.timeline-history-detail {width: 100%;}
#pop-download-spec,#pop-download-brochures {width: 90%;padding: 20px;}
.stock-name {min-height: unset;}
.care-list {width: 50%;border-right: unset;}
.icon-click-download a {margin: 0 32px 50px 32px;}
#bigslideproduct button.owl-prev,#bigslideproduct-in button.owl-prev, #bigslideproduct-ex button.owl-prev {margin-left: 0;}
#bigslideproduct button.owl-next,#bigslideproduct-in button.owl-next, #bigslideproduct-ex button.owl-next {margin-right: 0;}
.slide-product {width: 100%;}
.btn-filter {margin-top: 15px;}
.logo-eton-choice {width: 55px;}
.logo-eton-choice {right: 10px;top: 10px;}
.family-banner {padding-left: 0;}
.select-branch {margin: 0 0 15px 0;}
#banner-highlight .owl-dots {margin-top: -25px;}
}

@media only screen and (max-width: 460px) {
.banner-mobile {display: block!important;}
.banner-pc {display: none!important;}
.main-menu ul li a {padding: 15px 0;}
#slide-productmenu button.owl-prev {margin-left: 0;}
#slide-productmenu button.owl-next {margin-right: 0;}
.maintitle, .wrapper-txt-center h2, .wrapper-txt-center h1, .txt-float, 
.main-title-inner, .sub-title-inner, .history-year, .sub-title-product, .title-red-center, 
.title-red {font-size: 23px;}
.main-title-inner *,.section-txtpic-full h1,.section-txtpic-full h1 *,.section-txtpic-full h2,.section-txtpic-full h2 * {font-size: 23px!important;}
.wrapper-txt-center h2, .wrapper-txt-center h1 {line-height: 23px;}
.wrapper-txt-center {padding: 15px 0 10px 0;width: 70%;}
.label-menu, .main-menu ul li a, .menucompare a {font-size: 13px;}
.box-product-submenu-model-wrap li a {font-size: 14px;}
.branch-img {width: 100%;}
.branch-contact-detail {width: 100%;padding: 15px 0;}
.menufooter li {min-width: 100% !important;text-align: left;}
.footer-social {position: relative;top: 0;width: 100%;text-align: left; margin-bottom: 20px;}
.copyright {font-size: 12px;text-align: left;}
.branch-contact-detail-inner p,.popup-download-wrap label, .sub-contact {font-size: 16px;}
.section-eton-nonav {padding-top: 30px;}
.jobdetail-wrap {padding: 20px 25px;}
.job-wrap {margin-top: 0;}
.service-list-txt {left: 5px;font-size: 18px;}
.main-menu ul li a span {padding: 0 7px;}
.main-menu ul li a {font-size: 13px;}
main {margin-top: 130px;}
.timeline-history-detail img {width: 100%}
.branch-name, .etoncare-contact-name {font-size: 16px;}
.branch-contact-detail p a,.branch-contact-detail-inner p a {font-size: 14px;}
.policy-form-check .form-check-label {font-size: 16px;}
.btn-map {width: 100%;}
.branch-contact-detail p {min-height: 55px;}
.dropdownmainmenu {position: unset;}
.main-menu {position: relative;}
.main-menu ul ul {position: absolute;left: 0;top: -10px;width: 100%;}
.main-menu ul ul li a {font-size: 14px !important;padding: 5px 20px !important;}
.model-color-box {width: 80%;margin: 0 auto;display: block;}
.social-facebook,.social-ig,.social-line {margin-right: 10px;}
.etonchoice-slide-detail {padding: 50px 20px;}
.slide-detail-inner {padding: 50px 20px!important;}
.choice-box-list-wrap {padding: 25px 0 35px 0;}
.calculate-select {padding: 0 20px 0 0;}
.label-price-load,.car-price-load {font-size: 16px;}
.calculate-box .col-5.txt-left {width: 53%;}
.calculate-box .col-5.txt-left .col-9 {width: 50%;}
.calculate-box .col-2 {width: 10%;}
.calculate-box .col-5.txt-right {width: 36%;}
.stock-menu-list li {border: none;background: #ddd;margin: 0 5px 10px 0;}
.stock-menu-list {text-align: left;}
.table-compare span {width: 5px;}
.table-compare {font-size: 11px;}
.table-compare td {padding: 15px 5px !important;/*word-break: break-word;*/min-width: 100px; max-width: 100px;}
.compare-img {max-width: 100%;}
.compare-img img {width: 90%;}
.table-compare th {font-size: 12px;}
.color-list li a {width: 40px;height: 40px;}
.box-product-menu a {width: 215px;height: 215px;}
#slide-productmenu .owl-item img {width: 180px;}
.menufooter li {padding-bottom: 15px;}
.footer-social {margin-bottom: 5px;}
.menucontact a {line-height: normal !important;}
.menucontact {padding-bottom: 5px !important;}
.service-emergency h3 span {display: block;padding: 10px 0 0 0;}
.footer-branch-contact {margin-bottom: 10px;}
.table-col-label {min-width: 145px;}
.show-choice-mb a {font-size: 11px;line-height: 11px}
.show-choice-mb {padding-left: 10px;}
#mainmenu-button-mb {margin: 5px 0 0 0;}
.show-choice-mb {vertical-align: middle;}
.menucompare {padding-right: 5px;margin: 0;vertical-align: middle;}
}

@media only screen and (max-width: 375px) {
.main-menu ul li a span {padding: 0 5px;}
.main-menu ul li a {font-size: 11px;}

}