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

    header nav > ul > li + li {

        margin-left: 25px;

    }

    html .btn {

        padding: 0 25px;

        line-height: 38px;

        font-size: 14px;

        min-width: 120px;

    }

    section {

        padding-top: 80px;

        padding-bottom: 80px;

    }



    /* banner_section */



    .owl-carousel.banner_carousel .owl-nav button.owl-next {

        right: -5px;

    }

    .owl-carousel.banner_carousel .owl-nav button {

        right: -5px;

    }

    .banner_carousel .owl-nav:before {

        right: 20px;

        top: 200px;

    }

    .banner_carousel .owl-nav:after {

        bottom: 60px;

    }

    .lf-arrows.owl-carousel .owl-nav button {

        margin: auto 10px;

    }

    .banner_section ul.social-media-icon {

        bottom: 20px;

    }

    html .btn {

        padding: 0 3px 0 25px;

        line-height: 40px;

    }

    .banner_img {

        height: 620px;

    }

    .header-top {

        display: none;

    }

    .banner_carousel .owl-nav {

        right: 10px;

        bottom: -20px;

    }

    

    .lf-arrows.owl-carousel .owl-nav button {

        margin: auto 20px;

    }

    



    /* about_section */



    .about_section {

        padding-top: 180px;

    }

    .title h2 {

        font-size: 40.016px;

    }

    section{

        padding-left: 20px;

        padding-right: 20px;

    }



    /* branch_section */



    .branch_content {

        padding-left: 0px;

    }

    .location_box h4 {

        font-size: 18.007px;

    }

    .location_box {

        padding: 25px 15px;

        margin-bottom: 30px;

    }

    .branch_section::after {

        right: 0;

    }



    /* choose_section */



    .choose_box {

        padding: 20px 8px;

    }

    .choose_box h4 {

        font-size: 18.006px;

    }

    section.choose_section {

        background-color: #131313;

        padding: 50px 0px;

    }

    .choose_content {

        max-width: 485px;

        padding-right: 20px;

    }

    

    /* clients_section */



    .clients_box {

        height: 160px;

        width: 190px;

    }



    /* footer */



    .footer_info ul{

        flex-wrap: wrap;

    }

    .footer_info ul li {

        margin-right: 20px;

        width: 35%;

        margin-bottom: 20px;

    }



    /* about_page */



    .about_us_section::after{

        display: none;

    }

    .wpr {

        width: 290px;

    }

    .wpr_last {

        margin-top: 0;

    }

    .about_img_food {

        width: 334.107px;

    }



    /* services_page */



    .services_content {

        padding-left: 20px;

    }



    /* contact_us_page */



    .contact_info_box li .text a, .contact_info_box li .text p {

        font-size: 18px;

    }

    .contact_info_box {

        padding: 40px 30px 40px 30px;

        margin-right: 0;

    }

    .contact_us_section{

        padding-left: 20px;

        padding-right: 20px;

    }

    .contact_us_section h3 {

        font-size: 38px;

        margin-bottom: 30px;

    }



    /* branch_detail */



    .branch_detail {

        padding: 155px 0 70px;

    }

    .tabing_buttons .btn {

        padding: 0 20px;

        line-height: 46px;

        margin: 0 5px;

        font-size: 15.005px;

    }

    .lf-arrows.menu_carousel.owl-carousel .owl-nav button {

        left: 0;

    }

    .lf-arrows.menu_carousel.owl-carousel .owl-nav button.owl-next {

        right: 0px;

        left: auto;

    }
    .get_touch_section .contact_info > ul {
        padding: 30px;
    }
    .get_touch_section .contact_info > ul li {
        font-size: 18px;
    }
    .get_touch_section .contact_info > ul li:last-child {
        width: 100%;
    }
}



@media (max-width:991px){

    body {

        font-size: 14px;

    }

    html.menu-show {

        overflow: hidden;

    }

    .header-logo a {

        max-width: 120px;

    }

    .header-menu-overlay {

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        background: rgba(0,0,0,0.5);

        z-index: 99;

        transition: all 0.3s;

        visibility: hidden;

        opacity: 0;

    }

    .header-main-bar {

        align-items: center;

    }

    .menu-show .header-menu-overlay {

        visibility: visible;

        opacity: 1;

    }

    .navbar-toggle{

        display: block;

        position:relative;

        width:40px;

        height:40px;

        margin-left: 20px;

    }

    .contact_us_btn {

        width: auto;

        text-align: right;

    }

    .menu-show header nav > ul > li.active a {

        color: var(--primary);

    }

    .menu-show header nav > ul > li:hover  > a {

        opacity: 1 !important;

        color: var(--primary);

    }

    .submenu-toggle:after {

        content: "";

        display: block;

        border-right: 2px solid #000;

        border-bottom: 2px solid #000;

        transform: rotate(45deg);

        width: 9px;

        height: 9px;

        vertical-align: top;

    }

    .navbar-toggle span {

        width: 32px;

        height: 2px;

        background-color: var(--primary);

        display: block;

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        border-radius: 0;

        margin: auto;

        transition:all 0.3s;

    }

    .navbar-toggle span:nth-child(1) {

        top: -16px;

        width: 18px;

    }

    .navbar-toggle span:nth-child(3) {

        bottom: -16px;

        width: 18px;

    }

    .menu-show .navbar-toggle span:nth-child(1) {

        top: 0;

        width: 28px;

        transform:rotate(45deg);

        background-color: var(--dark);

    }

    .menu-show .navbar-toggle span:nth-child(2) {

        width: 0;

    }

    .menu-show .navbar-toggle span:nth-child(3) {

        bottom: 0;

        width: 28px;

        transform:rotate(-45deg);

        background-color: var(--dark);

    }

    nav.header-navbar {

        position: fixed;

        right: 0;

        display: block;

        z-index: 9999;

        background: #ffffff;

        top: 0;

        bottom: 0;

        width: 300px;

        padding: 35px 55px;

        transform: translatex(100%);

        transition: all 0.4s;

        overflow: auto;

        color: #fff;

        margin: 0;

    }

    .menu-show nav.header-navbar {

        transform: translatex(0%);

        box-shadow: -1px 0px 10px 0 #0000001f;

    }

    .header-navbar .navbar-toggle {

        margin-left: auto;

        margin-right: 0;

        margin-bottom: 20px;

    }

    header nav > ul {

        margin: 10px 0 0;

        display: block;

    }

    header nav > ul > li + li {

        margin-left: 0;

        margin-top: 20px;

    }

    header nav > ul > li > a {

        font-size: 20px;

        line-height: 37px;

        font-weight: 700;

        display: inline-flex;

        align-items: center;

        white-space: nowrap;

        flex-grow: 1;

        color: #000000;

    }

    header nav > ul > li{

        transform: translateY(20px);

        opacity: 0;

        transition: all 0.4s;

    }

    .menu-show header nav > ul > li{

        transform: translateY(0);

        opacity: 1;

    }

    .menu-show header nav > ul > li:nth-child(2){

        transition-delay:0.1s ;

    }

    .menu-show header nav > ul > li:nth-child(3){

        transition-delay:0.2s ;

    }

    .menu-show header nav > ul > li:nth-child(4){

        transition-delay:0.3s ;

    }

    .menu-show header nav > ul > li:nth-child(5){

        transition-delay:0.4s ;

    }

    .menu-show header nav > ul > li:nth-child(6){

        transition-delay:0.5s ;

    }

    .menu-show header nav > ul > li:nth-child(7){

        transition-delay:0.6s ;

    }

    .sub-menu.mega-menu {

        min-width: 100%;

        right: 0;

        left: 0;

    }

    .sub-menu {

        position: relative;

        left: 0;

        margin-top: 10px;

        border: 1px solid #eee;

        box-shadow: 0 0 0 transparent;

        border-radius: 5px;

        padding: 10px;

        display: none;

        transform:none;

        width:100%;

        opacity: 1;

        visibility: visible;

    }

    li:hover > .sub-menu {

        display: none;

    }

    li.submenu_active > .sub-menu {

        display: block;

        position: static;

    }

    header nav > ul > li.menu-parent > a:after {

        display: none;

    }

    .sub-menu.sub-menu-inner span.submenu-toggle {

        position: absolute;

        right: 3px;

        top: 3px;

    }

    .sub-menu.sub-menu-inner li.menu-parent > a:after {

        display: none;

    }

    header nav > ul > li {

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .submenu-toggle {

        display: flex;

        align-items: center;

        width: 24px;

        height: 24px;

        position: relative;

        justify-content: center;

        transition:all 0.3s;

    }

    li.submenu_active > .submenu-toggle {

        transform:rotate(180deg);

    }

    .sub-menu.mega-menu ul li {

        width: 100%;

    }

    .scrollToTop {

        width: 36px;

        height: 36px;

        bottom: 100px;

        right: 25px;

        padding: 14px;

    }

    .scrollToTop:before {

        transform: skew(-20deg);

    }

    .scrollToTop:hover:before {

        transform: skew(20deg);

    }

    html .btn {

        padding: 0 4px 0 20px;

        line-height: 40px;

        font-size: 14px;

        min-width: 120px;

    }

    section {

        padding-top: 60px;

        padding-bottom: 60px;

    }

    html.menu-show .overlay {

        position: fixed;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background-color: rgb(0 0 0 / 50%);

    }

    .banner_section .container {

        max-width: 100%;

    }

    html .container {

        padding: 0 20px;

    } 

    .sticky .header-bottom {

        padding: 15px 00px;

    }

    .links-text {

        margin-bottom: 25px;

    }

    .footer_description {

        padding: 0 25px;

        border-right: 0;

    }

    .footer-logo {

        margin-bottom: 20px;

    }

    .footer-logo a {

        display: block;

        max-width: 150px;

        margin: 0;

    }

    .footer_description p {

        text-align: left;

        font-size: 14px;

    }

    .contact-us {

        margin-top: 30px;

    }

    .contact-information .text h5 {

        width: auto;

    }

    footer {

        padding-top: 80px;

    }



    .header-top ul li .text h4, .header-top ul li .text a {

        font-size: 14.004px;

    }

    .lf-arrows.owl-carousel .owl-nav button {

        margin: auto 50px;

    }

    .header-top{

        display: none;

    }



    /* banner_section */



    .banner_content h2 {

        font-size: 34.015px;

    }

    .banner_carousel .owl-nav {

        right: -100px;

        bottom: -30px;

    }

    .banner_content h4 {

        font-size: 22.006px;

    }

    .banner_section {

        padding: 0;

    }

    .banner_content h3 {

        font-size: 26.007px;

        margin-top: 58px;

    }

    .banner_img {

        height: 690px;

    }

    .banner_carousel .owl-nav::after {

        right: 24px;

        bottom: 60px;

    }

    .owl-carousel.banner_carousel .owl-nav button.owl-next,

    .owl-carousel.banner_carousel .owl-nav button  {

        right: 0;

    }

    .banner_carousel .owl-nav {

        right: 0;

        bottom: 0;

    }

    .banner_carousel .owl-nav:before {

        right: 24px;

        top: 200px;

    }

    

    /* about_section */



    .title h2 {

        font-size: 30.016px;

    }

    .about_section {

        padding-top: 250px;

        padding-left: 20px;

        padding-right: 20px;

        text-align: center;

    }

    .about_img1 {

        top: -160px;

        left: auto;

        right: 90px;

    }

    .about_section .title{

        margin-top: 30px;

    }

    .about_section p {

        font-size: 15.004px;

    }

    



    /* branch_content */



    .branch_content {

        padding: 0 40px;

    }

    .location_box h4 {

        font-size: 23.007px;

    }



    /* special_dishes_section */



    .special_dishes_section .title h2{

        margin-bottom: 18px;

    }

    .special_dishes_section:before {

        right: -130px;

    }

    .dishes_btn {

        padding: 0 18px;

        line-height: 40px;

        font-size: 17.005px;

    }

    .branch_section::after{

        display: none;

    }



    /* choose_section */



    .choose_content {

        max-width: 605px;

        text-align: center;

        margin-top: 40px;

    }

    .title  h6 {

        font-size: 15.005px;

    }   

    .choose_section {

        padding: 70px 0;

    }



    /* footer */

    

    .footer_links ul li {

        padding-left: 20px;

        margin-left: 20px;

    }

    .footer_links ul li a {

        font-size: 14.004px;

    }

    .footer_links {

        padding: 15px 0;

        margin-top: 35px;

    }

    .footer_info ul li {

        margin-right: 28px;

        margin-bottom: 20px;

    }

    .footer_info ul {

        display: block;

    }

    .footer_info ul li p, .footer_info ul li a {

        font-size: 16.004px;

    }

    .footer_bottom{

        text-align: center;

    }

    ul.social-media-icon{

        justify-content: center;

        margin: 10px 0;

    }
    .get_touch_section ul.social-media-icon {
        margin: 0;
    }



    /* about_page */



    .about_us_section {

        padding: 150px 0 70px;

    }

    .inner_banner_content h2 {

        font-size: 40px;

        line-height: 100%;

        margin-bottom: 50px;

    }

    .inner_banner_content h4 {

        font-size: 26px;

        margin-bottom: 10px;

    }

    .about_img_food {

        width: 265px;

    }

    .wpr {

        width: 205px;

    }

    .wpr_last {

        margin-top: 0;

    }

    .inner_banner_content .wpr p {

        font-size: 14px;

        line-height: 130%;

    }

    .about_us_section::after{

        display: none;

    }



    /* services_page */



    .about_us_section, .services_section {

        padding: 165px 0 170px;

    }

    .services_section_img {

        text-align: center;

        margin-bottom: 40px;

    }

    .services_content {

        padding-left: 0;

    }

    .services_bottom_content {

        padding-left: 10px;

        padding-top: 20px;

    }

    .branch_section h4 {

        font-size: 19.007px;

    }



    /* contact_us_section */



    .contact_info_box {

        padding: 60px 40px 60px 40px;

        max-width: 60%;

        margin: 0 auto 40px;

    }

    .contact_us_section h3 {

        font-size: 38px;

        margin-bottom: 20px;

    }

    .contact_info_box {

        padding: 30px 20px 30px 20px;

        max-width: 100%;

        margin: 0 auto 40px;

    }

    .contact_info_box li .text a, .contact_info_box li .text p {

        font-size: 16px;

        line-height: 140%;

    }

    .contact_info_box ul li {

        margin-bottom: 30px;

    }

    .contact_us_section form{

        margin-left: 0;

    }



    /* branch_detail */





    .branch_detail {

        padding: 155px 0 10px;

    }

    .tabing_buttons .btn {

        padding: 0 25px;

        line-height: 46px;

        margin: 10px 10px;

        font-size: 15.005px;

    }
/* 
    .menu_img {

        height: 340px;

    } */

    .tabing_button_section .item h3 {

        font-size: 28px;

        margin-bottom: 18px;

    }

    .section_id {

        top: -280px;

    }



    /* gallery_page */



    .gallery_section {

        padding: 165px 0 70px;

    }

    section.gallery{

        padding-bottom: 70px;

    }

    .get_touch_section .contact_info > ul {
        padding: 30px;
    }
    .get_touch_section .contact_info > ul li {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .get_touch_section .contact_info > ul li:last-child {
        margin-bottom: 0;
    }

} 



@media (max-width:767px){

    .header-top{

        display: none;

    }

    html header .container {

        padding: 0;

    }

    html header .container {

        padding: 0;

    }

    .contact_us_btn{

        width: auto;

    }

    html .container {

        padding-left: 20px;

        padding-right: 20px;

    }

    .navbar-toggle {

        margin-left: 0;

    }

    html header .btn {

        font-size: 12px;

        padding: 0 15px;

        min-width: 0;

        line-height:32px;

    }

    .header-logo a {

        max-width: 120px;

    }

    nav.header-navbar {

        padding: 28px 20px;

    }

    header nav > ul > li > a {

        font-size: 20px;

        line-height: 40px;

    }

    section {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    html .btn {

        padding: 0 18px;

        line-height: 34px !important;

        font-size: 13px;

    }

    .sticky .header-logo a {

        max-width: 100px;

    }

    .sticky .header-bottom {

        padding: 15px;

    }

    .header-bottom {

        padding: 20px;

    }

    footer {

        padding-top: 70px;

    }

    footer h4 {

        margin-bottom: 15px;

        font-size: 22px;

    }

    .links-text ul li a {

        font-size: 15px;

    }

    .links-text ul li {

        margin-bottom: 10px;

    }

    .links-text {

        margin-bottom: 20px;

    }

    footer ul.social-icon a {

        width: 30px;

        height: 30px;

        margin: 0 5px 5px 0;

    }

    .footer_description {

        padding: 0;

        border: 0;

        margin-bottom: 30px;

    }

    .footer-logo a {

        max-width: 130px;

    }

    .footer-logo {

        margin-bottom: 15px;

    }

    .contact-information .text h5 {

        font-size: 15px;

    }

    .institute-copy-right p {

        font-size: 14px;

        text-align: center;

        margin-bottom: 5px;

    }

    .institute-copy-right {

        padding: 15px 0;

        margin-top: 20px;

    }



    html header .btn {

        font-size: 12px;

        padding: 0 3px 0 15px;

        min-width: 0;

        line-height: 35px !important;

    }

    html .btn {

        font-size: 12px;

        padding: 0 3px 0 15px;

        min-width: 0;

        line-height: 35px !important;

    }

    .btn span {

        height: 30px;

        width: 30px;

    }

    .header-top ul li {

        width: 50%;

    }

    /* banner_section */



    .banner_section {

        padding: 0 0 0px 0;

    }

    .banner_content h2 {

        font-size: 18.015px;

    }

    .banner_section ul.social-media-icon {

        display: none;

    }

    .banner_content h4 {

        font-size: 15.006px;

    }

    .banner_content h3 {

        font-size: 17.007px;

        margin-top: 40px;

    }

    .banner_img {

        height: 440px;

    }

    ul.social-media-icon li a {

        height: 30px;

        width: 30px;

        padding: 9px;

    }

    .banner_carousel .owl-nav:before,

    .banner_carousel .owl-nav::after{

        display:none;

    }

    .owl-carousel.banner_carousel .owl-nav button.owl-next, .owl-carousel.banner_carousel .owl-nav button {

        right: 110px;

        top: 140px;

    }

    .owl-carousel.banner_carousel .owl-nav button:before, .owl-carousel.banner_carousel .owl-nav button:after {

        bottom: -10px;

    }

    .title h2 {

        font-size: 26.016px;

        text-align: center;

    }

    .title h6 {

        font-size: 16.005px;

        text-align: center;

    }

    .banner_img {

        height: 460px;

    }

    .owl-carousel.banner_carousel .owl-nav button:before, .owl-carousel.banner_carousel .owl-nav button:after {

        bottom: 15px;

        left: -10px;

        transform: rotate(180deg);

    }

    .banner_carousel .owl-nav {

        right: 60px;

        bottom: -70px;

    }



    /* about_section */



    .about_img::before{

        display: none;

    }

    .about_section p {

        font-size: 14px;

    }

    .branch_section::after{

        display: none;

    }

    .branch_section .title h2 {

        margin-bottom: 30px;

    }

    .branch_section:before {

        display: none;

    }

    .about_section{

        padding-left: 0;

        padding-right: 0;

    }



    /* special_dishes_section */



    .view_all_button {

        text-align: center !important;

        margin-bottom: 50px;

    }

    .special_dishes_section:before {

        display: none;

    } 

    .choose_box {

        margin-bottom: 15px;

    }



    /* choose_section */



    .choose_content{

        padding:  0 20px;

    }

    .special_dishes_img{

        display: none;

    }

    .clients_box a {

        height: 90px;

        width: 90px;

        padding: 14px;

    }



    /* branch_section */



    .location_box h4 {

        font-size: 20.007px;

    }

    .location_box {

        display: flex;

        align-items: center;

        justify-content: start;

    }

    .location_box svg {

        margin-bottom: 10px;

        height: 60px;

        width: 60px;

    }

    .location_box h4 br {

        display: none;

    }

    .location_box h4 {

        font-size: 15.007px;

        text-align: left;

        margin-left: 20px;

    }

    .location_box:hover img{

        display: none;

    }





    /* footer */

    footer{

        padding-top: 20px;

    }

    .header-bottom{

        margin: 0 5px;

        padding: 10px;

    }

    .footer_links:before {

        left: auto;

        bottom: auto;

        right: 30px;

        top: auto;

    }

    footer:before {

        display: none;

    }

    .footer_logo{

        text-align: center;

    }

    .footer_logo a img {

        max-height: 110px;

        margin: auto;

    }

    .footer_links ul {

        display: block;

    }

    .footer_links ul li {

        padding-left: 0;

        margin-left: 0;

        margin-bottom: 10px;

    }

    .footer_links ul li:before{

        display: none;

    }

    .footer_info {

        padding: 30px 0 15px;

    }

    .lf-arrows.owl-carousel .owl-nav button {

        margin: auto 50px;

    }



    /* about_page */



    .wpr {

        width: 100%;

    }

    .about_img_food {

        width: 100%;

        height: 466px;

    }

    .inner_banner_content .wpr_first p{

        margin-bottom: 30px;

    }

    .inner_banner_content h2 {

        font-size: 32px;

        margin-bottom: 0;

    }



     /* services_page */



     .services_content p {

        font-size: 14px;

        line-height: 140%;

        text-align: center;

    }

    .services_section {

        padding: 100px 0 50px;

    }



    /* branch_detail */



    .section_id {

        top: -500px;

    }

    .tabing_buttons {

        justify-content: flex-start;
        display: flex;
        flex-wrap: nowrap;
        position: sticky;
        white-space: nowrap;
        overflow-x: auto;
        top: 70px;
        padding-top: 10px;
        padding-bottom: 20px;

    }

    .tabing_buttons .btn {

        margin: 10px 10px;

        font-size: 15px;

        width: auto;

        min-width: 200px;

    }

    .services_section{

        padding-bottom: 10px;

    }

    .tabing_button_section .item {

        padding: 0 0 20px 0;

    }

    .tabing_button_section .item h3 {

        font-size: 22px;

        margin-bottom: 18px;

    }

    .section_id {

        top: -160px;

    }



     /* gallery_page */



     .gallery_section {

        padding: 165px 0 50px;

    }

    section.gallery{

        padding-bottom: 50px;

    }

    .grid-item {

        width: 50%;

    }

    .grid-item {

        padding: 10px;

    }
    .get_touch_section .contact_info > ul li {
        font-size: 15px;
    }
    .get_touch_section .contact_info > ul li .icon {
        width: 20px;
        height: 20px;
        min-width: 20px;
        margin-right: 8px;
        margin-top: 5px;
    }
    .get_touch_section ul.social-media-icon li a {
        padding: 7px;
    }
}



