@media only screen and (min-width:1201px) and (max-width:3840px) {

    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 4%;
    }

    .auth_form .bottom-line {
        width: 25rem
    }

    .banner1 .post-slide .post-content {
        padding: 0 15px 25px
    }

    .footer .right-side img {
        width: auto;
        height: 50px
    }

    .navbar .nav-sidebar {
        visibility: hidden !important
    }
}

@media only screen and (min-width:1024px) and (max-width:1440px) {
    .user-dropdown .dropdown-menu {
        left: unset;
        right: 0;
    }

    .user-dropdown .dropdown-menu.rtl {
        right: unset !important;
        left: 0;
    }
}

@media only screen and (min-width:1201px) and (max-width:1440px) {

    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 6% !important;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {

    /************************** theme-3 **************************/
    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 2.5rem;
    }

    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 3rem;
    }

    .theme-3-slider-area .carousel-caption {
        left: 10% !important;
    }

    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 6% !important;
    }

    .theme-3-slider-area .carousel-control-next-icon,
    .theme-3-slider-area .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
    }

    /************************** theme-3 **************************/

    .auth_form .bottom-line {
        width: 25rem
    }

    .navbar .nav-sidebar {
        visibility: hidden !important
    }

    .blog-wrapper .blog-heading h2,
    .category h2,
    .menu-heading h2,
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 2rem;
        font-weight: 600;
    }

    /* #category {
        margin-top: 20px
    } */

    .cat {
        width: 125px;
        height: 125px
    }

    .menu {
        margin: 50px 0
    }

    .footer .left-side p {
        font-size: 14px
    }

    .footer .right-side h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 30px
    }

    .footer .right-side ul li {
        font-size: 14px;
        line-height: 28px
    }

    .footer .right-side img {
        width: auto;
        height: 50px
    }

    .item-details .item-content .item-heading .item-title {
        font-size: 24px
    }

    /*------- app_download Section -------*/
    .app_download .app_content h2 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .app_download .app_content span {
        font-size: 20px;
        line-height: normal;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .small-container {
        width: 350px
    }

    .js-cookie-consent {
        width: 80%;
    }
}

@media only screen and (min-width:200px) and (max-width:767px) {
    .cookie-consent__message {
        text-align: center;
    }
}

@media only screen and (min-width:200px) and (max-width:768px) {
    .extra-padding {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .js-cookie-consent {
        width: 100%;
    }

    .ltr-buttons {
        position: fixed;
        z-index: 1000;
        right: -42px;
        top: 50%;
        display: flex;
        gap: 5px;
        transform: translateY(-50%) rotate(270deg);
    }

    .rtl-buttons {
        position: fixed;
        z-index: 450;
        left: -45px;
        top: 50%;
        display: flex;
        gap: 5px;
        transform: translateY(-50%) rotate(270deg);
    }


    .wrapper_ltr {
        bottom: 160px;
    }

}

@media only screen and (min-width:769px) and (max-width:991px) {

    /************************** theme-3 **************************/

    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 10% !important;
    }

    /************************** theme-3 **************************/
    .order-md1 {
        order: 1 !important
    }

    .order-md2 {
        order: 2 !important
    }

    .auth_form .bottom-line {
        width: 25rem
    }

    .slider-area .carousel .carousel-inner .carousel-item img {
        height: 650px !important
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1.5rem;
        height: 1.5rem
    }

    .navbar-container .hamburger-lines {
        display: block;
        font-size: 30px;
        color: var(--bs-primary);
        box-shadow: none
    }

    #style-3::-webkit-scrollbar,
    #style-3::-webkit-scrollbar-track {
        background-color: var(--light_primary)
    }

    .blog-wrapper .blog-heading h2,
    .category h2,
    .menu-heading h2,
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 2.5rem
    }

    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 3.5rem
    }

    #category {
        margin-top: 15px !important
    }

    .cat {
        width: 100px;
        height: 100px
    }

    .banner1,
    .banner2 {
        margin: 25px 0
    }

    .cart-view .item-price,
    .menu .card .card-body span {
        font-size: 1.2rem
    }

    .menu .card .card-body a {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .app_download .app-screen img {
        width: 275px;
        height: fit-content
    }

    .app_download .app_content {
        padding: 2rem
    }

    .app_download .app_content h2 {
        font-size: 3.5rem;
        line-height: 3.5rem
    }

    .app_download .app_content span {
        font-size: 16px;
        line-height: normal
    }

    .app_download .app_content img {
        width: 100px;
        height: 25px
    }

    .reservation h2,
    .reservation p {
        font-size: 46px;
        line-height: 46px
    }

    .contact-us .contact-content .left-side .lower-side,
    .contact-us .contact-content .left-side .upper-side {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .contact-us .contact-content .left-side h3 {
        font-size: 1.1rem !important
    }

    .contact-us .contact-content .left-side a,
    .contact-us .contact-content .left-side p {
        font-size: .8rem !important
    }

    .contact-us .contact-content .right-side form,
    .contact-us .contact-content .left-side .left-side-detail {
        padding: 60px 30px !important
    }

    .contact-us .contact-content .right-side form p {
        font-size: 26px;
        line-height: 100%
    }

    .contact-us .contact-content .right-side form span,
    .footer .right-side ul li {
        font-size: 12px;
        line-height: normal
    }

    .quality {
        padding: 15px 15px
    }

    .item-details .item-content .item-heading .item-title,
    .quality .quality-wrapper .quality-icon i {
        font-size: 22px
    }

    .quality .quality-wrapper .quality-content h3 {
        font-size: 16px
    }

    .quality .quality-wrapper .quality-content p {
        font-size: 12px
    }

    .footer .left-side h2 {
        font-size: 35px;
        line-height: 45px
    }

    .cart-view .summary .bill-details p,
    .cart-view .summary .bill-total span,
    .footer .left-side p {
        font-size: 14px
    }

    .footer .right-side h4 {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px
    }

    .footer .right-side img {
        width: auto;
        height: 35px
    }

    .footer p {
        font-size: 13px
    }

    .menu-section .filter-sidebar .filter-sidebar-bg {
        padding: 1rem
    }

    .small-img {
        height: 50px
    }

    .small-img .icon-left,
    .small-img .icon-right {
        width: 10px;
        height: 20px
    }

    .small-container .show-small-img {
        width: 50px;
        height: 50px
    }

    .cart-view .order-list .item-title {
        font-size: 16px;
        margin-bottom: 0
    }

    .user-sidebar {
        display: none
    }

    .user-content-wrapper .order-status-card .icon {
        width: 35px;
        height: 35px
    }
}

@media only screen and (min-width:200px) and (max-width:767px) {

    /* ====== main banner start ======= */
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h1 {
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 100%;
        color: var(--bs-primary);
    }

    /* ====== main banner end ======= */


    .thumbnail {
        display: flex;
        flex-direction: row !important;
    }

    .auth_form_container .image {
        height: auto !important;
        overflow: hidden;
    }

    .breadcrumb-sec-content h2 {
        font-size: 28px;
    }
}

@media only screen and (min-width:577px) and (max-width:768px) {

    /************************** theme-3 **************************/
    .theme-3-slider-area .carousel-caption {
        left: 15% !important;
    }

    .theme-3-slider-area .carousel-control-next-icon,
    .theme-3-slider-area .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
    }


    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 10% !important;
    }

    .theme-3-slider-area .carousel .carousel-inner .carousel-item img {
        height: 550px !important;
        object-fit: cover;
    }

    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5,
    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 2.5rem;
    }

    /********** theme-3-product-service **********/
    .theme-3-product-service .card .service-content h3 {
        font-size: 18px !important;
    }

    .theme-3-product-service .card .service-content p {
        font-size: 12px !important;
    }

    .theme-3-product-service .card .quality-icon i {
        font-size: 30px;
    }

    /************************** theme-3 **************************/

    /*===== theme-2 =====*/
    .slider-area-2 .item img {
        height: 550px;
    }

    .app_download .app_content h2 {
        color: var(--viola_black);
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }


    .order-md1 {
        order: 1 !important
    }

    .order-md2 {
        order: 2 !important
    }

    .auth_form .bottom-line {
        width: 25rem
    }

    .auth_form_container {
        align-items: center
    }

    .auth_form .mb {
        margin-bottom: 1rem
    }

    .header-area {
        padding: 10px 0
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem
    }

    .navbar-container .hamburger-lines {
        display: block;
        font-size: 30px;
        color: var(--bs-primary);
        box-shadow: none
    }

    #style-3::-webkit-scrollbar,
    #style-3::-webkit-scrollbar-track {
        background-color: var(--light_primary)
    }

    .slider-area .carousel .carousel-inner .carousel-item img {
        height: 550px !important
    }

    .blog-wrapper .blog-heading h2,
    .category h2,
    .menu-heading h2,
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 2rem
    }

    /*===== theme-2 =====*/
    .blog-wrapper .blog-heading h2,
    .category h2,
    .menu-heading h2,
    .testimonial-heading h2,
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5 {
        font-size: 2rem;
        font-weight: 600 !important;
    }

    /*===== theme-2 =====*/

    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 2.5rem
    }

    .banner1 {
        margin: 25px 0
    }

    /* #category {
        margin-top: 15px !important
    } */

    .cat {
        width: 100px;
        height: 100px
    }

    .cart-view .item-price {
        font-size: 1rem
    }

    .app_download .app-screen img {
        width: 200px;
        height: fit-content
    }

    .app_download .app_content {
        padding: 1rem
    }

    .app_download .app_content h2 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .app_download .app_content span {
        font-size: 16px;
        line-height: normal;
    }

    .app_download .app_content img {
        width: 100%;
        height: 35px
    }

    .reservation h2,
    .reservation p {
        font-size: 46px;
        line-height: 46px
    }

    .contact-us .contact-content .left-side .lower-side,
    .contact-us .contact-content .left-side .upper-side {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .contact-us .contact-content .left-side h3 {
        font-size: 1.1rem !important
    }

    .contact-us .contact-content .left-side a,
    .contact-us .contact-content .left-side p {
        font-size: .8rem !important
    }

    .contact-us .contact-content .right-side form,
    .contact-us .contact-content .left-side .left-side-detail {
        padding: 30px 10px !important
    }

    .contact-us .contact-content .right-side form span,
    .footer .right-side ul li {
        font-size: 14px;
    }

    .quality {
        padding: 15px 15px
    }

    .quality .quality-wrapper .quality-icon i {
        font-size: 30px
    }

    .quality .quality-wrapper .quality-content h3 {
        font-size: 16px
    }

    .footer .left-side p,
    .quality .quality-wrapper .quality-content p {
        font-size: 12px
    }

    .footer .left-side h2 {
        font-size: 26px;
        line-height: 30px
    }

    .footer .right-side h4 {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px
    }

    .footer .right-side img {
        width: auto;
        height: 35px
    }

    .footer p {
        font-size: 10px
    }

    .menu-section .filter-sidebar .filter-sidebar-bg {
        padding: 1rem
    }

    .item-details .item-content .item-heading .item-title {
        font-size: 20px
    }

    .small-container {
        width: 300px;
        height: 50px
    }

    .small-img {
        height: 50px
    }

    .small-img .icon-left,
    .small-img .icon-right {
        width: 10px;
        height: 20px
    }

    .small-container .show-small-img {
        width: 50px;
        height: 50px
    }

    .cart-view .order-list .item-img img {
        width: 100%;
        height: 90px
    }

    .cart-view .order-list .item-title {
        font-size: 14px;
        margin-bottom: 0
    }

    .user-sidebar {
        display: none
    }

    .user-content-wrapper .order-status-card .icon {
        width: 35px;
        height: 35px
    }
}

@media only screen and (min-width:375px) and (max-width:576px) {

    /*************************** theme-3 ***************************/

    .theme-3-menu h2,
    .theme-3-category-sec h2,
    .theme-3-blog-wrapper h2 {
        font-size: 1.5rem;
    }

    .theme-3-slider-area .carousel-caption {
        left: 20% !important;
    }

    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 15% !important;
    }

    .theme-3-slider-area .carousel-control-next-icon,
    .theme-3-slider-area .carousel-control-prev-icon {
        width: 30px;
        height: 30px;
    }

    .theme-3-slider-area .carousel .carousel-inner .carousel-item img {
        height: 450px !important;
        object-fit: cover;
    }

    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5,
    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 1.5rem;
    }

    /********* theme-3-product-service *********/
    .theme-3-product-service .card .service-content h3 {
        font-size: 16px !important;
    }

    .theme-3-product-service .card .service-content p {
        font-size: 12px !important;
    }

    .theme-3-product-service .card .quality-icon i {
        font-size: 30px;
    }

    .theme-3-product-service .border-start,
    .theme-3-product-service .border-end {
        border: none !important;
    }

    /*************************** theme-3 ***************************/

    /*===== theme-2 =====*/

    /*===== theme-2 =====*/
    .slider-area-2 .item img {
        height: 450px;
    }

    .app_download .app_content h2 {
        color: var(--viola_black);
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }

    .blog-wrapper .blog-heading h2,
    .category h2,
    .menu-heading h2 {
        font-size: 1.5rem;
    }

    /*===== theme-2 =====*/
    .order-md1 {
        order: 1 !important
    }

    .order-md2 {
        order: 2 !important
    }

    .auth_form_container {
        align-items: center
    }

    .auth_form {
        padding: 1rem;
        margin: 1rem
    }

    .auth_form .mb {
        margin-bottom: 1rem
    }

    .header-area {
        padding: 20px 0 0
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem
    }

    .slider-area .carousel .carousel-inner .carousel-item img {
        height: 450px !important
    }

    .navbar-container .hamburger-lines {
        display: block;
        font-size: 30px;
        color: var(--bs-primary);
        box-shadow: none
    }

    #style-3::-webkit-scrollbar,
    #style-3::-webkit-scrollbar-track {
        background-color: var(--light_primary)
    }

    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5,
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 2rem
    }

    .category h2 {
        font-size: 1.5rem
    }

    /* #category {
        margin-top: 15px !important
    } */

    .cat {
        width: 80px;
        height: 80px
    }

    .banner1,
    .banner2 {
        margin: 25px 0
    }

    .blog-wrapper .blog-heading h2,
    .item-details .item-content .item-heading .item-title,
    .item-details .item-description h4,
    .menu-heading h2,
    .testimonial-heading h2,
    .newsletter-heading h2,
    .theme-2-blog-wrapper .blog-heading h2 {
        font-size: 1.5rem !important;
        font-weight: 600 !important;
    }


    /* .menu .card .card-body {
        padding: .8rem .8rem 0rem .8rem;

    } */

    /* .menu .card .item-card-footer {
        padding: 0rem .8rem;
    } */

    .cart-view .item-price,
    .menu .card .card-body h5 {
        font-size: 13px !important;
    }

    .app_download .app-screen img {
        width: 150px;
        height: fit-content
    }

    .app_download .app_content {
        padding: 0rem
    }

    .app_download .app_content h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }

    .app_download .app_content span,
    .contact-us .contact-content .right-side form span {
        font-size: 12px;
        line-height: normal
    }

    .footer .right-side ul li {
        font-size: 14px;
    }

    .app_download .app_content img {
        width: 100%;
        height: 40px
    }

    .reservation-content {
        margin: 40px 0 50px
    }

    .reservation h2,
    .reservation p {
        font-size: 34px;
        line-height: 34px
    }

    .contact-us .contact-content h2 {
        margin-bottom: 0 !important;
        font-size: 2.5rem
    }

    .contact-us .contact-content .left-side .lower-side,
    .contact-us .contact-content .left-side .upper-side {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .contact-us .contact-content .left-side h3 {
        font-size: 1.1rem !important
    }

    .contact-us .contact-content .left-side a,
    .contact-us .contact-content .left-side p {
        font-size: .8rem !important
    }

    .contact-us .contact-content .right-side form,
    .contact-us .contact-content .left-side .left-side-detail {
        padding: 30px 10px !important
    }

    .quality {
        padding: 15px 15px
    }

    .quality .quality-wrapper .quality-icon i {
        font-size: 30px
    }

    .quality .quality-wrapper .quality-content h3 {
        font-size: 16px
    }

    .quality .quality-wrapper .quality-content p {
        font-size: 12px
    }

    .footer .left-side {
        display: flex;
        flex-direction: column;
    }

    .footer .left-side h2 {
        font-size: 24px;
        line-height: 26px
    }

    .footer .left-side p {
        font-size: 12px;
    }

    .footer .right-side h4 {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px
    }

    .footer .right-side img {
        width: auto;
        height: 35px
    }

    .footer p {
        font-size: 10px
    }

    .menu-section .filter-sidebar .filter-sidebar-bg {
        padding: 1rem
    }

    .small-container {
        width: 300px;
        height: 50px
    }

    .small-img {
        height: 50px
    }

    .small-img .icon-left,
    .small-img .icon-right {
        width: 10px;
        height: 20px
    }

    .cart-view .order-list .item-img img,
    .small-container .show-small-img {
        width: 50px;
        height: 50px
    }

    .cart-view .order-list .item-title {
        font-size: 14px;
        margin-bottom: 0
    }

    .favouritelist .item-image,
    .user-sidebar {
        display: none
    }

    .favouritelist .item-title {
        font-size: 14px
    }

    .user-content-wrapper .refer-img {
        width: 300px
    }


    /* button padding */
    .btn.btn-primary,
    .btn.btn-secondary,
    .btn.btn-success,
    .btn.btn-outline-dark {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .btn.item-quantity {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    /* search page */
    /* .menu-section-header {
        padding: 1rem;
    } */
}

@media only screen and (min-width:375px) and (max-width:406px) {

    /************ theme-3-app-downlod ************/
    .playstore-img {
        margin-bottom: 10px;
    }

    .theme-3-menu h2,
    .theme-3-category-sec h2,
    .theme-3-blog-wrapper h2 {
        font-size: 1.5rem;
    }

    /************ theme-3-app-downlod ************/


    /*======= theme-2 =======*/
    .cart-view .order-list .item-img img {
        display: none
    }

    .cart-view .order-list .item-title {
        font-size: 14px;
        margin-bottom: 0
    }

    .cart-view .item-price {
        font-size: 1rem
    }

    .cart-view .delivery-address h6,
    .cart-view .promocode label,
    .cart-view .special-instruction label,
    .cart-view .summary h2 {
        font-size: 16px
    }

    .order-list .item-img-none {
        display: none !important
    }

    .order-list .item-addons {
        padding-left: 28px
    }
}

@media only screen and (min-width:200px) and (max-width:374px) {

    /************************* theme-3 *************************/
    .theme-3-menu h2,
    .theme-3-category-sec h2,
    .theme-3-blog-wrapper h2 {
        font-size: 1.5rem;
    }

    .playstore-img {
        margin-bottom: 10px;
    }

    .theme-3-slider-area .carousel-caption {
        left: 20% !important;
    }

    .theme-3-slider-area .carousel-control-next,
    .theme-3-slider-area .carousel-control-prev {
        width: 15% !important;
    }

    .theme-3-slider-area .carousel-control-next-icon,
    .theme-3-slider-area .carousel-control-prev-icon {
        width: 30px;
        height: 30px;
    }

    /* .theme-3-slider-area .carousel .carousel-inner .carousel-item img {
        height: 300px !important;
        object-fit: cover;
    } */

    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5,
    .theme-3-slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 1.5rem;
    }

    /******** theme-3-product-service ********/
    .theme-3-product-service .border-start,
    .theme-3-product-service .border-end {
        border: none !important;
    }

    /************************* theme-3 *************************/

    /*======= theme-2 =======*/
    .slider-area-2 .item img {
        height: 300px;
    }

    .app_download .app_content h2 {
        color: var(--viola_black);
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }

    .blog-wrapper .blog-heading h2,
    .category h2,
    .menu-heading h2 {
        font-weight: 500 !important;
        font-size: 1.5rem;
    }

    /*======= theme-2 =======*/

    .auth_form,
    .menu-section .filter-sidebar .filter-sidebar-bg {
        padding: 1rem
    }

    .order-md1 {
        order: 1 !important
    }

    .order-md2 {
        order: 2 !important
    }

    .auth_form_container {
        align-items: center
    }

    .auth_form {
        margin: 0rem
    }

    .auth_form .mb {
        margin-bottom: 1rem
    }

    .header-area {
        padding: 10px 0
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem
    }

    .slider-area .carousel .carousel-inner .carousel-item img {
        height: 300px !important
    }

    .navbar-container .hamburger-lines {
        display: block;
        font-size: 30px;
        color: var(--bs-primary);
        box-shadow: none
    }

    #style-3::-webkit-scrollbar,
    #style-3::-webkit-scrollbar-track {
        background-color: var(--light_primary)
    }

    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption h5,
    .slider-area .carousel .carousel-inner .carousel-item .carousel-caption p {
        font-size: 1.3rem;
        font-weight: 700 !important;
    }

    /* #category {
        margin-top: 15px !important
    } */

    .cat {
        width: 80px;
        height: 80px
    }

    .category h2,
    .blog-wrapper .blog-heading h2,
    .menu-heading h2,
    .testimonial-heading h2,
    .newsletter-heading h2 {
        font-size: 1.3rem;
        font-weight: 700 !important;
    }

    .cart-view .item-price,
    .menu .card .card-body h5 {
        font-size: 12px !important
    }

    .menu .card .card-body h5 img {
        width: 16px;
        height: 16px
    }

    .testimonials #testimonial4 .carousel-item {
        height: 250px !important
    }

    .testimonial4_slide img {
        width: 75px;
        height: 75px;
        padding: 3px;
        border: 2px dotted var(--bs-primary);
        margin-bottom: 10px
    }

    .testimonial4_slide h4 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .review-star i {
        font-size: .8rem
    }

    .favouritelist .item-title,
    .testimonial4_slide p {
        font-size: 14px
    }

    .app_download .app-screen img {
        width: 120px;
        height: fit-content
    }

    .app_download .app_content {
        padding: 0rem
    }

    .app_download .app_content h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }


    .contact-us .contact-content .right-side form span {
        font-size: 12px;
        line-height: normal
    }

    .footer .right-side ul li {
        font-size: 14px;
    }

    .app_download .app_content span {
        font-size: 14px;
        line-height: 16px;
    }

    .app_download .app_content img {
        width: 100%;
        height: 40px
    }

    .reservation-content {
        margin: 40px 0 50px
    }

    .reservation h2 {
        font-size: 26px;
        line-height: 26px
    }

    .reservation p {
        font-size: 24px;
        line-height: 24px
    }

    .contact-us .contact-content .left-side .lower-side,
    .contact-us .contact-content .left-side .upper-side {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .contact-us .contact-content .left-side h3 {
        font-size: 1.1rem !important
    }

    .contact-us .contact-content .left-side a,
    .contact-us .contact-content .left-side p {
        font-size: .8rem !important
    }

    .contact-us .contact-content .right-side form,
    .contact-us .contact-content .left-side .left-side-detail {
        padding: 30px 10px !important
    }

    .contact-us .contact-content .right-side form p {
        font-size: 26px;
        line-height: 100%
    }

    .footer .left-side {
        display: flex;
        flex-direction: column;
    }

    .footer .left-side h2 {
        font-size: 26px;
        line-height: 30px
    }

    .footer .left-side p {
        font-size: 12px
    }

    .footer .right-side h4 {
        font-size: 15px;
        font-weight: 600;
        line-height: 18px
    }

    .footer .right-side img {
        width: auto;
        height: 35px
    }

    .footer p {
        font-size: 10px
    }

    .item-add-cart {
        margin-bottom: 10px
    }

    .item-details {
        margin-bottom: 15px !important
    }

    .small-container {
        width: 220px;
        height: 50px
    }

    .small-img {
        height: 50px
    }

    .small-img .icon-left,
    .small-img .icon-right {
        width: 10px;
        height: 20px
    }

    .small-container .show-small-img {
        width: 50px;
        height: 50px
    }

    .item-details .item-content .item-heading .item-title {
        font-size: 18px
    }

    .order-list .item-title img {
        width: 20px
    }

    .cart-view .order-list .item-img img,
    .favouritelist .item-image,
    .user-sidebar {
        display: none
    }

    .cart-view .order-list .item-title {
        font-size: 14px;
        margin-bottom: 0
    }

    .order-list .quantity-column {
        padding-left: 0
    }

    .cart-view .delivery-address h6,
    .cart-view .promocode label,
    .cart-view .special-instruction label,
    .cart-view .summary h2 {
        font-size: 16px
    }

    .order-list .item-img-none {
        display: none !important
    }

    .order-list .item-addons {
        padding-left: 28px
    }

    .home-delivery-img,
    .take-away-img {
        width: 100px;
        display: grid;
        justify-items: center;
        cursor: pointer;
        text-align: center;
        padding: 20px 0;
        margin: 0 20px;
        border-radius: 8px;
        user-select: none;
        background-color: #fff;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%)
    }

    .home-delivery-img img {
        width: 45px;
        height: 45px
    }

    .reservation-area form p {
        font-size: 20px
    }

    .user-content-wrapper .refer-img {
        width: 240px
    }
}

@media only screen and (min-width:320px) and (max-width:375px) {

    .header-bar .img-resposive,
    .footer .left-side img {
        height: 40px;
    }

    .gallary-img {
        height: 315px;
    }

    /* button padding */
    .btn.btn-primary,
    .btn.btn-secondary,
    .btn.btn-danger,
    .btn.btn-success,
    .btn.btn-outline-dark {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .btn.item-quantity {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    /* search page */
    /* .menu-section-header {
        padding: .6rem .9rem;
    } */

    .theme-1-category .cat img {
        width: 148px;
        height: 157px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }

    .theme-1-category .cat {
        width: 148px;
        height: 157px;
        border-radius: 5px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat,
    .theme-3-category .cat {
        width: 148px;
        height: 157px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat img,
    .theme-3-category .cat img {
        width: 148px;
        height: 157px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .theme-1-category .cat img {
        width: 166px;
        height: 195px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }

    .theme-1-category .cat {
        width: 166px;
        height: 195px;
        border-radius: 5px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat,
    .theme-3-category .cat {
        width: 166px;
        height: 195px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat img,
    .theme-3-category .cat img {
        width: 166px;
        height: 195px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }
}

@media only screen and (min-width:426px) and (max-width:768px) {
    .theme-1-category .cat img {
        width: 154px;
        height: 190px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }

    .theme-1-category .cat {
        width: 154px;
        height: 190px;
        border-radius: 5px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat,
    .theme-3-category .cat {
        width: 154px;
        height: 190px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat img,
    .theme-3-category .cat img {
        width: 154px;
        height: 190px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }
}

@media only screen and (min-width:200px) and (max-width:320px) {
    .theme-1-category .cat img {
        width: 126px;
        height: 136px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }

    .theme-1-category .cat {
        width: 126px;
        height: 136px;
        border-radius: 5px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat,
    .theme-3-category .cat {
        width: 126px;
        height: 136px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat img,
    .theme-3-category .cat img {
        width: 126px;
        height: 136px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }
}

@media only screen and (min-width:376px) and (max-width:425px) {
    .gallary-img {
        height: 200px;
    }

    .theme-1-category .cat {
        width: 172px;
        height: 200px;
        border-radius: 5px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-1-category .cat img {
        width: 173px;
        height: 200px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }

    .theme-2-category .cat,
    .theme-3-category .cat {
        width: 173px;
        height: 200px;
        padding: 0px;
        overflow: hidden !important;
    }

    .theme-2-category .cat img,
    .theme-3-category .cat img {
        width: 173px;
        height: 200px;
        transform: scale(1);
        transition: all 0.5s;
        overflow: hidden !important;
    }
}

@media screen and (max-width:375px) {
    #countdown li {
        padding: 10px 7.8px;
    }

    .offcanvas {
        width: 95% !important;
    }
}

/* @media only screen and (max-width:1024px) and (min-width:200px) {

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        right: 0;
        left: unset;
    }

    .dropdown-menu.rtl[data-bs-popper] {
        top: 100%;
        right: unset;
        left: 0;
    }
} */

@media only screen and (max-width:767px) and (min-width:576px) {


    footer {
        margin-bottom: 70px
    }

    /* product card image */
    .menu .card .card-image .card-img-top {
        height: 250px;
    }

    .hover-card-img {
        height: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 2560px) {
    footer .footer-py {
        padding: 65px 0px !important;
    }
}

@media only screen and (max-width:576px) and (min-width:200px) {

    footer {
        margin-bottom: 70px
    }


    .user-content-wrapper,
    .user-sidebar {
        padding: 1rem;
    }

    /* cart page */
    .cart-view .delivery-address,
    .cart-view .payment-option,
    .cart-view .promocode,
    .checkout-view,
    .order-list,
    .special-instruction,
    .summary {
        border: 1px solid #dedede;
        background: #fff;
        padding: 15px;
        border-radius: 6px
    }

}

@media only screen and (max-width:768px) and (min-width:576px) {

    /* product card image */
    .menu .todayspecial .card .card-image .card-img-top {
        height: 260px !important;
    }

    .todayspecial .hover-card-img {
        height: 260px !important;
    }

    .todayspecial .menu-hover .card .card-image-two img {
        height: 260px !important;
    }
}

@media only screen and (max-width:576px) and (min-width:426px) {

    /* product card image */
    .menu .card .card-image .card-img-top {
        height: 200px !important;
    }

    .hover-card-img {
        height: 200px !important;
    }

    .menu-hover .card .card-image-two img {
        height: 200px !important;
    }

    .btn.btn-primary,
    .btn.btn-secondary,
    .btn.btn-success,
    .btn.btn-outline-dark {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}

@media only screen and (max-width:425px) and (min-width:200px) {

    .menu,
    .theme-3-menu,
    .banner1,
    .banner2,
    .blog-wrapper,
    .contact-us,
    .theme-3-banner1,
    .theme-3-blog-wrapper {
        margin: 30px 0 30px
    }

    /* product card image */
    .menu .card .card-image .card-img-top {
        height: 190px !important;
    }

    .hover-card-img {
        height: 190px !important;
    }

    .menu-hover .card .card-image-two img {
        height: 190px !important;
    }

    .success {
        padding: 50px 0px;
    }

    .btn.btn-primary,
    .btn.btn-secondary,
    .btn.btn-danger,
    .btn.btn-success,
    .btn.btn-info,
    .btn.btn-outline-dark {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

}

/* 
@media only screen and (max-width:767px) and (min-width:200px) {
    #bannersection2 .post-slide .post-img img {
        height: auto !important;
    }
} */

@media only screen and (min-width: 200px) and (max-width: 576px) {
    /* .theme-1-slider-area .carousel .carousel-item img {
        height: 350px !important;
        object-fit: cover;
    } */

    #countdown li .label {
        font-size: 12px !important;
    }

    #countdown li .number {
        font-size: 18px !important;
    }

    .theme-3 .timer,
    .theme-1 .timer {
        width: 65px;
        height: 65px;
    }

}

@media only screen and (min-width: 200px) and (max-width: 991px) {

    .menu-cards .hover-card-img {
        opacity: 1 !important;
        transition: .3s !important;
    }

    .menu-cards .card-image .card-img-top,
    .menu-cards .card-image-two .card-img-top {
        opacity: 0 !important;
        transition: .3s !important;
    }

    .menu-hover .card .card-option,
    .menu-hover .card .card-option-two,
    .menu-hover .card .card-option-four {
        opacity: 1 !important;
        transition: none !important;
    }

    .card .card-option li:nth-child(2) {
        animation: fadeInTop 400ms ease-in-out;
    }

    .card .card-option li:nth-child(3) {
        animation: fadeInTop 600ms ease-in-out;
    }

    .card .card-option li:nth-child(4) {
        animation: fadeInTop 800ms ease-in-out;
    }

    @keyframes fadeInTop {
        0% {
            opacity: 0;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }

    .card .card-option-two li:nth-child(2) {
        animation: fadeInRight 400ms ease-in-out;
    }

    .card .card-option-two li:nth-child(3) {
        animation: fadeInRight 600ms ease-in-out;
    }

    .card .card-option-two li:nth-child(4) {
        animation: fadeInRight 800ms ease-in-out;
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }

    /* ====== animation card-option-two start ============ */

    .card .card-option-four li:nth-child(1) {
        animation: fadeInTop 400ms ease-in-out;
    }

    .card .card-option-four li:nth-child(2) {
        animation: fadeInTop 600ms ease-in-out;
    }

    .card .card-option-four li:nth-child(3) {
        animation: fadeInTop 800ms ease-in-out;
    }

    @keyframes fadeInTop {
        0% {
            opacity: 0;
            -webkit-transform: none !important;
            transform: none !important;
        }
    }

    .pwa-icons-theme {
        position: fixed;
        top: 50% !important;
        left: 5px;
        z-index: 495;
        display: flex;
        transform: translateY(-50%) !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .extra-margins {
        margin-bottom: 110px !important;
    }

    .product-grid-4 .product-links li,
    .product-list-4 .product-links li {
        transform: translateY(0) !important;
    }

    .product-grid-4 .product-links,
    .product-list-4 .product-links {
        opacity: 1;
    }

    .product-grid-4 .product-image .pic-2,
    .product-list-4 .product-image .pic-2 {
        opacity: 0.8;
    }

    .product-grid-4 .product-image .pic-1,
    .product-list-4 .product-image .pic-1 {
        opacity: 0;
    }

    .theme-5 .box:before,
    .theme-5 .box:after {
        transition-delay: 0.1s;
    }

    .theme-5 .box:before,
    .theme-5 .box:after,
    .theme-5 .box .box-content {
        transform: scale(1);
    }

    .theme-5 .box img {
        opacity: 0.3;
        transform: scale(1);
    }

    .theme-5 .box .content {
        opacity: 1;
    }

    .product-grid-5 .product-image {
        border-radius: 0 0 30px 30px;
    }

    .product-list-5 .product-image {
        border-radius: 15px 15px;
    }

    .product-grid-5 .product-image .pic-1,
    .product-list-5 .product-image .pic-1 {
        opacity: 0;
    }

    .product-grid-5 .product-image .pic-2,
    .product-list-5 .product-image .pic-2 {
        opacity: 1;
    }

    .product-grid-5 .product-links,
    .product-list-5 .product-links {
        opacity: 1;
    }

    .product-grid-5 .product-links li,
    .product-list-5 .product-links li {
        transform: rotate(0) scale(1);
    }

    .product-grid-5 .product-links li:nth-child(3),
    .product-list-5 .product-links li:nth-child(3) {
        transition-delay: 0.1s;
    }

    .product-grid-5 .product-links li:nth-child(2),
    .product-list-5 .product-links li:nth-child(2) {
        transition-delay: 0.2s;
    }

    .product-grid-5 .product-links li:nth-child(1),
    .product-list-5 .product-links li:nth-child(1) {
        transition-delay: 0.3s;
    }

    .product-grid-6 .product-image .pic-2,
    .product-list-6 .product-image .pic-2 {
        opacity: 1;
    }

    .product-grid-6 .product-image .pic-1,
    .product-list-6 .product-image .pic-1 {
        opacity: 0;
    }

    .product-grid-6 .social li,
    .product-list-6 .social li {
        opacity: 1;
        transform: translateX(0);
    }

    .product-grid-6 .social,
    .product-list-6 .social {
        transform: translateX(50%);
    }

    .product-grid-6 .add-to-cart,
    .product-list-6 .add-to-cart {
        opacity: 1;
        transform: translateX(50%);
        text-decoration: none;
    }

    .product-grid-7 .product-image .img-1,
    .product-list-7 .product-image .img-1 {
        opacity: 0;
        backface-visibility: hidden;
    }

    .product-grid-7 .product-image .img-2,
    .product-list-7 .product-image .img-2 {
        opacity: 1;
    }

    .product-grid-7 .product-links,
    .product-list-7 .product-links {
        opacity: 1;
    }

    .product-grid-8 .product-image a.image:before,
    .product-list-8 .product-image a.image:before {
        opacity: 1 !important;
        filter: blur(0) !important;
    }

    .product-grid-8 .product-image img,
    .product-list-8 .product-image img {
        transform: scale(1.04) !important;
    }

    .product-grid-8 .product-image .social,
    .product-list-8 .product-image .social {
        transform: translateX(0) !important;
    }
}

@media only screen and (min-width:200px) and (max-width:400px) {
    .product-grid-4 .product-image img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 190px;
    }

    .product-grid-5 .product-image img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        object-position: center;
    }

    .product-grid-6 .product-image img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        object-position: center;
    }

    .product-grid-7 .product-image img {
        width: 100%;
        height: 190px !important;
        object-fit: cover;
        object-position: center;
    }

    .product-grid-8 .product-image img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        object-position: center;
    }

    .theme-5 .box img {
        width: 100%;
        height: 156px;
    }

    .theme-5 .box:before,
    .theme-5 .box:after,
    .theme-5 .box .box-content {
        content: "";
        background: var(--bs-secondary-rgb);
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        opacity: 1;
        transition: all 0.3s ease-in-out;
    }

    .theme-5 .box:after {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        opacity: 1;
    }

    .theme-5 .box .box-content {
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        z-index: 1;
        opacity: 1;
    }

}