@media screen and (min-width:768px){
    .menu-section .menu-cnt, .menu-section .menu-img { width: 50%;}
    .menu-section .menu-wrp .menu-box:nth-child(even){ flex-direction: row-reverse;}
}
@media (min-width: 1199px) {
    .recipe-section .recipe-wrp .left .pack-img { padding-top: 110px; }
}
@media screen and (min-width:1921px){
h1{
    font-size: 72px;
    line-height: 80px;
}
h2{
    font-size: clamp(4.5rem, 3.6387rem + 0.7174vw, 5.625rem);
    line-height:clamp(5.625rem, 4.1894rem + 1.1957vw, 7.5rem);
}
h3{
    font-size: clamp(2rem, 0.6667rem + 3.7037vw, 4rem);
    line-height:clamp(1.875rem, 0.2083rem + 4.6296vw, 4.375rem);
}
h4{
    font-size: clamp(2rem, 1.0417rem + 2.662vw, 3.4375rem);
    line-height: clamp(2.1875rem, 1.4792rem + 1.9676vw, 3.25rem);
}
h5{
    font-size: clamp(1.5rem, 0.5rem + 2.7778vw, 3rem);
    line-height: clamp(1.5625rem, 0.4375rem + 3.125vw, 3.25rem);
}
h6{
    font-size: clamp(1.5rem, 0.8333rem + 1.8519vw, 2.5rem);
    line-height: clamp(1.75rem, 0.75rem + 2.7778vw, 3.25rem);
}
p{
    font-size: clamp(0.875rem, 0.4583rem + 1.1574vw, 1.5rem);
    line-height: clamp(1.125rem, 0.4583rem + 1.8519vw, 2.125rem);
}
.container, .header .container{max-width:1600px;}
.container-sm, .recipe-section .container{max-width:1440px;}
.banner-slider-grid .banner-content-wrapper, .banner-grid{padding-left: calc((100% - 1600px) / 2);}
.banner-content {max-width: 750px;        max-width: 100%;}
.banner-slider-grid .banner-content-wrapper {max-width: 43%;}
.why-cnt h6{max-width:240px;}
.cma-btn {padding: 20px 51px 20px 51px;font-size: 20px;}
.common-slider .item-img, .recipe-section .item-img{height:320px;}
.item-desc h6{font-size:24px;line-height: 36px;}
.item-desc p{font-size:20px;line-height: 24px;}
.recipe-section .recipe-wrp .curry-options{max-width:264px;}
.recipe-section .recipe-wrp .left .naan-img{width: 320px;}
.recipe-section .recipe-wrp .left .pack-img{max-width: 594px;}
.menu-section .menu-cnt h2 { font-size: 4.4vw; line-height: 4.6vw; }
.menu-section .menu-cnt p { font-size: 1.4vw; line-height: 1.6vw; }
.recipe-section .recipe-wrp .left .naan-img { width: 400px;  left: 80px;}
.recipe-section .recipe-wrp .left .pack-img{ max-width: 730px; }
.trust-box{margin-left: calc((100% - 1600px) / 2);}
}

@media screen and (min-width:2560px){
    .banner-slider-grid .banner-content-wrapper {padding-left: 5%; }
    .banner-img {max-width: 65%; max-width: 58%;right: -8vw;  right: -4%;}
    /*.banner-img img {height: auto;}*/
    .banner-content h2 {font-size: 4.4vw; line-height: 4.6vw; }
}


@media screen and (max-width:1600px) {
.menu-section .menu-cnt{padding: 56px 90px 45px 96px;}
/*.recipe-section .recipe-wrp .right{max-width:124px;}*/
.banner-section.recipe-banner .banner-grid .right-img img{height:auto;}
.banner-ingredients{left: 0 ;}
.banner-ingredients img{max-width:110px;}
.banner-slider-grid .banner-content-wrapper {padding-left:10%;padding-left: 6%;}
}
@media screen and (max-width:1439px) {
    .owl-nav { width: 100%; }
    .banner-img img{height:100%;}   
    .banner-img {right: -90px;max-width: 64%;}
}
@media screen and (max-width:1399px) {
    .container,.header .container,.container-sm{padding: 0 30px;}
    .header{padding:15px 0;}
    .recipe-section .recipe-wrp .curry-options .curry { max-width: 210px; }
    .recipe-section .owl-nav button.owl-next::before, .recipe-section .owl-nav button.owl-prev::before { height: 50px; width: 50px; }
    .banner-slider .banner-img{  max-width: 59.72vw; max-width: 70%;}
    .banner-img img {
        transform: scale(1);
    }
    .logo-section .logo-wrp p{ padding: 0 60px; }
/*    .banner-ingredients img{max-width:100px;}*/
    .occasion-section .owl-carousel.occasion-items{padding: 0 50px;}
    
    .banner-section.recipe-banner .banner-grid{padding-left: 30px}
    .banner-slider{height: calc(100vh - 122px);}
/*    .banner-slider div:not(.owl-dots){height: calc(100vh - 140px);}*/
    .banner-section.product-banner .banner-grid{height: calc(100vh - 200px);}
    .recipe-section .recipe-wrp .right {max-width: 240px;}
    .recipe-section .recipe-wrp .left .naan-img { width: 300px; }
    .recipe-section .recipe-wrp .left .pack-img{max-width:500px;}
    .banner-section.recipe-banner .banner-grid {height: calc(100vh - 202px); overflow: hidden; }
    /*recipe Page*/
    .owl-carousel.slider-3  {padding: 0 40px; }
    .recipes-slider .slider-4{ padding: 0 20px; }    
    .recipes-slider .item-desc h6 { font-size: 20px; line-height: 24px;}
    .menu-section .menu-cnt {padding: 46px 35px 45px 35px;}
    .trust-box{margin-left:30px;}
    .tabination-content .tab-data.active {grid-gap: 50px 70px; }
    .recipe-section .recipe-wrp .left .naan-img{ left: 200px; }
    body::before{height:132px;}

}
@media(max-width:1280px){
    /*.banner-ingredients img{max-width:80px;}*/
}
@media screen and (max-width:1199px) {
    .header-nav .nav-list { gap: 50px; }
    .header { padding: 20px 0; }
    .recipe-section .recipe-wrp .left .naan-img { width: 240px; }
    .recipe-section .recipe-wrp .curry-options .curry { max-width: 150px; margin-left: auto;
        margin-right: auto;}
    .recipe-section .owl-nav button.owl-next::before, .recipe-section .owl-nav button.owl-prev::before { height: 27px; width: 27px; }
    .occasion-section::before { width: 350px; height: 150px; }
    .occasion-section .item { max-width: 200px; min-height: 285px; margin: 0 auto; }
    .occasion-section::after { width: 350px; height: 150px; }
    .why-choose-item { padding: 0 15px; }
    .recipe-section .recipe-wrp .right { text-align: -webkit-center; }
    .occasion-section .owl-carousel.occasion-items{padding: 0 60px;}
    .recipe-section .recipe-wrp .left .naan-img{left:20px;}

    /*About-us Page*/
    .about-title h3{margin-bottom:45px;}
    .why-choose{padding:50px 0 80px;}
    .about-title img{margin-bottom:40px;}
    .introducting-sec h4{margin-bottom:50px;}
    .introducting-sec{padding:50px 0 90px;}
    .introducting-grid{grid-gap:35px;}
    .our-story::before { width: 170px; height: 140px; top: 10px; }
    .our-story::after { max-width: 200px; max-height: 160px; bottom: -100px; }

    /*Recipe Page*/
    .tabination-content .tab-data.active { grid-gap: 30px 50px; }
    .recipes-slider .pro-s video, .recipes-slider .pro-s a img { height: 225px;}
    body .recipes-slider .owl-item img.tag-img { width: 80px; height: 80px; top: -15px; left: -25px;}
    .everyday-flavors::before { width: 240px; height: 80px; left: -130px; }
    .pure-halal::after { width: 260px; height: 80px; right: -110px; }
    .recipes-slider::before { width: 260px; height: 100px; }
    .recipes-slider::after { width: 290px; height: 100px; }
    .our-halal:after {bottom: 20px;background-size: 100% 100%;max-width: 140px;max-height: 140px;}
    .our-halal:before, .contact-form:before {top: 10%;background-size: 100% 100%;max-width: 120px;max-height: 120px;}
    .about-halal:before, .about-halal:after{background-size: 100% 100%;}
    .about-halal:before{width: 150px;height: 160px;}
    .about-halal:after{width:110px;height:110px;}
    /* recipe inner */
    .recipe-inner .banner-grid .right { padding: 30px 40px 20px 50px; }
    .recipe-inner .banner-grid .right .right-desc { padding: 20px 30px 30px 0; }

    .banner-content {
        max-width: 43%;
    }
}

@media screen and (max-width:1024px) {
    
    .para-section .para-cnt{ max-width: 77%; }
    .logo-section .owl-nav button.owl-next::before, .logo-section .owl-nav button.owl-prev::before { width: 50px; }
    .recipe-section .recipe-wrp .recipe-info { bottom: 0px; }
    .recipe-section .recipe-wrp .left .naan-img {left: 0px;}
    .banner-ingredients img{max-width:100px;}
    .banner-slider .banner-img {max-width: 73%;}
    .banner-content {max-width: 35%;}
}
@media screen and (max-width:1023px) {
    .recipe-section .recipe-wrp .recipe-info { bottom: 10px;right: 0px; }
    .tabination-content .tab-data.active {grid-gap: 30px; }
    .recipe-section .recipe-wrp .left .pack-img { padding-top: 70px; margin-bottom: 100px; }
    .recipe-section .recipe-wrp .left .naan-img { left: 40px; }
  
 }
@media screen and (max-width:991px) {
    .header-nav .nav-list { gap: 30px; }
    .header-logo img { max-width: 150px; }
    .cma-btn { padding: 10px 20px; }
    .header-nav .nav-list li a { font-size: 18px; }
    .footer-section .footer-wrp { grid-template-columns: 1fr 1fr; margin-left: 0; }
    .logo-section .logo-wrp{ padding-left: 20px; padding-right: 20px; }
    .logo-item { max-width: 170px; }
    .logo-section .owl-nav { top: calc(100% + 70%); }
    .why-choose-section .why-img{min-height: auto;}
    .banner-section.recipe-banner .banner-grid .right-img img{height: auto;}
    /* .recipe-section .recipe-wrp .left .pack-img {padding-top: 80px; } */
    .recipe-section .recipe-wrp .left .naan-img {max-width: 260px; left: 10px;}

    /*About us Page*/
    .about-title{padding:50px 0 55px;}
    .about-title p:not(:last-child){margin-bottom:25px;}
    .why-choose{padding-bottom:70px;}
    .why-choose-grid{grid-gap:20px;}
    .why-choose-box img{max-height:150px;}
    .why-choose-box h6{font-size:18px;line-height:26px;min-height:50px;margin-bottom:20px;}
    .introducting-grid{grid-gap:30px;}
    .join-title{padding:12px 30px;max-width:740px;}
    .our-story::before { width: 120px; height: 100px; top: 10px; }
    .our-story::after { width: 120px; height: 100px; bottom: -40px; }

    /*Recipe Page*/
    .tabination-content .tab-data.active { grid-template-columns: repeat(2, 1fr); grid-gap: 50px 50px; }
    .recipes-slider .pro-s video, .recipes-slider .pro-s a img { height: 330px; }
    .quick-snake + .recipe-section { background-size: cover; padding: 140px 0 140px; margin: -145px 0; }
    .recipes-slider { padding: 100px 0 110px; }
    .recipes-slider::before { top: 100px;}
    .banner-section.recipe-banner .banner-grid {grid-template-columns: 1fr;}
    .our-halal-grid{/*grid-template-columns: 1fr 1fr;*/grid-gap: 30px 40px;}
    .our-right *{font-size:18px;line-height: 32px;}
    .our-halal:after {bottom: 20px;background-size: 100% 100%;max-width: 124px;max-height: 124px;}
    .our-halal:before, .contact-form:before {top: 5%;background-size: 100% 100%;max-width: 98px;max-height: 98px;}
    .about-halal:before, .about-halal:after{background-size: 100% 100%;}
    .about-halal:before{width: 130px;height: 160px;}
    .about-halal:after{width:130px;height:120px;}
    .tabination-content .tab-data.active {grid-gap: 20px; } 

    /* recipe inner */
    .recipe-inner .banner-grid .right { padding: 20px; }
    .recipedetail-section::before { width: 300px; height: 110px; }
    .recipedetail-section::after { width: 390px; height: 105px; top: 88%; }
    .recipedetail-wrp { gap: 50px; }
    .content-section {padding: 45px 0 60px;}
    .content-section h4 {font-size: 26px;line-height: 28px;margin: 20px 0 15px;}
    .content-section p {font-size: 16px;line-height: 26px;}
    .about-halal .why-choose-wrp .owl-nav{width:calc(100% + 30px);top:calc(50% - 87px);}

    .banner-content {max-width: 310px;  max-width: 70%;}
    .banner-slider {height: auto;}
    .banner-section .banner-wrp {flex-direction: column; align-items: start; gap: 0; }
    .banner-section .banner-content-wrapper {padding-top: 60px;  padding-left: 9%;}
    .banner-section .banner-img {max-width: 90%; width: 100%; height: 100%; margin-left: auto; position: static; transform: none; margin-right: -100px; }
    .banner-section .banner-img img {height: auto;margin-top: -110px;   object-fit: contain; object-position: right;}
    .banner-slider .owl-carousel .owl-dots {bottom: 20px;}
    .owl-carousel .owl-dots .owl-dot span {width: 15px;height: 15px;}
    header .container{    padding: 0 30px !important; }
}


@media screen and (max-width:768px) {
    .container,.header .container,.container-sm{padding: 0 15px;}
    .header-nav .nav-list, .header .header-nav { gap: 24px; }
    .cma-button { margin-left: 0; }
    .recipe-section .recipe-wrp .recipe-slider { grid-template-columns: 1fr; }
    .recipe-section .recipe-wrp .curry-options { flex-direction: row; width: 100%; max-width: 100%; gap: 10px;justify-content: center;  }
    .social-section .container{ padding-left: 30px; padding-right: 30px; }
    .footer-section .logo { max-width: 260px; margin: 0 auto;}
    .footer-section .footer-wrp { grid-template-columns: 60% 40%; margin-left: 0; }
    .logo-section .owl-nav button.owl-next::before, .logo-section .owl-nav button.owl-prev::before { width: 40px; }
    .logo-section .owl-nav{display: none;}
    .logo-section .logo-wrp p { padding: 0 20px; }
    .recipe-section .recipe-wrp .left .recipe-info{ display: none;  }
    .recipe-section .recipe-wrp .left .pack-img { padding-top: 120px; margin: 0 auto;}
    .recipe-section .recipe-wrp .left .naan-img { max-width: 300px; width: 270px; }
    .recipe-section .recipe-wrp .recipe-info{ position: unset; margin-top: 20px; }
    .recipe-section { padding: 120px 0 60px; }
    /*.recipe-section .recipe-wrp .recipe-info { display: block; padding-left: 50px;}*/
    .recipe-section .recipe-wrp .right .recipe-info { display: block; }
    .recipe-section .recipe-wrp .right { text-align: start; padding-left: 30px; padding-right: 30px;}
    .recipe-section .recipe-wrp .curry-options .curry{ max-width: 200px; max-height: 200px; margin-bottom: 0;} 
    .recipe-section .recipe-wrp .right {max-width: max-content;}
    .why-choose-section .why-img { max-width: 260px; }
   
    /*Recipe Page*/
    .banner-section.recipe-banner .banner-grid {grid-template-columns: 270px auto; }
    .about-banner{height:auto;}

    /*Recipe inner*/
    .recipe-inner .banner-grid .right { padding: 30px 40px 20px 50px; }
    .recipe-inner .banner-grid { grid-template-columns: 1fr; }
    .recipedetail-wrp { gap: 30px; flex-direction: column; padding: 0 25px 0 35px; }
    .recipedetail-section::after { top: 91%; }

}

@media screen and (max-width:767px) {
    .header .container{padding: 0 !important;}
    .header-logo { margin: 0 auto; }
    .header-logo img { max-width: 88px; }
    .header .header-wrp { position: relative; padding: 0 30px; }
    .header .menu-toggle { display: block; background: transparent; border: none; cursor: pointer; position: absolute; right: 30px;height:30px; }
    .header .menu-toggle .menu-icon { width: 24px; height: 1.3px; background: #A67D37; display: block; position: relative; transition: .3s ease; }
    .header .menu-toggle .menu-icon:after, .header .menu-toggle .menu-icon:before { content: ""; width: 24px; height: 1.3px; background: #A67D37; position: absolute; left: 0; transition: .3s ease; }
    .header .menu-toggle .menu-icon:before { top: -8px; }
    .header .menu-toggle .menu-icon:after { top: 8px; }
    .menu-toggle.active .menu-icon:before { rotate: 45deg; top: 0; }
    .menu-toggle.active .menu-icon:after { rotate: -45deg; top: 0; }
    .menu-toggle.active .menu-icon { background: transparent; }
    .header .header-wrp .header-nav { left: 100%; }
    .header .header-nav{ flex-direction: column; background: #19171C !important; position: absolute; top: calc(100% + 15px); left: 100%; width: 100%; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 9999; padding: 10px 0 20px; }
    .header .header-wrp .header-nav.open { left: 0; visibility: visible; opacity: 1; }
    .header-nav .nav-list { margin-left: 0; flex-direction: column; }
    .cma-button { margin-left: 0; text-align: center; display: flex; justify-content: center; }
    .header-nav .nav-list, .header .header-nav { gap: 10px; }
    .header-nav .nav-list li { border-bottom: 1px solid #A67D37; width: 100%; margin: 0 auto; justify-content: start; padding: 0 15px; }
    .nav-list li a.active {border-bottom: none; }
    .header-nav .nav-list li a { padding: 15px 0; }
    .logo-section .container{padding: 0 30px;}
    /*Home Page banner */
    .banner-section .container{ padding: 0 0 0 30px; margin-right: 30px; }
    .banner-section .banner-wrp{ flex-direction: column; align-items: start; gap: 0; }
    .banner-section .banner-content{ max-width: 50%; }
    .banner-section .banner-content p{ font-size: 18px; line-height: 25px; margin: 15px 0; }
    /*.banner-section.banner-slider{ padding: 45px 0 0px; }*/
    .banner-section .banner-content-wrapper {padding-top: 45px;}
    .banner-section .banner-img { max-width: 71.95%; width: 100%; height: 100%; margin-left: auto;position: static;transform: none; }
    .banner-section .banner-img img { height: auto; margin-top: -80px; } 
    .cma-btn { padding: 5px 14px; border-radius: 3px; line-height: 14px; }
    .banner-section.banner-slider .owl-carousel .owl-dots .owl-dot span{ height: 10.4px; width: 10.4px; }
    .banner-section.banner-slider .owl-carousel .owl-dots{ margin-top: 3px;bottom:15px; }
    .banner-slider:before{ width: 70.5px; height: 70.5px; }
    .banner-slider:after{ width: 165.5px; height: 165.5px; }
    .para-section { padding: 39px 15px; }
    .occasion-section { padding: 38px 0 131px; }
    .recipe-section .owl-nav button.owl-next::before, .recipe-section .owl-nav button.owl-prev::before { height: 27px; width: 27px; }
    .footer-section .logo-sec{ flex-direction: column; justify-content: center; }
    .footer-section .social-icons{ flex-direction: row; gap: 22px; margin: 0; margin-bottom: 44px; }
    .footer-section .footer-wrp { grid-template-columns: 1fr; max-width: 77%; margin: 0 auto; }
    .footer-section .footer-link{ order: 2; }
    .footer-section .footer-link{ grid-template-columns: 1fr 1fr; gap: 10px; }
    .recipe-section .recipe-wrp .curry-options{ justify-content: center; }
    .logo-section .logo-wrp p {font-size: 12px; font-weight: 700; line-height: 16px;}
    .logo-section .logo-items { margin: 19px auto 32px; }
    .recipe-section .recipe-wrp .curry-options .curry{ width: 150px; height: 150px; }
    .recipe-section .recipe-wrp .recipe-info h4{font-weight: 600;}
    .recipe-section .recipe-wrp .recipe-info p{ font-size: 18px; font-weight: 600; }
    .recipe-section .recipe-wrp .recipe-info a{ font-size: 16px; }
    .occasion-section::before{ content: none; }
    .para-section{position: relative;}
    .para-section::before { content: ''; position: absolute; top: 10px; left: -10px; background: url(../image/occian-red.png); background-repeat: no-repeat; width: 180px; height: 70px; transform: translateX(-50%); z-index: 9; background-size: 100% 100%; }
    .occasion-section .nav-tabs button { padding: 5px 15px; border-radius: 4px; font-size: 14px; font-weight: 400; }
    .occasion-section h4{ margin-bottom: 22px; }
    .nav-tabs li:not(:last-child) { margin-right: 26px; }
    .recipe-section .recipe-wrp .left .pack-img { max-width: 430px; padding-top: 40px}
    .recipe-section .recipe-wrp .left .naan-img { width: 200px; left: 30px;}
    .occasion-section::after { width: 246px; height: 80px; bottom: 55px; right: -15px; }
    .footer-section .footer-wrp .footer-link a{ font-size: 16px; line-height: 19px; margin-bottom: 13px; }
    .footer-section .footer-wrp .legal, .footer-section .footer-wrp .links{ width: 50%; }
    .recipe-section .owl-nav{top: 25%;}
    .occasion-section{padding-top: 15px;}
    .nav-tabs{margin-bottom: 35px;}
    .occasion-section .see-all{margin-top: 22px;}
    .why-choose-section{ padding-bottom: 0; }
    .why-cnt h6{min-height: unset;margin: 23px auto 22px;}
    .why-cnt p { font-size: 16px; }
    .header { padding: 15px 0; }
    .para-section .para-cnt p{ margin-bottom: 20px; }
    .why-choose-section .owl-nav{top: 30%;}
    .social-section{padding-top: 45px;}
    .social-heading{margin-bottom: 9px;} 
    .social-items{ padding-bottom: 16px; }
    .recipe-section .recipe-wrp .left .naan-img { width: 190px; }
    .recipe-section .recipe-wrp .left { padding-top: 60px; }
    .footer-section .social-icons a{ margin-bottom: 0; }
    .social-section .insta-icon img { width: 30px; }
    .logo-section::before { top: -3px; height: 16px; }
    .why-choose-item{padding-bottom: 24px;}
    .why-cnt p { width: 80%; margin: 0 auto; }
    .why-choose-section .why-img { max-width: 227px; }
    .why-choose-section h4{margin-bottom: 20px;}
    .banner-section.recipe-banner .banner-grid {padding-left: 30px;}
    .banner-section.recipe-banner .banner-grid {padding-right: 10px; }
    .logo-section .logo-wrp{ padding-left: 15px; padding-right: 15px; }
    .banner-section .banner-img {max-width: 90%;margin-right: -80px;}
   .occasion-section .tabination-content{min-height: auto;}


    /*about-us-page*/
    .about-title{padding:45px 0 50px;}
    .about-title h3,.about-title img,.introducting-sec h4{margin-bottom:30px;}
    .about-title p:not(:last-child){margin-bottom:20px;}
    .why-choose{padding:45px 0 60px;}
    .why-choose-grid{grid-template-columns:repeat(2,1fr);}
    .why-choose-box h6{margin-bottom:15px;}
    .why-choose-box img{max-height:120px;}
    .introducting-sec{padding:40px 0 50px;}
    .introducting-grid{grid-gap:20px;}
    .join-title{padding:12px 20px;max-width:340px;}
    .our-story::before { width: 90px; height: 70px; top: 10px; }
    .our-story::after { width: 100px; height: 70px; bottom: -20px; }

    /*Recipe Page*/
    .banner-section.recipe-banner .banner-grid {grid-template-columns: 1fr; }
    .banner-section.recipe-banner .banner-grid .left-content{max-width: 58%}
    .marquee-text{padding: 5px 10px}
    .everyday-flavors h5, .pure-halal h5 {max-width: 50%; margin: 0 auto;margin-bottom: 34px; }
    .everyday-flavors { padding: 46px 0 70px; }
    .common-slider.everyday-flavors .item-img , .common-slider.pure-halal .item-img, .recipe-section .item-img{height: 200px; }
    .quick-snake img { height: 300px; width: 100%; object-fit: cover; }
    .quick-desc p { max-width: 214px; }
    .recipe-section{ background-size: cover; }
    .tabination-content .tab-data.active { grid-gap: 30px 20px; }
    .recipe-section .nav-tabs li button { padding: 5px 15px; border-radius: 4px; font-size: 14px; font-weight: 400; }
    .recipe-section .nav-tabs{ margin-bottom: 25px; }
    .item-desc { padding: 10px;}
    .item-desc p{font-size: 12px; margin-bottom: 15px;}
    .recipe-section .item-desc .cma-btn{font-size: 12px;}
    .item-desc h6 { margin-bottom: 12px; font-size: 16px;}
    .recipe-section .tabination-content { margin-bottom: 40px; }
    .quick-snake + .recipe-section { margin: -116px 0; padding: 120px 0 100px;}
    .recipes-slider .container { padding: 0px 20px; }
    .recipes-slider .pro-s video, .recipes-slider .pro-s a img { height: 280px; }
    .recipes-slider .owl-nav button.owl-next::before, .recipes-slider .owl-nav button.owl-prev::before, .loyal-section .owl-nav button.owl-next::before, .loyal-section .owl-nav button.owl-prev::before{    height: 42px; width: 33px;}
    .recipes-slider .owl-stage-outer { padding-top: 20px; }
    .pure-halal::after{top: -40px;}
    .recipes-slider::before { width: 210px; height: 70px; }
    .recipes-slider::after { width: 240px; height: 80px; }
   .menu-section .menu-wrp .menu-box{flex-direction: column-reverse;}
   .menu-section .menu-cnt, .menu-section .menu-img { width: 100%;}
   .pure-halal .slider-3,.owl-carousel.slider-3 { padding: 0; }
   .recipe-inner .banner-grid .right .right-desc p:not(:last-child) {margin-bottom: 20px;}
    /*product page pankil*/
    .banner-section.product-banner .left-content h3 {max-width: 160px;margin: 0 auto 16px;}
    .marquee-text h6 {font-size: 24px;}
    .occasion-section.occasion-slide {padding: 46px 0 59px;}
    .occasion-section.occasion-slide::before {width: 156px;height: 77px;}
    .occasion-section.occasion-slide::after {width: 199px;height: 99px;}
    .occasion-slide h5 {
        font-weight: 700;
        font-size: 24px;
        line-height: 25px;
        max-width: 256px;
        margin: 0 auto;
    }
     
    .occasion-slide p {
        max-width: 320px;
        margin: 20px auto 35px;
    }
     
    .occasion-section.occasion-slide .occasion-items .owl-nav button.owl-next::before, .occasion-section.occasion-slide .occasion-items .owl-nav button.owl-prev::before{
        display: block;
    }
     
    .menu-section .menu-cnt {
        padding: 22px 36px 16px 30px;
    }
     
    .menu-section .menu-cnt h2 {
        font-size: 40px;
        line-height: 52px;
    }
    .menu-section .menu-cnt p {
        font-size: 15px;
        line-height: 19px;
        margin: 25px 0 19px;
    }

    .menu-section .menu-wrp{
        grid-template-columns: 1fr;
    }
    .menu-section .menu-item{
        height: 177px;
    }
     
    .menu-section .menu-item img {
        padding: 10px;
    }
    .loyal-section {
        padding: 32px 0 44px;
    }
    .loyal-section .logo-items {
        max-width: 380px;
    }
    .loyal-section .logo-items img {
        max-width: 80px;
    }
    .loyal-section::after, .contact-form:after {
        bottom: 50px;
        right: -40px;
        width: 222px;
        height: 100px;
    }
     
    .loyal-section:before {
        width: 140px;
        height: 74px;
    }
     
    .loyal-section h6 {
        line-height: 28px;
        max-width: 183px;
        margin: 0 auto 34px;
    }
   /*product page pankil end*/
    .banner-section.recipe-banner .banner-grid{padding: 60px 15px 60px 15px;}
    .banner-section.recipe-banner .banner-grid, .about-banner, .banner-section.product-banner .banner-grid{height:auto;}
    .our-halal-grid{grid-template-columns: 1fr;}
    .trust-box{margin-left:15px;margin-right:15px;padding:25px 20px;}
    .our-halal{padding:50px 0 85px;}
    .our-halal:after {bottom: 20px;background-size: 100% 100%;max-width: 124px;max-height: 124px;}
    .our-halal:before, .contact-form:before {top: 5%;background-size: 100% 100%;max-width: 70px;max-height: 70px;}
    .about-halal:before, .about-halal:after{background-size: 100% 100%;}
    .about-halal:before{width: 130px;height: 130px;top:-50px;}
    .about-halal:after{width:130px;height:120px;top:unset;bottom:0;}
    .introducting-grid{grid-template-columns:1fr;}

    /* recipe inner */
    .recipe-inner .banner-grid .right .right-desc { padding: 20px 10px 30px 0; font-size: 16px; font-size: 16px; line-height: 20px;}
    .recipe-inner .banner-grid .right .desc-srt p { font-size: 18px; }
    .recipedetail-section { padding: 90px 0px; }
    .recipedetail-wrp { gap: 20px; padding: 0 15px; }
    .recipe-inner .banner-grid .right { padding: 30px; }
    .everyday-flavors { padding: 30px 0 40px; }
    .recipe-inner .banner-grid .right .options p{ font-size: 18px; }
    .ingredients-sec, .ingredients-sec .featured-box, .ingredients-sec ul { max-width: 100% !important; }
    .instructions-sec .steps p { font-size: 16px; line-height: 20px; }
    .recipedetail-wrp h6 { margin-bottom: 10px; }
    .recipedetail-wrp .instructions-sec h6 { padding-bottom: 5px; }
    .recipedetail-section::before { width: 230px; height: 90px; }
    .recipedetail-section::after { width: 270px; height: 70px; }
    /*.recipe-inner .banner-grid .left img { max-height: 450px; }*/
    .ingredients-sec ul li { font-size: 16px; line-height: 30px; }
    .faq-title p{font-size:20px;line-height: 30px;}
     .content-section {
    padding: 40px 0 50px;
    }
    .content-section h4 {
    font-size: 22px;
    line-height: 24px;
}
    .content-section p {
    font-size: 14px;
    line-height: 20px;
}
.content-section p:not(:last-child) {
    margin-bottom: 10px;
}
.content-section .content-head {
    margin-bottom: 25px;
}
body{padding-top:75px !important;}
body::before{height:90px;}
.banner-ingredients{top:calc(50% - 0px);}
/*.banner-ingredients img {max-height: 100px;}*/
.banner-section.product-banner .banner-grid{padding-bottom:50%;}
.header-nav .nav-list li a{border:none;}
}

@media(max-width:639px){
    .trusted-quality{padding-bottom:50%;}
    .trusted-quality img{position: absolute;left: 0;right:0;object-fit: cover;height:100%;}
}
@media screen and (max-width:575px) {       
    .cma-btn { font-size: 12px; }
    .footer-section .footer-link{ grid-template-columns: 130px 1fr; gap: 10px; }
    .recipe-section .recipe-wrp .curry-options{ gap: 27px; }
    .recipe-section .recipe-wrp .curry-options .curry{ width: 100px; height: 100px; }
    .recipe-section .recipe-wrp .left .pack-img { max-width: 312px; }
    /* .recipe-section .recipe-wrp .left .naan-img { width: 136px; } */
    .recipe-section h4 { max-width: 245px; margin: 0 auto; }
    .occasion-section .item{ max-width: 100%; min-height: 185px; }
    .occasion-section .item p{ font-size: 13px; }
    .banner-slider, .banner-slider div{height: auto;}
    .banner-section .banner-img {max-width: 100%;margin-right: -70px;}
    .banner-ingredients img {max-width: 35px;}
    .recipe-section .recipe-wrp .left .naan-img{left: 0}
    .recipe-section .recipe-wrp .right {padding-left: 15px; padding-right: 15px; }
    .recipe-section .recipe-wrp .left {padding-top: 80px; padding: 50px 0 10px;} 

    /*Recipe Page*/ 
    /* .everyday-flavors h5 {max-width: 50%; } */
    .quick-snake + .recipe-section { margin: -100px 0; }
    .recipes-slider .pro-s video, .recipes-slider .pro-s a img { height: 200px; }
    .recipes-slider .slider-4 { padding: 0 0px; }
    .recipes-slider .item-desc h6 { font-size: 16px; line-height: 20px; }
    .recipes-slider .pro-s:before, .recipes-slider .pro-s .ply_btn{width:35px;height:35px;    top: calc(50% - 15px);background-size: 100% 100%;}
    .recipes-slider .item { padding-left: 12px; padding-right: 12px; }
    .recipes-slider .slider-4 .owl-nav{top:48%;height:1px;}
    .recipes-slider .container { padding: 0px 10px; }
    .recipes-slider .item-desc h6 { font-size: 14px; line-height: 16px; }
    .trusted-quality{padding-bottom:80%;}
    .contact-form:after{bottom:-20px;}
    .faq-title p{font-size:18px;line-height: 24px;}
    .faq-contact::before {width: 90px;height: 150px;bottom: 0%;}
    .faq-section .faq-item .faq-question h6{font-size:20px;width:calc(100% - 30px);}
    .about-halal .why-choose-wrp .owl-nav{width:calc(100% + 30px);top:calc(50% - 87px);}
    .occasion-section .owl-stage-outer{padding:0;}
    .contact-form .checkbox{    align-items: unset;}
    .banner-section .banner-content { max-width: calc(70% - 15px); }
    .banner-section .banner-img img {margin-top: -60px;}
    .trusted-quality.trust-bottom{padding-bottom:120%;}
    .trust-bottom .trust-box {top: 20%;}
    .occasion-section .owl-carousel.occasion-items {padding: 0 20px;}
    .menu-section .menu-items{padding:0 25px;}
    .menu-section .menu-cnt{padding: 22px 25px 20px 25px;}
    .owl-nav button.owl-next::before, .owl-nav button.owl-prev::before{width:20px;height:20px;}
    .banner-section.product-banner .banner-grid{padding-bottom:80%;}
    
}
@media screen and (max-width:439px) { 
/*Recipe Page*/ 
.banner-section.recipe-banner .banner-grid .left-content{max-width: 85%}
.everyday-flavors h5, .pure-halal h5{max-width: 70%; }
.trusted-quality{padding-bottom:90%;}
}
 @media screen and (max-width:400px) { 
.recipe-section .recipe-wrp .curry-options {gap: 10px; } 
.recipe-section .recipe-wrp .left .naan-img {width: 170px; }
.recipe-section .recipe-wrp .left {padding-top: 60px; }
.banner-section .banner-content { max-width: calc(100% - 15px); }
}
@media screen and (max-width:375px) {
.banner-section .banner-img img { margin-top: -50px; }
.recipe-section .recipe-wrp .curry-options { gap: 5px; }
.recipe-section .recipe-wrp .right { padding-left: 10px; padding-right: 10px; }
.recipe-section .recipe-wrp .curry-options .curry {width: 90px; height: 90px; } 
.recipe-section .recipe-wrp .left .pack-img { max-width: 280px; }

}

/*innner page*/
@media (max-width: 1280px){
    .faq-head{margin-top:250px}
}
 
@media (max-width: 1199px){
    .product-inner .banner-grid .left{padding:50px 0 50px}
    .faq-section{padding-top:55px}
    .faq-section .faq-item{padding:20px 0}
    .faq-section .faq-question.active::after,.faq-section .faq-question::after{width:25px;height:25px}
}
 
@media (max-width: 991px){
    .product-inner::before{width:300px;height:100px;left:80%}
    .faq-head{margin-top:180px}
}
 
@media (max-width: 767px){
    .recipe-inner .banner-grid{grid-template-columns:1fr}
    .product-inner .banner-grid .left{padding:30px 0}
    .product-inner .banner-grid .right{padding:40px 30px 100px}
    .faq-section .faq-question.active::after,.faq-section .faq-question::after{width:20px;height:20px;right:0;}
    .faq-section .faq-answer p{font-size:14px;line-height:20px;margin-bottom:5px}
    .product-inner .banner-grid .right p{font-size:18px;line-height:28px;margin-top:15px}
    .faq-head{margin-top:100px}
    .logo-inner-section{padding:10px 0}
    .logo-section.logo-inner-section .logo-items{margin:0 auto}
    .occasion-section .item .item-img {min-height: 138px;}
}

@media (max-width: 480px) {
    /* recipe inner */
    .recipe-inner .banner-grid .right { padding: 30px 15px; }
    .recipedetail-wrp { padding: 0; }
    .recipe-inner .banner-grid .right .desc-srt p:first-child { margin: 0 40px 0 0px; }
    .recipe-section .recipe-wrp .left .pack-img { padding-top: 80px; }
}