@media screen and (max-width: 1024px) {
    .follow-text span::before {
        left: 0 !important;
    }

    .text-de::before {
        top: 0px;
        left: 15px;
        width: 26px;
        height: 26px;
        background-size: contain;
    }

    .pop-menu-box {
        width: 33.33% !important;
    }

    .mobile-navbar-collapse {
        background-color: #572985 !important;
    }

    .mobile-navbar-collapse a {
        color: white !important;
    }

    .menu-location-sec .elementor-container.elementor-column-gap-default {
        column-gap: 20px;
    }
}

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

    .hs-detail-content {
        width: 56% !important;
    }

    .hs-content-box {
        margin-top: -62%;
    }

    .apd-svg-element {
        bottom: -220px !important;
        right: 370px !important;
    }

    /* .idea-img-box  {
        width: 49% !important;
    }

    .idea-content-box {
        width: 51% !important;
    } */

    .idea-content-box>.elementor-element-populated {
        margin-top: -60% !important;
    }

    .dessert-exp-col,
    .box-width-title {
        width: 69% !important;
    }

    .webfs-title-width h2 {
        width: 68% !important;
    }

    .webfs-image-col>.elementor-element-populated {
        margin-top: -38% !important;
    }

    .ch-on-top-title-col {
        justify-content: end;
    }

    /* .ch-on-top-title-col  > .elementor-widget-wrap.elementor-element-populated {
        width: 56% !important;
        justify-content:start !important;
    } */

    .ch-on-top-title h2 {
        width: 55% !important;
    }

    .human-image-col .lqd-imggrp-img-container img {
        width: 100% !important;
    }

    .dessert-exp-inner {}

    .tab-col-size {
        width: 16.666% !important;
    }

    .believe-in-col,
    .col-tab-size {
        width: 50% !important;
    }

    .col-tab-size>.elementor-widget-wrap {
        margin: 0 !important;
        padding: 15px !important;
    }

    .address-wrapper {
        min-height: 300px;
    }

    .re-col.elementor-reverse-tablet>.elementor-container>:first-child {
        order: 1 !important;
    }

    .wel-title-width {
        width: 80% !important;
    }

    .order-col-width {
        width: 50% !important;
    }

    .pare-height {
        min-height: 310px;
    }

}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .ebfs-image .lqd-imggrp-img-container img {
        width: 65% !important;
    }

    .ebfs-image-2 .lqd-imggrp-img-container img {
        width: 65% !important;
    }

    .webfs-image-col .elementor-element-populated {
        margin-top: -34% !important;
    }
}

@media screen and (min-width: 931px) and (max-width: 991px) {
    .ch-on-top-title h2 {
        width: 62% !important;
    }

    .hs-content-box {
        width: 58% !important;
        margin-top: -56% !important;
    }

    .hero-se-pr-image .lqd-imggrp-img-container img {
        width: 85% !important;
    }

    .apd-svg-element {
        right: -150px !important;
        bottom: -250px !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 930px) {
    .ch-on-top-title h2 {
        width: 62% !important;
    }

    .hs-content-box {
        width: 57% !important;
        margin-top: -56% !important;
    }

    .hero-se-pr-image .lqd-imggrp-img-container img {
        width: 74% !important;
    }

    .apd-svg-element {
        right: -160px !important;
        bottom: -180px !important;
    }

    .he-section-bg-img .lqd-imggrp-img-container img {
        width: 79% !important;
    }

    .dessert-exp-section {
        padding-top: 50px !important;
    }
}

@media screen and (max-width: 768px) {
    .testimonial-design::before {
        width: 18px;
        height: 20px;
        top: -5px;
        left: -16px;
        background-size: contain;
    }

    .testimonial-design::after {
        width: 24px;
        height: 23px;
        top: -12px;
        right: -14px;
        background-size: contain;
    }

    .testimonial-design-se::after {
        width: 40px;
        height: 26px;
        top: -10px;
        right: -15px;
        background-size: contain;
    }

    .testimonial-design-se::before {
        width: 33px;
        height: 35px;
        bottom: 61px;
        left: -13px;
        background-size: contain;
    }
}

@media screen and (min-width: 650px) and (max-width: 767px) {

    .testimonial-design-se p,
    .testimonial-design P {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .testimonial-design-se::before {
        bottom: 17px;
    }
}

@media screen and (max-width: 767px) {

    .mood-img-bg {
        left: 0 !important;
        margin: 0 auto !important;
        right: 0 !important;
    }

    .fix-nav .reset-ul li a {
        width: 10px;
        height: 10px;
        padding: 0 !important;
    }

    .text-de::before {
        top: -10px;
        left: 5px;
        width: 19px;
        height: 25px;
        background-size: contain;
    }

    .pop-menu-box {
        width: 100% !important;
    }

    .f-col-full {
        width: 100% !important;
    }

}


@media screen and (max-width: 649px) {
    .title-h2 h2 {
        font-size: 36px !important;
        line-height: 48px !important;
    }

    .p {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .title-h3 h3 {
        font-size: 44px !important;
        line-height: 56px !important;
    }

    /* .text-de::before {
         top: -9px;
         left: 5px;
         width: 70%;
         background-size: contain;
    } */

    .title-h5 h5 {
        font-size: 30px !important;
        line-height: 42px !important;
    }

    .address-wrapper .de-address .add-col-1 {
        width: 100%;
        border-right: none;
    }

    .address-wrapper .de-address .add-col-2 {
        width: 100%;
        padding-left: 0;
        margin-top: 25px;
    }

    .testimonial-design-se::before {
        bottom: 17px;
    }

    .follow-text h3 {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    /* .hide-br{
        display: none;
    } */

    #sbi_images .sbi_item.sbi_type_image,
    .sbi_item.sbi_type_video {
        width: 100% !important;
    }

    #sbi_images .sbi_item.sbi_type_image a {
        height: 285px !important;
    }

}

/* macarons */
@media (min-width: 1368px) and (max-width: 1871px) {
    .heading-dreamy h2.elementor-heading-title.elementor-size-default {
        font-size: 300px !important;
        line-height: 150px
    }
}

@media (min-width: 396px) and (max-width: 767px) {
    .vegan-three-section .elementor-column {
        margin-top: 150px;
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    .elementor-5629 .elementor-element.elementor-element-d8a7b56 .elementor-heading-title {
        font-size: 125px;
        line-height: 130px;
    }

    .elementor-5629 .elementor-element.elementor-element-0917376 .elementor-heading-title {
        font-size: 50px;
        line-height: 50px;
    }

    .elementor-5629 .elementor-element.elementor-element-2933f93 .elementor-heading-title {
        font-size: 70px;
    }

    .elementor-5629 .elementor-element.elementor-element-5f31bff>.elementor-widget-container {
        margin: -115px 0px 0px 0px;
    }
}

@media screen and (min-width: 550px) and (max-width: 649px) {
    .elementor-5629 .elementor-element.elementor-element-d8a7b56 .elementor-heading-title {
        font-size: 90px;
    }

    .elementor-5629 .elementor-element.elementor-element-0917376 .elementor-heading-title {
        font-size: 45px;
        line-height: 45px;
    }

    .elementor-5629 .elementor-element.elementor-element-2933f93 .elementor-heading-title {
        font-size: 60px;
    }
}

@media (min-width: 460px) and (max-width: 767px) {
    .elementor-5629 .elementor-element.elementor-element-cd835e9>.elementor-widget-container {
        margin: 0px 70px -70px 0px;
        padding: 0px 0px 0px 0px;
    }
}

@media (min-width: 250px) and (max-width: 340px) {
    .elementor-5629 .elementor-element.elementor-element-cd835e9>.elementor-widget-container {
        margin: 0px -22px 0px 80px;
        padding: 0px 0px 0px 0px;
    }
}

/* 04-09-2023 mobile brittle page start */
@media (min-width: 300px) and (max-width: 767px) {
    .orange-section h1.elementor-heading-title.elementor-size-default:after {
        margin: -100px 0px 0px -45px;
    }

    .almond-section h1.elementor-heading-title.elementor-size-default:after {
        width: 280px;
        margin: -145px 0px 0px -150px;
    }

    .rose-section h1.elementor-heading-title.elementor-size-default:after {
        width: 200px;
        margin: -110px 0px 0px -41px;
    }

    .pistachio-section h1.elementor-heading-title.elementor-size-default:after {
        width: 150px;
        margin: -130px 0px 0px -100px;
    }

    .saffron-section h1.elementor-heading-title.elementor-size-default:after {
        width: 200px;
        margin: -150px 0px 0px 0px;
    }

    .coffee-section h1.elementor-heading-title.elementor-size-default:after {
        width: 180px;
        margin: -140px 0px 0px -130px;
    }

    .pineapple-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -190px 0px 0px -100px;
    }

    .mango-section h1.elementor-heading-title.elementor-size-default:after {
        width: 200px;
        margin: -155px 0px 0px -180px;
    }

    .strawberry-section h1.elementor-heading-title.elementor-size-default:after {
        width: 200px;
        margin: -190px 0px 0px -30px;
    }
}

/* tab */
@media (min-width: 768px) and (max-width: 1025px) {
    .orange-section h1.elementor-heading-title.elementor-size-default:after {
        margin: -105px 0px 0px -30px;
    }

    .almond-section h1.elementor-heading-title.elementor-size-default:after {
        width: 400px;
        margin: -215px 0px 0px -225px;
    }

    .rose-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -180px 0px 0px -50px;
    }

    .pistachio-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -274px 0px 0px -150px;
    }

    .saffron-section h1.elementor-heading-title.elementor-size-default:after {
        width: 200px;
        margin: -155px 0px 0px -5px;
    }

    .coffee-section h1.elementor-heading-title.elementor-size-default:after {
        width: 200px;
        margin: -170px 0px 0px -165px;
    }

    .pineapple-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -225px 0px 0px -90px;
    }

    .mango-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -235px 0px 0px -165px;
    }

    .strawberry-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -250px 0px 0px -30px;
    }
}

/* 12-09-2023 brittle*/
@media (min-width: 1025px) and (max-width: 1500px) {
    .orange-section h1.elementor-heading-title.elementor-size-default:after {
        margin: -70px 0px 0px -50px;
    }

    .almond-section h1.elementor-heading-title.elementor-size-default:after {
        width: 500px;
        margin: -260px 0px 0px -250px;
    }

    .rose-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -145px 0px 0px -100px;
    }

    .pistachio-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -240px 0px 0px -240px;
    }

    .saffron-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -162px 0px 0px -30px;
    }

    .coffee-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -170px 0px 0px -188px;
    }

    .mango-section h1.elementor-heading-title.elementor-size-default:after {
        width: 300px;
        margin: -205px 0px 0px -200px;
    }
}

@media (min-width: 1301px) and (max-width: 1500px) {
    .pineapple-section h1.elementor-heading-title.elementor-size-default:after {
        width: 400px;
        margin: -280px 0px 0px -100px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .pineapple-section h1.elementor-heading-title.elementor-size-default:after {
        width: 350px;
        margin: -240px 0px 0px -100px;
    }
}

@media (min-width: 1201px) and (max-width: 1300px) {
    .pineapple-section h1.elementor-heading-title.elementor-size-default:after {
        width: 350px;
        margin: -430px 0px 0px -149px;
    }
}

@media (min-width: 1025px) and (max-width: 1106px) {
    .strawberry-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -400px 0px 0px 0px;
    }
}

@media (min-width: 1107px) and (max-width: 1200px) {
    .strawberry-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -210px 0px 0px 0px;
    }
}

@media (min-width: 1201px) and (max-width: 1500px) {
    .strawberry-section h1.elementor-heading-title.elementor-size-default:after {
        width: 250px;
        margin: -400px 0px 0px 0px;
    }
}

@media screen and (max-width:400px) {
    rs-arrow {
        transform: unset !important;
        top: 52% !important;
    }
}

@media screen and (max-width:400px) {
    .page-id-4335 rs-arrow {
        transform: unset !important;
        top: 58% !important;
    }
}

/* brittle page end */
@media screen and (min-width: 1025px) {
    .menu-location-sec .elementor-container.elementor-column-gap-default {
        column-gap: 15px;
    }
}


/* whatson page */
@media screen and (min-width: 767px) {
    .elementor-element-8f0795b  {
    background: rgb(88,41,134); 
    background: linear-gradient(90deg, rgba(88,41,134,1) 50%, rgba(51,18,83,1) 50%) !important;
}
	.footer-location {
    width: 15% !important;
}
}
/* whatson page end */