@media screen and (max-width: 1599px) {
    h1 {
        font-size: 72px;
    }
    .header-gutter {
        --bs-gutter-x: 96px;
    }
    .main-hero-content {
        max-width: 800px;
    }
    section.banner-section {
        background-position: top left;
        background-size: 2600px;
    }
}
@media screen and (max-width: 1399px) {
    .large-container, .container {
        padding: 0 48px;
    }
    .whats-gemini-content, .why-gemini-content {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

}
@media screen and (max-width: 1199px) {
    h1 {
        font-size: 60px;
    }
    .header-gutter {
        --bs-gutter-x: 0;
    }
    .mobile-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    a.site-logo {
        position: relative;
        z-index: 9;
    }
    button.hamburger-btn {
        width: 50px;
        border: none;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        background: transparent;
        margin-top: 16px;
        position: relative;
        z-index: 9;
    }
    button.hamburger-btn span {
        position: relative;
        top: 0;
        width: 100%;
        height: 5px;
        background: var(--white);
        border-radius: 5px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    body.open-navmenu button.hamburger-btn span:first-child {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: 15px;
    }
    body.open-navmenu button.hamburger-btn span:nth-child(2){
        opacity: 0;
    }
    body.open-navmenu button.hamburger-btn span:last-child {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -14px;
    }
    nav.navmenu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--licorice);
    }
    nav.navmenu > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        padding: 140px 48px 48px;
    }
    .main-hero-content {
        max-width: 650px;
    }
    section.banner-section {
        background-position: top left -200px;
        background-size: 2000px;
        padding: 200px 0 80px;
    }
}
@media screen and (max-width: 767px) {
    body {
        font-size: 18px;
    }
    h1, h2 {
        font-size: 44px;
    }
    h3 {
        font-size: 40px;
    }
    h4 {
        font-size: 36px;
    }
    h5 {
        margin-bottom: 32px;
    }
    .large-container, .container {
        padding: 0 16px;
    }
    .gy-72 {
        --bs-gutter-x: 32px;
    }
    header.header-area {
        padding: 16px 0;
    }
    nav.navmenu > ul {
        padding: 140px 16px 48px;
    }
    section.main-hero-section {
        padding: 210px 0 100vh;
        height: auto;
        background-position: bottom right 30%;
        background-size: 2000px;
        background-repeat: no-repeat;
    }
    .logo-area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                    -ms-grid-row-align: flex-start;
                align-items: flex-start;
        gap: 0;
    }
    .main-hero-content h5 {
        font-size: 14px;
    }
    .main-hero-content > p {
        margin-bottom: 32px;
    }
    section.gemini-section, section.text-section {
        padding: 80px 0;
    }
    .embed-form-script {
        padding: 20px 30px 10px;
        border-radius: 15px;
    }
    .embed-demo-script {
        padding: 20px 20px 10px;
        border-radius: 15px;
    }
}
@media only screen and (min-width: 1280px) and (max-width: 5500px) {
    .fancybox-content {
        width: 800px !important;
        height: 450px !important;
   }
}