/* ========= MOBILE RIGHT SPACE FIX ========================= */

html,
body {
    overflow-x: hidden !important;
    max-width: 100%;
}

@media (max-width: 768px) {

    * {
        max-width: 100%;
    }

    body {
        overflow-x: hidden !important;
    }

    .site-nav,
    .page-body,
    .hero,
    .hero-inner,
    .container {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .hero {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero-actions .btn {
        width: 100%;
    }

    .stats-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    img,
    iframe,
    video {
        max-width: 100%;
        height: auto;
    }
}

/* =====================================
   MOBILE MENU
===================================== */
/* =====================================
   MOBILE MENU
===================================== */

.nav-hamburger{
    display:none;
}

@media (max-width:768px){

    .nav-menu,
    .nav-actions,
    .nav-actionss{
        display:none !important;
    }

    .nav-hamburger{
        display:flex !important;
        flex-direction:column;
        gap:5px;
        margin-left:auto;
        cursor:pointer;
        background:none;
        border:none;
        padding:5px;
        z-index:99999999;
    }

    .nav-hamburger span{
        width:26px;
        height:3px;
        background:#d4a017;
        border-radius:10px;
        transition:.3s;
    }

    .nav-drawer{
        position:fixed !important;
        top:64px;
        right:-300px;
        width:280px;
        height:calc(100vh - 64px);

        background:#06163d;

        z-index:99999998;

        padding:20px;

        display:flex !important;
        flex-direction:column;

        gap:15px;

        transition:right .3s ease;
    }

    .nav-drawer.open{
        right:0 !important;
    }

    .nav-drawer a{
        color:#fff;
        padding:12px;
        display:block;
        text-decoration:none;
        border-bottom:1px solid rgba(255,255,255,.1);
    }
}