/* Responsive Media Queries */


/* Mobile Screen */


@media (max-width: 1279px) {
    header .callUs {
        position: absolute;
        right: 1.5rem;
        top: -10px;
    }
   
    body.scrolled header .callUs {
        top: -18px;
    }

    body.scrolled header .bookBtn {
        margin-top: 18px;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
    header .bookBtn {
        position: absolute;
        font-size: 14px;
        right: 1.5rem;
        top: -15px;
    }

    body.scrolled header .bookBtn {
        margin-top: 0;
    }

    header .callUs {
        right: 10rem;
    }

    header .logo {
        width: 80px;
    }

    body.scrolled header #navigation {
        margin-top: 40px;
    }

    body.scrolled header .callUs {
        top: -10px;
    }

    header #navigation ul li {
        margin-right: 10px;
    }

    #slider .slides li .title {
        font-size: 50px;
    }
    
    .heading {
        font-size: 40px;
    }

    .subheading {
        font-size: 27px;
    }

}

@media (max-width: 768px) {    
    #mainWrapper,
    body.scrolled #mainWrapper {
        padding-top: 0;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease,-webkit-transform .4s ease;
    }

    #menuBtn {
        display: block;
    }

    header {
        position: static;
    }

    header .flex {
        display: block;
    }

    header .logo,
    body.scrolled header .logo {
        display: block;
        margin: 0 auto 10px !important;
        width: 104px;
    }

    header .container,
    body.scrolled header .container {
        height: auto;
    }

    header #navigation {
        display: none;
    }

    header .callUs {
        position: static;
        display: table;
        margin: 0 auto 10px;
    }

    header .bookBtn {
        position: static;
        display: table;
        margin: 0 auto !important;
    }

    #slider .slides li .title {
       font-size: 27px;
        text-align: center;
    }

    .h-\[500px\] {
     height: 293px;
    }
}