@media only screen and (max-width: 767.98px) {
    /* Your mobile styles here */
    .coursalss .flex-container
    {
        gap: 1rem;
    }
    .pbm-40
    {
        padding-bottom: 40px;
    }
    .f_cont h2
    {
        cursor: pointer;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .foot-contt
    {
        display: none;
    }
    .dd-none
    {
        display: block;
    }
    .f_cont h2.oopen~.foot-contt
    {
        display: block;
        margin-bottom: 12px;
    }
    .f_cont h2.oopen .dd-none
    {
        transform: rotate(45deg);
    }
    .pbr-0
    {
        padding-right: 0px;
    }
    
    .m-logo
    {
        border-bottom: 1px solid #000;
    }
    
    ul.user-icon
    {
        display: flex;
        justify-content: space-between;
    }
    ul.user-icon li
    {
        display: inline-block;
        border: 0px;
    }
    ul.user-icon li img
    {
        filter: brightness(1) invert(1);
    }
    table.order
    {
        width: 40%;
    }
    .mennu
    {
        display: none;
    }
    
    .mennu
    {
        border-bottom: 2px solid #000;
    }
    .days
    {
        gap: 0 5.5rem;
    }
    .explore-box .booking-box p br
    {
        display: none;
    }
    .just-768
    {
        justify-content: center;
    }
    .recepit .main-footer
    {
        padding-top: 200px;
    }
	.m_banner-content h1
    {
        font-size: 28px;
        font-weight: 600;
        line-height: 31px;
    }
    .loction-box .col-lg-4
    {
        width: 100%;
    }
    .loc-img
    {
        padding-top: 20px;
    }
    .btns
    {
        margin-bottom: 10px;
    }
    .tab h2
    {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .tabcontent h2
    {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .table.tr tbody td
    {
        padding: 0px;
        font-size: 12px;
    }
    .btn-flexy .f1 button
    {
        margin-bottom: 10px;
    }
    .btn-flexy button
    {
        font-size: 14px;
        width: 125px;
    }
    .btn-flexy
    {
        flex-wrap: wrap;
    }
    .btn-flexy .f2
    {
        padding-top: 10px;
        display: flex;
        gap: 0.5rem;
        align-items: center;
    }
    .btn-flexy .f1
    {
        padding-bottom: 10px;
    }
    .timeslect ul li input:checked~label
    {
        padding: 8px 6px;
    }
    .timeslect ul li input:disabled~label
    {
        padding: 8px 6px;
    }
    .timeslect ul li
    {
        padding: 5px 2px;
    }
    .timeslect ul li label
    {
        font-size: 12px;
    }
    .weekdays
    {
        font-size: 14px;
    }
    .days
    {
        gap: 0 1.3rem;
    }
    .ammountt td
    {
        font-size: 12px;
        padding: 0px;
        padding-bottom: 5px;
    }
    .prm-0
    {
        padding-right: 0px !important;
    }
    table.order
    {
        width: 100%;
        float: right;
    }
    .recepit .main-footer
    {
        padding-top: 0px;
        border: 0px;
        padding-bottom: 30px;
    }
    .recepit .header-box
    {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        flex-direction: column;
    }
    nav.nav-res
    {
        padding-top: 30px;
    }
    .recepit .mainn-header
    {
        padding-top: 30px;
    }
    .pt-50
    {
        padding-top: 20px;
    }
    .breadcrumb ul li
    {
        font-size: 20px;
    }
    .breadcrumb ul li a
    {
        font-size: 20px;
    }
    .breadcrumb ul .divider
    {
        padding: 0 2px;
    }
    .banner-box .banner-content h1
    {
        font-size: 30px;
    }
    .banner-box .banner-content h2
    {
        font-size: 20px;
    }
    .banner-box .banner-content p
    {
        font-size: 16px;
        padding-top: 30px;
    }
    .banner-box .banner-content p br
    {
        display: none;
    }
    .banner-content
    {
        padding: 150px 0 30px 0;
    }
    .accordation-box .accordion-flush .accordion-item .accordion-button,  .accordion-flush .accordion-item .accordion-button.collapsed
    {
        padding: 0px;
    }
    .accordation-box .accordion-button span
    {
        padding: 0px;
        font-size: 18px;
    }
    .accordation-box .accordion-button
    {
        font-size: 18px;
    }
    button.accordion-button.collapsed strong
    {
        width: 100%;
    }
    .heading
    {
        font-size: 28px;
    }
    .flex-box a
    {
        font-size: 30px;
    }
    .seprater
    {
        padding: 50px 15px;
    }
    .explore-box .booking-box p
    {
        font-size: 18px;
    }
    .explore-box .booking-box p br
    {
        display: none;
    }
    .explore-box .booking-box p
    {
        padding-bottom: 50px;
    }
    .text-box .cont-left p
    {
        padding: 10px 0 20px 0;
    }
    .gallery-wrapper,  .new-gallery-wrapper
    {
        margin-top: 70px;
    }
    .main-footer
    {
        padding: 35px 0 25px 0;
    }
    .f_cont h2
    {
        cursor: pointer;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .foot-contt
    {
        display: none;
    }
    .dd-none
    {
        display: block;
    }
    .f_cont h2.oopen~.foot-contt
    {
        display: block;
        margin-bottom: 12px;
    }
    .f_cont h2.oopen .dd-none
    {
        transform: rotate(45deg);
    }
    .ptm-70
    {
        padding-top: 70px;
    }
    .pym-40
    {
        padding: 40px 0;
    }
    .pbm-10
    {
        padding-bottom: 10px;
    }
    .pbm-20
    {
        padding-bottom: 20px;
    }
    .pbm-30
    {
        padding-bottom: 30px;
    }
    .pbm-40
    {
        padding-bottom: 40px;
    }
    .pym-30
    {
        padding: 30px 0;
    }
    .ptm-30
    {
        padding-top: 30px;
    }
    .ptm-40
    {
        padding-top: 40px;
    }
    .pym-0
    {
        padding: 0px;
    }
    .txt-box h2
    {
        font-size: 32px;
    }
    .txt-box p
    {
        font-size: 14px;
    }
    .al-txt .txt h2
    {
        font-size: 18px;
    }
    .al-txt .txt p
    {
        font-size: 18px;
        padding-bottom: 10px;
    }
    
    .mennu
    {
        display: none;
    }
    
    .mennu
    {
        border-bottom: 2px solid #000;
    }
    .tabs ul li
    {
        display: block;
        padding: 5px 5px;
    }
    .copy-left
    {
        flex-direction: column;
    }
    .term a
    {
        font-size: 12px;
    }
    .term p
    {
        font-size: 12px;
    }
    .social-icons
    {
        padding-bottom: 15px;
    }
    .copy-rht
    {
        text-align: center;
        padding-top: 10px;
    }
    .form
    {
        padding: 0px;
    }
    .filters .btn-grp li button.btn
    {
        font-size: 20px;
    }
    .filters .btn-group img.img-fluid
    {
        width: 12px !important;
    }
    .t_btn
    {
        font-size: 24px;
    }
    .ptm-20
    {
        padding-top: 20px;
    }
    .p-fx
    {
        width: 100%;
        max-width: 50%;
        padding-right: 15px;
    }
    .pf_main
    {
        display: flex;
        flex-wrap: wrap;
    }
    .m_banner-content h1
    {
        font-size: 28px;
        font-weight: 600;
        line-height: 31px;
    }
    .filters
    {
        padding-bottom: 0px;
    }
    .accordation-box .accordion-button
    {
        font-size: 12px;
    }
    .accordation-box .accordion-button span
    {
        padding: 0px;
        font-size: 12px;
    }
    button.accordion-button.collapsed strong
    {
        width: 66%;
    }
    button.t_btn img
    {
        width: 200px;
    }
    table.recipe tbody tr td
    {
        font-size: 12px;
    }
    table.recipe thead tr th
    {
        font-size: 12px;
        padding: 0px;
    }
    .tax-box
    {
        padding-right: 0px;
    }
    .recepit .main-footer h2
    {
        padding-top: 50px;
    }
    button.accordion-button.collapsed strong
    {
        width: 57%;
    }
    .accordation-box .accordion-button span
    {
        padding: 0px;
        font-size: 12px;
        letter-spacing: -0.5px;
    }
    .accordation-box .accordion-flush .accordion-item .accordion-button,  .accordion-flush .accordion-item .accordion-button.collapsed
    {
        padding: 0px;
        letter-spacing: -0.5px;
    }
    .accordation-box .accordion-button
    {
        justify-content: space-between;
    }
    .exp
    {
        padding: 25px 15px;
    }
    .t_btn
    {
        font-size: 18px;
    }
    button.t_btn img
    {
        width: 100px;
    }
    .toggle-drop
    {
        padding-top: 15px;
    }
    .toggle-drop p br
    {
        display: none;
    }
    .user-iconn .dropdown-menu
    {
        display: none;
    }
    .flex-box a
    {
        font-size: 20px;
    }
    .translation-dropdown
    {
        display: flex;
        justify-content: center;
    }
    #featured-events, #news, #explore div.container
    {
        padding: 0px !important;
    }
    .owl-prev
    {
        display: none !important;
    }
    button.accordion-button.collapsed h4.hero-date
    {
        display: none;
    }
    #hero-accordion .accordion-button:not(.collapsed)::after
    {
        display: none;
    }
    .explore-slider
    {
        margin-top: 65px !important;
    }
    header#header-main
    {
        padding: 0px;
    }
    div.hero-content div.container,  section#explore div.container
    {
        padding: 0 20px;
    }
    span.circle
    {
        max-width: 100%;
        padding: 1px 20px;
    }
    span.circle span.event-text
    {
        display: block;
    }
   .modal-screen-half{
	height: 100%;
    } 
    #search-modal .modal-content .btn-close
    {
        position: absolute;
        top: 15%;
        right: 2%;
        z-index: 999;
    }
    #search-modal .modal-content .search-modal-bar{
	font-size: 2.5rem;
    }
    .btn-search-modal-close{
	font-size: 2.5rem;
    }
    .tabs-container
    {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        border-bottom: 1px solid #ababab;
    }
    .tab
    {
        padding: 15px 10px;
    }
    .px-20
    {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .px-0-mobile{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .hide-mob
    {
        display: none;
    }
    .accordion-button .hero-title
    {
        font-size: 1.8rem !important;
    }
    .accordion-button.collapsed .hero-title
    {
        font-size: 1.2rem !important;
    }

    .button-circle {
        font-size: 1.1rem;
    }

    .container {
        max-width:unset;
    }

    /* My Account Section */

    .my-account-section .tab button.nav-link {
        display: inline
    }
    .select-arrow-down{
        right: 11px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* Your tablet styles here */
    .pbr-0
    {
        padding-right: 0px;
    }
    .pmt-30
    {
        padding-top: 30px;
    }
    .pbm-40
    {
        padding-bottom: 40px;
    }
    .event-txt h6
    {
        padding-top: 20px;
    }
    .main-nav ul li
    {
        padding: 0px 8px;
    }
    .pml-0
    {
        padding-left: 0px;
    }
    .ptm-70
    {
        padding-top: 70px;
    }
    .accordation-box .accordion-button span
    {
        padding: 0 0px;
    }
    button.accordion-button.collapsed strong
    {
        width: 57%;
    }
    .accordation-box .accordion-button
    {
        font-size: 22px;
    }
    .accordation-box .accordion-button span
    {
        font-size: 22px;
    }
    .mb-toggle.oopen .main-nav-cont
    {
        display: block !important;
        padding: 10px 20px;
        width: 250px !important;
    }
    .search-bar
    {
        width: 210px;
    }
    .loc-txt.pbm-20,  .col-lg-4.pbm-20
    {
        margin-bottom: 20px;
    }
    .days
    {
        gap: unset !important;
    }
    .btn-flexy .f2
    {
        padding-top: 0;
    }

    .button-circle {
        padding: 0px 12px;
        font-size: 1rem;
    }

    .container
    {
        max-width: 992px;
        padding: 0 20px;
    }
}

@media only screen and (min-width: 992px) {
        /* Your desktop styles here */
    .container
    {
        max-width: 1224px;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 992px) {
    .mb-toggle
    {
        display: block !important;
        border: 0px;
        background: transparent;
        color: #000;
        font-size: 30px;
        padding: 0;
    }
    .mb-toggle span
    {
        display: block;
        width: 30px;
        height: 4px;
        background: #000;
        margin: 5px 0;
        border-radius: 4px;
        color: #000;
    }
    header.sticky .mb-toggle span
    {
        background: #000000;
        color: #000000;
    }

    .mb-toggle.oopen span:nth-of-type(1)
    {
        transform: rotate(45deg);
        background: #000;
        z-index: 99;
        position: relative;
    }
    header.sticky .mb-toggle.oopen span:nth-of-type(1)
    {
        background: #000;
    }
    .mb-toggle.oopen span:nth-of-type(2)
    {
        display: none;
    }
    .mb-toggle.oopen span:nth-of-type(3)
    {
        transform: rotate(315deg);
        position: relative;
        top: -9px;
        background: #000;
        z-index: 99;
    }
    header.sticky .mb-toggle.oopen span:nth-of-type(3)
    {
        background: #000;
    }
    .mb-toggle.oopen~.main-nav-cont
    {
        z-index: 1000;
        display: block !important;
        padding: 10px 20px;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
    .mb-toggle.oopen~.main-nav-cont img
    {
        filter: brightness(1) invert(1);
    }

    .mb-toggle.oopen~.mennu
    {
        display: block;
        position: absolute;
        z-index: 99;
        background: #fff;
        width: 100%;
        margin: 25px 0 0 0;
    }

    .tabs .mb-toggle span
    {
        background: #000 !important;
    }

    .main-nav-cont
    {
        display: none !important;
        position: fixed;
        left: 0;
        background: #000;
        top: 0;
        width: 250px;
        height: 100%;
        background: #fff;
    }

    .main-nav ul
    {
        padding-top: 30px !important;
    }

    .main-nav ul li
    {
        display: flex;
        padding: 10px 0px;
        text-align: center;
        justify-content: start;
    }

    .main-nav ul li a
    {
        color: #000;
        font-size: 22px;
    }

    .main-nav ul li a svg
    {
        filter: brightness(1) invert(1) !important;
    }

    .mb-toggle.oopen~.main-nav-cont ul li a
    {
        color: #000 !important;
    }
    .sub-navbar{
        position: relative;
        padding-bottom: 0;
        display: block;
    }
    .search-input{
        width: 100%;
    }

    .dropdown-header.active{
        height: 100vh;
        overflow: scroll;
    } 
    .select-container::after{
        right: 20px;
    }
}