/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .door-specfication .table th {
        min-width: 135px;
        font-size: 13px;
    }

    .request-for-door .accordion-button,
    .overall-jam-depth p {
        font-size: 13px;
    }

    .accordion-button::after {
        width: 1rem;
        height: 1rem;
        background-size: inherit;
    }

    .form-wrapper label.form-check-label {
        font-size: 13px;
    }

    .form-wrapper .form-control-sm {
        font-size: 13px;
    }
    .pmenu {
        display: none !important;
    }
}

@media screen and (max-width: 553px) {
    .subheader-wrapper {
        margin-top: 0;
    }
   
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
    .pmenu1 {
        display: none !important;
    }
   
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
    .pmenu1 {
        display: none !important;
    }
   
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .door-specfication .table th {
        min-width: 135px;
        font-size: 13px;
    }

    .request-for-door .accordion-button,
    .overall-jam-depth p {
        font-size: 13px;
    }

    .accordion-button::after {
        width: 1rem;
        height: 1rem;
        background-size: inherit;
    }

    .form-wrapper label.form-check-label {
        font-size: 13px;
    }

    .form-wrapper .form-control-sm {
        font-size: 13px;
    }

    .navbar-nav {
        gap: 2%;
    }

    .dropdown-menu.show {
        position: inherit !important;
    }
    .pmenu1 {
        display: none !important;
    }
   
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
   
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
    
}

@media screen and (max-width: 1366px) {
    .register-sign, .right-header-h a, a.hfe-btn.btn.btn-primary, .nav-user-nu button.dropdown-toggle {
        font-size: 15px;
        font-weight: 700;
    }

    .navbar-nav {
        gap: 2%;
    }

    .navbarTagline {
        font-size: 15px;
        font-weight: 700;
    }
    .pmenu1{
        display:none !important;
    }
   
}

@media screen and (max-width: 1200px) {
    .left-header-h {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
    }

    .navbarTagline {
        padding-top: 5px;
        font-weight: 700;
    }

    .right-header-h {
        justify-content: flex-end;
    }

    .navbarRightItems {
        margin-inline: auto;
    }

    .subheader-wrapper {
        display: block;
    }

    .dropdown > .dropdown-menu > .nav-item.dropend > a {
        padding-inline: 15px;
    }

    .dropdown > .dropdown-menu > .nav-item > .nav-link {
        padding-inline: 15px;
    }

    .dropdown-menu .nav-item .nav-link {
        color: #222;
    }

    .dropdown-menu {
        background-color: #fff;
    }

    .dropdown-item {
        color: #222;
    }

    .navbar-nav .dropdown-menu {
        background: #fff
    }

    .dropdown .dropdown-menu {
        padding-left: 1rem;
    }

    .search-manufacturers {
        padding-block: 15px;
    }
    .pmenu1 {
        display: none !important;
    }

}
@media only screen and (min-device-width:471px) and (max-device-width: 1080px) {
    .pmenu1 {
        display: block !important;
    }
    .pmenu {
        display: none !important;
    }
   
}
@media screen and (max-width: 767px) {
    .pmenu {
        display: none !important;
    }
    .pmenu1 {
        display: block !important;
    }
}

@media screen and (max-width: 992px) {
    .logo {
        text-align: center;
        /* margin-bottom: 15px; */
    }

        .logo img {
            width: 244px;
            position: relative;
            top: unset;
        }

    .register-sign,
    .right-header-h a {
        font-size: 13px;
    }

    .subheader-wrapper {
        margin-top: 0;
    }

    .res-edui button {
        padding-block: 6px;
    }

    .column2 {
        column-count: 1;
    }
    /* .subheader-wrapper {
    max-height: calc(100vh - 117px);
    overflow-y: auto;
  } */
    .heroContent h1 + p {
        opacity: 0.9;
        font-size: 14px;
    }

    .heroBtnWrapper {
        gap: 10px;
    }

    .hero {
        min-height: 333px !important;
        background-size: cover !important;
    }

    .resources-library-bx {
        padding: 9% 5%;
    }

    .nav-item {
        border-bottom: 1px solid rgb(255, 255, 255, 0.2);
    }
}


@media screen and (max-width: 480px) {
    .right-header-h {
        justify-content: unset;
    }

    .right-header-h {
    }

    .searchbar-sb.manufacturers-searchbar, .searchbar-sb {
        margin: 0;
    }

    .subheader-wrapper, .search-manufacturers {
        padding-block: 10px;
    }

    .searchbar-sb {
        margin-block: 0;
    }

    .search-by-car {
        margin-block: 0;
    }

        .search-by-car .dropbtn {
            padding: 8px 7px;
        }

    .pmenu {
        display: none !important;
    }
}