@media screen and (min-width: 992px) {
    /* .logo img {
        width: 92%;
    } */

    .res-edui {
        display: flex;
    }


    .main-wrapper-header .navbar {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px 10px;
        position: relative;
    }

    .main-wrapper-header .navbar-toggler {
        display: none;
    }

    .main-wrapper-header .brand-and-icon {
        flex: 0 0 100px;
        border-bottom: none;
        padding: 0;
    }

    .main-wrapper-header .navbar-collapse {
        display: block !important;
        overflow-y: hidden;
        flex: 1 0 auto;
    }

    .main-wrapper-header .navbar-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        justify-content: flex-start;
    }

        .main-wrapper-header .navbar-nav > li > a {
            border-bottom: none;
            margin: 0 0.4rem;
            padding: 10px 35px;
            font-size: 14px;
            color: #d1232a;
        }

    .main-wrapper-header .sub-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: #f8f8f8;
        overflow: auto;
        height: calc(100vh - 198px);
    }

    .main-wrapper-header .navbar-nav > li:hover .sub-menu {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        padding: 15px 5rem;
    }

    .main-wrapper-header .navbar-nav > li {
        border-bottom: 2px solid transparent;
        transition: border-bottom 0.4s ease;
    }

        .main-wrapper-header .navbar-nav > li:hover {
            border-bottom-color: #d1232a;
        }

    .main-wrapper-header .sub-menu-item {
        padding-left: 0;
    }



    /* header */
    .main-wrapper-header .header {
        height: calc(100vh - 75px);
    }

        .main-wrapper-header .header h2 {
            font-size: 6rem;
        }

        .main-wrapper-header .header p {
            width: 40%;
        }
}

/* Media Queries */
@media screen and (max-width: 1440px) {
    .list-price h2, .list-price p {
        font-size: 10px;
    }

    h2.product-hding {
        font-size: 14px;
    }

    .product-cards-pc img {
        height: 173px;
    }
}

@media screen and (max-width: 1200px) {
    .list-view a.btn.btn-primary.cart-btn-a {
        background: #d1232a;
        padding: 5px 2px;
        font-size: 7px;
    }   

    .list-view .product-cards-pc img {
        width: 100%;
    }

    .list-view .product-img {
        padding-left: 10px;
    }

    .lock_banner-text {
        width: 53%;
        left: 146px;
    }

    .list-header-lh li a {
        font-size: 11px;
    }

    .lock_banner-text h3 {
        font-size: 44px;
        line-height: 41px;
    }

    .list-header-lh li {
        padding-left: 27px;
    }

    .list-header-lh h3 {
        font-size: 13px;
    }

    .logo img {
        width: 45%;
    }

    .searchbar-sb input.form-control {
        min-width: 335px;
    }

    .res-edui {
        display: flex;
    }

        .res-edui a {
            padding: 4px 14px;
        }

    .list-price h2, .list-price p, a.btn.btn-primary.cart-btn-a {
        font-size: 10px;
    }

    .product-cards-pc img {
        height: 150px;
    }

    a.btn.btn-primary.cart-btn-a {
        font-size: 9px;
        padding: 10px 15px;
    }

    .left-sidebar .accordion-body {
        padding: 10px 8px;
    }

    .left-sidebar label.form-check-label {
        font-size: 11px;
    }

    .left-sidebar .accordion-button {
        font-size: 12px;
        padding: 10px 10px;
    }

    select.form-select {
        font-size: 11px;
    }
}

@media screen and (max-width: 1024px) {
    .step-cart-fm .step {
        font-size: 12px;
    }

    li.collection-view {
        display: none;
    }

    .list-view {
        display: none;
    }

        .list-view a.btn.btn-primary.cart-btn-a {
            background: #d1232a;
            padding: 5px 5px;
            font-size: 9px;
        }

    .complementary-items button.owl-prev {
        left: 0;
    }

    .complementary-items button.owl-next {
        right: 0;
    }

    .list-header-lh li {
        padding-left: 16px;
    }

        .list-header-lh li a {
            font-size: 12px;
        }

    .header-breadcrumb li.breadcrumb-item {
        font-size: 11px;
    }

    .list-price p, .list-price h2 {
        font-size: 10px;
    }

    a.btn.btn-primary.cart-btn-a {
        font-size: 10px;
    }

    .product-cards-pc img {
        height: 139px;
    }

    h2.product-hding {
        font-size: 14px;
    }

    .header-left-s {
        flex-wrap: initial;
        margin-top: 0;
        display: flex;
    }

    .subheader-wrapper {
        flex-wrap: initial;
    }

    .res-edui {
        display: flex;
    }

        .res-edui a {
            font-size: 12px;
            padding: 4px 7px;
        }

    .logo img {
        width: 65%;
    }

    .searchbar-sb {
        max-width: inherit;
        width: auto;
        margin: 0px 10px;
    }

        .searchbar-sb input.form-control {
            font-size: 10px;
            min-width: 335px;
        }

    .search-by-car .dropbtn {
        font-size: 10px;
    }


}

@media screen and (max-width: 992px) {
    .shipping-address b {
        flex-wrap: wrap;
        font-size: 12px;
    }

    .main-wrapper-header h4 a {
        text-transform: capitalize;
        color: #333;
        font-size: 12px;
        padding: 0;
        font-weight: 600;
        margin-top: 4%;
        margin-bottom: 6%;
    }

    .shipping-address p {
        font-size: 12px;
    }

    .products-cost-text b, .products-cost-text p {
        font-size: 12px;
    }

    .odrdetLst__ic h5, .odrdetLst__ic p {
        font-size: 14px;
    }

    .shipping-address b p {
        font-size: 12px;
        margin-left: 0;
    }

    .step-cart-fm .step {
        font-size: 9px;
        margin: 2px 5px;
    }

    .shipping-address {
        padding: 13px 10px;
    }

    .cart-detail-cl h3 {
        font-size: 11px;
    }

    .cart-detail-cl h6 {
        font-size: 10px;
    }

    .price-cart-cl p {
        font-size: 11px;
    }

    .divider {
        width: auto;
    }

    .main-wrapper-header .sub-menu {
        display: none;
        position: absolute;
        z-index: 9999999999;
        /* top: 0; */
        left: 0;
        background: #fff;
        width: 100%;
    }

    /* .main-wrapper-header .sub-menu-item {
        display: none;
    } */

    .single-product-slider .show {
        height: 200px;
    }

    .main-wrapper-header .sub-menu-item ul {
        display: none;
    }

    .main-wrapper-header .sub-menu h4 {
        font-size: 12px;
        padding: 0;
        font-weight: 600;
        margin-top: 3%;
        margin-bottom: 3px;
    }

    .lock_banner-text h6::before {
        display: none;
    }

    .right-header-h a, .nav-user-nu button.dropdown-toggle {
        font-size: 20px;
        font-weight: 700;
    }

    .header_sticky.position-sticky {
        /* position: relative!important; */
        top: 62px !important;
        background-color: #fff;
    }

    .dropdown.nav-user-nu {
        padding: 0;
        margin: 0;
        line-height: 1px;
    }

    .list-price h2 {
        font-size: 9px;
    }

    .product-cards-pc img {
        height: 120px;
    }

    .list-price p {
        font-size: 10px;
    }

    h2.product-hding {
        font-size: 12px;
    }

    .list-header-lh ul {
        margin: 0;
        list-style: none;
        padding: 0;
        width: 90%;
        display: flex;
        overflow-y: scroll;
    }

    /* .list-header-lh ul::-webkit-scrollbar {
        width: 1px;
    } */

    /* 
    .list-header-lh ul::-webkit-scrollbar {
        width: 1px;
    } */



    .list-header-lh li {
        float: left;
        padding: 7px 1px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .list-header-lh li a {
            font-size: 11px;
            width: 113px;
        }

    .list-header-lh h3 {
        font-size: 12px;
        width: 10%;
    }

    .search-by-car .dropdown-content {
        min-width: auto;
    }

    .info-text-bx h2 {
        font-size: 15px;
    }


    .lock_banner-text {
        width: 75%;
        left: 58px;
    }

        .lock_banner-text h3 {
            font-size: 19px;
            line-height: 16px;
            margin-top: 5px;
        }

        .lock_banner-text p {
            font-size: 9px;
            letter-spacing: 1px;
            margin-top: 5px;
        }

    .owl-carousel-slider button.owl-prev {
        left: 17px;
    }

    .owl-carousel-slider i.fa-solid {
        font-size: 17px;
        width: 35px;
        height: 35px;
    }

    .owl-carousel-slider .owl-carousel .owl-item img {
        height: 340px;
    }

    .resources-library-bx {
        top: 0;
        margin-top: 0;
    }

    .owl-carousel-slider button.owl-next {
        right: 17px;
    }

    button.btn.btn-primary.discover-btn {
        font-size: 11px;
        padding: 7px 8px;
    }

    .header-top p {
        font-weight: 600;
        font-size: 10px;
        display: none;
    }

    .left-header-h {
        display: none;
    }

    .main-wrapper-header .navbar {
        background: #fafafa;
        position: absolute;
        top: -78px;
    }

    .scroll-on .main-wrapper-header .navbar {
        background: #fafafa;
        position: absolute;
        top: 0px;
    }

    .scroll-on .logo img {
        top: 26px;
    }

    .left-header-h a {
        font-size: 11px;
        margin-right: 2px;
        margin-left: 4px;
    }

    .right-header-h {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px;
    }

    .register-sign {
        font-size: 9px;
    }

    .subheader-wrapper {
        padding: 3px 10px;
        flex-wrap: wrap;
    }

    .header-left-s {
        /* margin-top: 44px; */
        /* flex-wrap: wrap; */
    }

    .subheader-wrapper {
        margin-top: 8%;
    }

    .logo img {
        width: 127px;
        position: absolute;
        top: -44px;
        z-index: 99;
    }

    .searchbar-sb input.form-control {
        font-size: 11px;
        min-width: 259px;
    }

    .searchbar-sb {
        margin: 10px 5px;
    }

    .main-wrapper-header .navbar-brand {
        display: none;
    }

    .main-wrapper-header .brand-and-icon {
        display: flex;
        justify-content: flex-end;
    }

    .search-by-car {
        width: 100%;
        margin: 10px 17px;
    }

        .search-by-car .dropdown {
            width: 100%;
        }

        .search-by-car .dropbtn {
            min-width: 141px;
            width: 100%;
        }

    .main-wrapper-header .navbar-nav > li > a {
        font-size: 12px;
        margin: 2px 3px;
    }

    h2.featured-heading {
        margin-bottom: 4%;
        margin-top: 8%;
        font-size: 26px;
    }

    h2.lock-product-sub {
        font-size: 16px;
    }

    .desc-series h4, .type-pedestrian-t ul li span, .desc-series p {
        font-size: 12px;
    }

    legend.scheduler-border {
        font-size: 14px;
    }

    .shipadd-para h2, .shipadd-para p {
        font-size: 12px;
    }

    .product-tabs .nav-tabs .nav-link {
        font-size: 11px;
        padding: 7px 7px;
    }

    .product-tabs .tab-pane {
        padding: 19px 8px;
    }

    h5.lock-product-heding {
        font-size: 15px;
        margin-top: 20px;
    }

    .desc-series {
        padding: 8px 4px;
    }

    .featured_post-content {
        padding-right: 4%;
    }

    .footer-add-fa p {
        font-size: 12px;
    }

    ul.site-infor li a {
        font-size: 12px;
    }

    .info-card-ic {
        margin-bottom: 9%;
    }

    .widget-title h2 {
        margin-top: 5%;
    }

    .step-cart-fm .featured-heading {
        font-size: 16px;
    }

    .imgcart__ic img {
        padding: 0;
    }
    .main-wrapper-header .navbar {
        flex-direction: row;
    }

    .main-wrapper-header .brand-and-icon,
    .main-wrapper-header .navbar-collapse {
        width: 100%;
    }
}

@media screen and (max-width: 890px) {
    .subheader-wrapper {
        margin-top: 9%;
    }
}

@media screen and (max-width: 768px) {
    .scroll-on .logo img {
        top: 25px;
    }
    .heroContent h1 {
        font-size: 24px;
    }
    .header-left-s {
        margin-top: 9px;
        flex-wrap: initial;
        display: flex;
    }

    .subheader-wrapper {
        margin-top: 9%;
    }

    .searchbar-sb input.form-control {
        font-size: 11px;
        min-width: 190px;
    }

    .main-wrapper-header .navbar {
        top: -70px;
    }

    .main-wrapper-header .sub-menu {
        display: none;
        position: absolute;
        z-index: 9999;
        left: 0;
        background: #fff;
        width: 100%;
        padding: 1px 2px;
        border-bottom: 1px solid #f4f4f4;
        overflow: scroll;
        height: 100vh;
    }

        .main-wrapper-header .sub-menu h4 {
            font-size: 12px;
            padding: 0;
            font-weight: 600;
            margin-top: 4%;
            margin-bottom: 6%;
        }
}

@media screen and (max-width: 692px) {
    .main-wrapper-header .navbar {
        top: -61px;
    }
    .heroContent h1 {
        font-size: 24px;
    }
}

@media screen and (max-width:553px) {
    .subheader-wrapper {
        flex-wrap: wrap;
    }

    .header-left-s {
        margin-top: 0;
    }

    .subheader-wrapper {
        margin-top: 14%;
    }

    .info-card-ic img {
        height: auto;
    }

    .searchbar-sb button.btn.btn-primary {
        font-size: 11px;
        padding: 0px 9px;
    }

    .main-wrapper-header .navbar {
        top: -69px;
    }

    .register-sign, .right-header-h a {
        font-size: 15px;
        font-weight: 700;
    }
    .divider-line {
        margin: 5px 6px !important;
    }
    
}

@media screen and (max-width: 540px) {
    .main-wrapper-header .navbar {
        top: -54px;
    }
    .heroContent h1 {
        font-size: 24px;
    }
    .header-left-s {
        /* margin-top: 31px; */
        flex-wrap: initial;
        display: flex;
    }

    .subheader-wrapper {
        flex-wrap: initial;
        display: flex;
    }

    .searchbar-sb input.form-control {
        font-size: 11px;
        min-width: 190px;
    }
}



@media screen and (max-width: 425px) {
    .scroll-on .logo img {
        top: -47px;
    }
    .heroContent h1 {
        font-size: 24px;
    }
    .res-edui {
        /* display: flex; */
        display: none;
    }

    .subheader-wrapper {
   
        position: relative;
    
    }

    .searchbar-sb input.form-control {
        font-size: 11px;
        min-width: 150px;
    }

    .right-header-h a, .nav-user-nu button.dropdown-toggle {
        font-size: 20px;
        font-weight:700;
    }

    a.hfe-btn.btn.btn-primary {
        font-weight: 500;
        font-size: 8px;
        padding: 4px 8px;
        text-transform: uppercase;
    }

    .list-header-lh h3 {
        font-size: 10px;
        width: 20%;
    }

    .list-header-lh ul {
        width: 80%;
    }

    .header-breadcrumb li.breadcrumb-item {
        font-size: 10px;
    }

    .loacks-lk h2 {
        font-size: 18px;
    }

    .main-wrapper-header .navbar {
        top: -79px;
    }

    .header_sticky.position-sticky {
        top: 60px !important;
    }
}

@media screen and (max-width: 375px) {
    .main-wrapper-header .navbar {
        top: -71px;
    }

    .scroll-on .logo img {
        top: -49px;
    }
}

@media screen and (max-width: 320px) {
    .divider-line {
        background: #9d9d9d;
        height: 22px;
        margin: 7px 6px;
    }

    .logo img {
        top: -30px;
    }

    .main-wrapper-header .navbar {
        top: -61px;
    }

    .register-sign {
        padding: 0px 10px;
    }

    .right-header-h a {
        font-size: 20px;
        font-weight: 700;
    }

    .searchbar-sb button.btn.btn-primary {
        font-size: 13px;
        padding: 0px 9px;
    }

    a.hfe-btn.btn.btn-primary {
        font-size: 9px;
    }

    .searchbar-sb {
        margin: 9px 6px;
    }

    .search-by-car {
        margin: 7px 3px;
    }

        .search-by-car .dropbtn {
            min-width: auto;
        }

    a.btn.btn-primary.cart-btn-a {
        font-size: 10px;
    }
}