@media all and (max-width:1400px) {
    #menu .header-menu-list .menu-list ul li a {
        font-size: 17px;
    }
}

@media all and (max-width:1245px) {

}
@media all and (max-width:1200px) {
    #menu .header-menu-list .menu-list ul li a {
        font-size: 15px;
    }
    .events-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gallery-videos-grid {
        grid-template-columns: 1fr;
    }
}
@media all and (max-width:1100px) {
    #menu .header-menu-list .menu-list ul li a {
        font-size: 17px;
    }
    .menu-titles{
        text-align: center;
    }
    .menu-titles-li{
        position: relative;
        display: inline-block;
        /* next two lines only for display purposes */
        text-align: center;
        float: unset !important;

    }
    #gallery .gallery-item .gallery-single {
        width: 50%;
        max-height: 240px;
        overflow: hidden;
    }

}
@media all and (max-width:850px) {
     .flex-row.nav {
         position: absolute;
         top: 0;
         left: -82vw;
         bottom: 0;
         width: 82vw;
         max-width: 300px;
         height: 100vh;
         background-color: #000;
         z-index: 200000;
         padding: 50px 20px;
         ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-sizing: border-box;
                 box-sizing: border-box;
         -webkit-box-align: start;
             -ms-flex-align: start;
                 align-items: flex-start;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column !important;
         -webkit-box-pack: start;
             -ms-flex-pack: start;
                 justify-content: flex-start;
         overflow-y: auto;
    }
     .header-width{
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 16px;
        padding-right: 16px;
    }
     #about {
         font-size: 18px;
     }
     .header-menu {
         width: 100%;
    }
     .header-menu li {
         float: none;
         margin-right: 0px;
         margin-bottom: 20px;
    }
     #openmenu, #closemenu {
         display: inline-block;
         position: absolute;
         right: 30px;
    }
     #closemenu {
         -ms-flex-item-align: end;
             align-self: flex-end;
         margin-top: -25px;
    }
    #about .about-img, #about .about-text, #about .about-text-left, #menu .item-product, #about .about-gallery, #book-a-table .booking-input > div, .ui-widget.ui-widget-content, .contact-content.flex-row > div {
        width: 100%;
    }

}
 @media all and (max-width: 768px) {
     #menu .header-menu-list .menu-list {
         margin-left: 0px;
    }

     .logo-text{
         max-width: 73%;
     }
     h1 {
         font-size: 48px;
    }
     h2 {
         font-size: 42px;
     }
     .bg-header {
         min-height: 460px;
         background-size: cover;
         background-position: center top;
     }
     .home-hero {
         min-height: 560px;
     }
     .home-hero .overlay.pos-ab {
         align-items: flex-start;
         padding-top: 148px;
     }
     .home-hero .text-header {
         width: 100%;
         padding: 0 20px;
     }
     .home-hero .text-header h1 {
         max-width: 320px;
         margin: 0;
         font-size: 46px;
         line-height: 1.06;
         text-align: left;
         text-shadow: 0 3px 18px rgba(0, 0, 0, 0.32);
     }
     .wrapper.ptb-100 {
         padding-top: 80px;
         padding-bottom: 80px;
     }
     #about .services > div {
         width: calc(50% - 10px);
    }
     #about .about-text {
         padding-right: 0px;
    }
     #about .about-text-left {
         padding-left: 0px;
    }
     #about .about-img {
         position: static;
         min-height: auto;
         margin-top: 24px;
    }
     #about .about-img .about-big-img {
         position: static;
         -webkit-transform: translateY(0%);
             -ms-transform: translateY(0%);
                 transform: translateY(0%);
    }
     #about .about-content {
         gap: 24px;
     }
     #about .about-text p,
     #about .about-text-left p {
         line-height: 1.6;
     }
     #about .about-gallery {
         margin-top: 24px;
     }
     #menu .item-product {
         -webkit-box-pack: center;
             -ms-flex-pack: center;
                 justify-content: center;
    }
     .ui-widget.ui-widget-content {
         margin-bottom: 20px;
    }
     #gallery .gallery-item .gallery-single {
         width: 100%;
     }
     .contact-content.flex-row > div:first-child {
         margin-bottom: 40px;
    }
     .contact-address > div {
         padding: 18px 0 8px;
     }
     .contact-map iframe {
         height: 320px;
     }
     #menu .item-product .item-product-text .menu-title h3 {

         font-size: 20px;
     }
     .contact-form .square-button {

         width: 100%;
     }
     .bg-hidden {
     
         background-position: -150px 70%, 286% 100%, right bottom;    background-size: 300px, 300px;
     }
     #offer{
         background-size: auto !important;
         background-position: top !important;
         background-repeat: unset !important;
     }

     #menu .item-product .item-product-text p{
         font-size: 26px;
         font-family: 'ext';
         text-align: center;
     }
     .events-grid {
         grid-template-columns: 1fr;
     }
     .events-grid-single {
         grid-template-columns: 1fr;
     }
     .events-heading .suptitle {
         font-size: 17px;
         padding-right: 18px;
         margin-bottom: 10px;
     }
     .events-heading .suptitle:after {
         width: 18px;
         transform: translate(15px, 0%);
     }
     .events-heading h2,
     .events-heading h1 {
         font-size: 38px;
         line-height: 1.08;
     }
     .event-card-image img {
         height: 190px;
     }
     .event-card-body {
         padding: 22px 20px;
     }
     .event-card-body h3 {
         font-size: 22px;
     }
     .event-card-meta p,
     .event-card-excerpt,
     .event-card-description,
     .event-card-contact p {
         font-size: 15px;
     }
     .event-detail-body {
         padding: 24px 20px;
     }
     .gallery-video-caption {
         padding: 16px 16px 14px;
         font-size: 15px;
     }

}
 @media all and (max-width: 480px) {
     .header-bottom .flex-row img {
         max-width: 166px;
         margin-top: 20px;
     }
     .fixedmenu .header-bottom .flex-row img {
         max-width: 116px;
         margin-top: 0;
     }
     #about {
         font-size: 16px;
     }
     .logo-text {
         font-size: 25px;
     }
     .fixedmenu {
         background-color: rgba(0, 0, 0, 0.3);
         top: 0;
         left: 0;
         right: 0;
         z-index: 100;
         max-width: 100vw;
     }
     h1 {
         font-size: 40px;
     }
     h2 {
         font-size: 34px;
     }
     .bg-header {
         min-height: 380px;
     }
     .home-hero {
         min-height: 520px;
     }
     .home-hero .overlay.pos-ab {
         align-items: flex-start;
         justify-content: flex-start;
         padding-top: 214px;
     }
     .home-hero .text-header {
         width: 100%;
         padding: 0 18px;
     }
     .home-hero .text-header h1 {
         max-width: 210px;
         font-size: 34px;
         line-height: 1.1;
         letter-spacing: 0.01em;
         text-align: left;
         text-shadow: 0 3px 18px rgba(0, 0, 0, 0.34);
     }
     #menu .item-product .item-product-text {
         width: 100%;
         padding-left: 0px;
     }
     #menu .item-product .item-product-img {
         margin-bottom: 20px;
    }
     #about .services {
         position: static;
         -webkit-transform: translate(0%, 0%);
             -ms-transform: translate(0%, 0%);
                 transform: translate(0%, 0%);
    }
     #about .services > div, #about .about-img .about-small-img, #gallery .gallery-item .gallery-single {
         width: 100%;
    }
     .header-top, #about .about-img .about-big-img {
         display: none;
    }
     #about .about-img .about-small-img {
         position: static;
         -webkit-box-sizing: border-box;
                 box-sizing: border-box;
         -webkit-transform: translate(0%, 0%);
             -ms-transform: translate(0%, 0%);
                 transform: translate(0%, 0%);
    }
     #about .about-text p,
     #about .about-text-left p {
         margin-bottom: 20px;
         line-height: 1.55;
     }
     .event-card-image {
         padding: 12px;
     }
     .event-card-image img {
         height: 170px;
     }
     .event-card-body {
         padding: 18px 16px;
         gap: 14px;
     }
     .event-card-button,
     .event-detail-back {
         min-height: 42px;
         padding: 8px 16px 6px;
         font-size: 16px;
     }
     .gallery-videos-section {
         padding-top: 48px;
     }
     .contact-address > div {
         padding: 8px 0 0;
     }
     .contact-map iframe {
         height: 260px;
     }
     .copy {
         text-align: center;
     }
}
 @media all and (max-width: 320px) {
     #about .wrapper-count > div {
         width: 100%;
    }
     #about .about-img, #about .about-img {
         min-height: auto;
    }
     #menu .item-product .item-product-text {
         width: 100%;
         padding-left: 0px;
    }
     #menu .header-menu-list .menu-list ul li {
         margin: 5px;
    }
     #menu .item-product .item-product-img {
         margin-bottom: 20px;
    }
}

@media all and (max-width: 600px) {

    .menu-list.automargin {
        width: 100%;
        min-height: 120px;
    }

    ul.zg-ul-select {
        display: grid;
        justify-content: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        margin: 0;
        padding: 0;
        position: relative;
        transition: all .5s;
    }

    ul.zg-ul-select li {
        display: none;
        padding: 3px 5px;
        transition: all .5s;
    }

    ul.zg-ul-select:not(.active) b {
        font-weight: normal
    }

    ul.zg-ul-select li.active {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #111;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        transition: all .5s;
    }

    ul.zg-ul-select.active {
        background-color: #FFF;
        z-index: 1;
        transition: all .5s;
        position: absolute;
        width: 94.8%;
    }

    ul.zg-ul-select.active li {
        border: none;
        display: block;
        transition: all .5s;
    }

    .selected--zg-ul-select {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #111;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: auto;
    }

    #menu .header-menu-list .menu-list ul li a {
        padding: 13px 36px 8px;

    }

    .menu-titles::after {
        content: ' ';
        position: absolute;
        right: 55px;
        top: 32px;
        background-image: url('chevron.png'); /* change path to chevron here, if needed */
        width: 20px;
        height: 20px;
        background-size: contain;
        pointer-events: none;
    }

    #menu .header-menu-list .menu-list ul li a {
        width: 300px;
        font-size: 19px;
    }

    .selected--zg-ul-select.active {
        padding: 3px 5px;
    }

    .selected--zg-ul-select.active .description {
        display: none
    }

    .zg-ul-select:not(.active) li.active .description {
        display: none
    }

    .events-grid {
        grid-template-columns: 1fr;
    }

    .event-card-image img {
        min-height: 170px;
        height: 170px;
    }

    .event-card-body {
        padding: 18px 16px;
    }

    .event-card-body h3 {
        font-size: 22px;
    }

    .event-card-meta p,
    .event-card-description,
    .event-card-contact p {
        font-size: 15px;
    }

    .event-detail-body {
        padding: 22px 18px;
    }

}