/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
    .main-menu ul.navbar-nav li a {
        font-size: 13px;
        padding: 8px 7px;
    }
    .header-area.stick .main-menu ul.navbar-nav li a {
        font-size: 13px;
        padding: 8px 6px;
    }
    .welcome-text h2::after {
        left: 38.5%;
    }
    .gal-body h2::after {
        left: 40.5%;
    }
    #reservation h2::after {
        left: 35.5%;
    }
    #index-testimonials h2::after {
        left: 36.5%;
    }
    #facility h2::after {
        left: 39.5%;
    }
    .b-overlay i {
        top: 25%;
        left: 45%;
    }
    .gal-img:hover .b-overlay i {
        opacity: 1;
        top: 35%;
        left: 39%;
    }
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .topbar-left ul li:last-child {
        display: none;
    }
    .main-menu ul.navbar-nav li a,
    .main-menu ul.navbar-nav li a,
    .header-area.stick .main-menu ul.navbar-nav li a {
        font-size: 10px;
        padding: 3px 4px;
    }
    .header-area.stick .main-menu ul.navbar-nav li a {
        font-size: 13px;
        padding: 24px 9px;
    }
    .logo a {
        padding: 25px 0;
    }
    .header-area-2.stick .logo a {
        padding: 15px 0;
    }
    .header-area-2 .logo a {
        padding: 25px 0;
    }
    .header-area-2 .main-menu ul.navbar-nav li a,
    .header-area.stick .main-menu ul.navbar-nav li a {
        font-size: 9px;
        padding: 6px 6px;
    }
    .header-area-2 .header-right-link a.main-search,
    .header-area-2.stick .header-right-link a.main-search {
        padding: 13px 15px;
    }
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    .welcome-text h2::after {
        left: 34.5%;
    }
    .gal-body h2::after {
        left: 37.5%;
    }
    #reservation h2::after {
        left: 33.5%;
    }
    #index-testimonials h2::after {
        left: 32.5%;
    }
    #facility h2::after {
        left: 36.5%;
    }
    #comfort-page-body {
        padding: 50px 0px;
    }
    .single-comfort .comfort-img {
        box-shadow: 15px 15px #B68F4080;
    }
    #food-body {
        padding: 70px 0px;
    }
    .b-overlay i {
        position: absolute;
        top: 25%;
        left: 48%;
        padding: 10px 6px;
    }
    .gal-img:hover .b-overlay i {
        opacity: 1;
        top: 30%;
        left: 40%;
    }
    footer {
        -webkit-background-size: cover;
        background-size: cover;
    }
}


/* small mobile :320px. */

@media (max-width: 767px) {
    .container {
        width: 370px
    }
    .logo {
        height: inherit;
        left: 16px;
        padding: 0;
        position: absolute;
        top: 10px;
        z-index: 999999;
        max-width: 170px;
    }
    .logo a {
        padding: 0px;
    }
    .sp-nxt,
    .sp-prv {
        padding: 15px 8px 15px 8px;
        font-size: 12px;
    }
    .bar {
        width: 200px;
    }
    .bar:before {
        left: 25%;
    }
    .bar:after {
        right: 55%;
    }
    #top-cin {
        margin-bottom: 40px;
    }
    #top-cout {
        margin-bottom: 40px;
    }
    .welcome-text h2::after {
        left: 19%;
    }
    .gal-body h2::after {
        left: 23.5%;
    }
    #reservation h2::after {
        left: 11.5%;
    }
    #index-testimonials h2::after {
        left: 10.5%;
    }
    #facility h2::after {
        left: 20.5%;
    }
    .b-overlay i {
        font-size: 16px;
        padding: 7px 7px;
        top: 10%;
        left: 50%;
    }
    .gal-img:hover .b-overlay i {
        opacity: 1;
        top: 30%;
        left: 40%;
    }
    .grid-image {
        width: 100%;
        height: 200px;
    }
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    .facility-row .single-fac {
        width: 50%;
        padding: 5px;
        border: none;
        display: inline-block;
    }
    .reservation-text {
        margin-bottom: 30px;
    }
    .footer-area {
        padding: 35px 0 10px 0;
    }
    .footer-head {
        margin-bottom: 25px;
    }
    .footer-head h4 {
        margin-bottom: 15px;
    }
    .wrapper-topic {
        left: 0;
        width: 100%;
    }
    #comfort-page-body {
        padding: 50px 0;
    }
    .single-comfort .comfort-img {
        box-shadow: 10px 10px #B68F4080;
        margin-bottom: 40px;
    }
    .single-comfort {
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .single-comfort .comfort-img:hover {
        box-shadow: 12px 12px #B68F4080;
    }
    .facilities_div {
        width: 42%;
    }
    #food-body {
        padding: 70px 0;
    }
    .facilities_serperate .footer-icons {
        margin-bottom: 40px;
    }
    .facilities_serperate {
        margin-top: 0px;
    }
    footer {
        -webkit-background-size: cover;
        background-size: cover;
    }
}


/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 600px;
    }
    .mean-bar {
        margin-bottom: 10px;
    }
    .sp-nxt,
    .sp-prv {
        padding: 15px 8px 15px 8px;
        font-size: 12px;
    }
    .bar {
        width: 200px;
    }
    .bar:before {
        left: 25%;
    }
    .bar:after {
        right: 55%;
    }
    #top-cin {
        margin-bottom: 40px;
    }
    #top-cout {
        margin-bottom: 40px;
    }
    .welcome-text h2::after {
        left: 31%;
    }
    .gal-body h2::after {
        left: 35.5%;
    }
    #reservation h2::after {
        left: 26.5%;
    }
    #index-testimonials h2::after {
        left: 26.5%;
    }
    #facility h2::after {
        left: 32.5%;
    }
    .b-overlay i {
        font-size: 20px;
        padding: 13px 10px;
        top: 25%;
        left: 55%;
    }
    .gal-img:hover .b-overlay i {
        opacity: 1;
        top: 35%;
        left: 45%;
    }
    .grid-image {
        width: 100%;
        height: 200px;
    }
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
    .reservation-text {
        margin-bottom: 30px;
    }
    .facility-row .single-fac {
        width: 25%;
        padding: 5px;
        border: none;
        display: inline-block;
    }
    .footer-area {
        padding: 35px 0 10px 0;
    }
    .footer-head {
        margin-bottom: 25px;
    }
    .footer-head h4 {
        margin-bottom: 15px;
    }
    .wrapper-topic {
        left: 0;
        width: 100%;
        height: 300px;
    }
    #page-wrapper {
        height: 300px;
    }
    #comfort-page-body {
        padding: 50px 0;
    }
    .single-comfort .comfort-img {
        box-shadow: 10px 10px #B68F4080;
        margin-bottom: 40px;
    }
    .single-comfort {
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .single-comfort .comfort-img:hover {
        box-shadow: 12px 12px #B68F4080;
    }
    .facilities_div {
        width: 29%;
    }
    #food-body {
        padding: 70px 0;
    }
    .facilities_serperate .footer-icons {
        margin-bottom: 40px;
    }
    .facilities_serperate {
        margin-top: 0px;
    }
    footer {
        -webkit-background-size: cover;
        background-size: cover;
    }
}