/* =====================================================
        GEORGIA AMANI RESPONSIVE DESIGN
        Luxury Boutique Hospitality Style
===================================================== */


/* =====================================================
                LARGE TABLETS
===================================================== */


@media(max-width:1100px){


    .container{

        width:92%;

    }



    /* NAVIGATION */


    .menu{

        gap:25px;

    }



    .menu li a{

        font-size:13px;

    }



    .booking-btn{

        padding:11px 18px;

    }



    /* FEATURES */


    .feature-grid{

        grid-template-columns:
        repeat(2,1fr);

    }



    /* FOOTER */


    .footer-grid{

        grid-template-columns:
        repeat(2,1fr);

    }



}



/* =====================================================
                TABLETS
===================================================== */


@media(max-width:900px){


    /* MOBILE NAV */


    .header{

        padding:20px 0;

    }



    .menu{


        position:absolute;


        top:100%;


        left:0;


        width:100%;


        background:#111;


        flex-direction:column;


        align-items:center;


        gap:0;


        padding:30px 0;


        opacity:0;


        visibility:hidden;


        transform:
        translateY(-20px);


        transition:.4s;


    }



    .menu.active{


        opacity:1;


        visibility:visible;


        transform:
        translateY(0);


    }



    .menu li{

        width:100%;

        text-align:center;

    }



    .menu li a{

        display:block;

        padding:15px;

    }



    .booking-btn{


        display:none;


    }



    .menu-toggle{


        display:block;


    }




    /* HERO */


    .hero{


        min-height:700px;

    }



    .hero h1{


        font-size:
        65px;


    }



    .description{


        font-size:
        16px;


    }




    /* SERVICES */


    .cards{


        grid-template-columns:
        1fr;


    }



    .card{


        padding:
        35px;


    }



    .card h2{


        font-size:
        38px;


    }



}




/* =====================================================
                MOBILE DEVICES
===================================================== */


@media(max-width:600px){



    .container{


        width:
        90%;


    }



    /* LOGO */


    .logo img{


        width:
        135px;


    }




    /* HERO */


    .hero{


        height:
        100vh;


        min-height:
        620px;


        background-position:
        center;


    }



    .hero-content{


        text-align:center;


        margin:auto;


    }



    .hero-content::before{


        left:
        50%;


        transform:
        translateX(-50%);


    }



    .subtitle{


        font-size:
        11px;


        letter-spacing:
        3px;


    }




    .hero h1{


        font-size:
        48px;


        line-height:
        1;


    }



    .description{


        font-size:
        15px;


        line-height:
        1.7;


    }




    .hero-buttons{


        flex-direction:
        column;


        align-items:center;


        gap:
        15px;


    }



    .hero-buttons .btn{


        width:
        100%;


        max-width:
        280px;


    }



    /* SERVICES */


    .services{


        padding:
        60px 0;


    }



    .card{


        padding:
        25px;


    }



    .card img{


        height:
        230px;


    }



    .card h2{


        font-size:
        34px;


    }



    /* FEATURES */


    .features{


        padding:
        60px 0;


    }



    .feature-grid{


        grid-template-columns:
        1fr;


        gap:
        20px;


    }



    .feature h4{


        font-size:
        24px;


    }



    /* FOOTER */


    footer{


        padding-top:
        50px;


    }



    .footer-grid{


        grid-template-columns:
        1fr;


        text-align:center;


    }



    .footer-logo{


        margin:auto;


    }



    .social{


        justify-content:center;


    }



    /* WHATSAPP */


    .whatsapp-bot{


        right:
        15px;


        bottom:
        20px;


        padding:
        12px 18px;


    }



    .whatsapp-bot span{


        display:none;


    }



    .whatsapp-popup{


        width:
        calc(100% - 30px);


        right:
        15px;


        bottom:
        85px;


    }



    .scroll-top{


        right:
        15px;


        bottom:
        85px;


    }


}



/* =====================================================
                SMALL PHONES
===================================================== */


@media(max-width:380px){



    .hero h1{


        font-size:
        42px;


    }



    .subtitle{


        letter-spacing:
        2px;


    }



    .card h2{


        font-size:
        30px;


    }



    .whatsapp-popup{


        font-size:
        13px;


    }


}
@media(max-width:992px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}


@media(max-width:600px){

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}


.social{

justify-content:center;

}


.copyright{

flex-direction:column;

gap:15px;

}


.footer-links-bottom a{

margin:0 10px;

}

}