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

/* ==========================================
   Large Desktop
========================================== */

@media (max-width:1400px){

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1200px){

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:992px){

    /* ==========================================
       NAVBAR
    ========================================== */

    #navbar{
        height:80px;
    }

    .navbar-logo img{
        height:42px;
    }

    .navbar-menu{
        gap:28px;
        margin-left:50px;
    }

    .navbar-menu a{
        font-size:16px;
    }

    .navbar-actions{
        gap:20px;
    }

    .login-link{
        font-size:16px;
    }

    .navbar-actions .btn-primary{
        padding:14px 26px;
        font-size:16px;
        border-radius:12px;
    }

}

/* ==========================================
   Mobile Large
========================================== */

@media (max-width:768px){

    /* ==========================================
       NAVBAR
    ========================================== */

    #navbar{
        height:74px;
    }

    .navbar-logo img{
        height:38px;
    }

    .navbar-menu,
    .navbar-actions{
        display:none;
    }

    .menu-toggle{
        display:flex;
        justify-content:center;
        align-items:center;
        width:48px;
        height:48px;
        margin-left:auto;
        border:none;
        border-radius:12px;
        background:#f3f4f6;
        color:#111827;
        cursor:pointer;
    }

    .menu-toggle i{
        font-size:22px;
    }

    .mobile-menu,
    .mobile-overlay{
        display:block;
    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:576px){

    #navbar{
        height:68px;
    }

    .navbar-logo img{
        height:34px;
    }

}