@media screen and (max-width: 1300px){
    .navbar{
        height: 100px;
        transition: 0.2s ease;
    }
    .navbar-scrolled{
        height:80px;
    }
    .navbar .logo{
        width:210px;
        position: absolute;
        top:-6px;
        left:20px;
        transition: 0.2s ease;
        transform: scale(.8);
    }
    .navbar-scrolled .logo{
        transform: scale(.7);
    }
    .logo img {
        width: 100%;
        transition: 0.5s ease-in-out;
    }
    .navbar .nav{
        display: none;
    }
    .navbar .res-nav,.res-sidemenu .cross-btn{
        display: block;
        font-size: 28px;
        transition: 0.25s ease;
    }
    .navbar-scrolled .res-nav{
        font-size: 24px;
    }
    .dest-slider{
        grid-template-columns: .5fr .5fr .5fr;
        grid-gap: 20px;
    }
}