/* common class - start */

.cmn-section-gap {
    margin: 80px 0;
}

@media (max-width: 991px) {

    .cmn-section-gap {
        margin: 40px 0;
    }

    footer .footer-btm {
        flex-direction: column;
        gap: 10px 0 !important;
    }
}

@media (max-width: 767px) {

    .cmn-section-gap {
        margin: 30px 0;
    }

}

/* common class - end */

/* header - start */

header.style-5.sticky {

    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);

}

/* header - end */


/* footer - start */

.footer-center .hotline-area .icon svg {

    width: 32px;
    height: 32px;

}

.footer-section .siteby a {

    font-weight: 600;

}

/* footer - end */

@media (max-width: 1399px) {

    /* footer - start */

    footer .footer-center .contact-area .hotline-area .content h6 a {

        font-size: 18px;

    }

    /* footer - end */

}


@media (max-width: 1199px) {

    /* header - start */

    header.style-5 .header-logo img {
        max-width: 143px;
    }

    header.style-5 {
        padding: 0px 0;
    }

    .mobile-logo-wrap a img {

        max-width: 143px;

    }

    header.style-5.sticky {

        padding-inline: 2%;

    }

    /* header - end */


    /* footer - start */

    .footer-logo {
        width: 143px;
    }

    footer .footer-widget .widget-title h5 {

        font-size: 18px;

    }

    footer .footer-top {

        padding-bottom: 70px;

    }

    /* footer - end */
    .box_design .box_item {
        padding: 0 10px;
    }

    .box_design .box_item p {
        font-size: 14px;
        line-height: 21px;
    }

    .box_design .box_item img {
        width: 50px;
        margin-bottom: 18px;
    }

    /* home - start */

    .section-title-2 h2 {
        font-size: 35px;
    }

.mt-100 {
    margin-top: 80px !important;
  }

  .mb-100 {
    margin-bottom: 80px;
}

  .pt-100 {
    padding-top: 80px;
}

.pb-100 {
    padding-bottom: 80px;
}

    /* home - end */


    /* do you need any parts of car? - start */

    .shop-car-parts-section .section-title1 a {

padding: 8px 36px;

    }
    
    /* do you need any parts of car? - end */


    /* terms and conditions - start */

    .inner-page-banner .breadcrumb-list {

padding-top: 10px;

    }
    
    /* terms and conditions - end */ 


    /* contact us - start */

    .contact-page .single-contact .content h6 {

max-width: 214px;

    }

    .contact-page .inquiry-form .form-inner .primary-btn3 {

        padding: 16px 36px;

    }

    .primary-btn3 {

font-size: 14px;

    }

/* contact us - end */ 


/* insurance - start  */

.inner-page-banner .banner-content h1 {

font-size: 40px;

}

/* insurance - end  */


/* showroom locator - start */

.showroom_locate {
    padding: 80px 0;
}

.showroom_locate .store_locate h3 {
    font-size: 23px;
}

/* showroom locator - end */


/* car details - start */

.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model .price h3 {

font-size: 25px;

}

.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model {

gap: 62px;

}

    .car-details-area .car-details-menu .navbar .nav-pills {

justify-content: space-between;

    }

    .car-details-area .car-details-menu .navbar .nav-pills .nav-item a.active::after {

width: 13px;
height: 13px;

    }

        .inner-page-banner .banner-content.style-2 h1 {
        font-size: 40px;
    }

  .car-details-sidebar .inquiry-form {

        margin-bottom: 0;

    }

/* car details - end */

}



@media (max-width: 991px) {

    /* header - start */

    header.style-5 .header-logo img {
        max-width: 133px;
    }

    /* header - end */


    /* footer - start */

    .footer-logo {

        width: 133px;

    }


    .footer_section .row-cols-xl-5>.foot_about_us {

        width: 100%;

    }

    .footer_section .row-cols-xl-5>* {

        width: 25%;

    }

    footer .footer-center .contact-area .hotline-area .content h6 a {

        font-size: 17px;

    }

    .footer-center .hotline-area .icon svg {

        width: 30px;
        height: 30px;

    }

    footer .footer-center {
        padding: 0px 2% 30px;
    }

    footer .footer-btm {
        padding: 30px 2%;
        gap: 25px;
    }

    footer .footer-center {

        gap: 35px;

    }

    footer .footer-top {
        padding: 45px 2% 40px;
    }

    /* footer - end */

    .box_design {
        flex-wrap: wrap;
        justify-content: center;
    }

    .box_design .box_item {
        width: 33.33%;
        text-align: center;
        padding: 30px 10px;
    }

    .box_design .box_item:nth-child(4),
    .box_design .box_item:nth-child(5) {
        border-top: 1px dashed #dadada;
        width: 50%;
    }

    .box_design .box_item:nth-child(3) {
        border-right: 0;
    }

    .box_design .box_item p {
        font-size: 14px;
        line-height: 23px;
    }

    .box_design .box_item img {
        width: 50px;
        margin-bottom: 20px;
    }

    .category_section {
        margin-top: 30px !important;
    }

    .box_design {
        margin-top: 50px !important;
    }

    /* home - start */

    .pt-100 {
        padding-top: 40px;
    }

        .section-title-2 h2 {
        font-size: 32px;
    }

        .pb-100 {
        padding-bottom: 40px;
    }

        .mb-100 {
        margin-bottom: 40px;
    }

    /* home - end */

/* terms and conditions - start */

.inner-page-banner .banner-content h1 {
    font-size: 38px;
}

.welcome-banner-section .welcome-wrap {

max-width: 100%;

}

/* terms and conditions - end */


/* contact us - start */

.address-section {

row-gap: 40px;

}

/* contact us - end */ 


/* insurance - start */

.product-search-section .container {

width: 100%;

}

.header-with-product-search-section .banner-wrapper {

    padding-bottom: 75px;

}

/* insurance - end */


/* accessories - start */

.product-search-section .row>* {

    margin-top: 16px;
    
}

.filter-section .row { 

overflow-x: scroll;

 }

 .filter-section .table { 

min-width: 1200px;

 }

.pagination-section{

margin-top: 30px;

}

/* accessories - end */


/* showroom locator - start */

.showroom_locate {
    padding: 40px 0;
}

/* showroom locator - end */


/* arena-1 - start */

.product-search-area form .form-inner button {

padding-block: 7px;

}

.product-card .product-content .price-location .price strong {

font-size: 17px;

}

/* arena-1 - end */


/* car details - start */

.car-details-section .container{

max-width: 100%;
    
}

    .car-details-area .car-details-menu .navbar .nav-pills .nav-item a.active::after {

        width: 12px;
        height: 12px;

    }

        .inner-page-banner .banner-content.style-2 h1 {

font-size: 30px;

        }

            .inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model .price h3 {
        font-size: 21px;
    }

        .inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model {
        gap: 91px;
    }

    .car-details-sidebar .inquiry-form .form-inner .primary-btn3 {

padding-block: 16px;

    }

.primary-btn3 {

    padding-block: 7px;

}

/* car details - end */

}


@media (max-width: 767px) {

    /* header - start */

    header.style-5.sticky {
        padding-inline: 15px;
    }


    header.style-5 {

        padding-inline: 15px;

    }

    header.style-5 .header-logo img {
        max-width: 101px;
    }

    /* header - end */


    /* footer - start */

    .footer-logo {

        width: 101px;

    }

    .footer_section .row-cols-xl-5>.foot_about_us {
        width: 100%;
    }

    .footer_section .row-cols-xl-5>* {
        width: 50%;
    }

    footer .footer-btm {

        padding-inline: 0;

    }

    /* footer - end */

    .footer_section .row-cols-xl-5 .category_link {
        width: 100%;
        background: #ffffff17;
        border-radius: 10px;
        padding: 20px;
        margin-top: 25px;
    }

    .footer_section .row-cols-xl-5 .category_link ul {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 0;
    }

    .footer_section .row-cols-xl-5 .category_link ul li {
        width: 33.33%;
        margin: 0;
    }

    .footer_section .row-cols-xl-5 .category_link .widget-title {
        border-bottom: 1px solid var(--primary-color1);
        padding-bottom: 10px;
    }

    .footer_section .row-cols-xl-5 .category_link .footer-widget {
        width: 100%;
    }

    footer .footer-btm .copyright-area p {
        text-align: center;
    }

/* home - start */

    .pt-100 {
        padding-top: 30px;
    }

       .pb-100 {
        padding-bottom: 30px;
    }

   .mt-100 {
        margin-bottom: 30px;
    }
   
    .mb-100 {
        margin-bottom: 30px;
    }

 

    .category_box .overlay h4 {

font-size: 24px;

    }

.categories-section .description{

    margin-bottom: 16px !important;

}

    .section-title-2 h2 {
        font-size: 29px;
    }

        .section-title1 h2 {
        font-size: 28px;
    }

    .product-card .product-content .price-location .price strong {

font-size: 17px;

    }

    .home5-why-drivco-area {

        margin-inline: 12px;
    }

     .shop-car-parts-section .section-title1 h2 {
    margin-bottom: 30px;
}

/* home - end */


/* terms and conditipons - start */

    .inner-page-banner .banner-content h1 {
        font-size: 30px;
    }

/* terms and conditipons - end */


/* contact us - start */

.address-section{

row-gap: 30px;

}

.contact-page .inquiry-form .form-inner .primary-btn3 {
        padding: 13px 29px;
    }

.contact_info_box {
    padding: 30px;
}

.contact_info_box h4 {

    font-size: 25px;

}

/* contact us - end */


/* insurance - start */

.pagination-section {

margin-top: 30px;

} 

.insorance_card .price {
    font-size: 19px;
}

.insorance_card p {

margin-bottom: 2px;

}

.pagination-and-next-prev .pagination ul {

flex-wrap: wrap;
    
}

#filterForm select {

height: 40px;

}

.product-search-area form .form-inner button {

padding-block: 7px;

}

/* insurance - end */


/* showroom locator - start */

.showroom_locate {
    padding: 30px 0;
}

/* showroom locator - end */


/* arena-1 - start */

.product-card .product-content .price-location .price strong {

font-size: 16px;

}

/* arena-1 - end */


/* car details - start */

.inner-page-banner .banner-content.style-2 .price-model-and-fav-area .price-and-model {
        gap: 30px;
    }

    .car-details-area .car-details-menu .navbar .nav-pills {

        gap: 40px 20px;

    }

/* car details - end */

}

@media (max-width: 480px) {
    .box_design {
        gap: 10px;
    }

    .box_design .box_item {
        width: calc(50% - 10px) !important;
        text-align: center;
        padding: 13px 15px;
        border: none !important;
        background: #f1f1f1;
        border-radius: 5px;
    }

    .box_design .box_item:nth-child(5) {
        width: calc(100% - 10px) !important;
    }

    .box_design .box_item img {
        width: 40px;
        margin-bottom: 13px;
    }

    .home5-testimonial-section .feedback-card {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .footer_section .row-cols-xl-5 .category_link ul li {
        width: 50%;
    }
}