/* =====================================
   9NAGA LUXURY RESPONSIVE CSS
   ===================================== */


/* ==============================
   TABLET
   992px KE BAWAH
   ============================== */


@media(max-width:992px){


    .luxury-header{

        height:80px;

        padding:10px 20px;

    }



    .header-logo img{

        width:180px;

    }



    .social-btn{

        width:42px;

        height:42px;

        font-size:20px;

    }



    .menu-button{

        padding:12px 22px;

        font-size:14px;

    }





    .hero-slider{

        width:94%;

    }



    .hero-slider img,
    .hero-slider video{

        height:400px;

    }



    .about{

        width:90%;

        padding:30px;

    }



    .luxury-title{

        font-size:38px;

    }



    .partner-section{

        gap:25px;

    }



    .partner-image img{

        height:280px;

    }


}









/* ==============================
   MOBILE
   768px KE BAWAH
   ============================== */



@media(max-width:768px){



    body{

        background-attachment:scroll;

    }





    /* HEADER */


    .luxury-header{


        height:75px;


        padding:

        8px 12px;


    }





    .header-left{


        gap:8px;

    }




    .social-btn{


        width:35px;

        height:35px;


        font-size:16px;


    }






    .header-logo img{


        width:130px;


    }





    .menu-button{


        padding:

        10px 15px;


        border-radius:12px;


        font-size:12px;


    }









    /* SIDEBAR */


    .sidebar{

        width:260px;

    }






    /* SLIDER */


    .hero-slider{


        margin-top:25px;


        width:94%;


        border-radius:18px;


    }



    .hero-slider img,
    .hero-slider video{


        height:220px;


    }





    .slider-prev,
    .slider-next{


        width:35px;


        height:35px;


        font-size:18px;


    }







    /* ABOUT */


    .about{


        width:92%;


        padding:20px;


        border-radius:18px;


    }




    .luxury-title{


        font-size:30px;


    }




    .about-text{


        font-size:14px;


        line-height:1.7;


    }








    /* PARTNER */


    .partner-section{


        width:92%;


        flex-direction:column;


        gap:35px;


    }




    .partner-box{


        width:100%;


    }





.partner-image img{

    height:380px;

    object-fit:contain;

}





    .partner-name{


        font-size:18px;


        padding:

        8px 25px;


    }





    .luxury-button{


        padding:

        13px 35px;


        font-size:14px;


    }








    /* BANNER */


    .bottom-banner{


        width:92%;


    }




    .bottom-banner img{


        border-radius:18px;


    }







}









/* ==============================
   SMALL PHONE
   480px KE BAWAH
   ============================== */


@media(max-width:480px){



    .header-left{


        gap:5px;


    }



    .social-btn{


        width:30px;


        height:30px;


        font-size:14px;


    }



    .header-logo img{


        width:105px;


    }




    .menu-button span{


        font-size:10px;


    }





    .hero-slider img,
    .hero-slider video{


        height:180px;


    }





    .luxury-title{


        font-size:25px;


    }




    .about-text{


        font-size:13px;


    }





.partner-image img{

    height:320px;

    object-fit:contain;

}





    footer{


        font-size:13px;


    }



}