@media (max-width: 1000px) {

    .container {

        width: min(100% - 40px, 760px);

    }


    .desktop-menu,
    .nav-plan-btn {

        display: none;

    }


    .mobile-menu-btn {

        display: flex;

        margin-left: auto;

    }


    .mobile-menu {

        background: rgba(3,27,50,.98);

        padding: 5px 25px 25px;

    }


    .mobile-menu.active {

        display: flex;

        flex-direction: column;

    }


    .mobile-menu a {

        color: white;

        padding: 16px 0;

        border-bottom: 1px solid rgba(255,255,255,.1);

        font-size: 13px;

    }


    .hero-section {

        min-height: 750px;

    }


    .hero-scroll {

        display: none;

    }

}


@media (max-width: 600px) {

    .container {

        width: calc(100% - 32px);

    }


    .top-bar span:last-child {

        display: none;

    }


    .top-bar-inner {

        justify-content: center;

    }


    .navbar-inner {

        height: 78px;

    }


    .jodan-logo {

        width: 155px;

    }


    .hero-section {

        min-height: 720px;

    }


    .hero-container {

        padding-top: 80px;

    }


    .hero-title {

        font-size: 58px;

    }


    .hero-description {

        font-size: 14px;

        max-width: 450px;

    }


    .hero-buttons {

        flex-direction: column;

        align-items: flex-start;

        gap: 22px;

    }


    .hero-bottom-info {

        display: none;

    }

}