/* Section 1 */
html body {
    overflow-x: hidden;
}

section.mainbanner {
    background-size: contain;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

nav.navbar.navbar-expand-lg.navbar-light img {
    width: 100%;
    max-width: 220px;
}

nav.navbar.navbar-expand-lg.navbar-light {
    padding: 15px 0px;
}

p.call {
    font-size: 21px;
    font-weight: 800;
    color: #000;
}

button.btn.btn-outline-dark.fw-bold {
    background: #e50404;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 23px;
    padding: 3px 15px;
    display: inline-block;
    margin-top: 3px;
    border-radius: 20px;
    transition: all 0.3s ease;
    border: none;
}

header.mobile {
    display: none;
}



@media screen and (max-width: 900px) {

    header.mobile {
        display: block;
    }

    header.desktop {
        display: none;
    }

    /* Section 1 */
    section.mainbanner {
        background-image: url(../images/bg_mobile.jpg);
        background-position: 40% !important;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 120px 15px 50px;
    }

    p.dist-para {
        text-align: left;
    }

    .mainbanner_in h1.sz {
        font-size: 95px;
        line-height: 80px;
        text-align: left;
    }

    .indx p.belowhead {
        margin-top: 450px !important;
        font-size: 30px;
        line-height: 40px;
    }

    .mainbanner_in h3 span.smallhead {
        font-size: 35px;
        line-height: 40px;
    }

    p.bannerpara {
        font-size: 18px;
    }

    .non-mobile-cta {
        margin-top: 10px;
    }

    .cta-text {
        font-size: 14px !important;
    }


    /* Section 2 */
    section.section-logo {
        padding: 30px 10px;
    }

    .benefits {
        padding: 30px 30px !important;
    }

    .logo-heading {
        margin-top: 30px;
    }


    /* Section 3 */
    .product-hero-section {
        gap: 0px;
    }

    .soln-right {
        text-align: left;
    }

    .product-main-image {
        height: auto;
    }

    .soln-right h3 {
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: left;
    }

    .soln-right p {
        font-size: 16px;
        text-align: left;
        line-height: 26px;
        /* color: unset; */
    }

    .product-info-wrapper .rating {
        margin-top: 15px;
    }

    .product-hero-section .cta-text {
        color: #fff;
    }


    /* Section 4 */
    section.soln-sec {
        padding: 40px 15px;
    }

    img#playButton {
        display: none;
    }

    video#localVideo {
        width: 100%;
        border-radius: 10px;
    }

    .years-box {
        width: unset !important;
        right: 0px !important;
        bottom: unset !important;
        position: relative !important;
        z-index: 1 !important;
        left: unset !important;
        margin-top: 20px !important;
    }

    .soln-left img {
        width: 100%;
        margin-top: 20px;
    }

    .years-box img {
        width: unset;
    }

    .soln-left {
        max-width: unset;
    }

    .fx1p {
        margin: 10px 0px !important;
    }

    .satisfiedfoX {
        padding: 10px !important;
        margin: 30px 0px;
    }

    .satisfyleft {
        flex-direction: column;
        gap: 10px;
        padding: 5px !important;
    }

    .dettxtholder p {
        text-align: center !important;
        font-size: 14px !important;
        line-height: 20px;
        font-weight: 600 !important;
    }

    .satisfyright {
        flex-direction: column;
        gap: 10px;
    }

    .soln-right h3 {
        text-align: center;
        margin-bottom: 5px;
    }


    /* Section 5 */
    .ingredient-science {
        background-color: rgb(249, 249, 249);
        padding: 60px 20px;
        text-align: center;
    }


    /* Section 6 */
    section.prodsection {
        padding: 60px 20px 60px 20px;
    }

    .prodsingl {
        margin-top: 30px;
    }

    .prodimg {
        padding: 15px 0px !important;
    }

    .prodimg.sctxt {
        padding-bottom: 15px !important;
    }

    .prodimg img.pckinfo {
        right: 0px !important;
        max-width: 82px !important;
    }

    .proddetails {
        margin-bottom: 10px;
    }


    /* Section 7 */
    section.how-it-works {
        padding: 60px 20px !important;
    }

    .step {
        background: #f7f7f7 !important;
        padding: 25px !important;
        border-radius: 14px !important;
        transition: 0.3s ease !important;
        border: 1px solid #e4e4e4 !important;
        margin-bottom: 20px !important;
    }

    section.how-it-works .cta {
        display: inline-block;
        font-family: 'Roboto';
        margin-top: 35px;
        background: #e50404;
        font-size: 1.2rem;
        font-weight: 600;
        text-decoration: underline;
        color: #ffffff;
        transition: 0.3s ease;
        letter-spacing: 1px;
        padding: 10px 20px;
        border-radius: 10px;
    }

    section.how-it-works img,
    svg {
        color: #d62e00;
    }


    /* Section 8 */
    .section-faq {
        padding: 40px 20px !important;
    }

    .section-faq .container {
        padding: 0px !important;
    }

    .faq-title {
        font-size: 30px;
    }

    .banner-left-container {
        margin: 0px !important;
    }

    section.section-banner {
        padding: 40px 20px;
    }

    section.banner-text-container {
        padding-top: 10px;
    }

    .banner-left-container .slider1-container {
        margin: 20px !important;
    }

    .faq-img-wrapper {
        display: block;
    }

    .faq-img {
        width: 70%;
        margin: 0 auto;
        display: table;
    }

    .faq-main-content .cta-button-wrapper {
        display: block;
    }


    /* Section 9 */
    section.section-experience {
        padding: 40px 20px !important;
        background-color: #ebebeb;
    }

    .experience-subtitle {
        font-size: 90px;
    }

    .experience-title {
        font-size: 35px;
        margin: 20px 0;
        text-transform: capitalize;
    }

    .experience-caption-decoration {
        margin: 10px 0px;
    }

    .experience-description {
        margin-bottom: 20px !important;
    }

    section.experience-content-container {
        padding: 0px !important;
    }

    .cta-text-button {
        margin-bottom: 20px;
    }

    .slider2-navigation-container {
        margin-bottom: 20px;
    }


    /* Section 10 Already Fixed */


    /* Section 11 */
    .customer-review {
        margin: 0px !important;
        padding: 50px 20px;
    }

    .customer-review .quotation-box .quote {
        position: relative;
        right: 15px;
    }


    /* Section 12 */
    .comparison-section {
        padding: 50px 20px;
    }

    .comparison-title {
        margin-bottom: 15px;
    }


    /* Section 13 */
    .maxo-faq {
        padding: 40px 20px;
        margin: 0px !important;
    }


    /* Section 14 */
    .maxo-faq h3 {
        font-size: 30px;
    }


    /* Section 15 */
    .subscribe-title {
        font-size: 30px;
    }

    .subscribe-caption {
        font-size: 16px;
    }

    .email-input {
        padding: 12px 18px;
        border-radius: 25px;
        margin-bottom: 20px;
    }

    .submit-button {
        height: unset;
        border-radius: 25px;
        padding: 12px 18px;
    }


    /* Footer */
    footer.py-5.footer.text-white {
        padding: 30px 20px;
    }

    .footer-1,
    .footer-2 {
        text-align: center;
    }

    h5.mb-4 {
        width: 100% !important;
    }

    p.fllo {
        margin-top: 35px;
    }

    .fllo {
        width: 100%;
    }

    ul.footer-social-list.fll-m {
        justify-content: center;
    }

    img.img-fluid.footerbrands {
        max-width: 50%;
        display: table;
        margin: 0 auto;
    }



}