@charset "utf-8";
/* CSS Document */


/*

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/


@media (max-width: 575px) {
.for-desktop{
    display: none;
}

.for-mobile{
    display: block;
}

.banner-content {
    width: 100%;
}
.banner-content h1 {
    font-size: 40px;
}

.nav-drawer{
    width: 100%;
    left: -100%;
}

.wave-pattern svg {
    height: auto;  
}

.more-text h2{
    font-size: 50px;
}
.about-section-box img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.about-text{
    padding: 30px;
}
.about-text{
    margin-top: 30px;
}

.recommendation-box{
    width: 100%;
    padding: 10px;
}

.menu-item ul li h5{
    font-size: 20px;
}

.menu-item ul li p{
    font-size: 14px;
}

.menu-item ul li:nth-child(1){
    width: 70%;
}

.menu-item ul li:nth-child(2){
    width: 30%;
}

.more-text h2{
    font-size: 40px;
}

.about-text h2 {
    font-size: 40px;
}

.top-footer{
    padding: 50px 0;
}

.footer-logo{
    margin: auto;
}

.footer-socail-links {
    margin-top: 10px;
    text-align: center;
}
.footer-menu{
    margin-top: 40px;
}

.bottom-footer ul li {
    border-right: none;
}

.nav-drawer-menu ul li a{
    font-size: 25px;
}

.close-btn{
    padding: 20px 20px 0 0;
}

.nav-drawer-menu ul li a {
    display: block;
    padding: 10px 20px 10px 20px;
}

.reservation-btn {
    padding: 0 0 0 20px;
}

.socail-links-sidebar {
    margin-top: 20px;
    padding-left: 20px;
}

.more-text p{
    width: 100%;
}

.sidebar-address {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding: 10px 0 30px 20px;
}

.reservation-btn .btn{
    margin-top: 20px;
}

/**** About ****/

.inner-banner img{
    height: 400px;
}

.qyantity-img{
    display: block;
}

.qyantity-img-one, .qyantity-img-two{
    width: 100%;
    padding: 0;
}

.qyantity-img img{
    height: 400px;
    margin: 0;
}

.qyantity-img-two img{
    width: 100%;
}

.padl-5, .padr-5{
    padding: 0 !important;
}

.gallery-small-img{
    padding: 0 !important;
}

.marb-5, .mart-5{
    margin: 0 !important;
}
.about-image-gallery img{
    height: 300px;
}

.qyantity-img-two {
    margin-top: 10px;
}

.qyantity .about-text {
    margin-top: 30px;
}

.testimonial {
    padding: 30px 0;
}

.book-a-table .table tr td{
    display: block;
}

.more-text {
    padding: 40px 0;
}

.menu-content h2 {
    font-size: 20px;
}

.date {
    font-size: 15px;
}

.price-amount {
    font-size: 22px;
    padding: 10px 0;
}

.event-btns{
    text-align: center;
}
.event-btns a {
    padding: 6px 20px;
    font-size: 16px;
}

.event-btns a:last-child{
    margin-right: 0;
}
.event-price-amount h3{
    margin-top: 40px;    
}
.event-date {
    font-size: 40px;
}

.event-price-amount {
    font-size: 40px;
    margin-top: 30px;
}

.event-details-text{
    margin-top: 30px;
}

}


/* @media (max-height: 667px) {
    .sidebar-scroll{
        overflow-y: auto;
        max-height: 656px;
    }
}



@media (max-height: 864px) {
    .sidebar-scroll{
        overflow-y: auto;
        max-height: 729px;
    }
}
 */