@media screen and (max-width:900px) {
    .menu-selector{
        padding: 5px 5px;
    }
    .three-image-wrapper.events{
        width: 90%;
        margin-left: 5%;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .three-image-wrapper.specials{
        width: 90%;
        margin-left: 5%;
        grid-template-areas: 'spic1 spic2'
        'stext1 stext1';
        row-gap: 40px;
        grid-template-columns: repeat(2, 1fr);
    }
    .three-image-wrapper.specials .sp1{
        grid-area: spic1;
    }
    .three-image-wrapper.specials .sp3{
        grid-area: spic2;
    }
    .three-image-wrapper.specials .sp2{
        grid-area: stext1;
    }

    .three-image-wrapper.happy{
        width: 90%;
        margin-left: 5%;
        grid-template-areas: 'hpic1 hpic2'
        'htext1 htext1';
        row-gap: 40px;
        grid-template-columns: repeat(2, 1fr);
    }
    .three-image-wrapper.happy .hp1{
        grid-area: hpic1;
    }
    .three-image-wrapper.happy .hp3{
        grid-area: hpic2;
    }
    .three-image-wrapper.happy .hp2{
        grid-area: htext1;
    }

    .three-image-wrapper .one-image-wrapper{
        width: 100%;
    }
    .inner-grid.video{
        max-width: 35dvw;
    }
    .container-wrapper{
        height: 35dvh;
    }
    .swiper-slide{
        height: 30dvh;
    } 
    .standard-grid.map{
        grid-template-columns: 1fr;
        row-gap: 20px;
        justify-items: center;
    }
    .event-grid{
        width: 90%;
        margin-left: 5%;
        row-gap: 15px;
        grid-template-areas: 
        'text1 text1'
        'pic1 pic2'
        'text2 text2';
    }
    .event-bg.text1, .event-bg.text2{
        width: 80dvw !important;
        max-width: none;
    }
    .event-bg.pic1, .event-bg.pic2{
        width: 40dvw;
        max-width: 250px;
    }
    .event-bg.pic1 img, .event-bg.pic2 img{
        width: 100%;
    }
    .event-grid.center{
        width: 90%;
        margin-left: 5%;
        grid-template-columns: 50% 50%;
        grid-template-areas: 'pic1 pic2'
        'text1 text1';
    }
    .find-box{
        align-items: stretch;
        row-gap: 15px;
    }
}
@media screen and (max-width:850px) {
    .gallery-grid{
        row-gap: 20px;
        align-items: center;
    }
}
@media screen and (max-width:820px) {
    .page-flex-2columns,.page-flex-3columns{
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }
    .page-flex-2columns .one-image-wrapper{
        width: 100%;
    }

    .page-flex-2columns.twopic .inner-grid{
        max-width: 70dvw;
    }
    .inner-grid{
        width: 90%;
    }
    .inner-grid.image img,
    .page-flex-3columns .inner-grid.image img{
        width: 100%;
        min-width: unset;
        max-width: 400px;
    }
    .inner-grid.video{
        max-width: 60%;
    }
    .page-flex-2columns.twopic .inner-grid img{
        min-width: 100%;
        max-width: 40dvw;
    }
    .w50{
        width: 90% !important;
    }
}


@media screen and (max-width:720px) {
    .banner-page-text{
        font-size: 3rem;
    }
    .outputscreen{
        margin-top: 130px;
    }
    .staff-block{
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }
    .one-image-wrapper.ppic{
        width: 80%;
        margin-left: 10%;
    }
    .menu-grid3,.menu-grid2{
        grid-template-columns: 1fr;
        width: 100%;
        margin-left: 0;
        column-gap: 0;
    }

    .drinks-table td{
        font-size: clamp(0.75rem, 0.55rem + 1vw, 1rem);
    }
    .main-window{
        overflow-y: auto;
    }
    .two-columns{
        grid-template-columns: 1fr;
    }
    .two-columns.async {
        grid-template-columns: 1fr;
    }
    .two-columns.async .img-block{
        display: none;
    }
    .four-columns{
        grid-template-columns: repeat(2, 1fr);
    }
    .standard-flex{
        flex-direction: column-reverse;
    }
    .standard-grid{
        grid-template-columns: 1fr;
        row-gap: 20px;
        justify-items: center;
    }
    /* .google-map{
        width: 80%;
    } */
    /* .info-box{
        width: 80%;
    } */
    .sub-standard-flex{
        justify-content: space-around;
    }
    .sub-standard-flex >div{
        width: 45%;
    }
    .sub-standard-flex.reverse{
        flex-direction: row-reverse;
    }
    .st-flex1,.st-flex2{
        width: 100%;
    }
    .columns-3-grid{
        grid-template-columns: repeat(2,1fr);
        column-gap: 10px;
    }
    .grid-3-2{
        grid-column: 1 / span 2;
    }
    .menu-grid1,.menu-grid2,.menu-grid3{
        width: 90%;
        margin-left: 5%;
    }

}
@media screen and (max-width: 650px) {
    .three-image-wrapper{
        grid-template-columns: 1fr;
    }
    .three-image-wrapper.loyal{
        grid-template-columns: repeat(3, 1fr);
    }
    .two-image-wrapper.video{
        grid-template-columns: 1fr;
    }
    .event-grid{
        /* grid-template-columns: 100%; */
        justify-content: center;
        justify-items: center;
    }
    .inner-grid.image img{
        max-width: 60dvw;
    }
    .event-grid{
        width: 90%;
        margin-left: 5%;
        grid-template-areas: 
        'text1' 
        'pic1'
        'text2'
        'pic2';
    }
    .page-flex-2columns.twopic .inner-grid{
        max-width: 60dvw;
    }

    .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        grid-auto-rows: 150px;
        grid-auto-flow: dense;
        align-items: center;
        justify-items: center;
        row-gap: 40px;
    }

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

    .three-image-wrapper.events,
    .three-image-wrapper.happy{
        width: 100%;
        margin-left: 0;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .three-image-wrapper.specials{
        grid-template-areas: 'spic1'
        'stext1'
        'spic2';
        grid-template-columns: 1fr;
    }
    
    .three-image-wrapper.happy{
        grid-template-areas: 'hpic1'
        'htext1'
        'hpic2';
        grid-template-columns: 1fr;
    }
    .two-image-wrapper{
        grid-template-columns: 1fr;
    }
    .page-flex-2columns.twopic{
        grid-template-columns: 1fr;
    }
    .columns-2-grid{
        grid-template-columns: 1fr;
    }
    .info-box{
        grid-template-columns: 1fr;
        padding-inline: 10px;
        row-gap: 10px;
        grid-auto-flow: row;
    }
    .info-box .text-right{
        text-align: start;
    }
    .info-box > div:not(.text-right){
        margin-left: 20px;
    }
    .columns-2-grid video{
        width: 90%;
        height: auto;
        border-radius: var(--border-radius);
    }
    .event-grid.center{
        width: 90%;
        margin-left: 5%;
        grid-template-columns: 1fr;
        grid-template-areas: 'pic1'
        'text1';
    }
    .event-grid.center .event-grid-round.pic2{
        display: none;
    }
    .event-grid-round{
      width:  50dvw; /* Set the desired width */
      height: 50dvw; /* Set the desired height */
      min-width: 125px;
      min-height: 120px;
    }
    .event-bg.text1, .event-bg.text2{
        width: 80dvw;
    }
    .event-grid img{
        max-width: 70dvw;
    }
}
@media screen and (max-width:500px) {
    .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        grid-auto-rows: 130px;
        grid-auto-flow: dense;
        align-items: center;
        justify-items: center;
        row-gap: 40px;
    }
}
@media screen and (max-width:460px) {
    .outputscreen{
        margin-inline: 5px;
    }
    .gallery-grid {
        margin-top: 10px;
        grid-template-columns: 1fr;
        grid-auto-rows: unset;
        /* grid-auto-flow: dense; */
        align-items: center;
        justify-items: center;
        row-gap: 15px;
    }
    .three-image-wrapper.loyal{
        grid-template-columns: 1fr;
    }
    .category-title-wrap{
        width: 80%;
        margin-inline: auto;
    }
    .drinks-table{
        width: 85%;
        margin-inline: auto;
    }
    .find-box{
        grid-template-columns: 1fr;
        justify-items: center;
    }
}


@media screen and (max-width:380px) {
    /* .welcome-grid{
        display: none;
    } */
    .standard-grid{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sub-standard-flex, .sub-standard-flex.reverse {
        flex-direction: column;
    }
    .sub-standard-flex > div{
        width: 100%;
    }
   
    .menu-grid3,.menu-grid2,.menu-grid1{
        grid-template-columns: 1fr;
        width: 100%;
        margin-left: 0;
    }
}