:root {
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --dark-black: #323232;
    --primary-red: #c83f46;
    --text-grey: #9a9a9a;
    --black: #000000;
    --border-grey: #696969;
    --blog-bg: #222222;
    --img-border: 5px solid #696969;
    --font-bebas: 'Bebas Neue', sans-serif;
    --font-playball: 'Playball', cursive;
}

/* ------Media-Query-Start--------- */
@media screen and (max-width:1600px) {

    .our_menu_section .right_side {
        scale: 0.8;
        right: -70px;
    }

}

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

    .dishList_block .dish_left {
        margin-left: 0;
    }

    .dishList_block .dish_right {
        margin-right: 0;
    }
}

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

    .menuList_page .text_block span {
        font-size: 50px;
    }

    .menuList_page .text_block .mark_star {
        font-size: 75px;
    }

    .menuList_page .owl-stage-outer,
    .menuList_page .owl-stage {
        height: 95px;
    }

    .menulist_wraper ul li .mainCource .doted,
    .dishList_block .dish_list ul li .mainCource .doted {
        display: none;
    }

    .dishList_block .dish_list ul li .mainCource,
    .menulist_wraper ul li .mainCource {
        white-space: normal;
    }

    .dishList_block .dish_list ul li .mainCource .dishName h4,
    .dishList_block .dish_list ul li .mainCource .price {
        font-size: 20px;
        word-break: break-all;
    }

    .dishList_block .dish_list ul li .mainCource .dishName {
        align-items: flex-start;
    }

    .dishList_block .dish_list ul li .description {
        padding-right: 10px;
    }

    .dishList_block .dish_list ul li .mainCource .new {
        margin-top: 2px;
    }

    .our_menu_section .right_side {
        scale: 0.5;
        right: -100px;
    }



}

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


    .menu_listing .menu_name h3 {
        font-size: 60px;
    }

    .menu_listing .hover_state .menu_img img {
        width: 250px;
        height: 120px;
    }

    .menu_listing .menu_name {
        width: 175px;
    }

    .menu_listing .list_running {
        width: calc(100% - 275px);
    }

    .menu_listing .direction_pointer {
        width: 100px;
    }

    .menulist_wraper .menulist.left_side .menulist_box {
        padding-right: 40px;
    }

    .menulist_wraper .menulist.right_side .menulist_box {
        padding-left: 40px;
    }

    .menulist_wraper ul li .mainCource .dishName h4 {
        font-size: 20px;
    }

    .menulist_wraper ul li .description p {
        font-size: 14px;
    }

    .menulist_wraper .menusub_text {
        font-size: 28px;
    }

    .resarvation_form .form_inner {
        padding: 30px;
    }

    .resarvation_form .form_inner .contact_block h2 {
        font-size: 30px;
    }

    .reservationpage_1_bg .side_shape {
        opacity: 0.3;
    }

    .dishList_block .dish_list {
        margin-top: 30px;
    }

}

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

    :root {
        --img-border: 3px solid #696969;
    }


    /* Slider Hero */

    .menulist_wraper {
        flex-direction: column;
    }

    .menulist_wraper .menulist {
        width: 100%;
        text-align: left;
    }

    .menulist_wraper .menulist.left_side .menulist_box,
    .menulist_wraper .menulist.right_side .menulist_box {
        padding: 0;
    }

    .offer_menu_section .section_title {
        margin-top: 10px;
    }

    .offer_menu_section .nav-tabs .nav-item {
        margin: 0 8px;
    }

    .menulist_wraper .menulist.right_side {
        border: none;
        padding-top: 30px;
    }

    .menulist_wraper ul li {
        margin-bottom: 30px;
    }

    .menu_listing .hover_state .menu_name h3,
    .menu_listing .hover_state .menu_name h3 a {
        color: var(--text-white);
    }


    .menuList_page .text_block span {
        font-size: 30px;
    }

    .menuList_page .text_block .mark_star {
        font-size: 35px;
    }

    .text_block .mark_star {
        margin: 0 40px;
    }

    .dishList_block .dish_list ul li .img {
        width: 75px;
    }

    .dishList_block .dish_list {
        text-align: left;
        padding-left: 0;
    }

    .dishList_block .dish_list .btn {
        margin-top: 0;
    }

    .dishList_block .dish_list ul li .info {
        width: 100%;
        padding-left: 10px;
        text-align: left;
    }

    .dishList_block .dish_list ul li .mainCource .dishName {
        width: calc(100% - 60px);
        flex-direction: column;
        margin-bottom: 5px;
    }

    .dishList_block .dish_list ul li .mainCource .dishName h4 {
        font-size: 20px;
    }

    .dishList_block .dish_list ul li .mainCource .new {
        font-size: 10px;
        margin-left: 0;
        padding: 0 4px 1px 4px;
    }

    .dishList_block .dish_list ul li .mainCource .price {
        font-size: 18px;
        width: 90px;
    }

    .dishList_block .dish_list ul li .description p {
        font-size: 15px;
    }

    .dishList_block .dish_list ul li .mainCource .dishName h4,
    .dishList_block .dish_list ul li .mainCource .price {
        word-break: keep-all;
    }
    .menulist_wraper ul li .description,
    .dishList_block .dish_list ul li .description {
        padding-right: 30px;
        margin-bottom: 15px;
    }


    .menulist_wraper ul li .mainCource .dishName {
        align-items: flex-start;
    }

    .menulist_wraper ul li .mainCource {
        margin-bottom: 10px;
    }

    .menulist_wraper ul li .mainCource .new {
        margin: 2px 0 0 10px;
    }

    .menulist_wraper ul li .mainCource .price {
        line-height: 1;
    }


    .our_menu_section .nav-tabs .nav-link {
        font-size: 22px;
    }

    .our_menu_section .nav-tabs .nav-item {
        margin: 0 10px;
    }

    .our_menu_section .dish_box {
        padding: 20px 15px;
    }

    .our_menu_section .dish_box .dish_info {
        flex-direction: column;
    }

    .our_menu_section .dish_box .dish_info .dish_text {
        width: 100%;
    }

    .our_menu_section .dish_box .dish_info .dish_img {
        width: 100%;
        margin-bottom: 15px;
    }

    .discount_section .section_title {
        top: auto;
    }

    .discount_section .dish_block {
        height: auto;
        flex-direction: column-reverse;
    }

    .discount_section .dish_block .dish_text,
    .discount_section .dish_block .dish_img {
        width: 100%;
    }

    .discount_section .dish_block .dish_img img {
        border-radius: 20px 20px 0 0;
    }

    .discount_section .dish_block .dish_text {
        border-radius: 0 0 20px 20px;
    }

    .discount_section .dishMain:first-child:before {
        width: 60px;
        left: -10px;
    }

    .popular_dish_section .owl-nav .owl-next {
        right: -30px;
    }

    .popular_dish_section .owl-nav .owl-prev {
        left: -30px;
    }

    .popular_dish_section .dishList_slider::after {
        width: 40px;
        height: 40px;
        right: -40px;
    }

    .popular_dish_section .owl-nav button span {
        line-height: 1;
    }

    .section_title h2 .heading_img img {
        height: 22px;
    }

    .our_menu_section .right_side {
        scale: 0.3;
        right: -120px;
        top: -160px;
    }

    .our_menu_section .dish_box .dish_info .dish_text p {
        margin-bottom: 0;
    }

    .our_menu_section .dish_box .dish_info .dish_text {
        margin-top: 20px;
    }

    .popular_dish_section .dishList_slider::before {
        left: -40px;
    }

    #popular_dish .owl-stage .owl-item .item {
        rotate: 0deg !important;
    }

    #popular_dish .owl-stage .owl-item:nth-child(4n + 2) .item {
        transform: none;
    }

    .who_version_two .gallery_slider {
        margin: 20px 0;
    }

    .row_inner_am {
        padding: 40px 0 50px 0;
    }


    .popular_dish_section {
        padding: 130px 0;
    }

}