/* =========================
   FIX OVERFLOW MOBILE
========================= */

html,
body{

    overflow-x: hidden;

    width: 100%;

}

/* =========================
   MOBILE RESPONSIVE
========================= */

@media(max-width:768px){

    *{

        max-width:100%;

    }

    body{

        overflow-x:hidden;

    }

    .container,
    .container-fluid{

        padding-left:15px;

        padding-right:15px;

    }

    img{

        max-width:100%;

        height:auto;

    }

}
/* =========================
   NAVBAR MOBILE FIX
========================= */

@media(max-width:768px){

    .navbar-collapse{

        background:#020617;

        padding:20px;

        border-radius:20px;

        margin-top:15px;

        border:
        1px solid rgba(0,255,255,0.15);

    }

    .navbar-nav{

        gap:10px;

    }

    .nav-link{

        padding:12px 15px !important;

        border-radius:12px;

    }

    .navbar-toggler{

        border:none !important;

        box-shadow:none !important;

    }

    .navbar-toggler i{

        font-size:2rem;

        color:cyan;

    }

}

/* =========================
   MOBILE MENU SCROLL FIX
========================= */

@media(max-width:768px){

    .navbar-collapse{

        max-height:80vh;

        overflow-y:auto;

    }

    body.menu-open{

        overflow:hidden;

    }

}