/* =====================================
Large Devices
===================================== */

@media (max-width:1200px){

.container{
    max-width:1140px;
}
.menu ul{
    gap:28px;
}

}

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

@media (max-width:992px){

.header{
    height:80px;
}

.menu{
    display:none;
}

.contact-btn{
    display:none;
}

.menu-btn{
    display:flex;
    justify-content:center;
    align-items:center;
}

.logo img{
    height:52px;
}

}

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

@media (max-width:768px){

.header{
    height:75px;
}
.logo img{
    height:45px;
}
.mobile-menu{width:300px;}
}

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

@media (max-width:576px){

.header{

    height:70px;

}

.logo img{

    height:40px;

}

/* .mobile-menu{width:100%;} */
}