@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1170px;
    }
}

@media only screen and (max-width: 1600px) {
    .heading {
        font-size: 3.5rem;
    }
}

@media only screen and (max-width: 1445px) {
    :is(.contactPage, .check-out-section) {
        padding: 4rem 0;
    }

    .chkot-pag .check-out-form form {
        padding: 1.5rem 0;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }

    .productMain {
        padding: 2rem 0;
    }

    .mainSlider {
        height: 500px;
    }

    h2.heading {
        font-size: 3rem;
        margin: 0 0 2rem;
    }

    .proContent h2 {
        font-size: 1rem;
    }

    footer {
        padding-top: 4rem;
    }

    .innerBanner h2 {
        font-size: 4rem;
    }

    .card-row {
        margin-bottom: 1.25rem;
    }

    .fields-row.mt-60 {
        margin-top: 1.5rem !important;
    }

    .check-out-form .primary-heading {
        font-size: 2.4375rem !important;
    }

    .tabs-row {
        margin-top: 0px;
    }
    .heading {
        font-size: 3.125rem;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }

    .navbar-nav {
        gap: 1.5rem;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
    }

    .navbar-brand img {
        width: 280px;
    }

    .slideContent p {
        margin: 0 0 1.2rem;
    }

    .proBox span {
        left: 4px;
        top: 6px;
        width: 40px;
        height: 40px;
    }

    h2.heading {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    footer {
        padding-top: 3rem;
    }

    .quickList h2 {
        font-size: 1.75rem;
        margin: 0 0 1rem;
    }

    .copyRight {
        margin-top: 3rem;
    }

    .aboutPage {
        padding: 4rem 0;
    }

    .contactpgMap iframe {
        height: 300px;
    }

    .productPage {
        padding: 4rem;
    }

    .check-out-section {
        padding: 3rem 0;
    }

    .shipping-billing-col ul li p {
        line-height: 20px;
    }

    .innerBanner h2 {
        font-size: 3rem;
    }

    .productPage {
        padding: 2rem;
    }

    .check-out-form p {
        font-size: 15px;
    }

    .check-out-form form label {
        font-size: 14px;
    }

    .privacyPage {
        padding: 3rem 0;
    }

    .discountContent h2 {
        font-size: 2rem;
    }
    .heading {
        font-size: 3rem;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }

    button.navbar-toggler {
        background: #fff;
        padding: 7px;
    }

    button.navbar-toggler span {
        height: auto;
    }

    .topBar p {
        font-size: 15px;
    }

    .navbar-brand img {
        width: 250px;
    }

    .main-navigate {
        padding: 1rem 0;
    }    

    .slideContent p {
        margin: 0 0 1rem;
    }

    .slideContent p {
        font-size: 1.5rem;
        color: var(--white);
        margin: 0 0 1.7rem;
    }

    h2.heading {
        font-size: 2.25rem;
    }

    .offerBtn {
        padding: 9px 5px;
        font-size: 14px;
    }

    /* .productMain {
        padding: 1rem 0;
    } */
    footer {
        padding-top: 2rem;
    }

    .quickList h2 {
        font-size: 1.5rem;
    }

    .quickList ul li a {
        font-size: 15px;
        word-break: break-all;
    }

    .copyRight p {
        font-size: 15px;
    }

    .contactPage {
        padding: 3rem 0;
    }

    .innerBanner img.w-100 {
        height: 250px;
        object-fit: cover;
    }

    .productPage {
        padding: 3rem 1rem;
    }

    .tabs-row {
        padding: 2rem 1rem;
    }

    .proContent h2 {
        font-size: 1.3rem;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-collapse .form-inline {
        justify-content: center;
        margin: 20px 0 0;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 15px;
    }

    .innerBanner h2 {
        font-size: 2.5rem;
    }

    .aboutContent p {
        font-size: 15px;
    }

    .writeHeading {
        font-size: 1.8rem;
        margin: 0 0 20px;
    }

    .needHelp form label {
        font-size: 15px;
    }

    .card-row {
        padding: 20px 20px;
    }

    .shipping-billing-col ul li p,
    .shipping-billing-col ul li p a {
        font-size: 15px;
    }

    .check-out-form label {
        font-size: 15px;
    }

    .privacyPage ul li {
        font-size: 15px;
    }

    .discount figure {
        margin: 0;
    }

    .discountContent {
        margin: 0;
        padding: 2rem 2rem;
    }

    .discountContent h4 {
        font-size: 16px;
    }

    .discountContent form input {
        font-size: 15px;
    }

    .newsleterMain {
        padding: 0rem 0 2rem;
    }

    .privacyPage ul li ol {
        padding-left: 1.5rem;
    }

    .info {
        padding-left: 0rem;
    }

    .info .writeHeading.contactHeading {
        font-size: 2.25rem;
    }
    .heading {
        font-size: 2.75rem;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }

    .copyRight ul {
        justify-content: center;
        margin-top: 10px;
    }

    .copyRight {
        text-align: center;
    }

    .navbar-collapse .form-inline {
        justify-content: center;
        margin-top: 10px;
    }

    .navbar-nav {
        margin-right: 0;
    }

    .navbar-nav {
        gap: 1rem;
    }

    .aboutContent h2 {
        margin-top: 1.5rem;
    }

    .aboutPage {
        padding: 3rem 0;
    }

    .aboutPage figure img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: top;
    }

    .contactPage .container>.row {
        gap: 2rem;
    }

    .contactpgMap iframe {
        height: 250px;
    }

    .contactPage {
        padding: 2rem 0;
    }

    .productPage .container-fluid>.row {
        gap: 2rem;
    }

    .card-row img {
        object-fit: contain;
        margin-bottom: 1rem;
    }

    .card-row h4,
    .card-row h6 {
        text-align: center;
        font-size: 15px;
    }

    .numberone {
        justify-content: center;
        margin: 1rem 0;
    }

    .check-out-section {
        padding: 2rem 0;
    }

    .check-out-form .primary-heading {
        font-size: 2.35rem !important;
    }

    footer .container .row {
        gap: 1rem;
    }

    .chkot-pag .check-out-form form {
        padding: 0;
    }

    .row.tabs-row.fields-row .col-md-6.mt-25 {
        margin: 0 !important;
    }

    .check-out-form.check-out-3 .checkbox {
        margin-bottom: 1.5rem;
    }

    .slideContent p {
        font-size: 1.8rem;
    }

    .mainSlider {
        height: 400px;
    }

    .allpro {
        font-size: 15px;
    }

    .quickList ul {
        margin: 0 0 10px;
    }

    .copyRight {
        margin-top: 1.5rem;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    .productPage {
        padding: 2rem 1rem 1rem;
    }

    .card-row .red {
        font-size: 1.8rem;
    }

    .card-row .price {
        font-size: 15px;
    }

    .check-out-form p.checkout-subheading {
        margin-bottom: 2rem;
    }

    .order-summery .row span,
    .text-right {
        font-size: 15px;
    }

    .order-summery input.form-control {
        font-size: 14px;
    }

    .themeBtn {
        font-size: 15px;
    }

    .discountContent h2 strong {
        font-size: 2.375rem;
    }
    .heading {
        font-size: 2.5rem;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        width: 200px;
    }    

    .slideContent p {
        margin-bottom: 10px;
    }

    .themeBtn {
        font-size: 15px;
        padding: 0.5em 1em;
    }

    h2.heading {
        font-size: 1.7rem;
    }

    footer {
        padding-top: 1rem;
    }

    .navbar-nav {
        margin-right: 0;
    }

    .navbar-collapse .form-inline {
        justify-content: center;
        margin-top: 10px
    }

    .navbar-nav {
        gap: 1rem;
    }

    .innerBanner h2 {
        font-size: 2rem;
    }

    .innerBanner img.w-100 {
        height: 170px;
        object-fit: cover;
    }

    .aboutContent h2 {
        font-size: 2rem;
    }

    .aboutPage {
        padding: 2rem 0;
    }

    .proBox .proImg figure img {
        width: 100%;
        height: 300px;
        object-fit: contain;
    }

    .shipping-billing-col ul li:nth-child(2) {
        flex: 0 0 75%;
    }

    .proContent h2 {
        font-size: 1.5rem;
    }

    .check-out-form .primary-heading {
        font-size: 2rem !important;
    }

    .topBar p {
        line-height: 1.5;
    }

    .srch-btn .themeBtn {
        padding: 12px 80px;
    }
    .heading {
        font-size: 2.125rem;
    }
    .slideContent p {
        font-size: 1.5rem;
        line-height: 1.5;
    }
}

@media (max-width: 320.98px) {}