/* ==========================================================
   CubexSoft 2.0
   Responsive Styles
========================================================== */

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

@media (max-width:1400px){

    .container{
        width:95%;
    }

}

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

@media (max-width:1200px){

    .navbar-menu{
        gap:24px;
    }

    .demo-btn{
        padding:14px 20px;
    }

}

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

@media (max-width:992px){

    .announcement-content{

        justify-content:center;

        gap:20px;

        font-size:13px;

    }

    .navbar-menu{

        display:none;

    }

    .navbar-actions{

        gap:10px;

    }

}

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

@media (max-width:768px){

    .announcement-bar{

        display:none;

    }

    .navbar{

        height:72px;

    }

    .navbar-logo img{

        height:42px;

    }

    .login-btn{

        display:none;

    }

    .demo-btn{

        padding:12px 18px;

        font-size:14px;

    }

}

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

@media (max-width:576px){

    .container{

        width:94%;

    }

    .demo-btn{

        display:none;

    }

    .icon-btn{

        width:42px;

        height:42px;

    }

}