@media (max-width: 991.98px) {
    section {
        padding: 80px 0;
    }

    #content #section-hero {
        padding: 128px 0 64px;
    }

    #section-hero .jarallax-img {
        object-position: 65% center !important;
    }

    #form_sb input[type="text"] {
        width: calc(100% - 52px);
        height: 52px;
        padding: 12px 16px;
        font-size: 16px;
    }

    #form_sb #btn-submit {
        display: block;
        float: left;
        width: 52px;
    }

    #form_sb #btn-submit i {
        display: flex;
        float: none;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 52px;
        padding: 10px 0;
        font-size: 24px;
    }

    .de_pricing-tables > [class*="col-"] {
        flex: 0 0 50%;
        width: 50%;
    }

    .de-review-app {
        height: 100%;
    }
}

@media (max-width: 767.98px) {
    section {
        padding: 56px 0;
    }

    #content #section-hero {
        padding: 120px 0 48px;
        text-align: center;
    }

    #section-hero h1 {
        margin-bottom: 16px;
        font-size: clamp(32px, 9vw, 37px);
        line-height: 1.15;
    }

    #section-hero p {
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 1.6;
    }
    
    .widget {
    margin: 0px;
    padding: 10px 0px;
    }

    #section-hero .ul-style-2.s4 li {
        padding-left: 0px;
    }
    
    .ul-style-2 li:before{
        display: none;
    }
    
    #topbar {
     display: none;
    }

    #section-hero .spacer-20 {
        height: 12px;
    }

    #section-hero .img-fluid {
        display: block;
        width: auto;
        max-height: 200px;
        margin: 8px auto 0;
        display: none;
    }

    #section-hero .col-lg-6:last-child {
        text-align: center;
    }

    #content .soft-shadow[data-bgcolor="#F0F9FE"] {
        padding: 24px !important;
    }

    #content #form_sb h3 {
        margin-bottom: 12px;
        font-size: 22px;
    }

    #content .de_pricing-tables > [class*="col-"] {
        flex: 0 0 100%;
        width: 100%;
    }

    #section-banner h2 {
        font-size: 28px;
    }

    header.header-mobile.menu-open {
        overflow-y: auto;
    }

    header.header-mobile #mainmenu {
        left: 0;
        width: 100%;
        max-height: calc(100dvh - 110px);
        padding: 0 20px 24px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    header.header-mobile #menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    #content .soft-shadow[data-bgcolor="#F0F9FE"] {
        padding: 20px !important;
    }

    #section-banner .col-md-6 {
        width: 100%;
    }
}