/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.navTop h2 {
    font-size: 46px;
}

.navTop h4 {
    font-size: 25px;
}

.navTop p {
    font-size: 15px;
}

.nav__bottom h2 {
    font-size: 50px;
}

.nav__bottom h3 {
    font-size: 30px;
}

.nav__bottom h4 {
    font-size: 20px;
}

.left__siteNav {
    position: initial;
}

.section__title h2 {
    font-size: 32px;
}

.section__title h3 {
    font-size: 24px;
}

.card__right p {
    font-size: 18px;
}

.footer__logo h4 {
    font-size: 22px;
}

.footer__social {
    display: block;
}

.footer__social a {
    font-size: 20px;
}

.footerTxt p {
    font-size: 18px;
}

.logo__365 a {
    font-size: 15px;
}

.logo__365 img {
    height: 38px;
}

}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {


}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 991px) {

.left__sticky {
    display: none;
}

.wraper__area {
    display: block;
}

.mobile__header {
    display: block;
}

.grid__3column {
    display: grid;
    grid-template-columns: 4fr 6fr 2fr;
    padding: 8px 15px;
    align-items: center;
    background: #F18F27;
}

.grid__3column a.reservation__btn {
    font-size: 22px;
    padding: 10px 8px;
    text-align: center;
}

.grid__3column .nav__bottom h4 {
    font-size: 20px;
    color: #fff;
}

.grid__3column .nav__social {
    display: block;
}
.nav__bottom a.tell {
    color: #fff;
}
.logo {
    text-align: center;
}
.banner__bg {
    display: none;
}
.mobile__header .banner__bg {
    display: block;
}
.section__title h2 {
    font-size: 36px;
}

.section__title h3 {
    font-size: 30px;
}

.section__title {
    border-top: 1px solid #E75C9A;
    border-bottom: 1px solid #E75C9A;
    padding-top: 10px;
}

.content__area {
    padding-top: 30px;
}

.footer__logo h4 {
    font-size: 18px;
}

.footer__social {
    display: block;
}

.logo__365 img {
    height: 38px;
}

.footerTxt p {
    font-size: 20px;
}


 }   
    
 
@media only screen and (max-width: 600px){
    .grid__3column a.reservation__btn {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px 10px;
}

.grid__3column .nav__bottom h4 {
    font-size: 11px;
    margin: 0;
}

.nav__bottom a.tell {
    font-size: 16px;
}

.grid__3column .nav__social {
    padding: 0;
    text-align: right;
}

.grid__3column {
    grid-template-columns: 5fr 8fr 2fr;
    /* position: sticky; */
    /* top: 0; */
}

.grid__3column .nav__social img {
    height: 28px;
}

.grid__3column .nav__bottom {
    padding: 0;
}

.nav__bottom h2 {
    font-size: 53px;
}

.nav__bottom h3 {
    font-size: 34px;
}

.sticky__mobile {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    left: 0;
}

.topNav__sticky {
    position: relative;
}

.mobile__header .logo {
    padding-top: 100px;
}

.navTop h2 {
    font-size: 52px;
}

.navTop p {
    font-size: 15px;
}

.section__title h2 {
    font-size: 18px;
}

.section__title h3 {
    font-size: 15px;
}

.content__sec1:after {
    top: -40px;
    background-position: center;
}

.card__txt h4 {
    font-size: 17px;
}

.card__txt p {
    font-size: 18px;
}

.table__title h4 {
    font-size: 20px;
}

.table__heading h5 {
    font-size: 20px;
}

.table__heading {
    grid-template-columns: 4fr 4fr 4fr;
}

.table__heading h5 {
    font-size: 16px;
}

.table__grid p {
    font-size: 13px;
}

.table__footer span {
    display: none;
}

.table__footer p {
    display: none;
}

.grid__2 {
    display: block;
}

.bottom__card p {
    font-size: 18px;
    line-height: 1.4;
}

.bottom__card h4 {
    font-size: 30px;
    margin: 0;
}

.card__right a.reservation__btn {
    font-size: 22px;
    padding: 8px 20px;
}

.bottom__card .grid__2 {
    text-align: center;
}

.footer__top h4 {
    font-size: 28px;
    text-align: center;
    margin-top: 0;
}

.footer__logo {
    display: block;
    text-align: center;
}

.footer__logo h4 {
    font-size: 25px;
}

.footer__right {
    text-align: center;
}

.footer__right h5 {
    font-size: 16px;
}

.footerTxt p {
    font-size: 15px;
}

.logo__365 a {
    font-size: 16px;
}

.logo__365 {
    justify-content: center;
    padding: 10px 0px;
}


}