/*========== min ==========*/
@media (min-width:641px) {
    /*========== Form ==========*/
    .fields .field.half { 
        width: 50%;
    }
    .fields .field.more-t {
        margin-top: 30px;
    }
    
}

@media (min-width:768px) {
    .visible-mobile {
        display: none !important;
    }
    .ct-br-bf-m { display: block; }
    .container {
        width: 768px;
    }
}

@media (min-width:992px) {
    .visible-device {
        display: none !important;
    }
    .container {
        width: 970px;
    }
    .ct-br-bf-device { display: block; }
    .form.form-home .field.shown {
        -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
        -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    }
    .form.form-home .field.shown:after { background-color: transparent ; }
    .form.form-home .select2-container--default .select2-selection--single .select2-selection__arrow { right: -10px; }
    .form.form-home .field.field-price { height: 100px; }
    .products-filter-wrapper.hide-products-filter .products-filter {
        margin-left: -100%;
    }
    .products-filter-wrapper.hide-products-filter .products-listing {
        width: 100%;
    }
    .products-filter-wrapper.hide-products-filter .products-listing .column {
        width: 33.333333%;
    }
    .products-filter-heading .btn-filter .ic-filter { display: none; }
    .products-filter-heading .btn-filter .ic-close { font-size: 12px; }
    .products-filter-heading .btn-filter.close .ic-close { display: none; }
    .products-filter-heading .btn-filter.close .ic-filter { display: inline-block; }
    .products-filter-wrapper.hide-products-filter .products-filter .products-filter-lists.active .detail {
        display: none !important;
    }
    .listing-search.fixed {
        max-width: 600px;
        position: fixed;
        top: 12px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 99999;
        margin-top: 0;
    }
    .listing-search.fixed input {
        height: 45px;
    }
    .listing-search.fixed .input .btn {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        padding: 0 20px;
    }
}

@media (min-width:1025px) {
    .ct-br-desktop { display: block; }
    .visible-ip-p {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

/*========== min and max ==========*/
@media (min-width:768px) and (max-width:991px) {
    
}

/*========== max ==========*/
@media (max-width: 1300px) {
    .thumbnail-slider .slick-prev { left: 0; }
    .thumbnail-slider .slick-next { right: 0; }
    .sc-testimonial .testimonials {
        max-width: 800px;
        top: -80px;
    }
}

@media (max-width: 1199px) {
    .sc-testimonial .testimonials {
        max-width: 690px;
        top: -80px;
    }
    .testimonial .desc {
        height: 43px;
        overflow: hidden;
    }
    .choice.choice-car-type input.choice-input + .checked-all { height: 135px; }
    .form.form-products-filter .range-price-list .input .select .select2-dropdown { width: 292px !important; }
    .form.form-products-filter .range-price-list .input:last-child .select .select2-dropdown { margin-left: -160px; }
}

@media (max-width:1024px) {
    h1, .heading-h1 {
        font-size: 35px;
        line-height: 1.2;
    }
    .highlight .content-area { margin-top: 0; }
    .footer .address-wrapper { padding-left: 0; }
    .footer .social-lists { top: auto; bottom: 65px; }
    .footer .social-lists li { display: inline-block; margin-bottom: 0; margin-right: 20px; }
    .footer .social-lists li:last-child { margin-right: 0; }
    .footer .menu-list li { margin-right: 8px; }
    .sc-consignment .content { top: 50px; }
    .sc-consignment .content .action { margin-top: 20px; }
    .sc-consignment .cta { bottom: -55px; }
    .thumbnail-slider .slick-prev { left: -15px; }
    .thumbnail-slider .slick-next { right: -15px; }
    .hidden-ip-p { display: none !important; }
    .sc-testimonial .container { position: static; transform: none; padding: 60px 20px; }
    .sc-testimonial .testimonials { position: static; max-width: 100%; }
    .testimonial .desc { height: auto; }
    .sc-testimonial { 
        background-image: url(../img/testimonial-bg-m.jpg);
        background-position: center top;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .testimonial-slider .slick-dots li.slick-active {
        border: 1px solid #fff;
    }
    .testimonial-slider .slick-dots li.slick-active button {
        background-color: #fff;
    }
    .select-custom select {
        border: 0;
        padding-left: 0;
        font-size: 16px;
        color: #111;
    }
    .form.form-home .select2-container--default .select2-selection--single .select2-selection__rendered[title="เลือกยี่ห้อรถ"] span {
        font-size: 16px !important;
    }
    .form.form-home .field.field-price .left .range-price { 
        font-size: 16px;
        margin-top: 15px;
    }
    .form.form-home .field.field-price .left .range-price-list {
        left: -50px;
    }
    .range-price-list .select select {
        height: 45px;
        font-size: 14px;
        color: #111;
    }
    .range-price-list .select:after {
        height: 45px;
        line-height: 45px;
    }
    .sc-hl-sell-car { margin-top: -80px; }
    .steps-sell .step-sell .image:after { width: 37%; }
    .sc-sell-with { padding-bottom: 150px; }
    .sell-with-content { width: 580px; }
    .sell-with-content .content { top: 70px; }
    .sc-hl-article {
        margin-top: -80px;
    }
/*    .art-two-columns-slider .slick-dots { left: 68%; }*/
    .art-share { left: -40px; }
    .product-details-cal-form { 
        position: static;
        max-width: 100%;
        margin-top: 40px;
    }
    .product-details-cal-form .detail,
    .product-details-cal-form .calculate .calculate-summary { border-radius: 0; }
    .product-details .content { max-width: 100%; }
    .consent .left { width: 70%; }
    .consent .right { width: 30%; }
}

@media (max-width:991px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container { 
        padding-left: 20px; 
        padding-right: 20px; 
    }
    .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .hidden-device {
        display: none !important;
    }
    .ct-br-device { display: block !important; }
    .a-center-device { text-align: center; }
    .header {
        border-bottom: 0;
/*        background-color: transparent;*/
    }
    .header.header-homepage {
        background-color: transparent;
    }
    .header-homepage.hv-bg,
    .header.hv-bg {
        background-color: #2E4ABB;
    }
    .header .logo { width: 100px; }
    .btn {
        height: 40px;
        line-height: 40px;
        padding: 0 25px;
        font-size: 15px;
    }
    .highlight .content-area { margin-top: 70px; }
    .header .menu-right .hamburger img {
        width: 40px;
    }
    .header .menu-right { right: 20px; }
    .panel {
        width: 100%;
        min-height: 100vh;
        position: fixed;
        top: -150%;
        background-color: #222160;
        z-index: 9999;
        padding: 0 20px;
        transition: top 0.5s ease 0s;
    }
    .panel.active {
        top: 0;
    }
    .panel-header { position: relative; }
    .panel-header .logo img { width: 100px; }
    .panel-header .close {
        position: absolute; 
        right: 0;
        top: 20px;
    }
    .panel-header .close .ic {
        color: #fff;
        font-size: 15px;
    }
    .panel-boby {
        text-align: center;
        padding-top: 50px;
    }
    .panel-boby .list li {
        font-family: 'ibmplexsansthai', Helvetica, Arial, sans-serif;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 30px;
    }
    .panel-boby .list li:last-child {
        margin-bottom: 0;
    }
    .panel-boby .list .link {
        font-size: 15px;
        text-decoration: none;
        color: #fff;
    }
    .panel-boby .list .link .ic { margin-right: 5px; }
    .panel-footer { 
        width: 100%; 
        position: absolute; 
        left: 0;
        bottom: 30px;
        text-align: center;
    }
    .panel-footer .social li {
        display: inline-block;
        margin-right: 30px;
    }
    .panel-footer .social li:last-child { margin-right: 0; }
    .panel-footer .social li .ic {
        color: #fff;
        font-size: 20px;
    }
    .panel-footer .copyright { font-size: 11px; color: #A8A8BE; margin-top: 30px; }
    .sc-inner { padding: 60px 0; }
    h2, .heading-h2 { font-size: 30px; }
    .sc-heading .heading { margin-bottom: 20px; }
    .introductions .content {
        padding-right: 0;
    }
    .introductions .image-lists { margin-top: 40px; }
    .footer .social-lists { bottom: 0; right: 20px; }
    .footer .address-detail:last-child { text-align: left; }
    .footer .address-detail:last-child span { left: 0; }
    .sc-consignment .cta { width: 90%; bottom: -40px; }
    .sc-consignment .content { top: 100px; }
    .sc-consignment .content { width: 100%; }
    .thumbnail-slider .slick-prev, 
    .thumbnail-slider .slick-next {
        width: 35px;
        height: 35px; 
        line-height: 35px;
    }
    .thumbnail-slider .slick-prev { left: 6px; }
    .thumbnail-slider .slick-next { right: 6px; }
    .thumbnail-slider .slick-prev:before, 
    .thumbnail-slider .slick-next:before {
        font-size: 12px;
        line-height: 35px;
    }
    .form.form-home .field,
    .form.form-home .field:last-child {
        width: 100%;
        margin-bottom: 0;
        padding: 10px 0 0 0;
    }
    .form.form-home .field:after {
        width: 100%;
        height: 1px;
        top: auto;
        left: 0;
        bottom: 0;
    }
    .home-search { margin-top: 60px; }
    .form.form-home .field.field-price .left { width: 100%; }
    .form.form-home .field.field-price .right { 
        width: 101%;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .form.form-home .field.field-price .right .btn { width: 100%; }
    .form.form-home .field.field-price .left .range-price-list { 
        position: relative;
        left: 0;
        top: 20px;
    }
    .form.form-home .field.field-price .left .range-price-list { width: 100%; display: none; }
    .form.form-home .field.field-price .left .range-price-list.active { display: inline-block; margin-bottom: 30px; }
    .highlight-slider .slick-dots { bottom: 30px; }
    .select2-dropdown, 
    .select-custom .select2-dropdown {
        margin-top: 12px;
        margin-left: -5px;
    }
    .form.form-home .fields { padding: 0 20px; }
    .form.form-home .select { font-size: 16px; margin-bottom: 5px; }
    .form.form-home .field.field-price .left .range-price { position: relative; }
    .form.form-home .field.field-price .left .range-price:after {
        content: "\e904";
        font-family: 'iconfont';
        font-size: 12px;
        font-weight: normal;
        color: #F58220;
        position: absolute;
        right: 22px;
        top: 5px;
    }
    .listing-search input { height: 60px; }
    .products-filter-heading .right .form .field .input { width: 185px; }
    .products-filter-heading .right .form .field .filter-type,
    .products-filter-heading .right .form .field .input { float: none; }
    .products-filter-heading .right { top: -24px; right: 20px; }
    .products-filter-heading .left { width: 100%; }
    .products-filter-heading .left .products-filter-summary { 
        width: 100%;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 15px;
    }
    .products-filter-heading { padding: 0; margin-bottom: 20px; }
    .btn.btn-filter { margin-left: 20px; }
    .products-filter-heading .summary-car { margin-top: 20px; margin-left: 20px; }
    .products-filter { 
        display: none;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        overflow-y: auto;
        padding-top: 20px;
    }
    .products-listing { width: 100%; }
    .products-filter-wrapper.hide-products-filter .products-filter {
        display: block;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 60px;
    }
    .products-filter-heading .right .form .field .input .select2-container .select2-selection--single { margin-top: 3px; }
    .form.form-products-filter { padding: 20px; }
    .products-filter .products-filter-summary { 
        width: 100%;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 15px;
    }
    .products-filter-heading-m .close { float: right; margin-right: 20px; margin-top: 12px; }
    .form.form-products-filter .range-price-list .input .select .select2-dropdown {
        width: 728px !important;
    }
    .form.form-products-filter .range-price-list .input:last-child .select .select2-dropdown { margin-left: -400px; }
    .sc-cta .cta-wrapper { top: 30px; }
    .sc-testimonials .testimonials .testimonial { margin-bottom: 80px; }
    .sc-testimonials .testimonials .col-md-4:last-child .testimonial { margin-bottom: 50px !important; }
    .contact-general .contact-list { height: 304px; padding: 25px 20px; }
    .sc-hl-sell-car { margin-top: -45px; }
    .steps-sell-slider .slick-dots {
        bottom: -35px;
    }
    .steps-sell .step-sell .image:after { right: -90px; }
    .sell-with-content { width: 470px; }
    .sell-with-lists { width: 100%; }
    .sell-with-content .content { top: 35px; }
    .sc-hl-article {
        margin-top: -45px;
    }
    .art-column:first-child,
    .art-column:last-child { width: 100%; }
    .art-column .content { padding: 20px; }
    .art-column .image img {
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px;
    }
    .art-column .content .tag { margin-top: 25px; }
    .art-column .content .heading { font-size: 28px; }
    .art-thumbnails {
        margin-left: -20px;
        margin-right: -20px;
    }
    .art-thumbnails .col-md-3 {
        padding: 0 20px;
    }
    .art-two-columns-slider .slick-dots {
/*
        left: auto;
        right: 20px;
        transform: none;
*/
        text-align: center;
        right: 0;
        bottom: -30px;
    }
    .article .art-content { padding: 0; }
    .art-share { position: static; margin-top: 30px; }
    .art-share .share li { display: inline-block; margin-bottom: 0; margin-right: 15px; }
    .slider-pagination { left: 45%; }
}

@media (max-width:767px) {
    .hidden-mobile {
        display: none !important;
    }
    .visible-mobile {
        display: block !important;
    }
    .ct-br-m { display: block; }
    h3, .heading-h3 { font-size: 26px; }
    .action { margin-top: 30px; }
    .highlight .content-area { margin-top: -60px; }
    .sc-heading.hv-left { padding-left: 40px; }
    .sc-heading.a-center { padding-left: 0; }
    .sc-heading .heading-tag img { width: 30px; }
    .footer .address-detail,
    .footer .address-detail:first-child { width: 100%; }
    .footer .menu-list { width: 100%; display: inline-block; margin-top: 30px; }
    .footer .menu-list li { margin-right: 0; width: 50%; float: left; margin-bottom: 30px; }
    .footer .social-lists { position: static; }
    .footer .copyright-wrapper { text-align: center; }
    .footer .copyright-wrapper .copyright { float: none; }
    .footer .tandc { float: left; margin-top: 30px; }
    .cars-search .car-search { width: 50%; height: 120px; line-height: 120px; }
    .cars-search .car-search img { height: 50px; }
    .sc-consignment { padding-bottom: 100px; background-color: #222160; }
    .sc-consignment .content { top: 60px; }
    .sc-testimonial {
        background-size: contain;
    }
    .testimonial-slider .slick-dots li.slick-active {
        border: 1px solid #2E4ABB;
    }
    .testimonial-slider .slick-dots li.slick-active button {
        background-color: #2E4ABB;
    }
    .cars-type .car-type.slick-current .detail .heading { font-size: 22px; }
    .cars-type .car-type.slick-current .detail { bottom: 20%; }
    .cars-type .car-type .detail .link-more { font-size: 13px; }
    .home-search { margin-top: -40px; }
    .select-custom select,
    .form.form-home .select2-container--default .select2-selection--single .select2-selection__rendered[title="เลือกยี่ห้อรถ"] span {
        font-size: 14px !imporatnt;
    }
    .range-price-list .select select { font-size: 12px; }
    .highlight-slider .slick-dots { 
        bottom: 100px;
        text-align: left;
        margin-left: 20px;
    }
    .form.form-home .range-price-list .input .select .select2-dropdown {
        width: 310px !important;
    }
    .form.form-home .range-price-list .input:last-child .select .select2-dropdown { margin-left: -180px; }
    .form.form-home .select2-container--default .select2-selection--single .select2-selection__arrow { top: -1px; }
    .products-listing .column { width: 100%; padding: 0 20px; }
    .products-filter-lists .heading { font-size: 18px; }
    ul.pagination .prev,
    ul.pagination .next {
        line-height: 30px;
        width: 80px !important;
    }
    ul.pagination span, 
    ul.pagination a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 2px;
    }
    ul.pagination .disabled span,
    ul.pagination .disabled a {
        line-height: 50px;
    }
    .form.form-products-filter .range-price-list .input .select .select2-dropdown {
        width: 374px !important;
    }
    .form.form-products-filter .range-price-list .input:last-child .select .select2-dropdown { margin-left: -206px; }
    .page-404 .container .logo { left: 20px; }
    .page-404 .heading-h1 { font-size: 80px; }
    .page-404 .heading-h2 { font-size: 20px; }
    .page-404 .heading-h3 { font-size: 25px; }
    .sc-cta { height: 250px; }
    .sc-cta .cta-wrapper { top: 0; }
    .sc-cta.more-one-btn .action { margin-top: 20px; }
    .sc-cta.more-one-btn .btn {
        margin: 0;
        width: 190px;
    }
    .sc-cta.more-one-btn .btn:last-child { margin-top: 10px; }
    .page-thankyou .heading-h1 { font-size: 30px; }
    .page-thankyou .desc { font-size: 14px; }
    .contact-general .image,
    .contact-general .contact-wrapper,
    .contact-general .contact { width: 100%; }
    .contact-general .contact { padding: 0; }
    .contact-general .contact-list { height: auto; margin-top: 30px; text-align: left; padding: 35px; }
    .contact-general .contact-list .icon { width: 30%; display: inline-block; vertical-align: top; }
    .contact-general .contact-list .detail { width: 68%; display: inline-block; vertical-align: top; }
    .contact-general .contact-list .detail .qr { display: block; }
    .main-more-t-m { padding-top: 70px; }
    .sc-calculator .container { padding-left: 0; padding-right: 0; }
    .cal-two-columns {
        display: inline-block;
    }
    .cal-column { width: 100%; height: auto; padding: 30px 20px; }
    .cal-column:first-child,
    .cal-column:last-child { border-radius: 0; }
    .sc-hl-sell-car { margin-top: -40px; }
    .steps-sell .step-sell .image { padding: 0 80px; }
    .steps-sell .step-sell .image:after { width: 55%; right: -127px; }
    .sell-with-content { width: 350px; }
    .sc-sell-with { padding-bottom: 500px; }
    .sell-with-content .content { left: 20px; }
    .sell-with-lists .sell-with-list { margin-top: 20px; }
    .bars .need-help { width: 35px; height: 110px; font-size: 16px; }
    .bars .need-help p { margin-top: 68px; }
    .download .detail { padding-left: 20px; }
    .download .detail .heading { font-size: 22px; }
    .download .detail .desc { font-size: 16px; }
    .sc-product-details .container,
    .sc-panorama .container {
        padding-left: 0;
        padding-right: 0;
    }
    .product-details .content .detail-car-list {width: 100%; }
    .product-details .content .detail-car,
    .product-details .recommend,
    .product-details .special-offer,
    .product-details .reasons,
    .product-details .heading { padding-left: 20px; padding-right: 20px; }
    .product-details .special-offer { margin-top: 20px; }
    .panorama img { border-radius: 0; }
    .sc-product-detail-slider .container { padding-left: 0; padding-right: 0; }
    .slider-for { width: 100%; padding: 0; }
    .slider-for .slick-slide img { border-radius: 0; }
    .data-slide { 
        width: 101%; 
        margin-top: 5px;
        margin-left: -2px; 
        margin-right: -2px;
    }
    .data-slide .image { width: 25%; padding: 0 2px; }
    .data-slide .image.two img,
    .data-slide .image.four img { border-radius: 0; }
    .data-slide .image.three, 
    .data-slide .image.four { margin-top: 0; }
    .slider-pagination { 
        left: auto;
        right: -15px;
        bottom: auto;
        top: 72%;
    }
    .product-details .reasons .list .heading { padding-left: 0; padding-right: 0; }
    .product-details .reasons .list .detail { padding-left: 30px; }
    .product-details-cal-form.fixed {
        position: fixed;
        top: auto;
        bottom: 0;
        z-index: 999;
    }
    .product-details-cal-form.fixed .detail .prices .price,
    .product-details-cal-form.fixed .detail .prices .installment-begin,
    .product-details-cal-form.fixed .detail .prices .installment-price,
    .product-details-cal-form.fixed .detail .action { display: none; }
    .product-details-cal-form.fixed .detail .prices .btn { display: block; }
    .product-details-cal-form.fixed .detail { padding: 15px 20px 10px 20px; }
    .consent .left,
    .consent .right { width: 100%; }
    .consent .right { text-align: center; margin-top: 30px; }
    .popup-content-style .mfp-content .content .bottom { padding: 40px 20px; }
    .popup-content-style .mfp-content .content .bottom .form .action .btn { margin: 0; }
    .popup-content-style .mfp-content .content .bottom .form .action .btn:last-child {
        margin-top: 15px;
    }
    .art-gallery { width: auto; }
    .art-gallery .popup-gallery a {
        width: 47%;
        margin-bottom: 10px;
    }
}

@media (max-width:375px) {
    .select2-dropdown, 
    .select-custom .select2-dropdown {
        width: 320px !important;
    }
    .form.form-home .range-price-list .input .select .select2-dropdown {
        width: 275px !important;
    }
    .form.form-home .range-price-list .input:last-child .select .select2-dropdown { margin-left: -160px; }
    .form.form-products-filter .range-price-list .input .select .select2-dropdown {
        width: 335px !important;
    }
    .form.form-products-filter .range-price-list .input:last-child .select .select2-dropdown { margin-left: -184px; }
    .steps-sell .step-sell .image:after {
        width: 60%;
        right: -125px;
    }
    .tab.tab-article .control a { margin-right: 20px; }
}