@charset "utf-8";

/* =====================================================
   RESPONSIVE.CSS – PREMIUM V5
===================================================== */

@media screen and (max-width:1200px){

    .mk-nav{
        gap:28px;
    }

    .mk-nav a{
        font-size:11px;
        letter-spacing:2px;
    }

    .mk-hero-content h1{
        font-size:46px;
    }

    .mk-lux-about-grid{
        gap:70px;
    }
}

@media screen and (max-width:1050px){

    .mk-nav{
        display:none;
    }

    .mk-menu-btn{
        display:block;
        width:58px;
        height:40px;
        border:0;
        background:transparent;
        cursor:pointer;
    }

    .mk-menu-btn span{
        display:block;
        width:100%;
        height:4px;
        margin-bottom:9px;
        background:#fff;
        border-radius:999px;
    }

    .mk-menu-btn span:last-child{
        margin-bottom:0;
    }

    .mk-hero{
        height:780px;
    }

    .mk-header-top{
        top:38px;
        width:90%;
    }

    .mk-logo img{
        width:185px;
    }

    .mk-hero-content{
        left:6%;
        right:6%;
        bottom:90px;
        max-width:720px;
    }

    .mk-hero-content h1{
        font-size:38px;
        letter-spacing:3px;
    }

    .mk-hero-content .mk-gold-line{
        width:110px;
        margin:34px 0 24px;
    }

    .mk-lux-about-grid,
    .mk-lux-card-grid{
        grid-template-columns:1fr;
    }

    .mk-lux-about-image img,
    .mk-lux-card{
        height:560px;
    }
}

@media screen and (max-width:650px){

    .mk-container,
    .ft-container{
        width:90%;
        max-width:90%;
    }

    .mk-hero{
        height:700px;
    }

    .mk-header-top{
        top:26px;
        width:90%;
    }

    .mk-logo img{
        width:145px;
    }

    .mk-menu-btn{
        width:44px;
        height:31px;
    }

    .mk-menu-btn span{
        height:3px;
        margin-bottom:8px;
    }

    .mk-hero-content{
        left:22px;
        right:22px;
        bottom:55px;
        max-width:none;
    }

    .mk-hero-content h1{
        font-size:25px;
        line-height:1.32;
        letter-spacing:1.8px;
    }

    .mk-hero-content .mk-gold-line{
        width:68px;
        height:2px;
        margin:22px 0 16px;
    }

    .mk-hero-content p{
        font-size:12px;
        line-height:1.6;
        letter-spacing:1.3px;
    }

    .mk-lux-welcome{
        padding:85px 0 45px;
    }

    .mk-lux-about,
    .mk-lux-world{
        padding:80px 0;
    }

    .mk-lux-title h2,
    .mk-lux-about-text h2,
    .mk-lux-world .mk-lux-title h2{
        font-size:36px;
    }

    .mk-lux-welcome-text p,
    .mk-lux-about-text p{
        font-size:16px;
        line-height:1.8;
    }

    .mk-lux-about-image::before{
        display:none;
    }

    .mk-lux-about-image img,
    .mk-lux-card{
        height:420px;
    }

    .mk-lux-card-grid{
        gap:22px;
        margin-top:48px;
    }

    .mk-lux-card div{
        left:28px;
        right:28px;
        bottom:28px;
    }

    .mk-lux-card h3{
        font-size:29px;
    }

    .ft-left,
    .ft-right{
        float:none;
        width:auto;
        max-width:420px;
        margin:0 auto 30px;
    }

    .ft-copyright{
        top:20px;
    }
}