@media(max-width:1400px){
    .rts-banner-main-area-swiper .banner-area-sidebar {
        top: 45%;
    }
}

@media(max-width:992px){
    .modal-dialog {
        margin: 1.75rem 2rem;
    }
    .modalFood {
        justify-content: center;
    }
    .foodText{
        text-align: center;
    }
    .foodRadio {
        justify-content: center;
    }
    .rts-footer-one .copyright-footer-one {
        flex-wrap: wrap;
    }
    .header-one .header-one-container .header-main-wrapper .logo-area a img {
        width: 75px;
        margin-top: 5px;
    }


    /* order successful */
    #v-pills-tabContent{
        margin-top: 30px;
    }
    .orderSuccessfull{
        grid-template-columns: 1fr;
        margin:50px 10px;
    }
    .noPageFoundImg img{
        width: 100%;
    }

    .nav-pills .nav-link {
        background: 0;
        border: 0;
        border-radius: .25rem;
        width: auto;
        padding: 0px 10px;
        gap: 10px;
        background:#dd5903;
    }
    .nav {
        column-gap: 6px;
        row-gap: 5px;
        background: #f0f0f0;
        padding: 10px;
        box-shadow: inset;
        box-shadow: inset 0 0 10px #9d9d9d;
        height: 120px;
        overflow-y: scroll;
        font-size: 14px;
    }
    .nav::-webkit-scrollbar {
        width: 4px;
    }
    .nav::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }
    .nav::-webkit-scrollbar-thumb {
        background: #dd5903;
        border-radius: 10px;
    }

    .nav::-webkit-scrollbar-thumb:hover {
        background: #933b03;
    }
}
@media(max-width:767px){
    .rts-footer-one .copyright-footer-one {
        justify-content: center;
    }
    .rts-marquee-area .marquee .marquee-content .marquee-tag h3 {
        color: #5E5E5E;
        font-size: 52px;
        font-weight: 400;
        line-height: 72px;
    }

    .single-footer-wized-one.get-in-touch .footer-header-two .title {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .main-footer-wrapper-one .footer-header-two.pages .title {
        margin-bottom: 20px;
        margin-top:30px;
    }
    .rts-menu-area .portfolio-menu .gf_btn {
        margin-bottom: 15px;
        padding: 14px 35px;
    }

    .customTabelBox {
        overflow-x: scroll;
    }
    .customTable {
        max-width: 800px;
        width: 800px;
    }
    .ms-woocommerce-cart-form-wrapper .product-name a {
        font-size: 15px;
    }

}

@media(max-width:575px){
    .foodRadio {
        gap:0px;
        row-gap:15px;
    }
    #foodItemModal .modal-footer {
        gap: 15px;
    }
    .rts-reservation-area.reservation {
        padding: 30px 0;
    }
    .rts-reservation-area form.appoinment-form {
        padding: 40px 16px;
    }
    .rts-video-area .video-area-inner {
        padding: 30px 0 500px 0;
    }
    .rts-video-area .video-area-inner {
        padding: 20px 0 500px 0;
    }
    .rts-video-area .vedio-icone .video-overlay iframe {
        width: 90%;
        height: 80%;
    }
    .rts-footer-one {
        padding: 45px 16px 0px 16px;
    }
    .rts-video-area.reservation {
        margin-bottom: 320px;
    }


    /* time change start */
    #timeChangeModal .modal-dialog {
        margin: 2rem 1rem;
    }
    .flex-column {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: row !important;
    }

    .orderBoxFixed {
        position: fixed;
        top: 80%;
        right: 6px;
        background: rgb(188, 5, 5);
        border-radius: 30px;
        font-size: 12px;
        color: #fff !important;
        z-index: 9999;
        width: 50px;
        height: 50px;
        line-height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .orderBoxFixed:hover {
        background: rgb(71, 1, 1);
        color: #fff;
    }
    .rts-shop-area .shop-area-inner .menu-item .portfolio-wrapper2 .image .img-fluid {
        max-width: 40px;
    }
    .portfolio-wrapper2 .portfolio-content .content .rts-btn {
        padding: 6px 10px;
        font-size: 10px !important;
    }
    .rts-shop-area .shop-area-inner .menu-item .portfolio-wrapper2 .portfolio-content .content .title {
        font-size: 13px !important;
        line-height: 15px;
    }
    .portfolio-wrapper2 .portfolio-content .content .price {
        font-size: 14px !important;
    }
    .orderBox.check{
        margin-top:150px;
    }

}