/* Laptop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {

.call-back-content {
	padding-left: 30px;
	padding-right: 60px;
}
.wrapper-box {
	padding: 0 40px;
}
.coll-back-form {
	padding: 120px 60px;
}
.slider-content.slider-two h2 {
	font-size: 95px;
}

}


/* LG :992px. */
@media (max-width: 1200px) {
    
    
    h1{ font-size: 50px }
    h2{ font-size: 40px }
    h3{ font-size: 32px }
    h4{ font-size: 26px }
    h5{ font-size: 20px }
    
    
    
    .btn{
        font-size: 14px;
        line-height: 30px;
        padding: 6px 30px;
    }
    
    header .header-top{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        font-size: 14px;
    }
    
    
    
    header .header-top .header-top-start{
        display: inline-flex;
        align-items: center;
    }
    
    header .header-top .header-top-middle{
        display: inline-flex;
        justify-content: space-around;
        align-items: center;
    }
    
    header .header-top .header-top-end{
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    
    .header .cta-nav .primary-contact a{
        padding: 0
    }
    
    .header .cta-nav .primary-contact a .text{
        display: none
    }
    
    header .header-top ul.blocks li:not(:last-child){
        margin-right: 30px
    }
    
 
    
    header.sticky .logo{
        margin: 0;
    }
    
    header .logo img{
        width:200px
    }
    
    
    header .main-menu,
    header .header-top-end,
    header .btn-book-table{
        display: none
    }
    
    
    header .contact-info .phone-number{
        font-size: 18px;
    }
    
    header .main-menu nav{
        margin-right: 0;
    }
    
    header .main-menu nav ul li a{
        font-size: 13px;
    }
    
    header .main-menu-area .top-right-icons .icon{
        margin: 0 15px 0 5px 
    }
    
    
    header .main-menu-area .menu-icon,
    header .header-top ul.blocks li a span{
        display: none
    }
    
    
    .section-group .banner-overlay{
        margin: -60px 0 0 0;
    }
    
    
    
    
    .section-title{
        margin-bottom: 20px;
    }
    
    .section-title h1.section-title-text{
        font-size: 20px;
    }
    
    .home-main-slider .banner-content{
        top: 80px;
        left: 60px;
        right: 60px;
    }
    
    .inner-hero .heading{
        font-size: 34px
    }
    

    .featured-menu .menu-list .category-title, .featured-menu .menu-list .pack-price{
        font-size: 18px
    }
    
    .tr-story-brief .content-block{
        padding: 10px 0 0 0
    }
    
    .contact-card,
    .contact-form .form-container{
        width: 100%
    }
    
    .contact-number, 
    .email-address{
        font-size: 16px;
    }
    
    .contact-info .basic-form{
        padding-left: 30px
    }
    
    .contact-card ul.contact-info .dividers{
        margin: 0 10px
    }
    
    .contact-card ul.contact-info li small{
        font-size: 11px
    }
    
    footer .opening-hours p span{
        display: block
    }


}


/* MD :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    
    header .hamburger-icon{
        display: inline-block
    }
    
    header .our-brands .brand-logo span,
    header .social-block p,
    header .main-menu-area{
        display: none
    }
    
    header .our-brands{
        margin: 0 0 0 15px
    }
    
    header .our-brands .divider{
        margin: 0 10px
    }
    
    .main-menu ul li {
        margin-right: 19px;
    }
    .main-menu ul li a {
        font-size: 12px;
    }
    .menu-area {
        margin-bottom: -72px;
    }

    .main-menu .home-two li:last-child {
        margin: 0;
    }
    
    
    .home-main-slider .banner-content{
        top: 60px;
        left: 20px;
        right: 20px;
    }
    
    .hero{
        padding: 140px 0 80px 0
    }
    
    
    .hero-main::after{
        height: 230px
    }
    
    .hero .heading{
        font-size: 40px
    }
    
    .slider-content.slider-two h2 {
        font-size: 50px;
    }
    .slider-content.slider-two p {
        font-size: 14px;
    }
    .section-title p {
        padding: 0;
    }
    .main-menu-area.home-two-area {
        padding-top: 20px;
    }
    
    
    .tr-story,
    .featured-menu,
    .catering-services{
        padding: 60px 0
    }
    
    .catering-services{
        padding-bottom: 0
    }
   
    .catering-brief{
        background: #ffd01e;
        height: auto;
        padding: 50px 0;
        margin: 0
    }
    
    .main-inner .catering-brief{
        margin: 60px 0 0 0
    }
    
    .catering-brief .brief-content{
        min-height: inherit
    }
    
    .experts-brief .content-block{
        padding: 30px
    }
    
    .experts-brief .chef-photo img{
        width: 100%
    }
    
    
    .catering-menu-list{
        grid-template-columns: 1fr
    }
    
    .categories .categories-list{
        grid-template-columns: 30% 30% 30%;
        grid-gap: 5%;
    }
    
    .full-menu .category-details .cat-head .title .title-text{
        font-size: 50px
    }
    
    
    
    .full-menu .category-list .category-menu .menu-thumb img{
        width: 240px
    }
    
    .full-menu .category-list .category-menu .list-item{
        color: #ffffff
    }
    
    
    .contact .contact-card ul.contact-info{
        flex-direction: column
    }
    
    .contact .contact-card ul.contact-info small {
        display: block;
    }
    
    footer .footer-head{
        display: grid;
        grid-template-columns: 1fr;
    }
    
    footer .footer-head .reach-us{
        display: block;
    }
    
    footer .opening-hours{
        margin: 30px 0;
        border-left: none;
        padding-left: 0
    }
    
    .footer .reach-us .contact-info{
        display: flex;
        flex-direction: column;
        gap:10px;
    }
    
    footer .footer-head .info-col a{
        margin: 0 20px 0 0 
    }
    
    .footer-menu .fb-last{
        margin-left: 15px;
    }
    .customer-subscription{
        margin-top: 20px;
      }
      .footer  .social{
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    .terms-block{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .brand-info{
        margin-bottom: 15px;
    }
    .brand-info p{
        align-items: center;
        justify-content: center;
        text-align: center;
    }
     .section .section-body{
        padding: 0 30px;
    }
    

}


/* XS  :320px. */
@media (max-width: 767px) {
    
    body{
        font-size: 13px
    }
    
    h1{ font-size: 30px }
    h2{ font-size: 26px }
    h3{ font-size: 22px }
    h4{ font-size: 20px }
    
    .btn{
        font-size: 14px;
        line-height: 24px;
        padding: 8px 20px;
    }
    
    .btn-wrapper{
        flex-direction: column
    }
    
    p.lead{
        font-size: 14px
    }

    header .logo img{
        width: 180px;
    }
    
    header .lang-select>span,
    header .main-menu nav,
    header .header-top ul.blocks li.reviews-badge,
    header .header-top ul.blocks li.social-icons,
    header .contact-info .phone-number span,
    header .contact-info .email{
        display: none;
    }
    
    header .contact-info .icon,
    header .contact-info .phone-number,
    header .hamburger-icon{
        display: inline-flex
    }
    
    
    
    
    header .contact-info .icon{
        padding: 0 5px;
        font-size: 20px;
    }
    
    header .contact-info{
        flex-direction: row
    }
    
    header .lang-select .btn{
        font-size: 16px;
    }
    
    header .main-menu-area{
        padding: 0;
        margin: 0
    }
    
    header .lang-select .selected-lang{
        font-size: 16px
    }
    
        
    header .main-menu-area .top-right-icons .icon{
        margin: 0 10px;
        width: 30px;
        height: 30px;
        font-size: 14px
    }
    
    header .main-menu-area .top-right-icons .icon:last-child{
        margin-right: 0;
    }
    
    header.header::after{
        background-size: 50px
    }
    
    
    header .our-brands,
    header .social-block{
        display: none
    }
    
    .hero{
        padding: 160px 0 40px 0
    }
    
    .hero-main::after{
        height: 150px
    }
    
    .home-main-slider .banner-content{
        top: 40px;
        left: 40px;
        right: 40px;
    }
    
    .hero .heading{
        font-size: 26px
    }
    
    .hero .home-main-slider .banner-content p.sub-heading{
        font-size: 16px;
        line-height: 1
    }
    
    .hero .brand-slogan{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    
    .inner-hero{
        padding: 30px  0 0 0
    }
    
    .inner-hero .heading{
        font-size: 30px;
        letter-spacing: 6px;
        margin: 0 auto;
    }
    
    .inner-hero .sub-heading{
        font-size: 18px;
        line-height: 1.4
    }

    

    
    .home-main-slider .owl-carousel .owl-dots{
        bottom: 0
    }
    
    main{
        padding-top: 0;
    }
    
    section.section{
        padding: 40px 0
    }
    
    .section-title h2 {
        font-size: 20px;
    }
    
    .page-title-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .page-title h2 {
        font-size: 20px;
    }
    
    .page-hero{
        padding: 40px 0;
        margin-bottom: 0
    }
    
    .page-hero-content figure{
        margin-top: 40px
    }
    
    .page-hero-content figure img{
        width: 100%
    }
    
    
    .page-hero .page-hero-content .lead{
        font-size: 16px
    }
    
    
    
    .inner-banner.banner-content{
        min-height: 60vh;
    }
    
    .inner-banner h1{
        font-size: 30px
    }
    
    .inner-banner .page-banner-text{
        font-size: 30px;
    }
    
    
    .nav-col{
        grid-template-columns: 1fr;
    }
    
    
    
    
    .main-banner .main-banner-content, 
    .inner-banner-content.page .page-banner-content,
    .page .page-banner-content{
        padding: 100px 0 80px 0
    }
    
    
    .main-banner,
    .inner-banner.banner-content{
        background-position: 0 0;
        background-size: auto;
        height: auto;
        min-height: 80vh;
    }
    
    .main-banner .main-banner-content h1{
        font-size: 30px;
        padding: 0;
    }
    
    .tr-story{
        padding: 40px 0
    }
    
    .tr-story::before{
        top: -50px
    }
    
    .tr-story::after{
        height: 400px;
        background-size: inherit;
    }
    
    .section-group .banner-overlay{
        margin: 0;
    }
    
    section.menu{
        padding: 40px 0 0 0
    }
    
    .flex-items{
        display: flex;
        flex-direction: column
    }
    
    .flex-items .search-types{
        order: 1;
    }
    
    .flex-items .about-owner-teaser{
        order: 2;
    }

    
    .page-hero.gallery-hero{
        padding: 40px 0 0 0
    }
    
    
    .primary-contact-info-card{
        float: inherit;
    }
    
    .featured-menu,
    .catering-brief{
        padding: 40px 0
    }
    
    
    .catering-brief{
        background: #ffd01e;
        height: auto;
        padding: 50px 0;
        margin: 0 0 40px 0
    }
    
    .main-inner .catering-brief{
        margin: 60px 0 0 0
    }
    
    .catering-brief .brief-content{
        min-height: inherit
    }
    
    
    .catering-brief .frame{
        display: none
    }
    
    .catering-brief .brief-content{
        width: 100%;
        justify-content: flex-start;
        min-height: auto;
    }
    
    .catering-services .primary-services{
        flex-direction: column;
        gap:20px;
        margin: 30px 0
    }
    
    
    
    .catering-services .primary-services .card{
        width: 100%
    }
    
    
    .featured-menu .menu-list .pack-price{
        font-size: 20px
    }
    
    .categories .categories-list{
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        padding: 0
    }
    
    .categories .categories-list li{
        border-radius: 10px
    }
    
    .full-menu .category-details .cat-head .title{
        margin: 0 0 30px 0
    }
    
    .full-menu .category-details{
        padding:30px 0 0 0
    }
    
    .full-menu .category-details .cat-head .title .title-text{
        font-size: 20px
    }
    
    .full-menu .category-list .category-menu .list-item .item-price{
        width: 140px;
        flex: 100%;
    }
    
    .full-menu .category-list .category-menu .menu-thumb img{
        width: 100px
    }
    
    .full-menu .category-list .category-menu .menu-thumb{
        margin: 0 20px 0 0
    }
    
    .full-menu .category-list .category-menu .list-item{
        font-size: 14px
    }
    
    .full-menu .category-list .category-menu .item-des,
    .catering-menu-list .item-type span{
        font-size: 11px;
        line-height: 14px
    }
    
    .catering-menu-list .item-type span::before{
        top: 6px
    }
    
    .full-menu .category-list .category-menu .list-item .qty-price-label span,
    .full-menu .category-list .category-menu .list-item .qty-price span{
        width: 64px
    }
    
    .full-menu .reservation-info{
        margin:  0 0 40px 0
    }
    
    .catering-brief-card .card-body{
        padding: 30px
    }
    
    .catering-menu-list{
        grid-template-columns: 1fr
    }
    
    .categories .list-small{
        grid-template-columns: 30% 30% 30%;
        grid-column-gap: 5%;
        margin: 0;
        padding:0 0 80px 0 
    }
    
    .categories .categories-list a .heading{
        font-size: 12px;
        padding: 10px 0
    }
    
    .offer-cards{
        margin: 0
    }
    
    .contact .contact-card ul.contact-info .dividers{
        border-left: none;
        border-right: none;
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }
    
    .contact .contact-card ul.contact-info .dividers::before,
    .contact .contact-card ul.contact-info .dividers::after{
        display: none
    }
    
    .contact .contact-card .card-body{
        padding: 30px
    }
    
    .contact  .contact-card ul.contact-info,
    .contact .reachus{
        flex-direction: column;
        font-size: 18px
    }
    
    
    
    .contact  .contact-card ul.contact-info li{
        padding: 5px 0
    }
    
    .contact .contact-card ul.contact-info small{
        display: block
    }
    
    
    .contact .contact-card ul.reachus .map{
        margin: 30px 0 0 0
    }
    
    .contact-card ul.contact-info .dividers{
        margin: 0;
        border: none
    }
    
    .contact-us .content-overlay{
        width: 90%
    }
    
    .contact-form .form-container{
        padding: 30px
    }
    
    .contact-info, .contact-form{
        padding-left: 0;
        padding-right: 0;
    }
    
    .location-info .icon-box .icon{
        margin-right: 20px
    }
    
    .contact-number, .email-address{
        font-size: 16px
    }
    
    .contact-info .basic-form{
        margin: 0 0 0 0;
        padding:40px 0 0 0;
        border-top: solid 1px rgba(0,0,0,0.10);
        border-left: none
    }
    
    


    ul.list-features{
        display: block;
        margin:40px 0 0;
    }

    .product-tech .achievement{
        margin-left: 0;
    }
    
    .product-head ul.list-dot{
        margin-left: 0;
    }
    
    .profile-modal .btn-close{
        right: 20px;
    }
    
    .profile-wrapper .profile-content{
        top: 400px;
        padding: 40px;
    }
    
    footer{
        padding: 30px 0
    }
    
    footer::after{
        background-size: auto
    }
    
    footer .site-nav,
    footer .footer-head,
    footer .footer-head .reach-us{
        display: block;
    }
    
    footer nav{
        margin-bottom: 40px
    }
    
    
    footer .opening-hours{
        margin: 30px 0;
        border-left: none;
        border-right: none;
        padding-left: 0;
        
    }
    
    
    footer nav.services{
        padding: 0;
        border-left: none;
        border-right: none
    }
    
    
   
    .footer .reach-us .contact-info{
        display: flex;
        flex-direction: column;
        gap:10px;
    }
    
    footer .footer-head .info-col p{
        margin-bottom: 0
    }
    
    footer .footer-head .info-col a{
        font-size: 20px;
        margin: 0 10px 0 0
    }
    
    
    footer .footer-menu,
    footer .footer-menu .fb-middle{
        display: block;
    }
    
    footer .footer-menu .fb-middle,
    footer .copyright{
        margin: 15px 0;
    }
    
    
    
    footer .site-links,
    footer .site-links a:first-child{
        margin: 0;
    }
    
    footer .footer-bottom{
        margin: 20px 0 0 0
    }
    .brand-info{
        margin-bottom: 15px;
    }
    .brand-info p{
        align-items: center;
        justify-content: center;
        text-align: center;
    }
.footer  .social{
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.terms-block{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.footer{
    margin: 40px 0 0 0;
    padding: 0 0 80px 0;
}
.footer .nav-links{
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
.customer-subscription{
    margin-top: 20px;
  }
  .indian-foods .food-items .item-content{
    height: 40px;
}
.indian-foods .food-items .f-item .item-name{
    font-size: 14px;
}
.inner-hero .hero-content .divider{
    padding: 20px 0;
    margin: 0;
 }
 .inner-hero .tagline{
    font-size: 15px;
}
.frame-section-plane .head-title{
    padding-left: 15px;
    padding-right: 15px;
}
.frame-section-plane .head-tagline{
    padding-left: 10px;
    padding-right: 10px;
}
.frame-section-plane .my-5{
    margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.catering .testimonials{
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
}
.menu .menu-items{
    grid-template-columns: 1fr;
    gap: 0px;
}
.menu-item{
    margin-bottom: 10px;
}
.menu .menu-section{
    padding: 20px 0;
}
.contact ul.info-list li .icon-first{
    padding: 5px 20px;
}
.contact{
    padding: 20px 0 30px 0
}

}



/* SM :550px. */
@media  (max-width: 550px) {
    
    
    .hero-main::before{
        background-position: top;
        background-size: 150%
    }
    
    .hero .home-main-slider{
        min-height: 180px;
        width:100%;
    }
    
    .hero .home-main-slider .heading{
        margin-bottom: 0
    }
    
    .hero .home-main-slider .show-md{
        display: none
    }
    
    .home-main-slider .banner-img .show-sm{
        display: block!important
    }
    
  
    
    .hero .home-main-slider .banner-content p.sub-heading{
        font-size: 13px
    }

    .main-inner .catering-brief{
        margin: 30px 0 0 0;
    }
    
    .main-inner .catering-services {
        padding: 40px 0;
    }
    .frame-section .section-container::before{
        width: 255px;
    }
    .section .head-icon{
        width: 100px;
        height: 100px;
        top:-110px;
    }
    .frame-section .section-head{
        padding: 20px 10px 0 10px;
        text-align: center;
    }
    .section .section-head .head-tagline{
        font-size: 12px;
        line-height: 1.2;
        color: #9b8964;
        margin: 10px 0 0 0;
    }
    .featured-flavours{
        padding: 0 0px;
    }
    .featured-flavours .ff-item .ff-name{
        
        padding:3px 5px;
        border-radius: 10px;
        font-size: 10px;
        height: 38px;
        align-items: center;
        text-align: center;
        justify-content: center;

    }
    .featured-flavours .ff-item .ff-visual{
        margin: 10px 0 0 0;
    }
    .section .section-body{
        padding: 0 20px;
    }
    .section:has(.section-body) .section-head{
        padding-bottom: 30px;
    }
    .section .section-footer{
       margin: 0px;
       padding: 30px 10px;
    }
    .featured-items{
        gap: 20px;
    }
    .f-item .item-visual{
        border: solid 3px rgba(255, 226, 166,0.2);
        border-radius: 10px;
        margin: 0 0 10px 0;
    }
    .f-item .item-name{
        font-size: 10px;
    }
    .single-testimonials .card{
        
        padding-left: 20px;
    }
    .testimonials .card{
        padding: 10px 20px 20px;
    }
    .testimonials .card::before {
        
        width: 50%;
        top: -10px;
    }
    .testimonials .card .icon-quote{
        position: relative;
        width: 30px;
        height: 30px;
        margin: 20px auto 20px auto;
    }
    .testimonials .card .icon-quote:after,
.single-testimonials .card .icon-quote:after{
    position: absolute;
    content: '';
    background: url(../img/icon-quote.svg) no-repeat center center;
    left: 0;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
}
.testimonials .single-testimonial .rating{
    font-size: 12px;
}
.testimonials .single-testimonial .review-text {
    font-size: 10px;
	margin:10px 0 0 0;
    height: 80px;
}
header .header-wrapper{
    width: 100%;
    background-size: cover;
    
}
.footer .reach-us .contact-info{
    display: flex;
    flex-direction: column;
    gap:10px;
}
.footer  .social{
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.footer .nav-links{
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
.footer  .copy-rights{
    margin: 0 0px;
    align-items: center;
    justify-content: center;
}
.brand-info{
    margin-bottom: 10px;
}
.brand-info p{
    align-items: center;
    justify-content: center;
    text-align: center;
}
.terms-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.col-12{
    padding: 0 0px;
}
.d-lg-flex .justify-content-center .mb-5 .terms-block{
    margin-bottom: 20px;
}
.customer-subscription{
  margin-top: 20px;
}
.header-top-end{
    display: none;
}
.btn-icon .icon{
    width: 20px!important;
    height: 20px;
    margin: 0 15px 0 15px;
    transition: all 0.3s ease;
}
.indian-foods .food-items .f-item{
    border-radius: 20px;
    border: solid 3px rgba(255, 226, 166,0.2);
}
.indian-foods .food-items{
    /* grid-template-columns: 1fr; */
    gap: 20px;
}
.indian-foods .section-body{
    padding: 0px 0px;
}
.indian-foods .food-items .f-item .item-name{
    font-size: 12px;
}
.indian-foods .food-items .item-content{
    height: 40px;
}
.footer{
    margin: 40px 0 0 0;
    padding: 0 0 80px 0;
}
.btn{
    font-size: 10px;
    line-height: 24px;
    padding: 8px 10px;
}
.home-body .hb-wrapper{
    padding: 30px;
}
.testimonials .owl-dots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.frame-section{
    padding-top: 30px;
}
.home-main-slider .banner-content .heading{
    font-size: 30px;
}
.catering .testimonials{
    padding: 30px 0 0 0;
    margin: 30px 0 0 0;
}

.menu-text p{
    font-size: 12px;
    margin-bottom: 0px;
}
.menu .menu-text h3{
    font-size: 16px;
    font-weight: 600;
       margin: 0 0 5px 0;
}
.menu .menu-img {
padding-right: 20px;

}
.contact ul.info-list li{
    padding: 15px 0;
}


}

@media  (max-width: 1000px) {

    .testimonials .owl-dots{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    header .header-wrapper{
        width: 100%;
        background-size: cover;
        
    }


}