@media (min-width: 1699px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1680px; }
    .mainMenu .container { max-width: 1800px; }
    }

     @media (min-width: 768px) {
    
    }

    @media (max-width:1460px) {

    .mainMenu .navbar-nav .nav-link.active, .mainMenu .navbar-nav .nav-link { margin: 0px 20px 0px 0px; }
    .hero-section .caption-main { max-width: 800px; }

    .star-red.star-red-zoom img { width: 100px; }
    .tasty { position: absolute; top: auto; right: 32px; bottom: 32px; }
    .tasty-key img { width: 218px; }
    .so-good img { width: 120px; }
    .mmmmm-img { right: 60px; top: 25px; }
    span.mmmmm-img img { width: 150px; }
    .testimonial-sec .owl-theme .owl-nav { left: 15px; right: 15px; }
    .red-icon2 {width: 150px;}
    .about-pg .event-sec .star-red {right: 34px;}
    .about-pg .event-sec .so-good {left: 14px;bottom:80px;width: 105px;}
    .experience .image-box {max-width: 500px;}
    }

     @media (max-width:1399px) {
    .logo-in a { max-width: 240px; }
    .mainMenu .navbar-nav .nav-link.active, .mainMenu .navbar-nav .nav-link { font-size: 20px; }
    .order-btn { font-size: 23px; height: 42px; min-width: 115px; }
    .profile-in a {width: 42px;}
    }
    
     @media (max-width:1199px) {
    .logo-in a { max-width: 220px; }
    .mainMenu .navbar-nav .nav-link.active,  .mainMenu .navbar-nav .nav-link { font-size: 17px; margin: 0px 10px 0px 0px; }
    .star-red.star-red-zoom img { width: 74px; }
    .tasty { right: 30px; bottom: 5px; }
    .tasty-key img { width: 150px; }
    .star-red { left: 85px; top: -5px; }
    .footer-main .content-box p { font-size: 20px; }
    .footer-main .content-box p br { display: none; }
    .footer-main .content-box ul li a { font-size: 20px; }
    .footer-main .content-box h3 { font-size: 28px; }
    }

     @media (max-width:991px) {
    .mainMenu .navbar-nav .nav-link.active, .mainMenu .navbar-nav .nav-link { color: #fff; font-size: 40px; margin: 15px 0px; text-align: center; }
    /* responsive menu start */
    .closeMenu { position: absolute; right: 50px; top: 30px; opacity: 1; visibility: visible; }
    .closeMenu a { text-decoration: none; width: auto; height: auto; }
    .closeMenu small { display: inline-block; margin-right: 10px; color: #FFF; }
    .barbtn { width: 2px; height: 25px; background: #FFF; display: inline-block; }
    .closeBar1 { -webkit-transform: rotate(45deg) translateY(-3px); -ms-transform: rotate(45deg) translateY(-3px); transform: rotate(45deg) translateY(-3px); }
    .closeBar2 { -webkit-transform: rotate(-45deg) translateY(-3px); -ms-transform: rotate(-45deg) translateY(-3px); transform: rotate(-45deg) translateY(-3px); }
    .MainMenu { background: var(--primary-color); display: block; position: fixed; right: -100%; width: 100%; text-align: left; padding-right: 0px; bottom: 0; top: 0; z-index: 99; transition: .5s ease all; overflow: hidden; overflow-y: auto; padding: 100px 40px; }
    .MainMenu.moveleft { right: -0%; }
    .MainMenu.moveleft .navbar-nav { border-top: 1px solid #fff; }
    .MainMenu.moveleft::after { content: ""; position: absolute; bottom: 55%; left: 0; right: 0; background: url(../img/logo-shape.png) center bottom no-repeat; width: 350px; height: 350px; margin: 0 auto; opacity: 0.04; background-size: cover; z-index: -1; }
    .profile-in.ms-4 { margin-left: 15px !important; }
    .mainMenu .container-fluid { padding-right: 70px; }
    .header-right { position: absolute; right: 70px; top: 7px; }
    .toggle-bars { position: absolute; right: 15px; top: 13px; }
    .logo-in { position: static; transform: translate(-0%, -0%); }
    .profile-in a { width: 40px; display: flex; }
    .order-btn { font-size: 20px; height: 38px; min-width: 85px; }
    .sub-title { font-size: 38px; }
    .hero-section .caption-main { max-width: 555px; }
    .caption-main h1 { font-size: 55px; line-height: 55px; margin-bottom: 15px; }
    .owl-theme .owl-nav { top: 50%; left: 30px; right: 30px; }
    .owl-theme .fa-play-circle:before { font-size: 60px; }
    .hero-section .caption-main p { font-size: 28px; }
    .hero-section .item .nice-img { width: 80px; right: -30px; bottom: auto; top: -18px; }
    .section-title br { display: none; }
    .section-title { font-size: 55px; line-height: 55px; }
    .all-occastions { font-size: 55px; padding: 10px 25px 20px 25px; line-height: 65px; }
    .anytime { font-size: 42px; margin-left: 100px; }
    .yummy-text { font-size: 55px; line-height: 55px; padding-bottom: 10px; bottom: 5%; }
    .perfectly-curated h5 { font-size: 20px; }
    .perfectly-in ul li .card-body img { width: 90px; }
    .partner-sec .content-box ul { flex-wrap: wrap; }
    .partner-sec .content-box ul li { width: 50%; padding: 0px 30px; margin: 30px 0px; }
    .partner-sec .content-box ul li a { display: flex; }
    .partner-sec .content-box ul li a img { width: 100%; }
    .OurSignature .section-title { margin-bottom: 50px; }
    .OurSignature h3.card-title { font-size: 28px; line-height: 38px; }
    .OurSignature .card-body { padding: 15px 0px; margin-bottom: 30px; }
    .OurSignature .card-text { font-size: 20px; }
    .red-btn { font-size: 20px; min-width: 150px; height: 48px; line-height: 42px; }
    .testimonial-sec .owl-theme .owl-nav { left: 0; right: 0; }
    .testimonial-sec .content-box { padding: 5px 50px 5px 50px; }
    .copyright { margin-top: 30px; }
    .copyright p { font-size: 18px; line-height: 28px; }

    .certified-cater .halal-logo {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .certified-cater .section-title {
        font-size:65px;
        line-height: 65px;
        text-align: center;
    }

    .about-pg .event-sec .so-good {
        left: 65px;
        bottom: 0;
        width: 76px;
    }
    .halal-logo {
        width: 150px;
    }

   .fillter-in .col-md-3 {
        width: 100%;
    }
    .input-body {
        position: relative;
        margin-right: 0px !important;
        margin-bottom: 15px;
    }
    .input-body input {
        margin: 0;
    }

    }
     @media (max-width: 767px) {
    .mt-5 { margin-top: 30px !important; }
    .text-end { text-align: left !important; }
    .profile-in.ms-4 { margin-left: 10px !important; }
    .mainMenu .container-fluid { padding-right: 50px; }
    .header-right { right: 50px; top: 8px; }
    .profile-in a { width: 38px; }
    .order-btn { font-size: 18px; height: 37px; min-width: 78px; line-height: 37px; }
    .toggle-bars { right: 12px; top: 12px; }
    .hero-section .item .nice-img { width: 65px; right: 0; top: -25px; }
    .hero-section .caption-main { max-width: 280px; }
    .hero-section .owl-dots { bottom: 20px; }
    .owl-theme .owl-nav { top: 50%; left: 10px; right: 10px; }
    .owl-theme .fa-play-circle:before { font-size: 48px; }
    .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; }
    .hero-section .caption-main p { font-size: 24px; }
    .caption-main h1 { font-size: 38px; line-height: 42px; margin-bottom: 15px; }
    .sub-title { font-size: 20px;margin-bottom: 5px; }
    .section-title { font-size: 28px; line-height: 34px; margin-bottom: 15px; }
    .yummy-text { font-size: 48px; line-height: 48px; bottom: 5%; }
    .experience .image-box { margin-bottom: 50px; }
    .all-occastions { font-size: 45px; line-height: 45px; }
    .experience p {line-height:28px; }
    .learn-more-btn {min-width: 180px; font-size: 18px; height: 48px; line-height:45px;}
    .partner-sec .content-box ul li a { display: flex; }
    .partner-sec .content-box ul li a img { width: 100%; }
    .perfectly-in ul li { width: 50%; }
    .Smile-img { left: 0px; bottom: -70px; }
    .star-img img { width: 55px; }
    .Smile-img img { width: 65px; }
    .anytime { font-size: 32px; margin-left: 15px; padding: 12px 30px;}
    .star-img { top: -40px; right: 0px; }
    .testimonial-sec{padding: 50px 0px}
    .testimonial-sec .content-box h3 { font-size: 24px; line-height:28px; padding: 15px 0px; }
    .testimonial-sec .content-box p { font-size: 20px; line-height: 28px; }
    .auther-name { font-size: 20px; }
    .testimonial-sec .org-star img { width:110px; }
    .newsletter { margin-top: 15px; }
    .footer-main .content-box p { padding-bottom: 15px; }
    .so-good {left: 24px; bottom: 13px; width: 75px }
    .tasty { right: 30px; bottom: -10px; }
    .about-pg .hero-section .caption-main .content h1 {
        padding: 0px 28px;
        padding-bottom: 15px;
        margin: 15px 0px 30px 0px;
    }
    .about-pg .hero-section .item .nice-img {
        width: 55px;
        right: -37px;
        top: -30px;
    }

    .certified-cater .section-title {
        font-size: 44px;
        line-height: 44px;
        text-align: center;
    }

    .red-icon2 {
        width: 110px;
        bottom: 20px;
        left: 15px;
    }
    .star-icon2 {
        right: 15px;
        top: -5px;
        width: 78px;
    }
    .about-pg .event-sec .tasty {top: 60px;left: 50px;}
    .about-pg .event-sec .so-good {
        left: 65px;
        bottom:40px;
        width: 76px;
    }
    .faq-section .accordion-button {
        font-size: 20px;
    }
    .faq-section .accordion-item p, .faq-section .accordion-button, .faq-section .accordion-body {
        font-size: 20px;
    }
.page-template-tpl_faq .hero-section .item .nice-img {
    display: flex;
    width: 68px;
    position: absolute;
    right: -60px;
    bottom: 88px;
    top: auto;
}
    .get-quote {
        padding-top: 30px;
        column-gap: 15px;
    }
    .get-quote a {margin-top: 15px;}
    .social-events .nav-tabs li button, .social-events .nav-tabs li button.active {
        font-size: 24px;
    }

    .pagination-sec .page-item {
        margin: 0px 7px;
    }
    .pagination-sec .fa-play-circle:before {
        font-size: 28px;}
    
    .pagination-sec .page-link {
        font-size: 24px;
        width: 25px;
        height: 25px;}
        .pagination-sec .active>.page-link, .pagination-sec .page-link.active {
            font-size: 17px;

        }
        .contact-main .contact-form {
            padding-bottom: 150px;
        }
        .contact-main ul li p {
            font-size: 20px;
            line-height: 28px;
        }
        .contact-main ul li p br {
            display: none;
        }
        .icons-pic {
            max-width: 80px;
            height: 80px;
            margin-right: 15px;
        }
        .hello-with-tee {
            width: 150px;
        }
        .hello {
            position: absolute;
            top: -32px;
            right: -40px;
            width: 135px;
        }

        .blog-pg .caption-main h1 {
            padding-top: 20px;font-size: 60px;
            padding-bottom: 30px;
        }
        .blog-pg .Smile-img img {
            width: 85px;
        }
        
        .blog-pg .Smile-img {
            left: -17px;
            bottom: 89px;
        }
        .blog-pg .spoon-key {
            width: 94px;
            bottom: -80px;
            right: 0;
        }
    }

     @media (max-width: 480px) {
    .logo-in a { max-width: 190px; }
    .profile-in a { width: 30px; }
    .order-btn { font-size: 16px; height: 30px; min-width: 65px; line-height: 30px; }
    .logo-in a { max-width: 155px; }
/*    .header-right { top: -10px; }*/
    .toggle-bars { top: 8px; }
    .logo-images ul li { width:100%;}
    .about-pg .event-sec .tasty {
        top: 20px;
    }
    .about-pg .tasty-key img {
        width: 119px;
    }
    .about-pg .event-sec .star-red {
        right: 74px;
        bottom: 10px;        width: 55px;
    }
    .about-pg .event-sec .so-good {
        bottom: 10px;
        width: 60px;
    }
    .mmmmm-img {
        right: 20px;
        top: -5px;
    }
    
    }
     @media (max-width: 399px) {
    .partner-sec .content-box ul li { width: 100%; padding: 0px 30px; margin: 30px 0px; }
    .all-occastions { font-size: 42px; }
    .perfectly-in ul li { width: 100%; }
   
    }