@media only screen and (max-width: 1150px) {
    #calendar-rental-table td{
        padding: 15px;
    }
}
@media only screen and (max-width: 1000px) {

    .rooms-rental-body{
        flex-direction: column;
    }

    .room-rental-calendar-wrap{
        padding: 60px 0 40px;
        margin-right: 0;
        background-color: #fff;
        width: 100%;
    }

    #calendar-rental{
        margin: 0 auto;
        max-width: 100%;
    }

    .room-rental-calendar-wrap:before{
        display: none;
    }


    .rental-check-availability-wrap{
        padding: 0 0 65px;
        width: 100%;
    }


    .rental-check-availability .section-title{
        text-align: center;
    }

    .rental-check-availability{
        max-width: 100%;
    }
}
@media only screen and (max-width: 910px) {
    .contact-main-body{
        grid-template-columns: 1fr 1fr;
    }

    .header-placeholder{
        min-height: 96px;
    }

    .textpage-menu{
        overflow-x: auto;
        overflow-y: hidden;
    }

    .admin-orders-list{
        grid-template-columns: 1fr 1fr;
    }

    .hm-about-us-img{
        position: relative;
        min-height: 550px;
        right: 20px;
        left: 20px;
        bottom: 0;
        top: 0;
        width: calc(100% - 40px);
    }

    .hamburger{
        display: block;
    }


    .hm-about-us-body:before{
        right: -50px;
        top: -150px;
    }

    .hamburger-box{
        width: 22px;
        height: 17px;
        margin: 0 auto 0 0;
        display: block;
    }

    .hamburger--slider .hamburger-inner{
        top: 0;
    }

    .hamburger--slider .hamburger-inner::before{
        top: 7px;
    }

    .hamburger--slider .hamburger-inner::after{
        top: 14px;
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0, -14px, 0) rotate(-90deg);
    }

    .header-mobile-menu .header-account-dropdown{
        position: relative;
        width: 100%;
        opacity: 1;
        z-index: 2;
        top: 0;
        left: unset;
        right: unset;
        transform: unset;
        transform: unset;
        padding: 0;
        display: none;
    }

    .header-mobile-menu .header-account-dropdown a{
        color: #fff;
    }

    .header-mobile-menu .header-search-open{
        display: block !important;
        margin:  0 auto;
        padding: 0 15px;
    }

    .hamburger{
        padding: 0;
    }

    .hamburger{
        min-width: 70px;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
        width: 22px;
        height: 3px;
        background-color: #1B1918;
    }

    .hm-about-us-body{
        width: 100%;
        padding: 40px 0 80px;
        min-height: auto;
    }

    .hm-benefits-img{
        position: relative;
        min-height: 550px;
        right: 20px;
        left: 20px;
        bottom: 0;
        top: 0;
        width: calc(100% - 40px);
    }

    .hm-benefits-body{
        width: 100%;
        padding: 40px 0 80px;
        min-height: auto;
    }

    .hm-benefits-body:before{
        right: -50px;
        left: -50px;
        top: -150px;
    }

    .hm-game-team-logo{
        width: 96px;
        height: 96px;
    }

    .hm-benefits-content{
        width: 100%;
    }

    .hm-about-us-content{
        width: 100%;
    }

    .profile--content.editAccount{
        width: 40%;
    }

    .woocommerce-EditAccountForm.my-account-page--form{
        width: 55%;
    }

    .woocommerce-product-gallery-image-single{
        width: 46%;
    }

    .contact-form-body{
        width: 45%;
    }

    .dish-category-list{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .header-top{
        display: none;
    }

    .header-menu-wrap{
        display: none;
    }

    .header-search-open{
        display: none;
    }

    .header-main-content .primary-btn{
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .hm-intro-body{
        padding: 0 0 40px;
        width: 100%;
    }

    .wc-product-add-to-cart-wrap{
        max-width: 100%;
    }

    .product-card-extra{
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-title-body:after{
        height: 8px;
    }

    .hm-intro{
        background: linear-gradient(270deg, rgba(227, 101, 56, 0.86) 0%, rgba(232, 109, 60, 0.95) 17.5%, #FF9151 100%) !important;
        /*background-image: none !important;*/
    }

    .hm-intro .container{
        padding: 0;
    }

    .hm-intro-mobile-img{
        display: block;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        min-height: 400px;
        order: 1;
    }

    .hm-intro-body{
        gap: 15px;
        min-height: auto;
    }

    .hm-intro-content{
        order: 3;
    }

    .custom-dots-container .slick-dots{
        justify-content: center;
    }

    .custom-dots-container-wrap{
        order: 2;
        padding: 0 15px;
        justify-content: center;
        margin-bottom: 10px;
    }

    .hm-intro-title{
        text-align: center;
        margin-bottom: 25px;
    }

    .hm-intro .white-btn{
        margin: 0 auto;
    }

    .hm-intro-subtitle{
        text-align: center;
    }

    .hm-intro-content{
        padding: 0 15px;
    }

    .hm-intro:after{
        display: none;
    }

    .hm-game-day{
        font-size: .75rem;
        margin-bottom: 2px;
    }

    .hm-game-time{
        font-size: 2.5rem;
        margin-bottom: 5px;
    }

    .hm-about-us-img{
        min-height: 300px;
    }

    .hm-about-us .section-ext-title{
        font-size: 2.5rem;
        margin-bottom: 25px;
    }

    .hm-reserve-body .section-ext-title{
        font-size: 2.5rem;
        margin-bottom: 25px;
    }

    .hm-reserve-body .section-text{
        margin-bottom: 25px;
    }

    .hm-benefits-img{
        min-height: 300px;
    }

    .hm-benefits-content .section-ext-title{
        font-size: 2.5rem;
        margin-bottom: 25px;
    }

    .hm-benefit-title{
        font-size: 1.125rem;
    }

    .hm-benefits-body{
        padding: 40px 0;
    }

    .hm-fancybox-gallery a{
        min-height: 170px;
    }

    .hm-fancybox-gallery{
        grid-template-columns: repeat(2, 1fr);
        margin: 0 -15px;
        max-height: calc(2* 170px);
    }

    .hm-blog-grid{
        margin-bottom: 40px;
    }

    .hm-news-body{
        padding: 80px 0;
    }

    .hm-benefit-text{
        font-size: .875rem;
    }

    .hm-reserve-body{
        padding: 80px 0;
    }

    .hm-about-us-body{
        padding: 40px 0;
    }

    .hm-games-slider .slick-arrow.slick-next, .hm-games-slider .slick-arrow.slick-prev{
        top: 75px
    }

    .hm-games-body{
        padding: 40px 0;
    }

    .hm-games-body:after{
        display: none;
    }

    .hm-game-weekday{
        font-size: .75rem;
    }


    .woocommerce .order-history table.shop_table td{
        padding: 7px 0;
        border-bottom: none;
    }

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: 0%;
        color: #1B1918;
    }

    .woocommerce .order-history table.shop_table tr.woocommerce-orders-table__row--status-cancelled td::before{
        color: #939292;
    }

    .woocommerce-page table.shop_table_responsive.account-orders-table tr{
        border-bottom: 1px solid #939292;
    }

    .woocommerce-page table.shop_table_responsive.account-orders-table tr:last-child{
        border-bottom: none;
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
        background-color: transparent;
    }

    #calendar-rental-table th{
        font-size: .475rem;
    }

    .rental-check-availability-wrap{
        padding: 0 0 65px;
        width: 100%;
    }

    #calendar-rental-table td{
        padding: 8px;
        font-size: .875rem;
    }

    .page-title-body{
        padding: 25px 50px;
    }

    .dish-category-list{
        grid-template-columns: 1fr 1fr;
    }

    .blog-grid{
        grid-template-columns: 1fr;
        grid-gap: 25px;
    }

    .blog-body{
        padding: 25px 0 80px;
    }

    .blog-card-title{
        font-size: 1rem;
        margin-bottom: 15px;
    }

    .page-title-body{
        font-size: 1.5rem;
    }

    .blog-more.read-more{
        font-size: .75rem;
    }

    .blog-more.read-more icon{
        width: 24px;
        margin-left: 15px;
    }

    .news-inner-intro-img{
        min-height: 350px;
        margin-bottom: 25px;
    }

    .news-inner-title{
        font-size: 1.5rem;
    }

    .news-inner-body{
        padding: 15px 0 80px;
    }

    .container{
        padding: 0 15px;
    }

    .contact-main-body{
        grid-template-columns: 1fr;
        padding: 15px 0;
    }

    .contact-form-body{
        width: 100%;
        padding: 40px 0;
    }

    .section-title{
        font-size: 1.5rem;
    }

    .contact-form-image{
        width: 100%;
        position: relative;
        padding-bottom: 73%;
    }

    .textpage-body{
        padding: 25px 0 80px;
    }

    .textpage-menu{
        justify-content: flex-start;
    }

    .menu-page-body{
        padding: 25px 0 80px;
    }

    .menu-pdf-card-title{
        font-size: 1.25rem;
        padding-left: 15px;
        margin-left: 15px;
    }

    .menu-pdf-card{
        padding: 30px;
    }

    .img-404{
        min-height: 80px;
        margin-bottom: 30px;
    }

    .error-wrap-content .section-title{
        margin-bottom: 25px;
    }

    .error-wrap-content{
        padding: 50px 30px;
    }

    .dishes-body{
        padding: 15px 0 60px;
    }

    .dishes-info{
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .wc-single-product-content{
        flex-direction: column;
        margin: 0 -15px;
        gap: 35px;
    }

    .wc-single-product-content-wrap{
        padding: 0 15px;
        width: 100%;
        margin-bottom: 40px;
    }

    .woocommerce-product-gallery-image-single{
        width: 100%;
        padding-bottom: 50%;
        border-radius: 0;
    }

    .wc-single-product-body{
        padding: 0 0 65px;
    }

    .info-block-title{
        font-size: 1.25rem;
    }

    .info-block-text{
        font-size: .875rem;
    }

    .accepting-orders, .timing-orders{
        min-width: 48px;
        width: 48px;
        height: 48px;
        margin-right: 15px;
    }

    .info-block{
        padding: 15px;
    }

    .room-rental-intro-gallery .slick-list li{
        height: 400px;
    }

    .room-rental-intro-body{
        padding: 15px 0 40px;
    }

    .section-l-title{
        text-align: left;
        font-size: 2.5rem;
        margin-bottom: 15px;
    }

    .room-rental-intro-gallery .slick-dots{
        margin-top: 15px;
    }

    .room-rental-intro-gallery{
        margin-bottom: 40px;
    }

    .room-rental-benefits-r{
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px 15px;
    }

    .room-rental-benefit-block img{
        max-height: 80px;
        margin-bottom: 15px;
    }

    .room-rental-benefits{
        padding: 40px 0 80px;
    }

    .room-rental-benefits-body .section-title{
        font-size: 2rem;
    }

    .room-rental-benefit-title{
        font-size: .875rem;
    }

    #calendar-rental-table{
        border-spacing: 8px
    }

    #month-year{
        font-size: 1rem;
    }

    #calendar-rental-header #next{
        width: 20px;
    }
    #calendar-rental-header #prev{
        width: 20px;
    }

    .page-template-template-room-rental .page-title-body{
        padding-left: 0;
        padding-right: 0;
    }

    .wc-single-product-body.reverse{
        display: flex;
        flex-direction: column-reverse;
    }

    .woocommerce div.product form.cart{
        flex-direction: column;
    }

    .quantity-price-wrap{
        width: 100%;
        justify-content: space-between;
    }

    .single_add_to_cart_button{
        max-width: 100%;
    }

    .wc-single-product-content-wrap .wc-single-product-extra-info{
        margin-bottom: 0;
    }

    .checkout-body{
        display: flex;
        flex-direction: column;
    }

    .inner-mini-cart-section.desktop{
        width: 100%;
        padding: 40px 15px 40px;
        background-color: #FAFAFA;
        position: relative;
        margin: 0 -15px;
    }

    .inner-mini-cart-section.desktop:before{
        content: '';
        background-color: #FAFAFA;
        width: 100px;
        top: 0;
        bottom: 0;
        right: 0;
        transform: translateX(100%);
        position: absolute;
    }

    .page-title-wrap.mobile{
        display: block;
    }

    /*.inner-mini-cart-section.desktop:before{*/
    /*    display: none !important;*/
    /*}*/

    .checkout-info-section{
        width: 100%;
        padding: 25px 0 40px;
    }

    .wc-single-product-extra-info{
        font-size: .75rem;
    }

    .cart-review-wrap{
        padding: 15px 0;
    }

    .wc-checkout-wrap--cart-wrap{
        margin-bottom: 25px;
    }

    .woocommerce-checkout-review-title{
        margin-bottom: 15px;
    }

    .woocommerce-MyAccount-navigation-body, .woocommerce-MyAccount-nav{
        flex-direction: column;
        gap: 15px;
    }

    .woocommerce-MyAccount-navigation-body{
        padding: 25px 0;
    }

    .myaccount-info-page{
        flex-direction: column;
    }

    .woocommerce-EditAccountForm.my-account-page--form, .profile--content.editAccount{
        width: 100%;
    }

    .woocommerce-EditAccountForm.my-account-page--form{
        margin-bottom: 40px;
    }

    .login-form-wrap{
        padding: 40px 35px;
        min-height: 410px;
    }

    .login-body{
        min-height: calc(100vh - 650px);
        padding: 90px 0 150px;
    }

    .woocommerce-MyAccount-content-body{
        padding: 25px 0 80px;
    }

    .cart-page-body{
        justify-content: flex-start;
        padding: 25px 0 55px;
    }

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
        /*display: none !important;*/
    }

    .cart_item td.product-qty, .cart_item td.product-price, .cart_item td.product-delete{
        display: none !important;
    }

    .cart-product-content-mobile{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

    .cart-product-content{
        width: 100%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table{
        margin-bottom: 25px;
    }

    .woocommerce .woocommerce-cart-form table.shop_table td{
        padding: 15px 0;
    }

    .cart-product-img{
        margin-right: 15px;
        min-width: 90px;
        min-height: 90px;
    }

    .woocommerce table.shop_table_responsive tr.order-total{
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .order-total th{
        display: block !important;
    }

    .woocommerce .woocommerce-cart-form table.shop_table td:first-child{
        border-top: 1px solid #939292;
    }

    #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout{
        padding: 0;
    }

    .cart-product-content-mobile .quantity{
        margin-right: 15px;
    }

    .cart-product-content-mobile-wrap{
        display: flex;
        align-items: center;
    }

    .woocommerce-order-body{
        flex-direction: column;
    }

    .woocommerce-order-content{
        min-height: auto;
        padding: 25px 0 65px;
        width: 100%;
    }

    .order-completed-title{
        flex-direction: column;
        margin-bottom: 30px;
    }

    .dark-btn{
        margin: 0 auto;
    }

    .inner-mini-cart-section.desktop.thank-you{
        padding: 40px 0;
        margin: 0;
        position: relative;
        z-index: 2;
    }

    .inner-mini-cart-section.desktop.thank-you::before{
        content:'' !important;
        display: block !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -20px;
        right: -20px;
        background-color: #FAFAFA;
        width: 200%;
    }

    .wc-thankyou-wrap--cart-wrap{
        margin-bottom: 25px;
    }

    .inner-mini-cart-section.desktop:after{
        display: none;
    }

    .order-completed-icon{
        margin: 0 auto 15px;
    }

    .order-inner-body{
        flex-direction: column;
        gap: 40px;
    }

    .order-inner-info-content{
        width: 100%;
    }

    .woocommerce-account.woocommerce-view-order .inner-mini-cart-section.desktop.thank-you::before{
        bottom: -550px;
    }

    .woocommerce-view-order .woocommerce-MyAccount-content-body{
        min-height: auto;
    }

    .footer-main-body{
        flex-direction: column;
        gap: 60px;
        padding: 60px 0 40px;
    }

    .footer-extra-body{
        flex-direction: column;
        gap: 40px;
        padding: 0 0 60px;
    }

    .footer-logo{
        order: 1;
    }

    .footer-contact-list{
        order: 2;
        width: fit-content;
    }

    .footer-logo img{
        max-height: 222px;
    }

    .footer-socials-list{
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .product-cat-title{
        font-size: 1.5rem;
    }

    .admin-products-list{
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px 15px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 600px) {
    .woocommerce form .form-row.form-row-first, .woocommerce form .form-row.form-row-last{
        width: 100%;
    }

    .checkout-login-form-wrap form{
        flex-direction: column;
    }

    .custom-login-button{
        width: 100%;
    }

    .checkout-login-form .form-row:last-child{
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .news-inner-intro-img{
        min-height: unset;
        padding-bottom: 58%;
    }

    .admin-products-list{
        grid-template-columns: 1fr 1fr;
    }

    .hm-intro-mobile-img{
        min-height: 300px;
    }

    .room-rental-intro-gallery .slick-list li{
        height: 205px;
    }


    .woocommerce-product-gallery-image-single{
        width: 100%;
        padding-bottom: 100%;
        border-radius: 0;
    }

    #calendar-rental-table th{
        font-size: .375rem;
    }

    #calendar-rental-table{
        border-spacing: 5px
    }

    .admin-orders-list{
        grid-template-columns: 1fr;
    }
}