/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1200px) { 
[role~="tooltip"][data-microtip-position|="bottom"]::after {left: 0!important;}
}

@media screen and (max-width: 1150px) { 
.head-control, .control {padding: 0 15px;}
.csi-top {padding: 15px;}
.vsd-box .row-one {width: 58%;}
.vsd-box .row-two {width: 42%;}
.car-list .clp-m button {padding: 14px 4px 2px;}
.cst-p .cp-m {font-size: 1.5rem;}
.cst-p .cp-m strong {font-size: 1.8rem;}
.cst-title h1 {font-size: 1.05rem;}
/** BLOG **/
.leftSidebar {min-width: 60px;}
.b-content {width: 70%;}
.rightSidebar {width: 30%;}
}

@media screen and (max-width: 1100px) { 
#cssmenu > ul > li > a, .r-head a {font-size: .98rem;}
.hero h1 {font-size: 1.3rem;}
.hc-brand .logo-img img {width: 34px; height: 34px;}
.hc-body .logo-img img {height: 25px;}
.ecf-item .row-one {padding: 30px;}
.ecf-item {background-size: 360px 280px;}
.cc-search .s-text input {padding: 14px 16px 14px 38px;}
.cc-search .s-text::before {top: 16px;}
.cc-search .s-btn {top: 1px; right: 1px;}
.car-list .box {margin: 0 -10px;}
.car-list .item {padding: 0 10px;}
.car-list a h4 {font-size: 1rem;}
.car-list a .cp-m strong, .car-list a .cl-normal {font-size: 1.5rem;}
.car-list .clp-m button {margin: -8px 0 0 1px; padding: 15px 4px 2px;}
.car-list a .cl-btn {font-size: .86rem;}
.cs-one {width: 62%; padding-right: 20px;}
.cs-two {width: 38%;}
.csb-inner {padding: 30px 30px 0;}
.csd, .cs-ins {margin-top: 40px;}
.cs-proses {margin: 40px 0; padding: 40px 0;}
.cscr-one .col {width: 70%;}
.cs-ins .col {width: 50%;}
.cscr-two .row {padding: 0 20px;}
.cscr-two p {font-size: .86rem;}
.cs-proses .col h4 {font-size: 1.1rem;}
.ci-one .row-one h3 {font-size: 1.8rem;}
.ci-one .row-one h4 {font-size: 1.4rem;}
.vsd-box .row-one {width: 55%; padding-right: 20px;}
.vsd-box .row-two {width: 45%;}
.end-link li {width: 25%;}
.end-link li a {font-size: .95rem;}
.f-one .col-one {width: 50%; padding-right: 20px;}
.f-one .col-two {width: 50%; padding-left: 30px;}
.f-one .col-one h4 {font-size: 1.1rem;}
.f-two .col-one {min-width: 300px;}
.f-two h4 {font-size: .98rem;}
#footmenu > ul > li > a, .foot .col li a {font-size: .95rem;}
/** BLOG **/
.b-feat .swiper-slide {height: 390px;}
.b-feat a h4 {font-size: 1.3rem;}
.arc .box {gap: 30px;}
.b-list .loop {gap: 20px;}
.b-list h4 a {font-size: 1.4rem;}
.b-list .excerpt p {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
}

@media screen and (max-width: 1024px) { 
.logo {width: 99px; height: 32px;}
.nav {margin-left: 20px;}
#cssmenu > ul > li > a, .r-head a {font-size: .96rem;}
.ecf-item {background-size: 322px 250px;}
.ecf-item .wpcf7 .wpcf7-list-item input {margin-left: 2px; width: 12px; height: 12px; vertical-align: -1px;}
.ecf-item .wpcf7 .wpcf7-list-item .wpcf7-list-item-label {font-size: .85rem;}
.car-list .clp-m button {padding: 14px 4px 2px;}
.pages.cs {padding: 20px 0 40px;}
.back button {font-size: .9rem;}
.vs-share .modal-btn {font-size: .9rem;}
.cs-top .cll-new {font-size: .7rem;}
.cst-title h1 {font-size: 1.05rem;}
.vsd-top .vsd-title h3 {font-size: 1.3rem;}
.vsd-box .row-one {width: 62%; padding-right: 20px;}
.vsd-box .row-two {width: 38%;}
.vsd-box .row-two .col-one {align-items: flex-start; flex-direction: column;}
.vsd-box .thumb {}
.vsd-box .info {width: 100%; padding: 0; margin-top: 10px;}
.vsd-box .info h4 {font-size: .96rem;}
.cs-proses .box {margin: 0 -5px;}
.cs-proses .col {padding: 0 5px;}
.cs-proses .col img {height: 60px;}
.wpcf7 label {font-size: .9rem;}
.wpcf7 .row input, .wpcf7 .row textarea, .wpcf7 select {font-size: .9rem;}
.f-two .col-one {min-width: 250px;}
.f-two .col-two .col {padding-right: 25px;}
.faq-q {padding: 16px 14px;}
.cscb-btn a {font-size: 1.05rem; padding: 14px 0;}
/** BLOG **/
.bt-title h2 {font-size: 2rem;}
.bt-term a {font-size: .83rem;}
.b-feat .swiper-slide {height: 370px;}
.b-feat a h4 {font-size: 1.2rem;}
.b-list .loop {padding: 25px 0; gap: 25px; align-items: center;}
.b-list h4 a {font-size: 1.25rem;}
.bs-title h1 {font-size: 1.8rem;}
.entry-content {margin-top: 20px;}
.entry-content h2, .entry-content h3, .entry-content h4 {font-size: 1.3rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: 1rem; line-height: 1.4;}
.v-share i {width: 50px; height: 50px; font-size: 1.5rem;}
.v-share a {font-size: .8rem;}
.end-content .ec-f {font-size: 1.55rem; max-width: 580px;}
}

@media screen and (max-width: 980px) {
.nav, .h-app, .car-list .clp-m button.clp-i, .c-side, .side-follow, .p-faqs .row-one, .f-app {display: none;}
.b-menu {display: block;}
.hs-hp {display: block; margin-top: 10px; position: relative;}
.hs-hp .s-text input {padding: 12px 40px 11px 14px; font-size: .95rem; line-height: 1.1; font-weight: 400; border: 1px solid #d5dce6; border-radius: 4px; width: 100%; background: #fff;}
.hs-hp .s-text input:focus {border-color: #fdcf33; box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
.hs-hp .s-btn {position: absolute; top: 0; right: 0;}
.hs-hp .s-btn input {width: 40px; height: 40px; background: url('images/search.svg') no-repeat center center!important; background-size: 16px 16px!important; text-indent: -9999px; border: none; cursor: pointer; filter: invert(45%) sepia(9%) saturate(1%) hue-rotate(314deg) brightness(102%) contrast(93%);}
.hc-brand .swiper-slide, .hc-body .swiper-slide {padding: 0;}
.car-list .box {margin: 0 -8px;}
.car-list .item {padding: 0 8px; margin-bottom: 16px;}
.car-list a .cp-m {font-size: .96rem;}
.car-list a .cp-m strong, .car-list a .cl-normal {font-size: 1.3rem;}
.car-list a .cl-normal span {font-size: .98rem;}
.car-list a h4 {font-size: .94rem;}
.car-list a .cl-body {font-size: .82rem;}
.car-list a .cl-d {font-size: .75rem;}
.car-list .clp-m button {padding: 12px 4px 2px;}
.car-list .clp-item {top: -245px; left: -15px;}
.clp-item {width: 300px;}
.clp-top {padding: 20px 20px 15px;}
.clp-btm {padding: 15px 20px 20px;}
.hp-vc {display: block;}
.mdata {border-radius: 8px; width: 400px;}
.hpv-title {padding: 15px 20px; border-bottom: 1px solid #ccc;}
.hpv-title h3 {font-size: 1.1rem; line-height: 1.1; font-weight: 600;}
.hpv-top {padding: 15px 20px;}
.hpv-top .vitem {background: #f4f6f8; padding: 20px; border-radius: 6px;}
.hpv-top p {font-size: 1rem; line-height: 1.1;}
.hpv-clp {font-size: 1.1rem; line-height: 1.1; color: #e9280d; margin-top: 6px;}
.hpv-clp span {font-weight: 700; margin-right: 3px;}
.hpv-clp strong {font-size: 1.6rem; font-weight: 700;}
.hpv-btm {padding: 0 20px 20px;}
.hpv-btm p, .hpv-btm ul li {font-size: .96rem; line-height: 1.4; color: #232323;}
.hpv-btm ul {padding-left: 18px; margin-top: 10px;}
.hpv-btm ul li {list-style: disc; margin-bottom: 4px;}
.mdata .closeModal {position: absolute; top: 5px; right: 5px;}
.cs-main {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 10%, rgba(241, 241, 241, .9) 195%);}
.cs-btm {background: linear-gradient(180deg, rgba(241, 241, 241, .6) 0%, rgba(255, 255, 255, 1) 10%);}
.cs-one {padding-right: 25px;}
.cs-side {padding: 23px;}
.cst-i {font-size: .85rem;}
.cst-i span {margin: 0 1px;}
.cst-b {font-size: .85rem;}
.cscr-one p {font-size: .92rem;}
.cso-sec {padding-right: 15px;}
.cscb-btn a {font-size: 1rem;}
.ins-sec .box {column-gap: 50px; grid-column-gap: 50px; -moz-column-gap: 50px;}
.sl-form .cf-note .wpcf7-list-item .wpcf7-list-item-label {font-size: .8rem;}
.cs-help .btn a {padding: 12px 25px;}
.fr-sell {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.s-no {margin-top: -50px; font-size: 3rem; width: 88px; height: 88px;}
.l-item .row .no {font-size: 3.6rem; left: 30px;}
.l-item .row h4 {font-size: 1.1rem;}
.l-item .row p {font-size: .98rem;}
.f-one .col-one h4 {font-size: 1rem;}
.f-one .col-one p {font-size: .86rem;}
.f-one .col-two p {font-size: .8rem;}
.f-two h4 {font-size: .95rem;}
.ci-one {align-items: center;}
.cio-info h2 {font-size: 1.15rem;}
.p-faqs .row-two {padding: 0;}
/*** BLOG ***/
.b-feat:hover .swiper-button-next, .b-feat:hover .swiper-button-prev, .bs-side {display: none;}
.bt-title h2 {font-size: 1.8rem;}
.b-feat .control {padding: 0;}
.b-feat .info {max-width: 700px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.b-feat a h4 {font-size: 1.8rem;}
.b-feat .swiper-pagination {display: block;}
.b-feat .swiper-pagination .swiper-pagination-bullet {background: #fff; width: 6px; height: 6px;}
.b-feat .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #f8ca2d;}
.arc {margin: 30px 0 0;}
.arc .box {flex-direction: column;}
.arc .row-two {width: 100%; max-width: 100%;}
.side-subs {margin-bottom: 0;}
.side-subs h3 {font-size: 1.2rem;}
.side-subs div.tnp-subscription {max-width: 100%!important;}
.side-subs div.tnp-subscription form {display: flex;}
.side-subs  .tnp-field-button {width: 160px!important; margin-left: 10px;}
}

@media screen and (max-width: 853px) { 
.h-banner .swiper-button-next, .h-banner .swiper-button-prev, .cs-fax .faq-help, .csGallery {display: none;}
.h-banner .swiper-pagination-bullets {bottom: 10px!important;}
.hero {margin: 0; padding: 0; box-shadow: none; border: none; border-radius: 0; overflow: hidden;}
.hero h1 {font-size: 1.2rem;}
.hh-one {padding-right: 20px;}
.car-list .box {margin: 0 -10px;}
.car-list .item {width: 50%; padding: 0 10px; margin-bottom: 20px;}
.ecf-item {background: none;}
.ecf-item .row-one {width: 100%;}
.pages.cs {padding: 0;}
.csd-top {margin: 0; padding: 6px 0;}
.vs-share {margin-right: -15px;}
.vs-share .modal-btn span {display: none;}
.vs-share .modal-btn {border: none;}
.vs-share .modal-btn i {font-size: 1.15rem; margin: 0;}
.cs-main, .cs-btm {background: none;}
.cs-main .control {padding: 0;}
.cs-box {flex-direction: column;}
.cs-one {width: 100%; padding: 0;}
.cs-two {width: 100%; margin: 10px 0 30px;}
.cs-top .csGallery2 .swiper-slide {border-radius: 0;}
.cs-top .swiper img {border-radius: 0;}
.cs-btm {padding: 0;}
.cs-btm .control {padding: 0;}
.csb-inner {padding: 0;}
.csd {padding: 0 15px;}
.cs-ov.csd {padding-top: 25px; border-top: 1px solid #ccc;}
.cs-cert.csd {margin-top: 20px;}
.cs-ins {margin-top: 30px; padding: 0 15px;}
.cs-ins .col .c-item {flex-direction: row-reverse; justify-content: space-between;}
.highlight li {width: 12.5%; margin: 0 0 15px 0;}
.cscr-one .col {width: 65%;}
.cscr-one p {font-size: .9rem;}
.cs-proses .box {flex-wrap: wrap; margin: 0 -5px;}
.cs-proses .col {width: 50%; padding: 0 5px; margin-bottom: 10px;}
.cs-side {padding: 0 15px; box-shadow: none;}
#l-tabs {margin-bottom: 10px;}
.l-item .box {flex-direction: column;}
.l-item .row {width: 100%; margin-top: 35px;}
.story.elementor-section {background: none!important;}
.fax .box {flex-direction: column;}
.faq-main {width: 100%; padding: 0; margin-bottom: 20px;}
.faq-item {margin-bottom: 8px;}
.faq-help {width: 100%; display: flex; justify-content: center;}
.faq-q {padding: 12px;}
.faq-a {padding: 0 12px 12px;}
.ins-d ul {column-gap: 40px; grid-column-gap: 40px; -moz-column-gap: 40px;}
.ins-sec .box {column-gap: 40px; grid-column-gap: 40px; -moz-column-gap: 40px;}
.vsd-box .cf-note .wpcf7-list-item input {margin-top: 2.5px;}
.vsd-box .cf-note .wpcf7-acceptance label {align-items: flex-start;}
.end-link li {width: 33.333333333%;}
.logo-list .item {width: 25%;}
.f-one, .f-two {padding: 30px 0;}
.f-one .f-box, .f-two .f-box {flex-direction: column;}
.f-one .col-one, .f-one .col-two, .f-two .col-one, .f-two .col-two {width: 100%; padding: 0;}
.f-one .col-two {margin-top: 30px;}
.f-two .col-one {margin-top: 30px;}
.f-two .col-two .col {padding-left: 0; padding-right: 30px;}
.f-btm {padding: 20px 0 30px;}
}

@media screen and (max-width: 760px) {
.logo {width: 93px; height: 30px;}
.cc-up {flex-direction: column; align-items: flex-start;}
.cc-up .cc-title, .cc-up .cc-dd {width: 100%;}
.cc-up .cc-dd {margin: 10px 0 0;}
.cc-up .cc-dd .dd-list {justify-content: flex-start;}
.dd-list {margin: 0 -5px;}
.dd-i {width: 100%;}
.ddc {padding: 0 5px;}
.dd-btn {width: 100%; margin: 0;}
.highlight li {width: 16.6666666%;}
.cscr-one p {line-height: 1.4;}
.ci-one .row-one h3 {font-size: 1.6rem;}
.ci-one .row-one h4 {font-size: 1.35rem;}
.ci-one .row-two {min-width: 300px;}
.insc-title:before {width: 500px;}
.insc-title h3 {font-size: 1.4rem;}
.ins-d ul {column-gap: 30px; grid-column-gap: 30px; -moz-column-gap: 30px;}
.ss-box {width: 50%!important; margin-bottom: 15px;}
.vsd-box {flex-direction: column;}
.vsd-box .row-two {width: 100%; margin-bottom: 15px;}
.vsd-box .row-one {width: 100%; padding: 0;}
.vsd-box .row-two .col-one {flex-direction: row;}
.vsd-box .info {width: 70%; padding-left: 20px; margin-top: 0;}
}

@media screen and (max-width: 600px) {
.cs-more {display: none;}
.hero h1 span {display: block;}
.car-list .item {width: 100%;}
.cst-p {margin: 15px 0;}
.car-list a .cp-m strong, .car-list a .cl-normal {font-size: 1.4rem;}
.car-list a .clp-t {font-size: .96rem;}
.car-list .clp-m button {padding-top: 14px;}
.car-list a h4 {font-size: .93rem;}
.car-list a .cl-d {font-size: .75rem;}
.car-list a .cl-btn {font-size: .83rem;}
.pages.cs {padding-bottom: 20px;}
.cs-top .swiper-button-prev, .cs-top .swiper-button-next {width: 24px;}
.cs-top .swiper-button-prev:after {padding-left: 4px;}
.cs-top .swiper-button-next:after {padding-left: 11px;}
.cs-top .swiper-button-prev:after, .cs-top .swiper-button-next:after {font-size: 16px!important; padding-top: 13px; width: 24px; height: 41px;}
.csm-title h3 {font-size: 1.15rem;}
.csov-box {margin: 0 -3px;}
.csov-box .col {width: 50%; padding: 3px;}
.csov-box .col .item {padding: 8px 10px;}
.csov-box .ico {width: 40px; height: 40px; font-size: 1.1rem; padding-top: 9.5px;}
.cs-ins .btn {margin-top: 0;}
.cscr-one {background: #f6f4f8; background-image: none;}
.cscr-one .col {width: 100%;}
.cscr-one h4 {font-size: 1.3rem;}
.cscr-one h5 {font-size: 1rem;}
.cs-proses {margin: 30px 0 50px; padding: 30px 0;}
.more-hp {display: block;}
.cs-fax {margin-top: 10px;}
.ci-one {flex-direction: column;}
.ci-one .row-two {margin-top: 10px; min-width: inherit; width: 100%; display: flex; justify-content: center;}
.ci-one .row-two .cs-cta {min-width: 320px;}
.insc-title:before {width: 400px;}
.ins-cert .col img {width: auto; height: 65px;}
.ins-d ul {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
.ins-sec .box {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
.ins-cond {flex-wrap: wrap;}
.ins-cond .row {margin-bottom: 8px;}
.ins-cond .row:last-child {margin-bottom: 0;}
.ins-cond .in-term {font-size: .9rem;}
.highlight li {width: 20%;}
.vsshare {width: 500px;}
.ss-no {width: 13%!important;}
.ss-word {width: 77%!important;}
.ss-box {width: 100%!important;}
.cta-btm {width: 100%; right: 0;}
.cta-btm, .ctm-top {border-top-left-radius: 16px; border-top-right-radius: 16px;}
.end-link li {width: 50%;}
.ci-one {flex-direction: column;}
.ci-one .row-two {justify-content: flex-start; margin-top: 20px;}
.highlight li .ico {background-size: 30px 30px;}
.cscr-two .box {flex-wrap: wrap;}
.cscr-two .row {width: 33.3333333%; margin-bottom: 20px;}
.cscr-two .row:nth-child(4), .cscr-two .row:last-child {margin-bottom: 0;}
/** BLOG **/
.b-list .loop {flex-direction: column; gap: 15px;}
.b-list .thumb, .b-list .info {width: 100%;}
.b-list .post-meta {margin-top: 15px;}
.side-subs h3 {font-size: 1.1rem;}
.bs-title h1 {font-size: 1.6rem;}
.entry-content {margin-top: 15px;}
.end-content .ec-f {font-size: 1.5rem; max-width: 540px;}
.subs-s {padding: 20px;}
.cars-more .bsm-title h3 {font-size: 1.4rem;}
.notfound h1 {font-size: 8rem;}
}

@media screen and (max-width: 583px) {
.cc-search, .cc-dd, .breadc, .c-bread, .h-ddf {display: none;}
.hf.filt-btn {display: flex; justify-content: flex-end; margin-top: 0;}
.rank-math-breadcrumb {font-size: .7rem;}
.cat-page {padding: 20px 0 15px;}
.car-cat {background: #f4f6f8;}
.cc-title h1 {font-size: 1.2rem;}
.cc-title li {font-size: .9rem; padding-left: 20px; margin-bottom: 4px;}
.cc-title li::before {font-size: .85rem; top: 0;}
.filt-btn {margin-top: 10px; display: block;}
.filt-btn a {padding: 10px; font-size: .9rem; line-height: 1; color: #404145; background: #fff; width: 150px; border: 1px solid #dadbdd; border-radius: 30px; text-align: center; display: block;}
.filt-btn a i {font-size: .86rem; margin-right: 2px; color: #1dbf73;}
.cc-list {padding: 20px 0;}
.car-list .clp-m button {margin: -8px 0 0 1px;}
.pages.cs {padding: 0;} 
.cs-main {margin: 0;}
.cs-one, .cs-two {width: 100%; padding: 0;}
.csd {padding-top: 25px;}
.logo-list .item {width: 33.33333333%; text-align: center;}
.why-box .why-one {width: 19%!important;}
.why-box .why-two {width: 81%!important;}
.f-two h4 {margin-bottom: 10px;}
.f-two .col-two {flex-direction: column;}
.f-two .col-two .col {width: 100%; margin-bottom: 25px;}
#footmenu > ul, .foot ul {display: flex; flex-wrap: wrap;}
#footmenu > ul > li, .foot li {width: 25%;}
.f-btm .f-box {flex-direction: column;}
.btm-link {margin-top: 5px;}
.cs-ins .col {width: 100%;}
.cs-ins .col .c-item {padding: 16px;}
.ins-rep .control {padding: 0 10px;}
.cio-info h2 {font-size: .98rem;}
.ins-d li, .ins-sec .col {font-size: .9rem;}
.bt-term .control {padding-right: 0;}
.modal.vsspending {top: inherit; left: inherit; transform: inherit; bottom: 0;}
.cs-book {width: 100%;}
.p-dir a img, .br-dir img {height: 36px!important;}
.p-dir a.btn-one {margin-right: 8px;}
}

@media screen and (max-width: 480px) {
.swiper-button-next, .swiper-button-prev, .cst-p, .h-help, .d-banner, .csc-pend, .vc-gal .swiper-button-next, .vc-gal .swiper-button-prev, .fcs-cta {display: none;}
.hs-hp .s-text input {padding: 10px 40px 10px 14px;}
.hs-hp .s-btn input {width: 36px; height: 36px;}
.hp-banner {display: block;}
.hh-one {padding: 0 15px;}
.hero h1 {font-size: 1.2rem;}
.hero h1 span {display: inline;}
.hhs .s-text input {padding: 14px 40px 14px 16px; font-size: .95rem;}
.hhs .s-text::before {display: none;}
.hhs .s-btn {top: 4px; right: 8px;}
.hhs .s-btn input {content: ''; padding: 12px 0; width: 36px; height: 36px; text-indent: -9999px; background: url('images/search.svg') no-repeat center center!important; background-size: 16px 16px!important; display: block; filter: invert(45%) sepia(9%) saturate(1%) hue-rotate(314deg) brightness(102%) contrast(93%);}
.hh-two {margin-top: 20px; padding-left: 10px;}
.hc-brand .logo-img img {width: 30px; height: 30px;}
.hc-brand a h6, .hc-body a h6 {font-size: .67rem; font-weight: 400;}
.hc-body .logo-img img {height: 20px;}
.cat-page.search {padding: 10px 0;}
.car-cat.search .control {padding-right: 0;}
.why-box .why-one {width: 22%!important;}
.why-box .why-two {width: 78%!important;}
.csd-top {overflow: hidden;}
.csd-top .control {padding: 0 15px;}
.total-cars {font-size: .88rem; color: #717171;}
.cs-main {box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
.cs-two {margin: 10px 0 20px;}
.cs-top .badge {width: 70px; height: 70px; top: 15px; right: 15px;}
.cs-top .badge.sold {width: 120px;}
.cs-top .cll-new {font-size: .65rem; padding: 6px 8px; border-radius: 4px;}
.cs-cta {margin: 0; border: none;}
.cst-hp {display: block; margin: 15px 0 0; border: 1px solid #dfdfdf; border-radius: 12px; padding: 16px;}
.cst-hp a h4 {font-size: .9rem; line-height: 1.1; color: #222; margin-bottom: 8px;}
.clp-cash .clp-cash-label {font-size: .9rem; line-height: 1.1; color: #222; margin-bottom: 3px;}
.cst-hp a .cp-m, .clp-cash .cp-m {color: #e9280d;}
.cst-hp a .cp-m strong, .clp-cash .cp-m strong {font-size: 1.5rem;}
.cst-hp a .clp-t {display: flex; align-items: flex-end; font-size: 1.05rem; color: #222;}
.cst-hp a .clp-sp span {font-size: .96rem; color: #2e2e2e; font-weight: 400; text-decoration: line-through; opacity: .6;}
.cst-hp a .clp-disc {margin-left: 10px; font-size: .75rem; line-height: 1.1; font-weight: 500; color: #222; background: #f8ca2d; padding: 5px 6px 4px; border-radius: 3px; display: inline-block;}
.cprice.c-offcanvas--bottom {height: auto; transform:translate3d(0,auto,0)}
.csph-wrap {background: #fafafa; border-top-left-radius: 20px; border-top-right-radius: 20px; width: 100%; height: 100%;}
.csph-wrap .js-offcanvas-close {position: absolute; top: 5px; right: 10px; padding: 8px;}
.csph-title {padding: 15px; border-bottom: 1px solid #e2e2e2; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.csph-title h4 {font-size: 1rem; line-height: 1.1; font-weight: 600;}
.csph-inner {padding: 15px; background: #fafafa;}
.csph-item {background: #fff; border-radius: 12px; box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .122);}
.csph-one {padding: 10px 0;}
.csph-one .col {font-size: .88rem; line-height: 1.1; padding: 8px 15px; display: flex; justify-content: space-between; align-items: center;}
.csph-one .hcp-m span {color: #e9280d; font-size: 1.05rem; font-weight: 700;}
.csph-one .hcp-w span i {font-size: .8rem; margin-right: 2px;}
.csph-one .hcp-w span {color: #36966e;}
.csph-two {border-top: 1px solid #e8e8e8; padding: 15px;}
.csph-two p, .csph-two li {font-size: .88rem; line-height: 1.3;}
.csph-two p {margin-bottom: 10px;}
.csph-two ul {padding-left: 20px;}
.csph-two li {list-style: disc; padding: 3px 0;}
.vid-box {max-width: 470px;}
.csp-end {margin-top: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;}
.ocs-title {margin-bottom: 15px;}
.ocs-title h4 {font-size: .92rem; line-height: 1.1;} 
.ocs-title h4 span {font-weight: 400; display: block;}
.cspe-in {background: url('images/point-checklist.webp') bottom right no-repeat; background-size: 342px 100px; padding: 15px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.csp-end .row {width: 70%;}
.csp-end p {font-size: .8rem; line-height: 1.3;}
.cst-end {display: flex; justify-content: space-between; align-items: center;}
.cst-end .ins-btn {display: block;}
.cst-end .ins-btn a {background: #ea0f38; color: #fff; font-size: .88rem; line-height: 1.1; font-weight: 500; padding: 8px 12px; display: inline-block; border-radius: 6px;}
.cta-cs {display: block; width: 100%; background: #fff; position: fixed; bottom: 0; left: 0; z-index: 99; padding: 8px 10px; border-top-left-radius: 16px; border-top-right-radius: 16px; box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 50px;}
.cta-cs .box {display: flex; align-items: center; gap: 10px;}
.cts-book {width: 100%;}
.cts-book button {padding: 14px 0; font-size: .94rem; line-height: 1; font-weight: 500; background: #d60014; color: #fff; border-radius: 30px; width: 100%; display: block; text-align: center;}
.cts-btn {display: flex; align-items: center; gap: 4px;}
.cts-btn a {width: 44px; height: 44px; font-size: 1.4rem; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.cts-btn a.phone {background: #154eb8; font-size: 1.2rem;}
.cts-btn a.wasap {background: #1bc03a;}
.cts-view button {font-size: .94rem; line-height: 1.3; color: #0e569a; padding: 5px 0; text-align: center; display: block; width: 100%;}
.cscp-wsp {display: none;}
.cta-book {position: fixed; bottom: 0; left: 0; z-index: 99; padding: 15px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; background: #ffe4e9;}
.cta-book h4 {font-size: 1.1rem; line-height: 1.1; font-weight: 700; margin-bottom: 10px;}
.cta-book .button {display: flex;}
.cta-book .btn-wsp {width: 48px; margin-right: 10px;}
.cta-book .btn-wsp a {width: 48px; height: 48px; font-size: 2.4rem; color: #30d472; background: #fff; text-align: center; border-radius: 16px; display: block;}
.cta-book .btn-pop {width: 100%;}
.cta-book .btn-pop button {padding: 15px 0; height: 48px; font-size: 1.05rem; line-height: 1.1; font-weight: 600; background: #ea0f38; color: #fff; width: 100%; text-align: center; border-radius: 16px;}
.cs-btm {background: #f4f6f8; padding: 0; margin: 0;}
.csb-inner {padding: 5px 0 0; background: none;}
.cs-ov.csd {border-top: none;}
.csd {padding: 15px!important; background: #fff;}
.csm-ov, .csov-box {margin: 0;}
.csov-box {padding: 6px 10px; border: 1px solid #e8e8e8; border-radius: 12px;}
.csov-box .col {padding: 0;}
.csov-box .col .item {background: #fff; padding: 10px 0;}
.csov-box .ico {width: 34px; height: 34px; background: #f4f6f8;}
.csov-box h4 {font-size: .78rem;}
.csov-box .ico {width: 38px; height: 38px; padding-top: 8px; margin-right: 8px;}
.csov-box span {font-size: .9rem;}
.csds {margin-top: 10px; padding: 6px 12px;}
.csds li {width: 50%; font-size: .95rem; padding: 10px 0;}
.csds li strong {font-size: .84rem; margin-bottom: 4px;}
.csds li:nth-child(7), .csds li:nth-child(8) {border-bottom: 1px solid #f1f1f1;}
.cs-cert.csd {margin-top: 0; padding-top: 10px!important;}
.cscr-one p {font-size: .86rem;}
.cscr-two .box {flex-wrap: wrap;}
.cscr-two .row {width: 33.333333333%; margin-bottom: 20px;}
.cscr-two .row:nth-child(4), .cscr-two .row:last-child {margin-bottom: 0;}
.cscr-two img {width: auto; height: 56px;}
.cscr-two p {font-size: .8rem;}
.highlight li {width: 25%;}
.cs-ins {margin: 0; padding: 20px 15px 0; background: #fff;}
.cs-ins .col {width: 100%;}
.cs-ins .col .c-item {padding: 15px;}
.cs-ins .btn button {padding: 8px 0; width: 260px;}
.cs-proses .col {width: 100%; margin-bottom: 8px;}
.cs-proses .col .item {padding: 15px; background: #fff; display: flex;}
.cs-proses .csp-item {margin-left: 15px; align-items: flex-start}
.cs-proses .col h5 {font-size: .9rem;}
.cs-proses .col h4 {font-size: .96rem; margin: 5px 0 6px;}
.cs-proses .col p {font-size: .9rem; line-height: 1.3;}
.cs-mCar {padding-bottom: 30px;}
.cs-title {width: 100%; padding: 0;}
.cs-title h3 span {display: block;}
.more-hp a {font-size: .95rem; line-height: 1; font-weight: 500; color: #222; position: relative;}
.cs-ins .btn button i, .more-hp a i {font-size: 1rem; color: #222; margin-left: 4px; vertical-align: -1.5px; padding-top: 7px; width: 28px; height: 28px; background: #fdcf33; border-radius: 50%; display: inline-block; text-align: center; transition: .3s;} 
.cs-fax {margin: 0; padding-bottom: 30px;}
.faq-q h4 {font-size: .95rem; line-height: 1.2;}
.faq-a p {font-size: .95rem; line-height: 1.35;}
.faq-a p em {font-size: .9rem;}
.fra {padding: 15px; margin-top: 10px;}
.ci-one .row-one h3 {font-size: 1.3rem;}
.ci-one .row-one h4 {font-size: 1rem;}
.ci-one .row-two .cs-cta {display: block;}
.insc-title:before {width: 340px;}
.ins-cert p {font-size: .9rem; line-height: 1.4; max-width: 300px; margin: 10px auto 20px;}
.ins-cert .col img {height: 60px;}
.ins-d ul {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;}
.ins-rep {padding-bottom: 20px;}
.ins-sec .col {padding: 5px 0; height: inherit;}
.ins-sec.cfix .box .col:last-child {display: none;}
.vsshare {width: 420px; padding: 30px;}
.vsd-top .vsd-title h3 {font-size: 1.1rem;}
.vsd-box .info {padding-left: 15px;}
.vsd-box .info h4 {font-size: .94rem;}
.vsd-box .cld-i {font-size: .82rem;}
.sl-form .wpcf7 {padding: 20px;}
.sl-form .wpcf7 .button input {font-size: 1rem;}
.cf-note {font-size: .8rem; line-height: 1.3;}
.s-no {margin-top: -50px;}
.ss-no {width: 18%!important;}
.fax-glob .fax .csm-title h3 {font-size: 1.3rem;}
.ecf-item {}
.ecf-item .row-one {padding: 25px;}
.end-cta h3 {font-size: 1.2rem;}
.end-cta p {font-size: .9rem;}
.end-cta .e-form {margin-top: 15px;}
.pl-title span {display: block;}
.fax-glob .csm-title.pl-title h3::before {display: block;}
.fax-glob .csm-title.pl-title h3 {font-size: 1.3rem; text-align: center;}
.cs-fax {margin-top: 20px;}
.fax .csm-title {margin-bottom: 20px; position: relative;}
.fax .csm-title h3, .cs-title h3 {font-size: 1.2rem; text-align: center;}
.fax .csm-title h3::before, .cs-title h3::before {position: absolute; top: -15px; left: 50%; display: block; width: 32px; height: 4px; content: ''; background-color: #fdcf33; border-radius: 2px; transform: translateX(-50%); transform: translate3d(-50%, 0, 0);}
.faq-item {margin-bottom: 0; border: none; border-bottom: 1px solid #d5dce5; border-radius: 0;}
.faq-item.active {box-shadow: none;}
.faq-q {padding: 16px 20px 16px 0;}
.faq-q i {right: 0; font-size: .8rem;}
.faq-a {padding: 0 0 15px;}
.faq-help {margin: 10px 0 20px;}
#l-tabs {margin: 0 -3px 10px;}
#l-tabs li {padding: 0 3px;}
#l-tabs li a {font-size: .9rem; padding: 12px; border-radius: 10px;}
#l-tabs li a span {display: block;}
.l-item .row {margin-top: 35px;}
.l-item .row .no {font-size: 3rem; top: -25px;}
.footer.fcars .f-btm {padding-bottom: 110px;}
.f-one .col-one .ft {flex-direction: column; align-items: flex-start;}
.f-one .col-one h4 {margin: 6px 0 0 0;}
.f-one {padding: 25px 0;}
.f-one .tnp form input {height: 44px;}
.f-one .tnp form .tnp-field-email input, .f-one .tnp form .tnp-field-button input {font-size: .9rem;}
.f-one .col-two p {font-size: .72rem;}
#footmenu > ul > li > a, .foot li a {padding: 4px 0;}
#footmenu > ul > li, .foot li {width: 50%; margin-bottom: 6px;}
.copy p, .btm-link a {font-size: .85rem;}
.copy p {text-align: center;}
.copy p span {display: block;}
.copy p.wdsgn a {font-size: .7rem;}
.ctc-box {box-shadow: none; border-radius: 0;}
.wpcf7 .box {flex-direction: column; gap: 0;}
.ct-form .wpcf7 .box {gap: 0;}
.ct-form .wpcf7 .row {margin-bottom: 18px;}
.wpcf7 .row {margin-bottom: 15px;}
.wpcf7 label {font-size: .93rem;}
.wpcf7 .row input, .wpcf7 .row textarea, .wpcf7 select {font-size: .95rem;}
.wpcf7 .wpcf7-list-item label {font-size: .93rem;}
.br-add {font-size: .95rem; line-height: 1.4;}
.faq-row {padding-top: 30px;}
.faq-title h3 {font-size: 1.3rem;}
.faq-row .faq-q {padding: 16px 24px 16px 0;}
.faq-row .faq-q h4, .faq-row .faq-a p, .faq-row .faq-a ul li, .faq-row .faq-a ol li, .faq-row .faq-a em {font-size: .95rem;}
.app .close {max-width: 14px;}
.app-logo {max-width: 54px;}
.app-title {padding: 0 10px;}
.app-title h4 {font-size: .93rem;}
.app-title p {font-size: .86em;}
.post-edit-link {bottom: 10px; left: 10px;}
.cs .post-edit-link {bottom: 70px;}
.pg-sec {padding-top: 40px;}
.pg-sec .pl-title h1 {font-size: 1.4rem;}
.page-content h2, .page-content h3, .page-content h4 {font-size: 1rem;}
.page-content ul, .page-content ol {padding-left: 22px;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .93rem;}
.page-content table tr td:first-child {width: 120px;}
.page-content table td {font-size: .9rem;}
.cf-float {right: 10px; bottom: 55px;}
/** BLOG **/
.b-list .excerpt {display: none;}
.bt-title h2 {font-size: 1.4rem;}
.bt-term a {font-size: .78rem;}
.b-feat .swiper-slide {height: 300px;}
.b-feat .info {top: inherit; left: 0; right: 0; bottom: 10px; transform: inherit;}
.b-feat a h4 {font-size: 1.3rem;}
.b-list h4 a {font-size: 1.2rem; line-height: 1.3;}
.side-subs div.tnp-subscription form {flex-direction: column;}
.side-subs .tnp-field-button {width: 100%!important; margin: 0!important;}
.bs-title h1 {font-size: 1.6rem; line-height: 1.4;}
.s-auth .sa-one {font-size: .85rem;}
.entry-content h2, .entry-content h3, .entry-content h4 {font-size: 1.2rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem;}
.sharer {margin-top: 20px;}
.sharer .v-share {margin-bottom: 15px;}
.sharer h4 {font-size: .95rem;}
.sharer .v-share li {margin: 0 6px;}
.sharer .v-share i {width: 40px; height: 40px; font-size: 1.4rem; padding-top: 8px;}
.sharer .v-share a {font-size: .75rem;}
.end-content .ec-f {font-size: 1.35rem;}
.subs-s h3 {font-size: 1.18rem; text-align: center;}
.subs-s form {flex-direction: column;}
.subs-s div.tnp-field-email input {font-size: .95rem;}
.subs-s .tnp-field-button {width: 100%!important; margin-left: 0; margin-top: 8px;}
.subs-s .tnp-field-button input.tnp-submit {padding: 12px 0;}
}

@media screen and (max-width: 400px) {
.why-box .why-one {width: 24%!important;}
.why-box .why-two {width: 76%!important;}
.mdata {width: 350px;}
.cscr-two .row {padding: 0 5px;}
.vsshare {width: 370px; padding: 30px 20px;}
.vsshare h4 {font-size: 1.15rem;}
.vsshare .v-share i {width: 50px; height: 50px; font-size: 1.5rem; padding-top: 13px;}
.vsshare .v-share a {font-size: .8rem;}
.vss-c {flex-direction: column;}
.vss-copy button {margin-top: 6px; border-radius: 6px!important;}
.vss-copy input, .vss-copy button {font-size: .9rem;}
.vid-box {max-width: 390px;}
.vsd-box .row-two .col-one {flex-direction: column;}
.vsd-box .info {width: 100%; padding: 0; margin-top: 10px;}
.vsd-box .frc {margin-bottom: 15px;}
.vsd-box .frc.last {margin-bottom: 30px;}
.ss-no {width: 20%!important;}
.t-body .row {width: 100%;}
.ab-btn {flex-direction: column; gap: 10px;}
.cs-proses .col img {height: 50px;}
.ins-cond .in-term {font-size: .83rem;}
}

@media screen and (max-width: 390px) { 
.mdata {width: 340px;}
.vsshare {width: 350px;}
.vid-box {max-width: 380px;}
}

@media screen and (max-width: 375px) { 
.mdata {width: 330px;}
.vsshare {width: 340px;}
.vid-box {max-width: 365px;}
.highlight li {width: 33.33333333%;}
}

@media screen and (max-width: 361px) { 
.cl-label div {font-size: .68rem; padding: 6px 5px;}
.app .box {padding: 8px;}
.app .app-box {padding-left: 6px;}
.app-logo {max-width: 52px;}
.ap-btn {min-width: 54px;}
.hero h1 {font-size: 1.15rem;}
.filt-btn a {font-size: .86rem; padding: 8px;}
}

@media screen and (max-width: 320px) { 
.cl-label div {font-size: .62rem; padding: 5px 4px;}
.app-title {padding: 0 8px;}
.app-title h4 {font-size: .9rem;}
.app-title p {font-size: .8rem;}
.ap-btn {min-width: 48px;}
.hero h1 {font-size: 1.05rem;}
.mdata {width: 300px;}
.vsshare {width: 305px; margin: 15px 0 25px; padding: 40px 20px 30px;}
.v-share li {margin: 0 10px;}
.v-share a {font-size: .72rem;}
}