.gdlr-header-wrapper {
    position: fixed;
}

#banner-section {
    background-image: url(../images/Banners/Banner-1.webp);
    /* background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/Banners/blog-2-big.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
}

.banner {
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner-navigator {
    color: white;
    font-size: 20px;
}
.banner-navigator a {
    color: white;
    font-size: 20px;
}
.banner-title {
    color: #f3f1b4;
    margin-top: 20vh;
    font-size: 55px;
    /* letter-spacing: 0.5rem; */
    font-family: 'FuturaPTBook';
}

#dishes-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dishes-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4rem 14rem;
    flex-wrap: wrap;

}

.dish {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 22rem;
    width: 18rem;
    /* margin: 1rem; */
}

.dish img {
   
    border-radius:1rem;

}

.dish h5 {
    color: #005170;
    font-weight: bold;
    margin: 1rem 0;
}

#img-gallery-section {}

.img-gallery-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    /* margin-bottom: 1rem; */
    height: 140vh;
}

.img-gallery-1,
.img-gallery-2,
.img-gallery-3 {
    /* background-color: #005170; */
    flex: 0.33;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-1 {
    height: 140vh;
    width: 100%;
}

.item-container img {
    height: 100%;
    width: 100%;
}


.item-2 {
    height: 59vh;
    width: 100%;
}


.item-3 {
    height: 79vh;
    width: 100%;
}

.img-gallery-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2vh;
}

.item-4 {
    height: 79vh;
    width: 100%;
}


.item-5 {
    height: 59vh;
    width: 100%;
}

.img-gallery-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2vh;
}

.footer-container {
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-col-1 {
    margin-right: 0;
}

.two {
    width: auto;
}

.footer-wrapper .copyright-wrapper {
    background-color: transparent;
    border-color: #3f738f !important;
}


.footer-wrapper * {
    border-color: transparent;
}

.copyright-wrapper {
    padding: 2rem;
}

.copyright-wrapper p {
    color: whitesmoke;
    text-align: center;
    margin-bottom: 0;
    color: lightgray;

}

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

    #banner-section {

        /*margin-top: 90px;*/

    }

    /* on click menu button */
    .dl-menuwrapper>.dl-menu,
    .dl-menuwrapper>.dl-submenu {
        width: 80vw;
        opacity: 0.5;
        /* left: 0; */
        margin-left: 100vw;
        height: 84.4vh;
        padding: 1rem;
        margin-top: 5.6rem;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        margin-left: 40vw;
        transition: 1s;
        height: 84.4vh;
        padding: 1rem;
        margin-top: 5.6rem;
    }

    /* menu button */
    #gdlr-responsive-navigation.dl-menuwrapper button {
        background-color: white !important;
    }

    .dl-menuwrapper>.dl-menu,
    .dl-menuwrapper>.dl-submenu {
        width: 366px;
    }

    .dl-menuwrapper button:after {
        content: '';
        position: absolute;
        width: 68%;
        height: 4px;
        background: #005170;
        top: 8px;
        left: 17%;
        box-shadow: 0 10px 0 #005170, 0 20px 0 #005170;
    }

    .gdlr-logo img {
        max-width: 100%;
        height: 90px;
        width: 110px;
    }


    .gdlr-header-substitute {
        display: none;
    }

    body .gdlr-logo {
        padding: 0;
        display: flex;
    }

    .gdlr-header-inner {
        width: 100vw;
        margin: auto;
    }

    .gdlr-navigation-wrapper {
        display: none;
    }

    .dl-menuwrapper {
        display: block;
    }

    .gdlr-logo {
        display: flex;
        justify-content: space-between;
        max-width: 100vw;
        margin-left: 0;
        float: none;
        /* background-color: #0a0a0a; */
        background-color: white;
    }

    .dl-menuwrapper {
        display: flex;
        justify-content: flex-end;
    }

    #gdlr-responsive-navigation.dl-menuwrapper button {
        background-color: #005170;
        /* background-color: #0a0a0a; */
        /* margin: 5rem 2rem; */
    }

    .gdlr a img {
        max-width: 60%;
        height: auto;
        width: auto;

    }

    .banner-title {
        margin-top: 0vh;
        font-size: 3rem;
        margin-top: 0vh;
    }

    .banner {
        height: 302px;
    }

    /* banner */
    .about-banner-title {
        margin-top: 0vh;
        font-size: 3rem;
    }

    /* title */

    #dishes-section .corparate-heading:before {
        width: 85px;
        margin-right: 10px;
    }

    #dishes-section .corparate-heading:after {
        width: 85px;
        margin-left: 10px;
    }

    .about-us-item-title {
        font-family: "Playfair Display', serif";
        font-size: 2rem;
        margin: 0;
        font-weight: bold;
        line-height: 1.8rem;
        /* background-color: white; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .event-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .event-info p {
        text-align: center;
    }

    /* gallery */
    .dishes-title {
        padding: 0 1rem;
    }

    .corparate-heading:before {
        width: 70px;
        margin-right: 0;
    }

    .corparate-heading:after {
        width: 70px;
        margin-left: 0;
    }

    .img-gallery-container {
        height: auto;
    }

    .item-container img {
        object-fit: cover;
    }

    .img-gallery-1,
    .img-gallery-2,
    .img-gallery-3 {
        height: 70vh;
    }

    /* footer */
    .footer-logo {
        width: 30% !important;
    }

    #footer-widget-1 {
        width: 50%;
        margin-right: 0;
    }

    i.gdlr-icon {
        margin-right: 1rem;
    }

    #footer-widget-2 {
        width: 50%;
        margin-right: 0;
    }

    #footer-widget-2 li {
        font-weight: 300;
    }

    #footer-widget-3 {
        width: 100%;
    }

    .form-input {
        padding: 10px;
    }

    .subscribe-btn {
        margin-left: -75px;
    }
}


@media only screen and (max-width:410px) {
    .subscribe-btn {
        margin-left: -100px;
        padding: 13px 37px 16px 37px;
    }

    .social-media-icons a {
        font-size: 3px;
    }

    i.gdlr-icon {
        font-size: 25px;
    }
}