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

/* Laptop */

@media (max-width:1200px){

    .phone-btn{

        display:none;

    }

}

/* Tablet */

@media (max-width:992px){

    .custom-navbar{

        padding:12px 0;

    }

    .navbar-collapse{

        background:#081C3A;

        margin-top:15px;

        padding:25px;

        border-radius:14px;

    }

    .navbar-nav{

        gap:8px;

        margin-bottom:25px;

    }

    .navbar-nav .nav-link{

        padding:8px 0;

    }

    .phone-btn{

        display:flex;

        justify-content:center;

    }

    .d-flex.align-items-center.gap-3{

        flex-direction:column;

        align-items:stretch !important;

    }

}

/* Mobile */

@media (max-width:700px){

    .logo{

        height:30px;

    }

    .book-btn{

        justify-content:center;

    }

}

/* Small Mobile */

@media (max-width:576px){

    .logo{

        height:45px;

    }

}