@media (min-width:1800px) {
    .swiper--blog__rev__container{
        width:100%;
    }
    .left-car {
        background-size: contain;
        background-position: left;
    }

    .about-company {
        background-size: cover !important;
    }
}

@media (max-width:1200px) {
    .pagination-cars button{
        font-size:15px !important;
    }
     .nav-items a{
        font-size:16px !important;
    }
    .scroll-menu .col-7 {
        width: 70%;
        justify-content: center !important;
    }

    .scroll-menu .nav-items ul {
        column-gap: 1rem;
    }

    .header-row .col-9 {
        width: 70%;
    }
    
    .navbar ul {
        padding-left:1rem !important;
    }

    .navbar a {
        font-size: 12px !important;
    }

    .contact a {
        font-size: 14px !important;
    }

    .clicked-car-swiper .swiper-slide {
        width: 250px !important;
    }

    .pagination-cars button {
        width: 200px !important;
    }

    .pagination-title {
        right: 2% !important;
    }

    .about-company {
        background-size: cover !important;
    }

    .video-section .left-image {
        width: 40% !important;
    }

    .count-row .col-2 {
        width: 23% !important;
    }

    .blog-row .blog-item {
        width: 30% !important;
    }

    .comment-row .col-6 {
        width: 40%;
    }

    .none768 {
        display: none !important;
    }

    .comment-content {
        width: 95% !important;
    }

    .comment-content img {
        bottom: -9% !important;
    }

    .clicked-car-img img {
        width: 450px !important;
        height: 450px !important;
    }

    .other-car-images {
        width: 450px !important;
    }

    .auto-carts {
        grid-template-columns: 270px 270px 270px !important;
    }

    footer {
        overflow-x: hidden !important;
    }

    .data-driver-row {
        flex-direction: column;
        align-items: center;
    }

    .w580 {
        width: 90% !important;
    }

    .cash-col {
        margin-top: 5rem;
        width: 90% !important;
    }
}

@media (max-width:1000px) {
    .car-logo{
        font-size:24px !important;
    }
     .car-model-2{
         width:15% !important;
     }
    
     .ilmin{
         width:15% !important;
     }
    .contact-and-navbar {
        display: none;
    }

    .burger-menu-top {
        display: block !important;
    }

    .scroll-menu {
        display: none !important;
    }
    
   

    .model {
        justify-content: center;
    }

    .filter-row span {
        font-size: 0.9rem !important;
    }

    .min-price input {
        width: 95% !important;
        font-size: 0.9rem;
        padding-left: 2px !important;
    }

    .max-price input {
        width: 95% !important;
        font-size: 0.9rem;
        padding-left: 2px !important;
    }

    .min-price {
        column-gap: 0.5rem !important;
    }

    .max-price {
        column-gap: 0.5rem !important;
    }

    .name-rent span {
        font-size: 25px !important;
    }

    .types-rent {
        column-gap: 50px !important;
    }

    .wrap-row button {
        width: 174px !important;
    }

    .none768 {
        display: none;
    }

    .company-row {
        column-gap: 5rem !important;
    }

    .video-row .left-image {
        width: 95% !important;
    }

    .video-row .right-title {
        width: 95% !important;
        margin-top: 2rem;
    }

    .count-row {
        display: grid !important;
        justify-content: center !important;
        grid-template-columns: 45% 45% !important;
        gap: 1rem !important;
    }

    .count-row .count {
        width: 100% !important;
    }

    .blog-row {
        display: flex !important;
        flex-direction: column !important;
        row-gap: 2rem !important;
        align-items: center !important;
    }

    .blog-row .col-3 {
        width: 80% !important;
    }

    footer li {
        font-size: 0.9rem !important;
    }

    .about-bottom-img img {
        position: static !important;
    }

    .circle-models {
        width: 100% !important;
        justify-content: center;
    }

    .car-filters span {
        font-size: 10px !important;
    }

    .filter-row-2 {
        width: 100% !important;
    }

    .ilmin input {
        width: 100% !important;
    }

    .car-min-price input {
        width: 100% !important;
    }

    .car-max-price input {
        width: 100% !important;
    }

    .model-submenu-2 p {
        font-size: 12px !important;
    }

    .model-submenu-3 p {
        font-size: 12px !important;
    }

    .car-filters {
        font-size: 0.9rem !important;
    }


    .auto-carts {
        grid-template-columns: 270px 270px !important;

    }

    .services-row {
        grid-template-columns: 40% 40% !important;
    }

    .contact-row {
        display: flex !important;
        flex-direction: column !important;
        row-gap: 2rem !important;
        align-items: center !important;
    }

    .adress {
        width: 95% !important;
    }

    .send-message {
        width: 95% !important;
    }

    .clicked-car-row {
        flex-direction: column !important;
        row-gap: 2rem !important;
    }

    .image-clicked {
        height: 420px !important;
    }

    .coll {
        width: 95% !important;
    }

    .variable-row {
        width: 100% !important;
    }

    .extra-row {
        grid-template-columns: 270px 270px !important;
        row-gap: 2rem;
    }

    .property-variable {
        column-gap: 1rem;
    }

    .network-col1 .col-3 {
        width: 40%;
    }
    
    .checkout_main{
       flex-direction:column;
    }
    
    .checkout_container{
        margin-top:3rem;
        height:60vh!important;
     position: static !important;
     width:100% !important;
     display:flex;
     justify-content:center;
    }
    
    .checkout_fixed{
    position: static !important;
     }
     
     .checkout_property{
    width: 100% !important;
    
}
}
@media (max-width:768px){
    .about-car-row-reverse{
        flex-direction:column-reverse;
    }
    .pagination-cars button{
     width: 100% !important;
    border-radius: 0 !important;
    }
    button.accordion:after{
    right: 18px !important;
    top: 30px !important;
    }
}


@media (max-width:580px) {

    .filters {
        display: none !important;
    }
    
    .mobile-logo{
        /*width:40% !important;*/
    }
    .mobile-logo img{
        width:100%;
        height:100%;
    }

    .header-img {
        height: 300px !important;
        background-size: contain !important;
        background-repeat: repeat-y !important;
    }


    .header-img .site-description p {
        margin-top: 0 !important;
    }



    .left-and-top {
        bottom: 0 !important;
    }

    .left-car {
        height: 100px !important;
    }

    .right-car {
        height: 100px !important;
    }

    .filters {
        display: none;
    }

    .site-description p {
        font-size: 30px !important;
    }

    .mobile-site-descripton {
        display: block !important;
    }

    .mobile-filter {
        display: block !important;
    }

    .name-rent {
        padding-left: 2rem !important;
        row-gap: 0 !important;
    }

    .name-rent span {
        font-size: 15px !important;
        bottom: 0 !important;
    }

    .bottom-line {
        height: 2px !important;
    }

    .types-rent {
        column-gap: 10px !important;
    }

    .types-rent span {
        font-size: 14px !important;
    }

    .wrap-row button {
        /*width: 65px !important;*/
        /*height: 45px !important;*/
        font-size: 1rem !important;
    }

    .pagination-title {
        font-size: 0.9rem !important;
        padding-left: 1rem !important;
    }

    .company-row {
        grid-template-columns: 40% 40% !important;
    }

    .frame span {
        text-align: center;
    }

    .left-move {
        width: 50% !important;
        height: 140px !important;
    }

    .right-move {
        width: 50% !important;
        height: 140px !important;
    }

    .count-row {
        grid-template-columns: 95% !important;
    }

    .blog-row .col-3 {
        width: 95% !important;
    }

    .comment-row {
        flex-direction: column !important;
        align-items: center !important;
    }

    .comment-col {
        width: 80% !important;
    }

    .emblem-swipe {
        height: 100px !important;
    }


    .footerr-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .footerr-row .col-3 {
        width: 95%;
    }

    .footerr-row li,
    .fh {
        text-align: center !important;
    }

    .foot-ul li {
        text-align: center !important;
        display: flex;
        justify-content: center;
    }

    footer ul a:before {
        content: '' !important;
    }

    .faydali {
        align-items: center !important;
    }

    .phone-num {
        justify-content: center !important;
    }

    .mail {
        display: flex;
        justify-content: center !important;
    }

    .ll {
        display: flex;
        justify-content: center !important;
    }

    .social-icons {
        position: static !important;
    }

    .company {
        justify-content: space-between !important;
        align-items: center
    }

    .company a {
        font-size: 1rem !important;
    }


    /*.about-left-img,*/
    /*.about-bottom-img {*/
    /*    width: 100% !important;*/
    /*    height: 300px !important;*/
    /*        margin-top: 3rem;*/
    /*}*/

    /*.about-right-title {*/
    /*    height: 300px !important;*/
    /*    width: 95%;*/
    /* margin-top: 5rem;*/
    /*}*/

    .car-filters {
        display: none;
    }

    .auto-carts {
        grid-template-columns: 270px !important;
    }

    .services-row {
        grid-template-columns: 95% !important;
    }

    .cont-row {
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
    }

    .cont-row .contact-item {
        width: 95%;
    }

    .last-contact-row {
        justify-content: center !important;
    }

    .last-contact-row button {
        width: 95% !important;
    }

    .contact-form textarea {
        width: 85% !important;
    }

    .clicked-car-img {
        width: 100% !important;
            display: flex;
         flex-direction: column;
    align-items: center;
    }

    .image-clicked {
        width: 95% !important;
        height: 350px !important;
    }

    .image-clicked img {
        width: 100% !important;
        height: 350px !important;
    }

    .other-car-images {
        width: 95% !important;
    }

    .propertyes-clicked {
        width: 95% !important;
    }

    .price-clicked-car {
        justify-content: flex-start !important;
        flex-direction: column;
        align-items: flex-start !important;
        row-gap: 1rem;
    }

    .property-col {
        width: 50% !important;
    }

    .giving-1 {
        display: none;
    }

    .giving-2 {
        flex-direction: column;
        align-items: center;
    }

    .giving-item {
        width: 95%;
        border-right: none !important;
        border-radius: 0px !important;
    }

    .giving-item input {
        text-align: start !important;
    }

    .confirm-btn {
        width: 95% !important;
        border-radius: 0px !important;
    }

    .extra-row {
        grid-template-columns: 270px !important;
        justify-content: center;
        row-gap: 4rem !important;
    }

    .variable-row {
        justify-content: space-between;
        width: 100% !important;
    }
    
    .packet-row{
        justify-content: center;
    }

    .name-variable {
        width:20% !important;
        font-size: 10px !important;
    }

    .property-variable {
        width: 60% !important;
    }

    #namew {
        display: none !important;
    }

    .none580 {
        display: none !important;
    }

    .variable-row .col-1{
        width: 20%;
    }

    .variable-row .col-1 button{
       font-size: 10px !important;
    }

    .bron-btn {
        width: 100% !important;
        height: 30px !important;
        font-size: 13px !important;
    }
    
    
    

    .data-driver-row {
        flex-direction: column;
    }

    .data-driver-row1 {
        width: 100% !important;
        flex-direction: column;
        row-gap: 2rem;
    }

    .w580 {
        width: 100% !important;
    }

    .data-driver-row1 .col-6 {
        width: 100% !important;
    }

    .data-driver-col {
        width: 100% !important;
        align-items: center !important;
    }

    .data-driver-col label {
        width: 90% !important;
    }

    .data-driver-col input {
        width: 90% !important;
    }

    .data-driver-row1 {
        width: 100% !important;
    }

    .data-drive {
        width: 90%;
    }

    .row580 {
        width: 90% !important;
    }

    .cash-col {
        padding-left: 0px !important;
        margin-top: 5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
        overflow: hidden !important;
    }

    .type-cashing {
        width: 80% !important;
    }

    .data-cart-title {
        width: 85% !important;
    }

    .data-row-580 {
        justify-content: center;

    }

    .cashing-cart {
        justify-content: center;
    }


    .data-cart-row1 {
        justify-content: center;
    }

    .data-cart-row2 {
        width: 100% !important;
        justify-content: center;
    }

    .carts {
        column-gap: 1rem !important;
        justify-content: center;
    }

    .submit-data-cart {
        justify-content: center !important;
    }

    .nagd p {
        width: 95% !important;
    }

    .submit-data-cart button {
        width: 85% !important;
    }

    .network-adress {
        width: 100%;
    }

    .network-col1 .col-3 {
        width: 80%;
    }

    .map-col {
        width: 100% !important;
        justify-content: center !important;
        overflow: hidden;
    }

    .stoplight {
        display: none !important;
    }

    .security-item {
        padding: 20px;
    }
    
     .submit-end{
         justify-content:center !important;
     }
    
    .submit-end button{
    width:80% !important;
}

      
}
@media(max-width:576px){
    .count-row .count{
        justify-content:flex-start !important;
    }
}