@media (max-width:360) {
    /* ******** Hero scetion ********* */
    .hero-content h1{
        font-size: 30px !important;
    }
}
@media (max-width: 480px) {
    /* ******** TOP NAV ********* */
    .place-order-headertotal p,
    .top-nav a,
    .top-nav li a,
    .top-nav p{
        font-size: 12px !important;
    }
    .product-warranty p,
    .main-nav li,
    .main-nav p,
    .main-nav a{
        font-size: 14px !important;
    }
    .nav-right li:first-child {
        border-left: none !important;
    }
    .nav-logo{
        width: 170px;
        height: 60px;
    }
    .mega-img {
        width: 140px !important;
        height: 120px !important;
    }
    /* ******** FOOTER ********* */
    .main-footer li,
    .main-footer p,
    .main-footer a{
        font-size: 14px !important;
    }
    .main-footer h5{
        font-size: 18px !important;
    }

    /* ******** Hero scetion ********* */
    .hero-content h1{
        font-size: 40px !important;
    }
    .hero {
        height: 860px !important;
        overflow-y: hidden;
    }
    .hero-right .myHero{
        transform: translateY(0px) !important;
    }

    /* ******** CTA section ********* */
    .cta-left h1{
        font-size: 30px;
        line-height: 1;
    }
    .cta-left p{
        font-size: 14px;
        line-height: 1.5;
    }
    /* .cta-left {
        padding: 30px 10px;
    } */
     .cta-left-wrapper{
        height: 270px;
    }
    .cta-right-1-wrapper{
        height: 250px;
    }

    /* ******** New Arrivals section ********* */
     .support .col-lg-4 .support-card {
        border-left: none;
    }

    /******** Button style **********/
    .blue-light-btn,
    .white-btn,
    .red-outline-btn,
    .blue-btn,
    .primary-button {
        font-size: 13px !important;
    }
    .blue-light-btn svg,
    .white-btn svg,
    .red-outline-btn svg,
    .blue-btn svg,
    .primary-button svg{
        width: 18px;
        height: 18px;
    }
    .blue-light-btn .arrow-1,
    .white-btn .arrow-1,
    .red-outline-btn .arrow-1,
    .blue-btn .arrow-1,
    .primary-button .arrow-1 {
        transform: translateY(8px);
    }
    .blue-light-btn .arrow-2,
    .white-btn:hover .arrow-2,
    .red-outline-btn:hover .arrow-2,
    .blue-btn:hover .arrow-2,
    .primary-button:hover .arrow-2 {
        transform: translateY(8px);
    }
    
    .primary-button.addToBoqBtn .arrow-1 {
        transform: translateY(4px);
    }
    .primary-button.addToBoqBtn:hover .arrow-1 {
    transform: translateY(-30px);
    }
    .primary-button.addToBoqBtn:hover .arrow-2 {
        transform: translateY(4px);
    }

    /* ****** support section ******* */
    .support-card img{
        height: 40px;
        width: 40px;
    }
    .support-card-wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* ******** AboutUs section ********* */
    .page-header-content h1 {
        font-size: 24;
    }
    .about-header {
        min-height: 150px;
    }
    .section-tag,
    .breadcrumb-list li,
    .breadcrumb-list a {
        font-size: 14px;
    }
    .section-title{
        font-size: 23px;
    }

    .half-bg::before {
        width: 100%;
    }

    /* ******* our-marketplace section ******* */
    .market-badge {
        width: 80px !important;
        height: 80px !important;
        left: 35%;
    }
    .market-badge-inner {
        width: 70px !important;
        height: 70px !important;
    }
    .market-badge-inner h4,
    .market-badge-inner p {
        text-align: center;
    }
    .market-badge-inner h4 {
        font-size: 16px;
    }
    .selected-info p,
    .terms-and-condition label,
    .terms-and-condition p,
    .terms-and-condition a,
    .register-now p,
    .register-now a,
    .market-badge-inner p {
        font-size: 12px;
    }
    .marketplace-model__icon {
        max-width: 40px;
        max-height: 40px;
    }
    .oem-nav {
        right: 35%;
        bottom: 0%;
        width: 120px;
        background-color: var(--primary-color);
    }
    .oem-slider-list img{
        display: flex;
        justify-content: start;
        align-items: start;
    }
    .oem-list li {
        line-height: 1.5;
    }

    .image-ovrlay-main {
        position: relative;
        max-width: 200px ;
        max-height: 200px ;
        overflow: hidden;
        border: 4px solid var(--border-white);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .who-we-are-image-main {
        max-width: 280px ;
        max-height: 320px ;
        overflow: hidden;
        border: 4px solid var(--border-white);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .who-we-are-image-overlay {
        top: 20%;
        right: 1% ;
    }
    .who-we-are-stats-badge {
        position: absolute;
        left: 20%;
        bottom: -15%;
    }

    .contact-map iframe{
        max-height: 300px;
    }

    /* ******* Seller section ********* */
    .seller-banner {
        height: 450px;
    }
    .seller-banner-logo {
        max-width: 250px;
        max-height: 110px;
        transform: translateY(-20px);
    }
    .seller-banner-features {
        width: 90%;
        right: 5%;
        transform: translateY(-60px);
    }
    .seller-banner-feature-item img {
        max-width: 40px;
        max-height: 40px;
        text-align: center;
    }
    .seller-banner-feature-item p {
        font-size: 12px;
    }

    .OEM-choose-count{
        text-align: center;
    }
    .OEM-choose-count h2::before {
        width: 60px;
        top: 100%;
        left: 23%;
    }

    .seller-logo-slide {
        width: 120px;
        height: 100px;
        padding: 20px;
    }

    /* .country-code {
        width: 90px !important;
        max-width: 90px;
        flex: 0 0 80px;
        height: 45px;
        padding: 0 5px;
        border-radius: 8px 0 0 8px; */
        /* border: 1px solid var(--border-blue); */
        /* outline: none;
        color: var(--text-white) !important;
        background: var(--primary-color);
        cursor: pointer;
        font-size: 12px;
    } */
     .company-info-form {
        background-color: var(--bg-white);
    }
    .register-btn .primary-button {
        width: 100%;
        height: 45px;
    }
    .terms-and-condition .check-label input {
        width: 25px;
        height: 18px;
    }
    .terms-and-condition .check-label {
        display: block;
        align-items: stretch;
        gap: 0px;
    }
    .place-order-main .form-canvas,
    .offcanvas.half-canvas {
        --bs-offcanvas-width: 100vw;
    }
    .my-boq-content #table-primary thead th:first-child{
        width: 180px;
        min-width: 180px;
    }
    #table-primary thead th:first-child{
        width: 180px;
        min-width: 180px;
    }
    .my-Whishlist-image.boQ-product-image {
        max-width: 100px;
        max-height: 100px;
    }
    .place-card-product-img {
        width: 100px;
    }
    .boQ-vendor-logo {
        aspect-ratio: 1/1;
        padding: 3px;
    }
    .product-img-wrapper .card-btn {
        right: 70px;
        top: 20px;
    }
    .products-detail .nav-tabs .nav-item button{
        font-size: 13px;
    }
    /* .products-detail .nav-tabs .nav-item{
        width: 160px;
    } */

    #productTab .nav{
        flex-wrap: nowrap !important;
    }
}


@media (max-width: 768px) {
    /* ******** TOP NAV ********* */
    .mega-menu {
        position: fixed;
        top: 72px;
        left: 0;
        width: 100vw;
        height: calc(100vh - 72px);
        overflow-y: auto;
        border-radius: 0;
    }
    .nav-right li:nth-child(2) {
        border-left: none !important;
    }

    /* ******** Hero scetion ********* */
    .hero-right .swiper-slide img {
        max-width: 280px;
        max-height: 280px;
        
    }
    .hero {
        height: 600px;
        overflow-y: hidden;
    }
    .hero-right .myHero{
        transform: translateY(70px);
    }
    .myHero .swiper-pagination {
        transform: translate(-50%, -70%);
    }
    .hero-link a {
        width: 40px !important;
        height: 40px !important;
    }
    .primary-button {
        font-size: 16px;
    }

    /* ******* our-marketplace section ******* */
    .market-badge {
        left: 43%;
    }

    .image-ovrlay-main {
        width: 260px !important;
        height: 280px !important;
    }
    .who-we-are-image-main {
        width: 490px !important;
        height: 320px !important;
    }
    .who-we-are-image-overlay {
        right: 1% !important;
    }

    .about-who-we-are .container-xxl{
        overflow: hidden;
    }

    .about-who-we-are {
        padding-bottom: 50px;
    }

    /* ******* Seller section ********* */
    .seller-banner-logo {
        width: 400px;
        height: 160px;
        transform: translateY(-20px);
    }
    .seller-banner-features {
        width: 90%;
        right: 5%;
        bottom: -30%;
    }

    /* ******* help and support ********* */
    .support-services-right-card{
        height: 300px;
    }
    .faq-image {
        width: 100%;
        height: 50dvh;
        overflow: hidden;
    }

    /* ********* My-wishlist ********** */
    thead th{
        font-size: 14px;
    }
    tbody td h5{
        font-size: 16px;
    }
    tbody td p{
        font-size: 13px;
    }
    tbody td .rating{
        font-size: 12px;
    }
    
    
}
@media (max-width: 992px) {

}
@media (max-width: 1200px) {
    /* ******** TOP NAV ********* */
    .main-nav li,
    .main-nav p,
    .main-nav a{
        font-size: 13px;
    }
    .navbar-nav {
        gap: 5px;
    }

    /* ******** Hero scetion ********* */
    .hero {
        height: 500px;
    }
    /* ******** New Arrivals section ********* */
    .new-arrival-card .card-header img {
    width: 100%;

    }

    /* ******* our-marketplace section ******* */
    .market-badge {
        width: 100px;
        height: 100px;
    }
    .market-badge-inner {
        width: 100px;
        height: 90px;
    }

    .image-ovrlay-main {
        width: 260px;
        height: 300px;
    }
    .who-we-are-image-main {
        width: 380px;
        height: 580px;
    }
    .who-we-are-image-overlay {
        top: 20%;
        right: 4%;
    }
    .who-we-are-stats-badge span {
        font-size: 20px;
    }
    .who-we-are-stats-badge p {
        font-size: 14px;
    }

    .about-who-we-are .container-xxl{
        overflow: visible;
    }

    /* ******* Seller section ********* */
    .seller-banner-logo {
        width: 400px;
        height: 160px;
        transform: translateY(-20px);
    }

    .working-process .row .col::before {
        top: 278px;
    }

    .qty-counter {
        width: auto;
        border: 1px solid var(--text-muted-2);
        overflow: hidden;
    }

    
}
@media (max-width: 1399px) {
    .hero {
        height: 600px;
    }
}
@media (min-width: 1400px) {
    /* ******** Hero scetion ********* */
    .hero-right .swiper-slide img {
        max-width: 400px;
        max-height: 500px;
        
    }
    .hero {
        height: 700px;
    }
    .hero-right .myHero{
        transform: translateY(70px);
    }
    .myHero .swiper-pagination {
        transform: translate(-50%, -70%);
    }
    .red-outline-btn,
    .primary-button {
        font-size: 18px;
    }
    .primary-button svg{
        width: 25px;
        height: 25px;
    }
    .arrow-1 {
        transform: translateY(1px);
    }
    .primary-button:hover .arrow-2 {
        transform: translateY(1px);
    }

     /* ******** Top Selling Products scetion ********* */
    .addToBoqBtn.primary-button svg{
        width: 18px !important;
        height: 18px !important;
    }
    
    /* ******* font ajustment ********* */
    .section-title{
        font-size: 42px;
    }
    .about-header h1,
    .hero-content h1{
        font-size: 65px;
    }
    .section-tag,
    .hero-content h6{
        font-size: 25px;
    }
    .help-and-support-main .accordion-body,
    .help-and-support-main p,
    .help-and-support-main li,
    .help-and-support-main li button,
    .sellers-main p,
    .contact-us-form p,
    .our-features p,
    .about-cta p,
    .about-cta .blue-btn,
    .roadmap p,
    .oem-main-slider p,
    .oem-main-slider li,
    .our-marketplace p,
    .our-marketplace h5,
    .our-industry h6,
    .why-us-section p,
    .about-who-we-are p,
    .about-who-we-are li,
    .about-header li,
    .about-header a,
    .about-header p,
    .categories p,
    .cta p,
    .support p,
    .testimonial p,
    .recent-Products p,
    .recent-Products h6,
    .new-arrival-Products p,
    .new-arrival-Products h6,
    .top-selling-Products p,
    .top-selling-Products h6,
    .our-makes a,
    .hero button,
    .hero-content p,
    .main-footer p,
    .main-footer a,
    .main-footer li a,
    .main-footer li,
    .main-nav li a,
    .main-nav a,
    .main-nav p{
        font-size: 18px;
    }
    .help-and-support-main h5,
    .our-makes h6{
        font-size: 22px;
    }
    
    .help-and-support-main .faq-title,
    .help-and-support-main h6,
    .sellers-main h6,
    .contact-us-form .form-label,
    .contact-us-form h6,
    .support h6,
    .testimonial h6,
    .our-features h6,
    .why-us-section h6,
    .about-who-we-are .swiper-slide h6{
        font-size: 20px;
    }

    .contact-us-form h3{
        font-size: 30px;
    }
}