@media(max-width:1500px) {
    .hero-banner-content h1 {
        font-size: calc(var(--extraLargeFontSize) - 10px);
        line-height: 60px;
    }

    h2 {
        font-size: calc(var(--largeFontSize));
    }

    h3 {
        font-size: calc(var(--mediumFontSize));
    }

    .marketplace-box-inr h3 {
        font-size: calc(var(--mediumFontSize) - 3px);
    }

    .marketplace-box-inr p {
        font-size: calc(var(--baseFontSize));
        line-height: calc(var(--largeFontSize) - 10px);
        max-width: 85%;
    }

    .marketplace-box-btn {
        padding: 10px 16px;
    }

    .imageContent-wrapper {
        gap: 40px;
    }

    .imageContent-right p {
        font-size: calc(var(--baseFontSize));
    }

    .info-box p {
        font-size: 18px;
    }

    .map-contact-wrapper {
        padding: 20px;
    }

    .form-box {
        padding-right: 0;
    }

    .form-box p {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .form-box h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .partner-logos img {
        height: 50px;
    }

    .latest-part-wrapper .swiper-button-next {
        right: -40px;
    }

    .latest-part-wrapper .swiper-button-prev {
        left: -40px;
    }

    .callTo-action-text p {
        font-size: 18px;
    }

    .big-text {
        font-size: calc(var(--extraLargeFontSize) - 14px);
    }

    .callTo-action-box h5 {
        font-size: 22px;
    }

    .callTo-action-image img {
        max-height: 210px;
    }

    .part-item-detail h4 {
        font-size: calc(var(--regularFontSize) - 2px);
    }

    .our-inventory-wrapper .latest-part-item {
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
    }

}


@media(max-width:1199px) {
    body {
        font-size: 14px;
    }

    h3 {
        font-size: calc(var(--mediumFontSize) - 4px);
    }

    h2 {
        font-size: calc(var(--largeFontSize) - 5px);
    }

    .section-head p {
        font-size: calc(var(--baseFontSize));
    }

    .site-logo a img {
        max-height: 50px;
    }

    .main-header-wrapper {
        padding: 15px 0;
    }

    .main-header-center ul a {
        font-size: 14px;
    }

    .main-header-center ul {
        gap: 20px;
    }

    .hero-banner-content {
        min-height: 400px;
    }

    .hero-banner-content h1 {
        font-size: calc(var(--largeFontSize) + 12px);
        line-height: 48px;
    }

    .hero-banner-content p {
        font-size: 18px;
        margin: 5px 0 25px;
    }

    .marketplace-box-inr {
        padding: 20px 16px;
        border-radius: 12px;
    }

    .marketplace-box-btn {
        padding: 8px 12px;
        font-size: 14px;
    }

    .marketplace-box {
        padding: 7px;
    }

    .network-marketplace-wrapper {
        margin: 3% -7px 0;
    }

    .marketplace-box-inr h3 {
        font-size: calc(var(--mediumFontSize) - 5px);
    }

    .part-item-detail h4 {
        font-size: calc(var(--regularFontSize) - 2px);
    }

    .detail-list li {
        font-size: 12px;
    }

    .info-icon {
        width: 56px;
        height: 56px;
        border-radius: 10px;
    }

    .info-icon img {
        max-width: 26px;
    }

    .info-box {
        padding: 40px 15px 15px;
    }

    .phone-list,
    .working-hours {
        gap: 12px;
    }

    .info-box p {
        font-size: 16px;
    }

    .form-box input,
    .form-box textarea {
        padding: 12px;
        font-size: 14px;
    }

    .map-contact-wrapper {
        gap: 25px;
    }

    .visitor-count span {
        font-size: 14px;
    }

    .visitor-count b {
        font-size: 20px;
    }

    .partner-logos img {
        height: 40px;
        max-width: 170px;
    }

    .partner-logos {
        gap: 35px;
    }

    .partner-left h4,
    .partner-right h4 {
        font-size: 16px;
    }

    .auth-dtl {
        margin-top: 25px;
    }

    .latest-part-wrapper {
        padding: 0 40px;
    }

    .latest-part-wrapper .swiper-button-next {
        right: -10px;
    }

    .latest-part-wrapper .swiper-button-prev {
        left: -10px;
    }

    .marketplace-box-inr p {
        max-width: 90%;
    }

    .footer-social-icons img {
        width: 36px;
        height: 36px;
    }

    .popular-brand-slide .slide-item {
        padding: 5px;
    }

    .char-count {
        font-size: 12px;
    }

    .callTo-action-text {
        max-width: 60%;
        padding: 50px 0;
    }

    .callTo-action-image img {
        max-height: 170px;
    }

    .big-text {
        font-size: calc(var(--extraLargeFontSize) - 24px);
    }

    .callTo-action-box h5 {
        font-size: 18px;
    }

    .our-inventory-wrapper .latest-part-item {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
}



@media(max-width:991px) {
    .m-h-nav-wrap {
        display: flex;
    }

    header.rdm-header {
        position: relative;
        z-index: 9;
    }

    body.main-nav-toggle {
        overflow: hidden;
        max-height: 100vh;
    }

    .main-header-center {
        position: fixed;
        background: #fff;
        max-width: 290px;
        width: 100%;
        left: 0;
        top: 125px;
        height: calc(100% - 125px);
        transform: translateX(-100%);
        transition: .3s;
        z-index: 9;
        border-top: 1px solid rgba(var(--blackColor), 10%);
    }

    body.sticky-header.main-nav-toggle .main-header.header-sticky .main-header-center {
        top: 80px !important;
        height: calc(100% - 80px);
    }

    .main-nav-toggle .main-header-center {
        transform: translateX(0);
    }

    .main-header-center ul {
        gap: 10px;
        flex-direction: column;
        align-items: self-start;
        padding: 20px;
    }

    .main-header-center ul li {
        width: 100%;
    }

    .main-header-center ul a {
        display: flex;
        padding: 5px;
    }

    .rdm-container {
        padding: 0 20px;
    }

    .latest-part-wrapper {
        padding: 0 50px;
    }

    .latest-part-wrapper .swiper-button-prev {
        left: 10px;
    }

    .latest-part-wrapper .swiper-button-next {
        right: 10px;
    }

    .latest-part-wrapper .swiper-button-prev,
    .latest-part-wrapper .swiper-button-next {
        width: 35px;
        height: 35px;
        border-radius: 5px;
    }

    .latest-part-wrapper .swiper-button-prev svg,
    .latest-part-wrapper .swiper-button-next svg {
        width: 8px;
    }

    .part-item-detail a.custom-btn {
        margin-top: 8px;
    }

    .info-grid {
        gap: 50px 16px;
    }

    .map-contact-wrapper {
        flex-wrap: wrap;
        border-radius: 10px;
    }

    .map-box iframe {
        min-height: 400px;
    }

    .info-box p {
        font-size: 14px;
    }

    .phone-box .phone-list div,
    .working-hours div {
        padding: 12px;
        margin-top: 0px;
    }

    .latest-part-item {
        padding: 7px;
    }
    
    .our-inventory-wrapper {
    margin:0 -7px;
}

    .popular-brand-slide .slide-item>a {
        padding: 16px 12px;
    }

    .popular-brand-slide {
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
    }

    .network-marketplace-wrapper {
        flex-direction: column;
    }

    .marketplace-box-inr {
        min-height: 190px;
    }

    .marketplace-box-inr:after {
        background-size: 70% !important;
    }

    .marketplace-box:nth-child(3) .marketplace-box-inr:after {
        background-size: 60% !important;
        background-position: right bottom !important;
    }

    .footer-social-icons img {
        width: 32px;
        height: 32px;
    }

    .visitor-count span {
        font-size: 14px;
    }

    .visitor-count b {
        font-size: 18px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 5px;
    }

    .imageContent-wrapper {
        gap: 25px;
        flex-direction: column;
    }

    .imageContent-left.imageContent-img {
        max-width: 100%;
    }

    .imageContent-left.imageContent-img img {
        border-radius: 12px;
        max-height: 400px;
        object-fit: cover;
    }

    .auth-dtl {
        margin-top: 20px;
        padding: 16px;
        border-radius: 8px;
    }

    .hero-banner-content h1 {
        font-size: calc(var(--largeFontSize) + 5px);
        line-height: 40px;
    }

    h3 {
        font-size: calc(var(--mediumFontSize) - 6px);
    }

    button#nav-toggle-wrapper {
        display: flex;
    }

    .main-header-center a.custom-btn {
        display: flex;
        margin: 0px 20px 0;
    }

    .callTo-action-image img {
        max-height: 150px;
    }

    .callTo-action-text p {
        font-size: 16px;
    }

    .callTo-action-box {
        padding: 12px 20px;
    }

    .big-text {
        font-size: calc(var(--extraLargeFontSize) - 30px);
    }

    .callTo-action-box h5 {
        font-size: 15px;
    }
        
    .rdm-pagination {
    margin-top: 25px;
}

}

@media(max-width:767px) {
    .main-header-right a.custom-btn {
        display: none;
    }

    .main-header-center {
        top: 79px;
        height: calc(100% - 79px);
    }

    body.sticky-header.main-nav-toggle .main-header.header-sticky .main-header-center {
        top: 74px !important;
        height: calc(100% - 74px);
    }

    .topHeader-wrapper {
        display: none;
    }

    .hero-banner-content {
        min-height: 340px;
        border-radius: 12px;
    }

    .hero-banner-img {
        border-radius: 12px;
    }

    .hero-banner-content h1 {
        font-size: calc(var(--largeFontSize) + 2px);
    }

    h2 {
        font-size: calc(var(--largeFontSize) - 8px);
    }

    .popular-brand-wrapper {
        margin: 3% -5px 0;
    }

    .popular-brand-slide {
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
    }

    .info-grid .info-box:nth-child(1),
    .info-grid .info-box:nth-child(3),
    .info-grid .info-box:nth-child(2),
    .info-grid .info-box:nth-child(4) {
        grid-column: span 12;
    }

    .partner-social-section {
        gap: 30px;
        flex-direction: column;
    }

    .partner-right {
        text-align: center;
    }

    .partner-left h4,
    .partner-right h4 {
        margin-bottom: 10px;
    }

    .partner-left {
        text-align: center;
    }

    .footer-social-icons,
    .partner-logos {
        justify-content: center;
    }

    .info-icon {
        width: 45px;
        height: 45px;
        border-radius: 5px;
        top: -25px;
    }

    .info-icon img {
        max-width: 20px;
    }

    .map-contact-wrapper {
        padding: 15px;
    }

    .main-header-wrapper {
        padding: 12px 0;
    }

    .custom-btn {
        padding: 8px 12px;
        border-radius: 8px;
        font-size: 14px;
        gap: 3px;
    }

    .custom-btn img {
        max-width: 14px;
    }

    .marketplace-box-inr:after {
        background-size: 100% !important;
    }

    .marketplace-box:nth-child(3) .marketplace-box-inr:after {
        background-size: 85% !important;
    }

    .our-inventory-wrapper .latest-part-item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }

    .search-box {
        max-width: 65%;
    }

    .callTo-action-wrapper,
    .top-header-wrapper {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .callTo-action-text {
        max-width: 100%;
        padding: 40px 0 20px;
    }

    .callTo-action-image img {
        max-height: 120px;
    }

    .content-page-wrapper h3 {
        font-size: calc(var(--mediumFontSize) - 4px);
    }

    .content-page-wrapper h2 {
        font-size: calc(var(--mediumFontSize) + -2px);
    }

    .content-page-wrapper h4 {
        font-size: calc(var(--regularFontSize) - 2px);
    }

    .content-page-wrapper h3 {
        font-size: calc(var(--mediumFontSize) - 6px);
    }
}

@media(max-width:599px) {
    .latest-part-wrapper {
        padding: 0 10px;
    }

    .site-logo a img {
        max-width: 170px;
    }

    .rdm-container {
        padding: 0 15px;
    }

    .imageContent-left.imageContent-img img {
        border-radius: 10px;
        max-height: 270px;
    }

    .popular-brand-slide {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }

    .section-head p,
    .imageContent-right p,
    .marketplace-box-inr p,
    .form-box p {
        font-size: 14px;
    }

    .footer-bottom {
        text-align: center;
        font-size: 12px;
    }

    .main-header-center {
        top: 66px;
        height: calc(100% - 66px);
    }

    body.sticky-header.main-nav-toggle .main-header.header-sticky .main-header-center {
        top: 62px !important;
        height: calc(100% - 62px);
    }

    .hero-banner-content h1 {
        font-size: calc(var(--largeFontSize) + -2px);
    }

    .hero-banner-content p {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    .auth-dtl {
        margin-top: 10px;
        padding: 12px;
        border-radius: 5px;
    }

    .partner-logos img {
        height: 32px;
        max-width: 120px;
    }

    .partner-left h4,
    .partner-right h4 {
        font-size: 14px;
    }

    .our-inventory-wrapper .latest-part-item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }
    
    .part-item-detail {
    padding: 10px;
}
    
    .part-item-thumbnail>a img {
    min-height: 110px;
    max-height: 110px;
}
    
        .part-item-detail h4 {
        font-size: calc(var(--regularFontSize) - 5px);
    }

    .section-head.inline-head {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .part-item-detail a.custom-btn {
    padding: 4px 12px;
    font-size: 12px;
}

    .search-wrapper {
        align-items: self-start;
        border-radius: 10px;
        margin: 10px 0 16px;
        flex-direction: column;
        gap: 10px;
    }

    .search-box {
        max-width: 100%;
        width: 100%;
    }

    .big-text {
        font-size: calc(var(--extraLargeFontSize) - 36px);
    }

    .callTo-action-box h5 {
        font-size: 14px;
    }

    .part-item-detail h4 a {
        min-height: inherit;
    }

    .form-box h3 {
        font-size: 18px;
        line-height: 21px;
    }

    .phone-list,
    .working-hours {
        flex-direction: column;
    }
    
    .rdm-pagination {
    margin-top: 15px;
}

}