

@media (min-width: 1500px) {
    
}

@media (max-width: 1400px) {
   
}

@media (max-width: 1200px) {
    .car-box .car-name, .car-box .car-price {font-size: 30px;}
    .about-page .about-image-wrap .about-image {transform: translate(50px, 35px);}
    .about-page .section-title {font-size: 30px;}
}

@media (max-width: 992px) {
    .page-title {font-size: 35px;}
    .car-box .car-name, .car-box .car-price {font-size: 25px;}
    .form-filter {border-radius: 15px !important;}
    .form-filter .for-border{border: none !important;}
    .form-filter .submit-search-btn {width: 170px;}

    .header .nav-list {
        position: fixed;
        top: 0;
        right: -350px;
        bottom: 0;
        width: 350px;
        background-color: #fff;
        box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
        padding: 15px;
        transition: all .3s ease-in-out;
    }
    .header .nav-list.open {right: 0;}

    .header .nav-list > ul li:not(:last-child) {margin-bottom: 20px;}
    .main-section .main-section-title {font-size: 45px;}
    .section-title {font-size: 30px;}
    .rt-box .svg-icon, .lt-box .svg-icon{width: 80px; height: 81px;}
    .rt-box .box-title, .lt-box .box-title{font-size: 24px;}
    .want-car-section .rt-box, .want-car-section .lt-box {min-height: 300px;}

    .contact-form-content, .contact-methods-box, .contact-page-image {border-radius: 1rem;}
        
}

@media (max-width: 768px) {
    .perfect-car-section .text-wrap, .perfect-car-section .image-wrap {width: 100% !important;}
    .big-image-wrap img {border-radius: 16px}
    .car-images-section {margin-bottom: 50px;}
    .not-home-page {padding-top: 107px;}
}

@media (max-width: 576px) {
    .newsletter-form-wrap {min-width: 100%;}
    .header-tell-number span {width: 144px;}
    .login-page-image {display: none;}
    .login-section .width-for-mobile {width: 100% !important;}
    .about-page .about-image-wrap {max-width: 90%;}
    .about-page .about-image-wrap .about-image {transform: translate(40px, 25px);}
    
}

@media (min-width: 1401px) {
    
    
}

