@media screen and (max-width: 1721px) {
.story-container-bottom {
margin: -16px 0 0 0;
}
.cuisine-container .story-leftbar {
    padding: 5% 3.5% calc(5% + 2.5rem) 6% !important;
}
.legacy-block h2 {
    font-size: 22px;
    margin: 0 0 18px;
	
}
.legacy-block p {
    font-size: 22px;
    text-align: justify;
}
.embracing-block {
    padding: 25px !important;
}
.embracing-block h3 {
    font-size: 19px;
}
div#owl-carousel-1 .item h3 {
    font-size: 23px;
}
.learners h3 {
    margin: 0 0 16px;
    font-size: 23px;
}
.story-leftbar h2 {
    font-size: 25px;
    margin: 0 0 23px;
}
.partners-block h3 {
    font-size: 23px;
}
.review-bg h3 {
    font-size: 23px;
    margin: 0 0 3px;
}
.cuisine-container .story-container-bottom {
    padding: 40px 30px 0 0;
}
}

@media screen and (max-width: 1499px) {
.story-container {
padding: 37px 36px 30px;
}
.story-bottom-rightbar p {
    font-size: 16px;
}
.col-lg-7.col-md-7.col-sm-7.col-xs-12.story-leftbar 
{
    padding: 5% 10.5% calc(5% + 2.5rem) 5%;
}
.banner-content h1 
{
    font-size: 57px; 
}
a.reservations-btn {
    width: 234px;
    top: -1px;
    font-size: 16px;
    font-weight: 700;
    padding: 26px 0;
}
a.nav-link {
    font-size: 14px;
    padding: 16px 10px 0!important;
    font-weight: 700;
}
.story-container-bottom {
    margin: -85px 0 0 0;
    z-index: 9999;
    padding: 0 0 0 0;
}
.story-bottom-rightbar {
    margin: 80px 0 0 0;
}
.contact-container {
    padding: 0 67px 0 37px;
    margin: 0 0 60px 0;
}
.reservations-rightbar {
    left: -130px;
    padding: 48px;
    top: 40px;
}
.reservations-rightbar .footer-social {
    border-bottom: none;
    margin: 0;
    float: left;
    padding: 0;
}
.reservations-rightbar.search-container {
    left: 0;
    padding: 42px;
    top: 26px;
    width: 100%;
}
.cuisine-container .story-container-bottom {
    padding: 40px 143px 0 0;
}
.cuisine-container .story-bottom-rightbar {
    margin: 44px 0 0 -57px;
}
.legacy-block {
    padding: 28px !important;
}
	
	header a.nav-link {
    padding: 37px 25px !important;
}
}

@media screen and (max-width: 1299px) {
    .examination-statistics-rightbar {
        width: 100%;
        float: right;
        background-color: #fff;
        padding: 13px 20px 5px;
        overflow: hidden;
    }
    .statistics-block {
        width: 97%;
        display: inline-block;
    }
    #owl-carousel-2 .item {
        text-align: center;
    }
    .examination-statistics-leftbar {
        width: 100%;
        margin: 0 0 17px;
    }
    .notification-bell .dropdown-menu.show {
        left: -18px!important;
    }
    section.rightbar {
        padding: 0 1% 21px;
    }
    .semester-section-module-list li {
        width: 22.7%;
    }
    .semester-section-module-list li {
        width: 100%;
    }
    a.reservations-btn {
        padding: 23px 0;
        width: 187px;
    }
    a.nav-link {
        padding: 26px 10px 0!important;
    }
    .banner-content {
        height: 100%
    }
    .banner-container {
        height: 70vh;
    }
    .story-container-bottom {
        margin: -29px 0 0 0;
    }
    .reservations-leftbar h2 {
        font-size: 29px;
    }

    }

    @media screen and (max-width: 1169px) {
        a.logo {
            width: auto;
            font-size: 45px;
            padding: 0 30px;
        }
        .banner-content-inner h1 {
            font-size: 61px;
            margin: 0 0 24px;
        }
        .story-leftbar h2 {
            font-size: 22px;
        }
        .story-rightbar iframe {
            width: 119%;
            margin: 25px 0 0 63px;
        }
        .contact-container {
            padding: 0 34px 0 37px;
            margin: 0 0 60px 0;
        }
        .contact-inner h3 {
            font-size: 21px;
            padding: 6px 0 19px;
        }
        input.form-control.input-field {
            height: 42px;
            margin: 0 0 21px;
        }
        button.btn.btn-submit {
            margin: 24px 0 0 0;
        }
        .reservations-rightbar {
            left: -60px;
            padding: 48px;
            top: 40px;
        }
        .reservations-rightbar.search-container {
            margin: 0 0 30px;
        }
        .search-form-block {
            margin: 18px 17px 26px;
        }
        section.story-container.cuisine-container {
            margin: 0 0 0 0;
        }
        .story-rightbar {
            margin: 0 0 0 !important;
        }
        
    }


    @media screen and (max-width: 991px) {
        body.menu-open .collapse {
            display: block;
        }
        li.nav-item.hide-mobile {
            display: none;
        }
		a.nav-link:hover::before {
    height: 3px;
    bottom: 0;
}
        a.reservations-btn {
            padding: 23px 40px;
            width: 207px;
            position: relative;
            margin: 0 0 26px;
            display: block;
        }
        a.logo.hide-desktop {
            display: block!important;
            float: left;
        }
        button.navbar-toggler {
            position: absolute;
            top:33px;
            right: 20px;
        }
        nav .container {
            padding: 0;
            max-width: 100% !important;
        }
        a.nav-link {
            padding: 22px 28px!important;
            border-bottom: 1px solid;
            font-size: 18px;
        }
        a.reservations-btn {
            padding: 23px 40px;
            width: 207px;
            position: relative;
            margin: 17px 20px 17px;
            display: block;
        }
        .cuisine-container .story-bottom-rightbar {
            margin: -67px 0 0 -12px;
        }
        .story-leftbar {
            padding: 40px 40px!important;
            margin: 0 0 39px;
        }
        .story-rightbar {
            margin:0;
            padding: 0!important;
        }
        .story-rightbar img {
            width: 100%;
            position: relative;
            z-index: 999;
        }
        .story-container-bottom {
            margin: 33px 0 0;
        }
        .story-bottom-leftbar {
            padding: 0!important;
        }
        .story-bottom-center {
            margin: 32px 0 0 0!important;
            padding: 0!important;
        }
        .story-bottom-rightbar {
            margin: 37px 0 0 0;
        }
        .story-bottom-rightbar-top {
            padding: 0 !important;
        }
        .story-container {
            padding: 37px 36px 0;
            margin:0 0 0;
        }
        .cuisine-container .story-bottom-rightbar {
            margin: 0 0 0 0;
        }
        .cuisine-container .story-container-bottom {
            padding: 0 13px;
        }
        .cuisine-container .story-leftbar {
            padding: 27px 26px !important;
        }
        .margin-top-bottom {
            margin: 34px 0 0 !important;
        }
        .story-bottom-block {
            width: 100%;
            height: auto;
            font-size: 28px;
            padding: 57px 0;
            position: relative;
            top: 0;
            right: 0;
            margin: 34px 0 0 0;
        }
        .footer-social {
            margin: 1rem 0 19px;
        }
        .story-bottom-block {
            padding: 57px 27px;
        }
        .story-rightbar iframe {
            width: 100%;
            margin: 0 0 29px 0;
        }
        .banner-content-inner h1 {
            font-size: 57px;
            margin: 0 0 24px;
        }
        .reservations-rightbar {
            left: -47px;
            padding: 24px;
            top: 5px;
        }
        .reservations-rightbar h2 {
            font-size: 20px;
        }
        .reservations-rightbar span {
            font-size: 15px;
            margin: 19px 0 15px;
        }
        .reservations-rightbar {
            left: -47px;
            padding: 33px 31px;
            top: 5px;
        }
        .reservations-rightbar {
            left: 0;
            padding: 33px 31px;
            top: 0;
            position: relative;
            width: 100%;
        }
        .story-leftbar {
            padding: 40px 40px!important;
            margin: 0 0 24px;
        }
        .story-leftbar {
            padding: 16px 18px!important;
            margin: 0 0 21px;
            height: auto;
        }
        .story-leftbar h2 {
            font-size: 27px;
        }
        .reservations-rightbar.search-container {
            margin: 0 0 30px;
            padding: 23px;
        }
        .embracing-block {
            margin: 0 0 0 0;
        }
        .partners-block {
            margin: 0;
            position: relative;
            z-index: 10;
        }
        section.story-container.cuisine-container .story-container-bottom {
            margin: 25px 0 0 0;
        }
        .legacy-block h2 {
            font-size: 26px;
            margin: 0 0 16px;
        }
        div#owl-carousel-1 .item h3 {
            font-size: 27px;
            margin: 0 0 10px;
        }
        .partners h3 {
            font-size: 27px;
        }

        .legacy-block {
            margin: 0;
        }
        .col-lg-5.col-md-12.col-sm-12.col-xs-12.story-bottom-center.intro-ai {
            margin-top:42px!important;
        }
        .learners {
            position: relative;
            left: 0;
        }
        .banner-content h1 {
            font-size: 42px;
        }
        .box-block li {
            width: 100%;
            padding: 30px;
            margin: 0 12px 9px 0;
            height: auto;
        }
        header a.reservations-btn {
            padding: 23px 40px;
        }
.hide-mobile {
    display: none!important;
}
    }

    @media screen and (max-width: 767px) {

    .main-container-leftbar {
        width: 100%;
    }
    .statistics-block {
        display: inline-block;
    }
    .examination-statistics-leftbar {
        width: 100%;
        margin: 0 0 15px;
    }
    .examination-statistics-rightbar {
        width: 100%;
    }
    .main-container-rightbar {
        width: 100%;
        float: right;
        padding: 10px 20px;
        margin: 5px 0 0 0;
    }
    section.rightbar {
        padding: 0 3% 27px;
    }
    .statistics-block {
        width: 200px;
        display: inline-block;
    }
    .course-container {
        padding: 0 2% 45px;
    }
    .balance-card-grids li {
        width: 100%;
    }
    .banner-content h1 {
        font-size: 30px;
    }
    .banner-container {
        height: 47vh;
    }
    .padding-0 {
        padding: 0 !important;
    }
    .banner-content-inner h1 {
        font-size: 49px;
        margin: 0 0 24px;
    }
    .reservations-rightbar {
        left: 0;
        padding:25px 22px 45px;
        top: 0;
        position: relative;
        width: 100%;
    }
    .reservations-rightbar.search-container {
        margin: 0 0 30px;
        padding: 23px;
        top: 0px;
    }
    .results-display {
        width: 100%;
        padding: 18px 0;
    }
    .results-display li {
        width: 100%;
    }
    .accordion-container {
        width: 100%;
        display: inline-block;
        padding: 0 0;
    }
    .accordion-body .results-display li {
        width: 100%;
        height: 70px;
    }
		.management-leftbar {
    margin: 40px 0 0 0;
}
}

@media screen and (max-width: 599px) {
    .story-leftbar {
        padding: 20px 30px!important;
        margin: 0 0 29px;
    }
    .story-leftbar h2 {
        font-size: 29px;
    }
    .story-leftbar h2 spam {
        font-size: 32px;
    }
    .story-leftbar h2 spam span {
        font-size: 26px;
    }
    .story-container-bottom {
        margin: 29px 0 0;
    }
    .footer-bottom li {
        display: inline-block;
        width: 100%;
        margin: 0 0 7px;
    }
    ul.footer-link {
        margin-top: 9px;
    }
    .footer-social a {
        margin: 0 8px;
        font-size: 21px;
    }
    ul.footer-link li:after
    {
        display: none;
    }
    a.nav-link {
        padding: 19px 28px!important;
        border-bottom: 1px solid;
        font-size: 14px;
    }
    a.reservations-btn {
        padding: 16px 38px;
        width: 186px;
        margin: 17px 20px 17px;
        font-size: 13px;
    }
    .footer-bottom ul {
        padding: 0;
        margin: 0;
    }
    .contact-inner {
        padding: 8%;
    }
    .contact-container {
        padding: 0 34px 0 37px;
        margin: 0 0 2px 0;
    }
    .story-leftbar h2 {
        font-size: 20px;
    }
    .contact-inner {
        padding: 10%;
    }
}
@media screen and (max-width: 479px) {
    a.logo.hide-desktop {
        font-size: 31px;
        letter-spacing: 7px;
        position: relative;
        top: -9px;
        left: -6px;
    }
    a.logo span {
        font-size: 26px;
    }

    .story-container {
        padding: 18px 16px 0;
    }
    header {
        padding: 18px 0 0;
    }
    .banner-content h1 {
        font-size: 21px;
        line-height: 28px;
    }
    .banner-container {
        height: 35vh;
    }
    .reserve-btn {
        width: 166px;
        padding: 14px;
        font-size: 14px;
    }
    .story-leftbar {
        padding: 16px 18px!important;
        margin: 0 0 29px;
    }
    .story-leftbar h2 {
        font-size: 22px;
    }
    .story-leftbar h2 spam {
        font-size: 25px;
    }
    .story-leftbar h2 spam span {
        font-size: 21px;
    }
    .story-leftbar p {
        font-size: 14px;
    }
    .story-bottom-rightbar {
        margin: 16px 0 0 0;
    }
    .story-leftbar {
        padding: 16px 18px!important;
        margin: 0 0 21px;
    }
    .story-container-bottom {
        margin: 23px 0 0;
    }
    .story-bottom-center {
        margin: 24px 0 0 0!important;
        padding: 0!important;
    }
    .margin-top-bottom {
        margin: 25px 0 0 !important;
    }
    .story-leftbar h3 {
        font-size: 22px;
    }
    .story-leftbar span {
        font-size: 11px;
    }
    .reserve-btn {
        width: 151px;
        padding: 12px;
        font-size: 12px;
        margin: 0 0 13px;
    }
    .story-bottom-block {
        width: 100%;
        font-size: 19px;
        padding: 41px 0;
        margin: 26px 0 0 0;
    }
    .banner-content-inner h1 {
        font-size: 41px;
        margin: 0 0 24px;
    }
    .story-leftbar h2 {
        font-size: 17px;
    }
    .contact-container {
        padding: 0 16px 0 15px;
        margin: 0 0 2px 0;
    }
    .contact-inner h3 {
        font-size: 17px;
        padding: 6px 0 10px;
    }
    input.form-control.input-field {
        height: 33px;
        margin: 0 0 18px;
    }

}