/* Medium desktop :992px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .reservation .bg-img-1 {
      background-position: -150px top;
    } 
    .offer-section .bg-img {
      background-position:  0 center;
    }    
    .ptb-100 {
      padding: 80px 0;
    }
    .boxed-layout .wrapper {
      width: 1180px;
    }
    .boxed-layout .sticky {
      width: 1180px;
    }
        
        
        
        
        
        
    }
    
    /* Normal desktop :992px. */
    @media (min-width: 992px) and (max-width: 1199px) {
    .menu ul li a {
      font-size: 14px;
      padding: 39px 0 39px 26px;
    } 
    .sticky .menu ul li a {
      padding: 39px 0 39px 26px;
    }   
    .foode-item-box ul li a {
      padding: 59px 12px;
    }    
    .single-food-price {
      right: 12px;
    } 
    .header.sticky .logo {
      width: 100%;
    }
    .sticky .header-right .search {
      padding-top: 36px;
    }
    .reservation .bg-img-1 {
      background-position: -200px top;
    }  
    .blog-title {
      margin-left: 10px;
    }
    .blog-title > h3 {
      font-size: 13px;
    }    
    .blog-title {
      margin-left: 10px;
    }    
    .publish-date {
      width: 45px;
    }
    .publish-date > p {
      font-size: 14px;
    }    
    .single-blog {
      height: 197px;
    }   
    .testimonial {
      background-position: 85% 0;
    }
    .offer-section .bg-img {
      background-position: 35% 0;
    }    
    .sin-testiImage::before {
      left: 26px;
    }    
    .ptb-100 {
      padding: 80px 0;
    }
    .about-description .text-2 {
      display: none;
    }
    .see-more-video > h3::before {
      width: 68px;
    }    
    .resta-about {
      padding: 80px 0 140px;
    }    
    .pt-100{padding-top: 80px}  
    .contact-bottom-section .col-md-6.contact-form-div .contact-form {
      width: 485px;
    }    
    .item2 .food_item_box, .item1 .food_item_box, .item3 .food_item_box {
      background-color: #f1f1f1;
      background-image: none;
    }   
    .food_item_box ul li a {
      padding: 30px 0;
    }    
    .food_item_box,.item3 .food_item_box {
      height: 110px;
    }    
    .item3 .food_item_box ul li {
      margin-top: 0;
    }    
    .offer-section .bg-img {
      background-position:  0 center;
    }    
    .blog-thumbnail .blog-title {
      padding: 18px 0;
    }    
    .blog-thumbnail .blog-title h4 {
      font-size: 13px;
    }    
    .boxed-layout .wrapper {
      width: 100%;
    }
    .boxed-layout .sticky {
      width: 100%;
    }    
    .header-right .search {
       padding-top: 36px;
    }    
        
        
       
    }
    
     
    /* Tablet desktop :768px. */
    @media (min-width: 768px) and (max-width: 991px) {
    .middle-text .title-2 h1 {
      font-size: 30px;
    }
    .middle-text .title-1 h2 {
      font-size: 30px;
    }
    .middle-text p {
      font-size: 13px;
    }
    .sticky-header {
      height: 70px;
      display: grid;
      align-items: center;
    }
    .mobile-menu-area {
      position: absolute;
      top: 45px;
    }
    .mean-container .mean-bar {
      position: unset;
    }
    .header-right .search {
      display: none;
    }
    .header .logo {
      margin-bottom: -21px;
    } 
    .header.sticky .logo {
      margin-bottom: -15px;
    }
    .sticky .mean-container a.meanmenu-reveal {
      top: -60px;
    } 
    .sticky .header-right .search {
      padding-top: 32px;
    }
    .header-right, .header-right .search {
      justify-content: flex-end;
    } 
    .welcome-about p.text2 {
      display: none;
    }    
    .welcome-about p.text1 {
      margin-bottom: 15px;
      margin-top: 15px;
    }
    .ptb-100 {
      padding: 60px 0;
    }    
    .fooder-menu-description.float_left .single-food-item {
      padding-right: 0;
    }
    .fooder-menu-description.float_right .single-food-item {
      padding-left: 0;
    }    
    .single-food-price {
      left: 0;
      position: inherit;
      right: auto;
      top: 3px;
    }    
    .single-food-item-desc {
      padding: 8px 25px 8px 20px;
    }    
    .single-food-item-title {
      margin-top: 11px;
    }
    .single-food-price > p {
      font-size: 20px;
    }
    .food-img {
      margin: 24px 0;
    }
    .foode-item-box::before, .foode-item-box::after {
      display: none;
    }
    .foode-item-box ul li a {
      padding: 40px 17px;
    }    
    .foode-item-box {
      height: inherit;
    }    
    .reservation .bg-img-1 {
      background-position: -204px 95px;
    }
    .reserve-form {
      padding: 80px 35px 80px 100px;
    }    
    .reserve-form {
      padding: 80px 0 80px 50px;
    }    
    .blog-desc {
      bottom: 8px;
    }    
    .testimonial {
      background-position:  80% -14px ;
    }
    .sin-testiImage::before {
      left: 42px;
    }
    .single-test-text {
      padding: 60px;
    }    
    .single-footer {
      height: 260px;
    }    
    .single-footer-details.mt-30 {
      margin-top: 18px;
    }    
    .single-footer-details ul {
      padding-top: 0;
    }    
    .instagram .single-footer-details.mt-30 {
      margin-top: 25px;
    } 
    .welcome-about h3.title_2 {
      line-height: 21px;
    }    
    .about-resta-details {
      padding: 40px;
      position: inherit;
      top: 0;
      width: 100%;
    }
    .about-rest-img {
      float: none;
      margin-top: 40px;
      width: 100%;
    } 
    .about-rest-img > img {
      width: 100%;
    }    
    .resta-about {
      padding: 60px 0;
    }    
    .pt-100 {
      padding-top: 60px;
    }    
    .choose-us-desc {
      padding: 120px 0 60px;
    }    
    .contact-bottom-section .col-md-6.contact-form-div .contact-form {
      margin-bottom: 40px;
      padding-left: 30px;
      padding-right: 30px;
      width: inherit;
    }
    .contact-bottom-section .col-md-6.map-div {
      padding-left: 0;
    }
    .item2 .food_item_box, .item1 .food_item_box, .item3 .food_item_box {
      background-color: #f1f1f1;
      background-image: none;
    }   
    .food_item_box ul li a {
      padding: 30px 0;
    }    
    .food_item_box,.item3 .food_item_box {
      height: 110px;
    }    
    .item3 .food_item_box ul li {
      margin-top: 0;
    }     
    .offer-section .bg-img {
      background-position:  0 center;
    }    
    .blog-thumbnail .blog-title h4 {
      font-size: 13px;
    }
    .blog-title {
       margin-left: 10px;
      padding: 18px 0;
    }    
    .blog-right-sidebar {
      margin-top: 60px;
    }    
    .widget-title > h3 {
      font-size: 30px;
    } 
    .recent-post-thumbnail > img {
      height: inherit;
      width: 100%;
    }    
    .widget-video {
      position: relative;
      width: 270px;
    }    
    .boxed-layout .wrapper {
      width: 100%;
    }
    .boxed-layout .sticky {
      width: 100%;
    } 
    .slider-content {
      padding: 150px 0;
    }
    
    /* --Elements Tab-- */
    .nav-link {
      padding: .5rem .5rem;
    }
        
        
        
    }
    
     
    /* small mobile :320px. */
    @media (max-width: 767px) {
    /* .container {width:300px} */

    .mobile-center {
      text-align: center;
    }

    .footer .email {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .footer .social-media-follow {
      margin-top: 10px;
      text-align: center;
    }

    .platform-section {
      margin-top: -10px;
    }

    .platform-item {
      width: 100px;
      height: 40px;
      padding: 5px;
    }
    .loading-center-absolute {
      margin-left: -50px;
    }
    .align-items-center-mobile {
      align-items: center;
    }
    .sticky-header {
      height: 50px;
      display: grid;
      align-items: center;
    }
    .welcome-about {
      /* padding-left: 30px; */
      margin-top: 10px;
      text-align: center;
    }
    .mobile-menu-area {
      position: absolute;
      top: 36px;
    }
    .mean-container .mean-bar {
      position: unset;
    }
    .header-right .search {
      display: none;
    }  
    /* .header .logo {
      margin-bottom: -16px;
    }  */
    .header.sticky .logo {
      margin-bottom: -15px;
    }
    .mean-container a.meanmenu-reveal {
      left: auto !important;
      /* top: -62px; */
      top: -54px;
      /* right: -50px !important; */
    }
    .slide1-text,.slide2-text,.slide3-text {
        text-align: center;
    }
    .middle-text .title-1 h2 {
      margin-bottom: 6px;
    }
    .middle-text .title-1 h2 {
      font-size: 24px;
    }
    .middle-text .title-2 h1 {
      display: none;
    }
    .middle-text p {
       display: none;
    }
    .middle-text .order-now a {
      font-size: 13px;
      padding: 7px 15px;
    }
    .middle-text .order-now {
      margin-top: 5px;
    }
    .slider-container .nivo-controlNav {
      bottom: 5px;
    }
    .nivo-controlNav a.active {
      font-size: 20px;
    }
    .nivo-controlNav a {
      font-size: 14px;
    }
    .slide3-text {
      margin-right: 0;
    }   
    .ptb-100 {
      padding: 35px 0;
    }    
    .welcome-about h2.title_1 {
      font-size: 30px;
    }    
    .welcome-about h3.title_2 {
      font-size: 14px;
       line-height: 20px;
    }    
    .welcome-about p.text2 {
      display: none;
    }    
    .welcome-about-img {
      margin-top: 30px;
    }    
    .popular-dishes .bg-img-2 {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }    
    /* .popular-dishes {
      background: #eee1c9 none no-repeat scroll left bottom;
    }     */
    .single-disesh .disesh-img {
      height: unset;
    }
    .section-title > h2 {
      font-size: 28px;
    }    
    .section-title {
      margin-bottom: 35px;
    }    
    .welcome-about .read-more > a {
      padding: 7px 24px;
    }    
    .single-disesh {
      margin-bottom: 35px;
      padding: 0;
    }    
    .disesh-desc p.desc {
      font-size: 13px;
      line-height: 1.5;
    }
    .foode-item-box::before, .foode-item-box::after {
      display: none;
    }    
    .foode-item-box {
      height: 100px;
      margin-bottom: 40px;
    }    
    .foode-item-box ul li a {
      font-size: 13px;
      padding: 15px 8px;
    }    
    .food-img {
      float: none;
      margin: 12px 0;
      width: 100%;
    }
    .food-img {
      float: none;
      width: 100%;
    }    
    .single-food-item-desc {
      border-left: medium none;
      border-top: 1px solid #ddd;
      float: none;
      padding: 18px 0 0 10px;
      text-align: center;
      width: 100%;
    }    
    .fooder-menu-description.float_left .single-food-item {
      padding-right: 0;
    }    
    .single-food-item-title h2 {
      font-size: 14px;
       margin-bottom: 0;
    }    
    .single-food-price {
      margin-top: 5px;
      position: inherit;
      right: auto;
      top: 0;
    }    
    .single-food-price > p {
      font-size: 20px;
    } 
    .fooder-menu-description.float_right .single-food-item {
      padding-left: 0;
      margin-top: 35px;
    }    
    .our-gallery {
      background-image: none;
    }
    .our-gallery .bg-img-2 {
      background-image: none;
      padding-bottom: 0;
      padding-top: 35px;
    }    
    .gallery-menu.mb-60 {
      margin-bottom: 35px;
    }    
    .gallery-menu ul li {
      margin-bottom: 6px;
      margin-left: 18px;
    } 
    .reservation .bg-img-1 {
      background: rgba(0, 0, 0, 0) none no-repeat scroll left top;
    }    
    .reserv-section-inner .bg-img {
      right: 0;
    }
    .reserve-form {
      background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
      padding: 75px 14px;
      width: 100%;
    }
    .reserv-title.mb-60 {
      margin-bottom: 25px;
    }
    .reserve-submit.mt-40 {
      margin-top: 21px;
    }
    .publish-date {
      padding: 15px 0;
      width: 45px;
    }    
    .publish-date > p {
      font-size: 14px;
    }    
    .blog-title {
      margin-left: 5px;
    }    
    .blog-title > h3 {
      font-size: 12px;
    }    
    .single-blog {
      height: 190px;
      margin-bottom: 35px;
    }
    .testimonial {
      background: rgba(0, 0, 0, 0) none no-repeat scroll right top;
    }    
    .single-test-text {
      padding: 20px 11px;
    }    
    .testimonial-text-slider.slick-dotted.slick-slider {
       margin-top: 15px;
    }    
    .test-title.mb-50 {
      margin-bottom: 20px;
    }    
    .testimonial-sliders .slick-dots {
      bottom: 15px;
    }    
    .single-team {
      padding: 0 10px;
    }    
    .offer-inner h2.ttle2 {
      font-size: 20px;
    }    
    .single-footer-details.mt-30 {
      margin-top: 15px;
    }    
    .single-footer {
      margin-bottom: 20px;
      overflow: hidden;
    }    
    .single-footer.newsletter {
      margin-bottom: 0;
      position: unset;
    }    
    .breadcrubs {
      padding: 65px 0;
    }
    .about-resta-details {
      padding: 25px;
      position: inherit;
      top: 0;
      width: 100%;
    }    
    .about-description p.text-1 {
      margin-bottom: 15px;
    }    
    .see-video {
      display: none;
    } 
    .about-rest-img,.about-rest-img img {
      width: 100%;
    } 
    .about-rest-img{
      margin-top: 30px;
    }    
    .resta-about {
      padding: 35px 0;
    }    
    .single-fun-factor,.single-choose,.single-member {
      margin-bottom: 35px;
    }    
    h2.counter {
      font-size: 30px;
      margin-top: 15px;
    }    
    .fun-factor .row .col-xs-12:last-child .single-fun-factor,.choose-us-desc  .row .col-xs-12:last-child .single-choose,.our-team-area .row .col-xs-12:last-child .single-member {
      margin-bottom: 0;
    } 
    .pt-100 {
      padding-top: 35px;
    }    
    .choose-us-desc {
      margin-top: -30px;
      padding: 65px 0 35px;
    }    
    .ptb-80{padding: 35px 0}   
    .our-blog-pages .row .col-xs-12:last-child .single-blog {
      margin-bottom: 0;
    }   
    .single-gallery-hover > span {
      font-size: 26px;
      line-height: 65px;
    }
    .single-gallery-hover {
      height: 65px;
      margin-top: -32px;
    } 
    .our_gallery .row .col-xs-12 .single-gallery-img {
      margin-bottom: 30px;
    }   
    .our_gallery .row .col-xs-12:last-child .single-gallery-img {
      margin-bottom: 0;
    }     
    .contact-bottom-section .col-lg-6.contact-form-div .contact-form {
      margin-bottom: 40px;
      padding-right: 15px;
      width: 100%;
      padding-left: 15px;
    }
    .contact-bottom-section .col-lg-6.map-div {
      padding-left: 0;
    }    
    .single-contact-information {
        margin-bottom: 30px;
    }
    .contact-information .row .col-xs-12:last-child .single-contact-information {
        margin-bottom: 0;
    }
    .error-content h2 {
      font-size: 115px;
    }
    .error-content > h3 {
      font-size: 32px;
    }    
    .error-content h4 {
      font-size: 20px;
      line-height: 30px;
    }    
    .error-content > p {
      display: none;
    }    
    .item2 .food_item_box, .item1 .food_item_box, .item3 .food_item_box {
      background-color: #f1f1f1;
      background-image: none;
    }   
    .food_item_box ul li a {
      font-size: 20px;
      padding: 19px 0;
    }    
    .food_item_box, .item3 .food_item_box {
      height: 70px;
    }   
    .item3 .food_item_box ul li {
      margin-top: 0;
    }
    .food_item_box ul li {
      margin-left: 27px;
    }    
    .mb-55,.mb-60 {
      margin-bottom: 35px;
    }    
    .pb-80{padding-bottom: 35px}     
    .offer-section .bg-img {
      background-image:  none;
    }    
    .choose-us {
      background-image: none;
    }    
    .blog-thumbnail .blog-publish {
      display: none;
    }
    .blog-share-social, .cheaf-quote-social {
      position: inherit;
    }    
    .cheaf-quote-img,.cheaf-quote-img  img,.cheaf-quote-desc,.blog-comment-img,.blog-comment.reply .blog-comment-img,.blog-comment.reply .blog-comment-desc,.blog-comment-desc {
      width: 100%;
    }    
    .cheaf-quote-desc {
      padding: 35px 10px 35px 20px;
    }
    .blog-comment-box {
      margin-top: 40px;
    }    
    .cheaf-quote-text > p {
      font-size: 14px;
    }    
    .blog-comment-img img {
      float: left;
    }
        
    .blog-comment-desc {
      padding-left: 0;
      margin-top: 30px;
    }    
    .blog-comment-img > img {
      width: 100px;
    }    
    .blog-comment-form.mt-40 {
      margin-top: 0;
    }    
    .comment-title > h3 {
      margin-bottom: 35px;
    }    
    .comment-input .input-field {
      padding-left: 0;
      width: 100%;
      margin-bottom: 30px;
    }    
    .comment-input {
      margin-bottom: 0;
    }    
    .blog-comment-form .submit > button {
      padding: 15px 0;
    }    
    .blog-right-sidebar {
      margin-top: 30px;
    }    
    .blog-details-page .bg-img {
      background: none;
    }
    .boxed-layout .wrapper {
      width: 100%;
    }
    .boxed-layout .sticky {
      width: 100%;
    }  
    .slider-content {
      padding: 80px 0;
    } 
    .slider-content .middle-text .title-2 h1 {
      display: block;
      font-size: 20px;
    }    
    .alert {
      line-height: 20px;
    }    
    .properties-video {
      margin-bottom: 30px;
    }    
    
    /* --Elements Accordion-- */
    .panel-group{
      margin-bottom: 20px;
    }
    /* --Elements Tab-- */
    .nav-link {
      padding: .5rem .4rem;
    }
        
     
    }
     
    /* Large Mobile :480px. */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    /* .container {width:450px} */
    .middle-text .title-2 h1 {
      display: block;
    }    
    .middle-text .title-1 h2, .middle-text .title-2 h1 {
      font-size: 35px;
    } 
    .sticky-header {
      height: 50px;
      display: grid;
      align-items: center;
    }
    .mobile-menu-area {
      position: absolute;
      top: 36px;
    }
    .mean-container .mean-bar {
      position: unset;
    }
    .header .logo {
      margin-bottom: -16px;
      width: 120px;
    }
    /* .mean-container a.meanmenu-reveal {
      top: -62px;
    }    */
    .slider-container .nivo-controlNav {
      bottom: 12px;
    }    
    .ptb-100 {
      padding: 40px 0;
    }    
    .welcome-about p.text1 {
      margin-top: 10px;
    }    
    .dises-list.slick-slider .col-xs-12 {
      width: 50%;
    }    
    .dises-list.slick-slider .dises-show .col-xs-12:last-child {
      display: none;
    }    
    .foode-item-box {
      height: 80px;
    }    
    .foode-item-box ul li a {
      padding: 8px 10px;
    } 
    .foode-item-box ul.nav {
      margin-top: 7px;
    }   
    .single-food-item-title h2 {
      font-size: 18px;
    }    
    .food-img {
      margin: 18px 0;
    }    
    .gallery-item-box .col-xs-12 {
      float: left;
      width: 50%;
    }    
    .our-gallery .bg-img-2 {
      padding-bottom: 10px;
    }    
    .single-blog {
      height: 270px;
    }    
    .blog-thumbnail img {
      width: 100%;
    }    
    .blog-title > h3 {
      font-size: 16px;
    }   
    .publish-date {
      padding: 16px 0;
      width: 55px;
    }    
    .blog-title {
      margin-left: 15px;
    }
    .single-footer .open-list li {
      font-size: 13px;
    }    
    .footer-top .col-xs-12 {
      width: 50%;
    }    
    .resta-about {
      padding: 40px 0;
    }
    .about-rest-img {
      margin-top: 40px;
    }    
    .fun-factor .row .col-xs-12 {
      width: 50%;
    }    
    .fun-factor.ptb-100 {
      padding-bottom: 0;
    }    
    .ptb-80{padding: 40px 0}   
    
    .our_gallery .row .col-xs-12 {
        width: 50%;
    }
    .our_gallery .row .col-xs-12:last-child {
        display: none;
    }
     .our_gallery .row .col-xs-12 {
        width: 50%;
    }
    .our_gallery .row .col-xs-12:last-child {
        display: none;
    }
    .our_gallery .row .col-xs-12 .single-gallery-img.mb-30 {
      margin-bottom: 30px;
    }     
     
    .our_gallery .row .col-xs-12 .single-gallery-img {
      margin-bottom: inherit;
    }     
    .error-content h2 {
      font-size: 140px;
    }
    .error-content > p {
      display: block;
    }    
    .mb-55,.mb-60 {
      margin-bottom: 40px;
    } 
    .pb-80{padding-bottom: 40px}    
    .food_item_box ul li a {
      font-size: 28px;
      padding: 15px 0;
    }    
    
    .slider-content {
      padding: 120px 0;
    }    
    .middle-text .order-now {
      margin-top: 12px;
    }
    .single-footer .open-list li {
      line-height: 20px;
    }    
      
        
        
     
    }
    
    @media only screen and (min-width: 360px) and (max-width: 479px) {
      .sticky-header {
        height: 50px;
        display: grid;
        align-items: center;
      }
      .mobile-menu-area {
        position: absolute;
        top: 36px;
      }
      .mean-container .mean-bar {
        position: unset;
      }
    }