/* All RESPONSIVE */


/* =========================================================
   LARGE DESKTOP
   1600px and above
========================================================= */

@media (min-width:1600px){

    .cookie-navbar .navbar-left-menu{
        margin-left:220px;
    }

    .cookie-navbar .navbar-right-menu{
        margin-right:220px;
    }

    .cookie-footer-main .container,
    .cookie-footer-bottom .container{
        width:1240px;
    }
}


/* =========================================================
   NORMAL DESKTOP / LAPTOP
   1200px to 1599px
========================================================= */

@media (min-width:1200px) and (max-width:1599px){




    /* Hero */

    .hero-content h1{
        font-size:58px;
    }


    /* Slider */

    .cookieSwiper{
        height:540px;
    }

    .cookie-slide,
    .slide-content{
        height:540px;
    }


    /* Products */

    .testimonial-heading h1{
        font-size:54px;
    }

    .product-image{
        height:320px;
    }

    .product-image img{
        max-height:305px;
    }

    .product-card{
        min-height:440px;
    }


    /* Benefits */

    .cookie-benefits{
        padding:25px 25px 100px;
    }

    .benefits-row{
        gap:22px;
    }

    .benefit-item img{
        max-width:175px;
        height:150px;
    }


    /* Whole Wheat */

    .whole-wheat-box{
        width:92%;
        height:1420px;
    }

    .packet-coverflow{
        height:650px;
    }

    .packet-item.is-active{
        width:315px;
        height:535px;
    }

    .packet-item.is-prev{
        left:21%;
    }

    .packet-item.is-next{
        left:79%;
    }

    .whole-title{
        font-size:56px;
    }

    .whole-text{
        font-size:15px;
        margin:0 35px;
        width:calc(100% - 70px);
    }


    /* Footer */

    .cookie-footer-main .container,
    .cookie-footer-bottom .container{
        width:1140px;
        max-width:calc(100% - 50px);
    }

    .footer-left{
        padding-left:15px;
    }

    .footer-newsletter{
        margin-right:30px;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
   992px to 1199px
========================================================= */

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

    /* Navbar */

    .navbar-left-menu{
        margin-left:25px;
    }

    .navbar-right-menu{
        margin-right:25px;
    }

    .navbar-left-menu a,
    .navbar-right-menu a{
        padding:0 12px;
        font-size:17px;
    }

    .navbar-logo{
        width:72px;
    }

    .navbar-logo img{
        width:68px;
        max-height:68px;
    }


    /* Hero */

    .cookie-hero{
        padding:95px 20px 35px;
    }

    .hero-content h1{
        font-size:52px;
        letter-spacing:2px;
    }

    .hero-content p{
        font-size:17px;
    }


    /* Main image slider */

    .cookieSwiper,
    .cookie-slide,
    .slide-content{
        height:470px;
    }


    /* Testimonial products */

    .testimonial-products{
        padding:60px 0 65px;
    }

    .testimonial-heading{
        margin-bottom:60px;
    }

    .testimonial-heading h1{
        font-size:47px;
    }

    .testimonial-heading p{
        font-size:17px;
    }

    .product-card{
        min-height:410px;
        padding:22px 18px 20px;
    }

    .product-image{
        height:295px;
    }

    .product-image img{
        max-height:275px;
    }


    /* Benefits */

    .cookie-benefits{
        padding:35px 20px 90px;
    }

    .benefits-row{
        gap:14px;
    }

    .benefit-item img{
        max-width:145px;
        height:135px;
    }

    .flavour-heading{
        padding:80px 0 45px;
    }

    .flavour-heading h2{
        font-size:48px;
    }

    .flavour-heading p{
        font-size:17px;
        margin-top:30px;
    }


    /* Whole Wheat */

    .whole-wheat-section{
        padding:15px 0 50px;
    }

    .whole-wheat-box{
        width:94%;
        height:1280px;
    }

    .packet-coverflow{
        height:575px;
    }

    .packet-item{
        width:260px;
        height:450px;
    }

    .packet-item.is-active{
        width:280px;
        height:475px;
    }

    .packet-item.is-prev{
        left:20%;
        transform:translate(-50%, -50%) scale(.7);
    }

    .packet-item.is-next{
        left:80%;
        transform:translate(-50%, -50%) scale(.7);
    }

    .whole-title{
        max-width:900px;
        font-size:48px;
    }

    .whole-text{
        width:calc(100% - 60px);
        margin:0 30px;
        font-size:15px;
    }

    .cookie-coverflow{
        height:430px;
    }

    .cookie-item{
        width:350px;
        height:260px;
    }

    .cookie-item.is-active{
        width:400px;
        height:295px;
    }

    .cookie-item.is-prev{
        left:23%;
    }

    .cookie-item.is-next{
        left:77%;
    }

    .whole-arrow{
        width:44px;
        height:57px;
    }

    .whole-arrow i{
        font-size:32px;
        line-height:57px;
    }


    /* Footer */

    .cookie-footer-main{
        padding:65px 0 60px;
    }

    .cookie-footer-main .container,
    .cookie-footer-bottom .container{
        width:940px;
        max-width:calc(100% - 40px);
    }

    .footer-heading,
    .footer-newsletter .footer-heading{
        font-size:36px;
    }

    .footer-time,
    .footer-address,
    .footer-contact{
        font-size:15px;
    }

    .footer-newsletter{
        width:100%;
        max-width:400px;
        margin-right:0;
    }

    .newsletter-field{
        width:100%;
        height:62px;
    }

    .newsletter-mail-icon{
        height:60px;
    }

    .newsletter-field input{
        height:60px;
    }

    .newsletter-button{
        width:235px;
        height:64px;
        font-size:21px;
    }

    .footer-whatsapp{
        width:285px;
        height:62px;
    }

    .footer-social a{
        width:48px;
        height:48px;
        font-size:21px;
    }
}


/* =========================================================
   TABLET
   768px to 991px
========================================================= */

@media (min-width:768px) and (max-width:991px){

    /* Navbar */

    .cookie-navbar,
    .navbar-layout{
        height:74px;
        min-height:74px;
    }

    .navbar-left-menu{
        margin-left:0;
    }

    .navbar-right-menu{
        margin-right:0;
    }

    .navbar-left-menu a,
    .navbar-right-menu a{
        min-height:74px;
        padding:0 9px;
        font-size:14px;
    }

    .navbar-logo{
        width:66px;
        height:74px;
    }

    .navbar-logo img{
        width:62px;
        max-height:62px;
    }


    /* Hero */

    .cookie-hero{
        padding:80px 25px 40px;
    }

    .hero-content h1{
        font-size:45px;
        line-height:.95;
        letter-spacing:1px;
    }

    .hero-content p{
        font-size:16px;
    }

    .hero-content p br{
        display:none;
    }

    .explore-btn{
        min-width:215px;
        height:60px;
        font-size:16px;
    }


    /* Slider */

    .cookieSwiper,
    .cookie-slide,
    .slide-content{
        height:390px;
    }

    .cookie-slide{
        background-size:cover;
        background-position:center;
    }


    /* Products */

    .testimonial-products{
        padding:50px 0 55px;
    }

    .testimonial-heading{
        margin-bottom:45px;
    }

    .testimonial-heading h1{
        font-size:40px;
    }

    .testimonial-heading p{
        max-width:680px;
        margin:25px auto 0;
        font-size:16px;
    }

    .testimonial-heading p br{
        display:none;
    }

    .product-card{
        margin-bottom:20px;
        min-height:410px;
    }


    /* Benefits */

    .cookie-benefits{
        padding:40px 20px 75px;
    }

    .benefits-row{
        flex-wrap:wrap;
        justify-content:center;
        gap:25px 10px;
    }

    .benefit-item{
        flex:0 0 calc(33.333% - 10px);
    }

    .benefit-item img{
        max-width:145px;
        height:130px;
    }

    .flavour-heading{
        padding:70px 0 35px;
    }

    .flavour-heading h2{
        font-size:42px;
    }

    .flavour-heading p{
        font-size:16px;
    }

    .flavour-heading p br{
        display:none;
    }


    /* Whole Wheat */

    .whole-wheat-section{
        padding:10px 0 40px;
    }

    .whole-wheat-box{
        width:96%;
        height:1090px;
    }

    .packet-coverflow{
        height:475px;
    }

    .packet-item{
        top:54%;
        width:210px;
        height:370px;
    }

    .packet-item.is-active{
        width:230px;
        height:395px;
    }

    .packet-item.is-prev{
        left:18%;
        opacity:.2;
        transform:translate(-50%, -50%) scale(.66);
    }

    .packet-item.is-next{
        left:82%;
        opacity:.2;
        transform:translate(-50%, -50%) scale(.66);
    }

    .whole-wheat-content{
        padding:35px 0 20px;
    }

    .whole-title{
        max-width:700px;
        font-size:39px;
        margin-bottom:20px;
    }

    .whole-text{
        width:calc(100% - 50px);
        margin:0 25px;
        font-size:14px;
        line-height:1.55;
    }

    .whole-text br{
        display:none;
    }

    .cookie-coverflow{
        height:370px;
    }

    .cookie-item{
        width:285px;
        height:215px;
    }

    .cookie-item.is-active{
        width:330px;
        height:245px;
    }

    .cookie-item.is-prev{
        left:20%;
        transform:translate(-50%, -50%) scale(.65);
    }

    .cookie-item.is-next{
        left:80%;
        transform:translate(-50%, -50%) scale(.65);
    }

    .whole-arrow{
        width:40px;
        height:52px;
    }

    .whole-arrow i{
        font-size:29px;
        line-height:52px;
    }

    .packet-prev,
    .cookie-prev{
        left:5%;
    }

    .packet-next,
    .cookie-next{
        right:5%;
    }


    /* Footer */

    .cookie-footer-main{
        padding:55px 0;
    }

    .cookie-footer-main .container,
    .cookie-footer-bottom .container{
        width:720px;
        max-width:calc(100% - 30px);
    }

    .footer-left{
        padding-left:0;
    }

    .footer-heading,
    .footer-newsletter .footer-heading{
        font-size:32px;
    }

    .footer-time,
    .footer-address,
    .footer-contact{
        font-size:14px;
    }

    .footer-newsletter{
        width:100%;
        max-width:100%;
        margin:0;
    }

    .newsletter-field{
        width:100%;
        height:56px;
    }

    .newsletter-mail-icon{
        width:55px;
        height:54px;
    }

    .newsletter-field input{
        width:calc(100% - 55px);
        height:54px;
    }

    .newsletter-button{
        width:200px;
        height:58px;
        font-size:18px;
    }

    .footer-whatsapp{
        width:255px;
        height:58px;
        padding:0 18px;
    }

    .footer-whatsapp i{
        width:39px;
        height:39px;
        flex-basis:39px;
        font-size:23px;
    }

    .copyright-area{
        gap:14px;
    }

    .copyright-area p{
        font-size:12px;
        white-space:normal;
    }

    .footer-brand-dots span{
        width:22px;
        height:22px;
    }

    .footer-social a{
        width:43px;
        height:43px;
        font-size:19px;
    }
}


/* =========================================================
   MOBILE
   Up to 767px
========================================================= */

@media (max-width:767px){

    body{
        overflow-x:hidden;
    }


    /* Navbar */

    .cookie-navbar{
        height:auto;
    }

    .navbar-layout{
        
        height:auto;
        min-height:0;
        
    }

    .navbar-logo{
        top:0;
        width:100%;
        height:72px;
        border-bottom:1px solid black;
    }

    .navbar-logo img{
        width:64px;
        max-height:64px;
    }

    .navbar-left-menu,
    .navbar-right-menu{
        
        margin:0;
        
    }

    .navbar-left-menu a,
    .navbar-right-menu a{
        
        min-height:48px;
        padding:8px 5px;

        font-size:13px;
        line-height:1.25;
        text-align:center;

        border-top:0;
        border-left:1px solid black;
        border-bottom:1px solid black;
    }

    .navbar-left-menu a:last-child,
    .navbar-right-menu a:last-child{
        border-right:1px solid black;
    }


    /* Hero */

    .cookie-hero{
        padding:55px 15px 40px;
    }

    .hero-content h1{
        font-size:36px;
        line-height:.95;
        letter-spacing:1px;
    }

    .hero-content p{
        max-width:520px;
        margin:22px auto 25px;
        font-size:15px;
        line-height:1.55;
    }

    .hero-content p br{
        display:none;
    }

    .explore-btn{
        min-width:190px;
        height:54px;
        padding:0 20px;
        font-size:14px;
    }


    /* Main slider */

    .cookieSwiper,
    .cookie-slide,
    .slide-content{
        height:300px;
    }

    .cookie-slide{
        background-size:cover;
        background-position:center;
    }

    .cookieSwiper .swiper-button-prev,
    .cookieSwiper .swiper-button-next{
        width:55px;
    }


    /* Testimonial section */

    .testimonial-products{
        padding:45px 15px 50px;
    }

    .testimonial-heading{
        margin-bottom:38px;
    }

    .testimonial-heading h1{
        font-size:33px;
        line-height:1;
        letter-spacing:1px;
    }

    .testimonial-heading p{
        max-width:520px;
        margin:22px auto 0;
        font-size:15px;
        line-height:1.55;
    }

    .testimonial-heading p br{
        display:none;
    }

    .product-row{
        margin-left:-7px;
        margin-right:-7px;
    }

    .product-row > div{
        padding-left:7px;
        padding-right:7px;
    }

    .product-card{
        max-width:390px;
        min-height:auto;
        margin:0 auto 20px;
        padding:22px 18px 18px;
    }

    .product-image{
        height:285px;
    }

    .product-image img{
        max-height:265px;
    }

    .product-card h3{
        margin-top:16px;
        font-size:17px;
    }


    /* Benefits */

    .cookie-benefits{
        padding:35px 15px 65px;
    }

    .benefits-row{
        flex-wrap:wrap;
        justify-content:center;
        gap:20px 10px;
    }

    .benefit-item{
        flex:0 0 calc(50% - 10px);
    }

    .benefit-item img{
        width:100%;
        max-width:135px;
        height:120px;
    }

    .flavour-heading{
        padding:55px 5px 30px;
    }

    .flavour-heading h2{
        font-size:34px;
        line-height:1.05;
        letter-spacing:1px;
    }

    .flavour-heading p{
        margin-top:24px;
        font-size:15px;
        line-height:1.55;
    }

    .flavour-heading p br{
        display:none;
    }


    /* Whole Wheat */

    .whole-wheat-section{
        padding:8px 0 25px;
    }

    .whole-wheat-box{
        width:98%;
        height:880px;
    }

    .whole-wheat-bg-image{
        object-fit:fill;
    }

    .packet-coverflow{
        height:365px;
    }

    .packet-item{
        top:53%;
        width:160px;
        height:285px;
    }

    .packet-item.is-active{
        width:180px;
        height:310px;
    }

    .packet-item.is-prev{
        left:12%;
        opacity:.17;
        transform:translate(-50%, -50%) scale(.58);
    }

    .packet-item.is-next{
        left:88%;
        opacity:.17;
        transform:translate(-50%, -50%) scale(.58);
    }

    .whole-wheat-content{
        padding:28px 10px 15px;
    }

    .whole-title{
        max-width:520px;
        margin:0 auto 17px;
        font-size:30px;
        line-height:1;
        white-space:normal;
    }

    .whole-text{
        width:100%;
        max-width:520px;
        margin:0 auto;
        padding:0 12px;

        font-size:13px;
        line-height:1.5;
    }

    .whole-text br{
        display:none;
    }

    .cookie-coverflow{
        height:300px;
    }

    .cookie-item{
        width:220px;
        height:165px;
    }

    .cookie-item.is-active{
        width:260px;
        height:195px;
    }

    .cookie-item.is-prev{
        left:14%;
        opacity:.25;
        transform:translate(-50%, -50%) scale(.57);
    }

    .cookie-item.is-next{
        left:86%;
        opacity:.25;
        transform:translate(-50%, -50%) scale(.57);
    }

    .whole-arrow{
        width:34px;
        height:44px;
        border-radius:5px;
    }

    .whole-arrow i{
        font-size:25px;
        line-height:44px;
    }

    .packet-prev,
    .cookie-prev{
        left:3%;
    }

    .packet-next,
    .cookie-next{
        right:3%;
    }


    /* Divider */

    .footer-divider{
        width:100%;
        height:1px;
        margin:0;
    }


    /* Footer top */

    .cookie-footer-main{
        padding:50px 0 45px;
    }

    .cookie-footer-main .container,
    .cookie-footer-bottom .container{
        width:100%;
        max-width:none;
        padding-left:20px;
        padding-right:20px;
    }

    .footer-left,
    .footer-newsletter{
        width:100%;
        max-width:100%;
        margin:0;
        padding:0;
    }

    .footer-newsletter{
        margin-top:50px;
    }

    .footer-heading,
    .footer-newsletter .footer-heading{
        font-size:31px;
        margin-bottom:16px;
    }

    .footer-time{
        margin-bottom:28px;
    }

    .footer-time,
    .footer-address,
    .footer-contact{
        font-size:14px;
        line-height:1.55;
    }

    .footer-address{
        margin-bottom:25px;
    }

    .footer-whatsapp{
        width:auto;
        max-width:100%;
        height:56px;
        margin-top:30px;
        padding:0 18px;
        gap:10px;

        font-size:13px;
    }

    .footer-whatsapp i{
        width:37px;
        height:37px;
        flex:0 0 37px;
        border-width:2px;
        font-size:22px;
    }

    .footer-whatsapp strong{
        font-size:13px;
    }

    .newsletter-subtitle{
        margin-bottom:18px;
        font-size:14px;
    }

    .newsletter-form label{
        font-size:14px;
    }

    .newsletter-field{
        width:100%;
        height:56px;
    }

    .newsletter-mail-icon{
        width:55px;
        height:54px;
    }

    .newsletter-mail-icon i{
        width:27px;
        height:20px;
        font-size:15px;
    }

    .newsletter-field input{
        width:calc(100% - 55px);
        height:54px;
        padding:0 14px;
    }

    .newsletter-button{
        width:210px;
        max-width:100%;
        height:58px;
        margin-top:18px;

        font-size:18px;
    }


    /* Footer bottom */

    .cookie-footer-bottom{
        min-height:0;
        padding:30px 0;
    }

    .footer-bottom-row{
        min-height:0;
        display:block;
    }

    .copyright-area{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:16px;

        text-align:center;
    }

    .copyright-area p{
        font-size:12px;
        line-height:1.5;
        white-space:normal;
    }

    .footer-brand-dots{
        gap:7px;
    }

    .footer-brand-dots span{
        width:21px;
        height:21px;
    }

    .footer-social{
        justify-content:center;
        margin-top:22px;
        gap:9px;
    }

    .footer-social a{
        width:43px;
        height:43px;
        font-size:19px;
    }

    .footer-social .x-icon{
        font-size:22px;
    }

    .cookie-footer{
        padding-bottom:25px;
    }
}


/* =========================================================
   SMALL MOBILE
   Up to 480px
========================================================= */

@media (max-width:480px){

    /* Navbar */

    .navbar-left-menu a,
    .navbar-right-menu a{
        font-size:12px;
        padding:7px 3px;
    }


    /* Hero */

    .hero-content h1{
        font-size:31px;
    }

    .hero-content p{
        font-size:14px;
    }


    /* Slider */

    .cookieSwiper,
    .cookie-slide,
    .slide-content{
        height:245px;
    }


    /* Testimonial */

    .testimonial-heading h1{
        font-size:28px;
    }

    .testimonial-heading p{
        font-size:14px;
    }

    .product-card{
        max-width:340px;
    }

    .product-image{
        height:250px;
    }

    .product-image img{
        max-height:230px;
    }


    /* Benefits */

    .benefit-item{
        flex:0 0 50%;
    }

    .benefit-item img{
        max-width:115px;
        height:105px;
    }

    .flavour-heading h2{
        font-size:29px;
    }

    .flavour-heading p{
        font-size:14px;
    }


    /* Whole Wheat */

    .whole-wheat-box{
        height:780px;
    }

    .packet-coverflow{
        height:320px;
    }

    .packet-item{
        width:135px;
        height:240px;
    }

    .packet-item.is-active{
        width:155px;
        height:270px;
    }

    .whole-title{
        font-size:25px;
    }

    .whole-text{
        font-size:12px;
        line-height:1.45;
        padding:0 10px;
    }

    .cookie-coverflow{
        height:270px;
    }

    .cookie-item{
        width:185px;
        height:140px;
    }

    .cookie-item.is-active{
        width:220px;
        height:165px;
    }

    .packet-item.is-prev,
    .cookie-item.is-prev{
        left:8%;
    }

    .packet-item.is-next,
    .cookie-item.is-next{
        left:92%;
    }


    /* Footer */

    .footer-heading,
    .footer-newsletter .footer-heading{
        font-size:27px;
    }

    .footer-whatsapp{
        font-size:12px;
        padding:0 14px;
    }

    .footer-whatsapp strong{
        font-size:12px;
    }

    .newsletter-button{
        width:185px;
        height:54px;
        font-size:16px;
    }
}

/* ==================================================
   COMMON RESPONSIVE NAVBAR / HAMBURGER
   Same on Home, Who Are We, Our Cookies and Contact
================================================== */

/* Desktop: normal navbar */
@media (min-width:1200px){

    .cookie-navbar .desktop-menu{
        display:flex !important;
    }

    .cookie-navbar .mobile-menu-toggle,
    .cookie-navbar .mobile-menu-overlay,
    .cookie-navbar .mobile-menu-panel{
        display:none !important;
    }
}

/* Tablet + small laptop + mobile */
@media (max-width:1199px){

    html,
    body{
        overflow-x:hidden;
    }

    body.menu-open{
        overflow:hidden !important;
    }

    .cookie-navbar{
        position:relative !important;
        width:100% !important;
        height:76px !important;
        min-height:76px !important;
        background:#fffdf4 !important;
        border-bottom:1px solid #111 !important;
        z-index:1000 !important;
    }

    .cookie-navbar .container-fluid{
        width:100% !important;
        padding:0 20px !important;
    }

    .cookie-navbar .navbar-layout{
        position:relative !important;
        width:100% !important;
        height:76px !important;
        min-height:76px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
    }

    .cookie-navbar .desktop-menu,
    .cookie-navbar .navbar-left-menu,
    .cookie-navbar .navbar-right-menu{
        display:none !important;
    }

    .cookie-navbar .navbar-logo{
        position:static !important;
        top:auto !important;
        left:auto !important;
        width:auto !important;
        height:76px !important;
        transform:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border:0 !important;
    }

    .cookie-navbar .navbar-logo img{
        display:block !important;
        width:70px !important;
        height:70px !important;
        max-height:70px !important;
        object-fit:contain !important;
    }

    .cookie-navbar .mobile-menu-toggle{
        position:absolute !important;
        top:50% !important;
        right:0 !important;
        width:42px !important;
        height:42px !important;
        padding:8px !important;
        margin:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
        transform:translateY(-50%) !important;
        background:transparent !important;
        border:0 !important;
        outline:0 !important;
        cursor:pointer !important;
        z-index:10 !important;
    }

    .cookie-navbar .mobile-menu-toggle span{
        display:block !important;
        width:26px !important;
        height:2px !important;
        margin:0 !important;
        background:#111 !important;
    }

    .cookie-navbar .mobile-menu-overlay{
        position:fixed !important;
        inset:0 !important;
        display:block !important;
        background:rgba(0,0,0,.55) !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transition:opacity .3s ease, visibility .3s ease !important;
        z-index:9998 !important;
    }

    .cookie-navbar .mobile-menu-panel{
        position:fixed !important;
        top:20px !important;
        right:0 !important;
        bottom:auto !important;
        width:320px !important;
        max-width:calc(100% - 40px) !important;
        height:auto !important;
        max-height:calc(100vh - 40px) !important;
        display:block !important;
        padding:0 !important;
        margin:0 !important;
        background:#fffdf4 !important;
        transform:translateX(calc(100% + 30px)) !important;
        transition:transform .35s ease !important;
        box-shadow:-8px 0 28px rgba(0,0,0,.18) !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        overscroll-behavior:contain !important;
        z-index:9999 !important;
    }

    body.menu-open .cookie-navbar .mobile-menu-overlay,
    .cookie-navbar .mobile-menu-overlay.active{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }

    body.menu-open .cookie-navbar .mobile-menu-panel,
    .cookie-navbar .mobile-menu-panel.active{
        transform:translateX(0) !important;
    }

    .cookie-navbar .mobile-menu-header{
        position:relative !important;
        width:100% !important;
        height:105px !important;
        min-height:105px !important;
        padding:12px 20px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        background:#fffdf4 !important;
        border-bottom:1px solid #111 !important;
    }

    .cookie-navbar .mobile-menu-logo{
        display:inline-flex !important;
        align-items:center !important;
        line-height:0 !important;
    }

    .cookie-navbar .mobile-menu-logo img{
        display:block !important;
        width:78px !important;
        height:78px !important;
        max-width:78px !important;
        object-fit:contain !important;
    }

    .cookie-navbar .mobile-menu-close{
        position:static !important;
        width:40px !important;
        height:40px !important;
        padding:0 !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        transform:none !important;
        color:#111 !important;
        background:transparent !important;
        border:0 !important;
        outline:0 !important;
        font-family:Arial, sans-serif !important;
        font-size:35px !important;
        font-weight:600 !important;
        line-height:1 !important;
        cursor:pointer !important;
    }

    .cookie-navbar .mobile-menu-links{
        width:100% !important;
        display:block !important;
        padding:38px 30px 18px !important;
        background:#fffdf4 !important;
    }

    .cookie-navbar .mobile-menu-links a{
        width:100% !important;
        min-height:68px !important;
        padding:20px 24px !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        color:#111 !important;
        background:transparent !important;
        border:0 !important;
        border-bottom:1px solid #d8d2c4 !important;
        font-family:Arial, sans-serif !important;
        font-size:20px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
        text-decoration:none !important;
    }

    .cookie-navbar .mobile-menu-links a:hover,
    .cookie-navbar .mobile-menu-links a:focus,
    .cookie-navbar .mobile-menu-links a.active,
    .cookie-navbar .mobile-menu-links a.active-page{
        color:#75bddb !important;
        background:transparent !important;
        text-decoration:none !important;
    }

    .cookie-navbar a.active-page{
        color:#75bddb !important;
    }
}

@media (max-width:480px){

    .cookie-navbar,
    .cookie-navbar .navbar-layout{
        height:70px !important;
        min-height:70px !important;
    }

    .cookie-navbar .container-fluid{
        padding:0 14px !important;
    }

    .cookie-navbar .navbar-logo{
        height:70px !important;
    }

    .cookie-navbar .navbar-logo img{
        width:64px !important;
        height:64px !important;
        max-height:64px !important;
    }

    .cookie-navbar .mobile-menu-panel{
        top:14px !important;
        width:300px !important;
        max-width:calc(100% - 28px) !important;
        max-height:calc(100vh - 28px) !important;
    }

    .cookie-navbar .mobile-menu-header{
        height:92px !important;
        min-height:92px !important;
        padding:10px 17px !important;
    }

    .cookie-navbar .mobile-menu-logo img{
        width:68px !important;
        height:68px !important;
        max-width:68px !important;
    }

    .cookie-navbar .mobile-menu-links{
        padding:28px 25px 14px !important;
    }

    .cookie-navbar .mobile-menu-links a{
        min-height:60px !important;
        padding:17px 20px !important;
        font-size:17px !important;
    }
}

/* RESPONSIVE : Who are we page */
@media (max-width:1199px){

    .who-video-section,
    .who-video-content{
        height:700px;
    }

    .who-video-content h2{
        font-size:56px;
    }

    .who-video-content p{
        max-width:900px;
        font-size:19px;
    }
}


@media (max-width:991px){

    .who-video-section,
    .who-video-content{
        height:620px;
    }

    .who-video-content{
        max-width:800px;
    }

    .who-video-content h2{
        margin-bottom:32px;
        font-size:48px;
    }

    .who-video-content p{
        font-size:17px;
        line-height:1.5;
    }
}


@media (max-width:767px){

    .who-video-section,
    .who-video-content{
        height:540px;
    }

    .who-video-content{
        padding:35px 20px;
    }

    .who-video-content h2{
        margin-bottom:26px;
        font-size:38px;
        line-height:.96;
    }

    .who-video-content p{
        max-width:560px;
        font-size:15px;
        line-height:1.55;
    }

    .who-video-overlay{
        background:rgba(65, 43, 24, .38);
    }
}


@media (max-width:480px){

    .who-video-section,
    .who-video-content{
        height:500px;
    }

    .who-video-content h2{
        font-size:31px;
    }

    .who-video-content p{
        font-size:14px;
    }
}

/* RESPONSIVE : Who are we page:OUR STORY */

@media (max-width:1199px){

    .cookie-story{
        padding:65px 0 80px;
    }

    .cookie-story h1{
        font-size:56px;
        margin-bottom:42px;
    }

    .row-right p{
        font-size:17px;
    }
}


@media (max-width:991px){

    .cookie-story{
        padding:55px 0 70px;
    }

    .cookie-story h1{
        font-size:48px;
        margin-bottom:35px;
    }

    .story-image{
        margin-bottom:26px;
    }

    .row-right{
        margin-left:-12px;
        margin-right:-12px;
    }

    .row-right > div{
        padding-left:12px;
        padding-right:12px;
    }

    .row-right p{
        font-size:16px;
        line-height:1.6;
    }
}


@media (max-width:767px){

    .cookie-story{
        padding:45px 0 55px;
    }

    .cookie-story .container{
        max-width:calc(100% - 30px);
    }

    .cookie-story h1{
        font-size:38px;
        margin-bottom:28px;
    }

    .story-image{
        margin-bottom:24px;
    }

    .row-right{
        margin-left:0;
        margin-right:0;
    }

    .row-right > div{
        padding-left:0;
        padding-right:0;
    }

    .row-right > div + div{
        margin-top:22px;
    }

    .row-right p{
        font-size:15px;
        line-height:1.65;
    }
}


@media (max-width:480px){

    .cookie-story{
        padding:38px 0 45px;
    }

    .cookie-story h1{
        font-size:31px;
        margin-bottom:24px;
    }

    .row-right p{
        font-size:14px;
    }
}
@media (max-width:767px){

    .cookie-story .story-text-row .col-md-6:first-child{
        transform:translateX(-45px);
    }

    .cookie-story .story-text-row .col-md-6:last-child{
        transform:translateX(45px);
    }

}
/* RESPONSIVE : Who are we page:About Us */

@media (max-width:991px){

    .cookie-about-us{
        padding:40px 0;
    }

    .cookie-about-us .about-heading{
        margin-bottom:38px;

        font-size:46px;
    }

    .cookie-about-us .about-review-row{
        display:block;

        margin-left:-15px;
        margin-right:-15px;
    }

    .cookie-about-us .about-review-row > div{
        padding-left:15px;
        padding-right:15px;
    }

    .cookie-about-us .about-image-box{
        height:auto;
        margin-bottom:22px;
    }

    .cookie-about-us .about-image-box img{
        width:100%;
        height:auto;
    }

    .cookie-about-us .testimonial-wrapper{
        height:400px;
    }

}

@media (max-width:767px){

    .cookie-about-us{
        padding:35px 0;
    }

    .cookie-about-us .about-heading{
        margin-bottom:30px;

        font-size:32px;
        line-height:1;
    }

    .cookie-about-us .testimonial-wrapper{
        height:440px;
    }

    .cookie-about-us .testimonial-card{
        padding:32px 45px 30px;
    }

    .cookie-about-us .testimonial-stars{
        gap:5px;

        margin-bottom:20px;
    }

    .cookie-about-us .testimonial-stars span{
        font-size:18px;
    }

    .cookie-about-us .testimonial-quote{
        margin-bottom:15px;

        font-size:45px;
    }

    .cookie-about-us .testimonial-text{
        font-size:16px;
        line-height:1.55;
    }

    .cookie-about-us .testimonial-person{
        margin-top:24px;
    }

    .cookie-about-us .testimonial-person img{
        width:62px;
        height:62px;
    }

    .cookie-about-us .swiper-button-prev{
        left:8px;
    }

    .cookie-about-us .swiper-button-next{
        right:8px;
    }

    .cookie-about-us .swiper-button-prev:after,
    .cookie-about-us .swiper-button-next:after{
        font-size:20px;
    }

}

/* RESPONSIVE : OUR COOKIES */
/*=================================================
                    TABLET
=================================================*/

@media (max-width:991px){

    .cookies-hero{
        height:500px;
    }

}


/*=================================================
                    MOBILE
=================================================*/

@media (max-width:767px){

    .cookies-hero{
        height:320px;
    }

    .cookies-hero video{
        object-position:center center;
    }

}


/*=================================================
                SMALL MOBILE
=================================================*/

@media (max-width:480px){

    .cookies-hero{
        height:250px;
    }

}

/* OUR COOKIES:FLAVOURS*/
/*=================================================
                    TABLET
=================================================*/

@media (max-width:991px){

    .flavours-section{
        padding:60px 0 65px;
    }


    .flavours-section .flavours-heading{
        margin-bottom:65px;
    }


    .flavours-section .flavours-heading h1{
        font-size:48px;
    }


    .flavours-section .flavours-heading p{
        max-width:750px;

        margin-left:auto;
        margin-right:auto;

        font-size:17px;
    }


    .flavours-section .flavours-image-box{
        height:310px;
    }

}


/*=================================================
                    MOBILE
=================================================*/

@media (max-width:767px){

    .flavours-section{
        padding:45px 0 50px;
    }


    .flavours-section .flavours-heading{
        margin-bottom:42px;

        padding:0 10px;
    }


    .flavours-section .flavours-heading h1{
        margin-bottom:15px;

        font-size:34px;
        line-height:1.1;
    }


    .flavours-section .flavours-heading p{
        font-size:15px;
        line-height:1.6;
    }


    .flavours-section .flavours-images-row{
        margin-left:-15px;
        margin-right:-15px;
    }


    .flavours-section .flavours-column{
        padding-left:15px;
        padding-right:15px;

        margin-bottom:18px;
    }


    .flavours-section .flavours-image-box{
        height:auto;
    }


    .flavours-section .flavours-image-box img{
        width:100%;
        height:auto;

        object-fit:initial;
    }

}
/*=================================================
                     TABLET
=================================================*/

@media (max-width:991px){

    .cookie-collection-section{
        padding:65px 0 70px;
    }


    .cookie-collection-section .cookie-collection-heading{
        margin-bottom:60px;
    }


    .cookie-collection-section .cookie-collection-heading h1{
        font-size:46px;
    }


    .cookie-collection-section .cookie-collection-heading p{
        max-width:700px;
        font-size:16px;
    }


    .cookie-collection-section .cookie-product-card{
        height:430px;

        padding:28px 28px 18px;
    }


    .cookie-collection-section .cookie-product-image{
        height:300px;
    }


    .cookie-collection-section .cookie-product-image img{
        max-width:225px;
        max-height:260px;
    }


    .cookie-collection-section .cookie-product-card h3{
        font-size:22px;
    }

}


/*=================================================
                     MOBILE
=================================================*/

@media (max-width:767px){

    .cookie-collection-section{
        padding:50px 0 55px;
    }


    .cookie-collection-section .cookie-collection-heading{
        margin-bottom:42px;

        padding:0 10px;
    }


    .cookie-collection-section .cookie-collection-heading h1{
        margin-bottom:15px;

        font-size:34px;
        line-height:1.1;
    }


    .cookie-collection-section .cookie-collection-heading p{
        font-size:15px;
        line-height:1.55;
    }


    .cookie-collection-section .cookie-card-row{
        margin-left:-15px;
        margin-right:-15px;
    }


    .cookie-collection-section .cookie-card-column{
        padding-left:15px;
        padding-right:15px;

        margin-bottom:20px;
    }


    .cookie-collection-section .cookie-product-card{
        max-width:420px;
        height:430px;

        margin:0 auto;

        padding:25px 28px 18px;
    }


    .cookie-collection-section .cookie-product-image{
        height:300px;
    }


    .cookie-collection-section .cookie-product-card h3{
        font-size:22px;
    }

}


/*=================================================
                    TABLET
=================================================*/

@media (max-width:991px){

    .contact-form-section .contact-form-container{
        max-width:900px !important;
    }

    .contact-form-section .contact-form-heading{
        margin-bottom:38px !important;
        font-size:44px !important;
    }

    .contact-form-section .contact-input{
        height:55px !important;
        font-size:15px !important;
    }

    .contact-form-section .contact-message{
        height:125px !important;
        font-size:15px !important;
    }

    .contact-form-section .contact-submit-btn{
        min-width:180px !important;
        height:52px !important;
        font-size:15px !important;
        line-height:50px !important;
    }

}


/*=================================================
                    MOBILE
=================================================*/

@media (max-width:767px){

    .contact-form-section{
        padding:42px 0 60px !important;
    }

    .contact-form-section .contact-form-heading{
        margin-bottom:30px !important;

        font-size:31px !important;
        line-height:1.1 !important;
    }

    .contact-form-section .contact-input{
        height:52px !important;

        padding:0 15px !important;

        font-size:14px !important;
    }

    .contact-form-section .contact-message{
        height:120px !important;

        padding:15px !important;

        font-size:14px !important;
    }

    .contact-form-section .contact-input::placeholder,
    .contact-form-section .contact-message::placeholder{
        font-size:14px !important;
    }

    .contact-form-section .contact-submit-btn{
        min-width:170px !important;
        height:48px !important;

        padding:0 25px !important;

        font-size:14px !important;
        line-height:46px !important;
    }

}



/*=================================================
                       TABLET
=================================================*/

@media (max-width:991px){

    .contact-hero{
        height:430px;
    }


    .contact-hero-content h1{
        font-size:50px;
    }


    .contact-details-section{
        padding:60px 0 40px;
    }


    .contact-card-image{
        height:145px;
    }


    .contact-detail-card{
        min-height:225px;
    }


    .contact-form-section{
        padding:40px 0 60px;
    }


    .contact-form-heading{
        margin-bottom:32px;

        font-size:38px;
    }

}


/*=================================================
                       MOBILE
=================================================*/

@media (max-width:767px){

    .contact-hero{
        height:320px;
        background-position:center center;
    }


    .contact-hero-content h1{
        font-size:36px;
    }


    .contact-details-section{
        padding:45px 0 25px;
    }


    .contact-detail-column{
        margin-bottom:18px;
    }


    .contact-detail-card{
        width:100%;
        max-width:400px;
        min-height:auto;

        margin:0 auto;
    }


    .contact-card-image{
        height:auto;
    }


    .contact-card-image img{
        width:100%;
        height:auto;

        object-fit:initial;
    }


    .contact-form-section{
        padding:30px 0 50px;
    }


    .contact-form-heading{
        margin-bottom:28px;

        font-size:29px;
        line-height:1.1;
    }


    .contact-input{
        height:48px;
    }


    .contact-message{
        height:112px;
    }


    .contact-submit-btn{
        min-width:155px;
    }

}


/*=================================================
                    SMALL MOBILE
=================================================*/

@media (max-width:480px){

    .contact-hero{
        height:270px;
    }


    .contact-hero-content h1{
        font-size:30px;
    }


    .contact-form-heading{
        font-size:25px;
    }

}

/* Desktop: only left and right arrows visible */
@media only screen and (min-width:1200px){

    .cookie-about-us .testimonial-prev,
    .cookie-about-us .testimonial-next{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        z-index:20;
    }

    .cookie-about-us .testimonial-prev{
        left:18px !important;
    }

    .cookie-about-us .testimonial-next{
        right:18px !important;
    }

    .cookie-about-us .testimonial-prev.swiper-button-disabled,
    .cookie-about-us .testimonial-next.swiper-button-disabled{
        opacity:.25 !important;
        visibility:visible !important;
    }

}


/* Tablet only: prevent card content cutting */
@media only screen and (min-width:768px) and (max-width:1023px){

    .cookie-about-us .testimonial-wrapper{
        height:auto;
        min-height:430px;
    }

    .cookie-about-us .testimonial-swiper{
        height:100%;
        min-height:430px;
    }

    .cookie-about-us .swiper-slide{
        height:auto;
        min-height:430px;
    }

    .cookie-about-us .testimonial-card{
        height:auto;
        min-height:430px;
        padding:32px 55px 28px 35px;
    }

    .cookie-about-us .testimonial-text{
        font-size:16px;
        line-height:1.5;
    }

    .cookie-about-us .testimonial-person{
        margin-top:20px;
    }

}