@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .banner_slider:not(.full_screen),
    .banner_slider:not(.full_screen) .carousel-item,
    .banner_section:not(.full_screen) .banner_content_wrap,
    .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
        /* height: 2000px !important;  */
        height: 530px !important;
    }

    .mindful_food_phone {
        margin-top: -350px;
    }

    .banner_img {
        margin-top: 20px;
    }

    .mr-50 {
        margin-left: -25px;
    }

    /* .ml-50{
        margin-left: 150px;
    } */


    .ml-50 {
        margin-left: 50px;
        margin-top: -21px;
    }

    .leftA {
        height: 800px;
        width: 1000px;
    }

    .tree2 {
        display: none;
    }

    .tree {
        margin-bottom: -145px !important;
    }

    .title {
        font-size: 78px;
    }

    .banner_content {
        height: 62px;
        border-left: 8px solid #a0a933;
    }

    .banner_content h2 {
        font-size: 6rem;
    }

    .banner_content p,
    .banner_content2 p,
    .banner_content3 p {
        font-size: 2.5rem;
        padding-top: .92rem;
    }

    .heading_s1 h2,
    .heading_s2 h2,
    .heading_s3 h2 {
        font-size: 6rem;
    }

    .readMoreBtn {
        padding: 2rem 2rem;
        font-size: 2.5rem;
    }

    .social i {
        font-size: 3em;
        padding-top: .5rem;
    }

    #artwork1 {
        /* width:73rem !important;
        height: 54rem !important; */

        width: 20rem !important;
        height: 15rem !important;


    }

    .banner_slide_content {
        left: 0;
        position: absolute;
        right: 0;
        /* top: 15%; */

        top: 66%;

        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
    }

    .banner_slide_content .banner_content h2 {
        font-size: 50px;
    }

    .banner_content p.bottom-text {
        padding-left: 11px;
        margin-top: -12px;
        letter-spacing: 0px;
        color: rgb(51, 51, 51);
        font-size: 22px;

    }


    @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation:portrait) {
        /* For portrait layouts only */

        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            /* height: 900px; */
            height: 1210px;
            /* height: 600px!important; */
        }


        #artwork1 {
            width: 18rem !important;
            height: 16rem !important;
        }

        img {
            max-width: 82%;
        }

        .banner_img .circle_bg1 {
            height: 300px;
            width: 300px;
        }

        /* #menu-image {
            height: 700px;
            margin-top: -170px;
        } */

        .banner_img .circle_bg1 {
            height: 200px;
            width: 200px;
            margin-top: 163px;
            margin-left: 38px;
        }

        .mind_element {
            padding: 30px 0 30px 2px;
            display: flex;
        }

        /* #flower {
            width: 125px;
            margin-top: 38px;
        } */

        .banner_img {
            /* margin-top: 10px; */
            margin-top: -12px;
        }

        /* .mind_element .details p,
        .mind_element .detailsLeft p {
            font-size: 11px;
            line-height: 1.5rem;
        }

        .mind_element .details h3,
        .mind_element .detailsLeft h3 {
            font-size: 0.8rem;
        } */

        .banner_img .circle_bg3 {
            height: 200px;
            width: 200px;
            margin-top: 0px;
            margin-left: 150px;
        }

        .heading_s1,
        .heading_s2 {
            margin-bottom: -10px;
            position: relative;
            text-align: justify;
        }

    }

    @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation:landscape) {

        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            /* height: 900px; */
            /* height: 1210px; */
            height: 900px !important;
        }

        /* #flower {
            width: 125px;
            margin-top: 38px;
        } */

        .banner_img .circle_bg2 {
            height: 200px !important;
            width: 200px !important;
            margin-top: 5px;
            margin-left: 6px;
        }

        #artwork1 {
            width: 18rem !important;
            height: 16rem !important;
        }
    }

    @media only screen and (min-width : 2732px) {

        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            /* height: 900px; */
            /* height: 1210px; */
            height: 1769px;
        }
    }

    /* For iPad pro */

    @media only screen and (min-device-width : 1024px) and (max-device-width : 1279px) {



        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            /* height: 900px; */
            /* height: 1210px; */
            height: 654px !important;
        }


        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            /* height: 2600px !important;  */
            height: 685px !important;
        }


        .leftA {
            height: 65rem;
            width: 92rem;
        }

        .banner_img {
            padding-top: 1rem;
        }

        .heading_s1,
        .heading_s2 {
            line-height: 4rem;
        }

        .tree2 {
            display: none;
        }

        .tree {
            margin-bottom: -192px !important;
        }

        .text-left {
            font-size: 3rem;
        }

        .text-right {
            font-size: 3rem;
        }

        #artwork1 {

            /* width:98rem !important;
        height: 75rem !important; */

            width: 24rem !important;
            height: 18rem !important;
        }

        .mindful_food_phone {
            margin-top: -150px;
        }


    }


    /* For Mobile Devices */
    @media screen and (min-width: 280px) and (max-width:767px) {
        body {
            width: 100%;
        }

    }

    /* For Tab

    /* For laptop */

    @media screen and (min-width: 1280px) and (max-width: 1439px) {
        body {
            width: 100%;
        }
    }

    /* For Mobile Devices */

    @media screen and (min-width: 320px) and (max-width: 359px) {
        /* #menu-image {
            position: absolute;
            z-index: -1;
            width: 735px;
            height: 800px;
            top: 1px;
        } */

        /* #flower {
            padding: 220px 50px 0 0;
        } */

        #artwork1 {
            margin-left: 70px;
            margin-top: 90px;
        }

        #artworkimg {
            height: 400px;
            margin-top: 90px;
        }

        /* #left-menu {
            padding-right: 90px;
        } */

        /* #right-menu {
            padding-left: 90px;
        } */

        .tree2 {
            margin-bottom: -46px;
        }

        .tree {
            display: none;
        }

    }



    @media screen and (min-width: 360px) and (max-width: 374px) {
        /* #menu-image {
            position: absolute;
            z-index: -1;
            width: 735px;
            height: 800px;
            top: 1px;
            left: 70px;
        } */
        /*
        #flower {
            padding: 220px 50px 0 0;
        } */

        #artwork1 {
            margin-left: 170px;
            margin-top: 90px;
        }

        #artworkimg {
            height: 400px;
            margin-top: 90px;
        }

        /* #left-menu {
            padding-right: 90px;
        } */

        /* #right-menu {
            padding-left: 115px;
        } */

    }

    @media screen and (min-width: 375px) and (max-width: 413px) {

        /* #menu-image {
            position: absolute;
            z-index: -1;
            width: 735px;
            height: 800px;
            top: 1px;
            left: 85px;
        } */

        /* #flower {
            padding: 220px 50px 0 0;
        } */

        #artwork1 {
            margin-left: 180px;
            margin-top: 90px;
        }

        #artworkimg {
            height: 400px;
            margin-top: 90px;
            padding-left: 70px;
        }

        /* #left-menu {
            margin-right: 200px;
        } */
    }

    @media screen and (min-width: 414px) and (max-width: 736px) {
        /* #menu-image {
            position: absolute;
            z-index: -1;
            width: 735px;
            height: 800px;
            top: 1px;
            left: 140px;
        } */

        .ml-50 {
            margin-left: 49px;
            margin-top: -1px !important;
        }


        /* #flower {
            padding: 220px 50px 0 0;
        } */

        #artwork1 {
            margin-left: 280px;
            margin-top: 80px;
        }

        #artworkimg {
            height: 400px;
            padding-left: 120px;
            margin-top: 80px;
        }

        /* #left-menu {
            padding-right: 90px;
        } */

        /* #right-menu {
            padding-left: 90px;
        } */

        .banner_content {

            margin-top: 100px;
        }


        .mindfull_sixsection {
            padding: 80px 80px 80px;
        }


    }

    /* For iPad and iPad Pro */

    @media screen and (width: 1024px) {
        /* #menu-image{
           position: absolute;
           z-index: -1;
           padding:150px;

       } */

        #menu-image {
            position: absolute;
            z-index: -1;
            padding: 0px;
            margin-top: -60px;

        }
    }





    @media screen and (width: 768px) {
        #menu-image {
            position: absolute;
            z-index: -1;
            height: 67px;
            left: 186px;
            padding: 160px;
            margin-top: 80px;

        }

        .mindful_food {
            margin-top: 150px;
        }

        .banner_img .circle_bg1 {
            height: 190px;
            width: 180px;
            margin-top: 10px;
        }



        /* #left-menu {
            margin-left: -112px;
            height: 50px;
        } */

        /* #right-menu {
            padding-top: 0px;
            margin-left: 50px;
            height: 35px;
        } */

        /* #element4 {
            padding-left: 200px;
        } */

        .ms-hd {
            padding: 22px 0;
        }

        /* .text-right {
            width: 90px;
        } */

        /* .text-left {
            width: 190px;
        } */

        .tree2 {
            display: none;
        }

        .tree {
            margin-bottom: -50px;
        }

        .title {
            font-size: 48px;
        }

        .subtitle {
            width: 290px;
        }

        .circle_bg3 {
            margin-left: 150px;
            margin-top: 200px;
        }


    }

    @media screen and (width: 768px) {

        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            height: 900px;
        }
    }


    @media screen and (width: 1024px) {
        #menu-image {
            position: absolute;
            /* right: 600px; */
            margin-top: -50px;
            right: 350px;

        }

        .banner_img .circle_bg1 {
            height: 325px;
            width: 325px;
            margin-top: 0px;
            margin-left: 0px;
        }


        /* #right-menu {
            margin-left: 230px;
            margin-top: 100px;
        } */

        /* #left-menu {
            margin-top: 100px;
        } */

        /* #compassion {
            margin-bottom: -25px;
        } */

    }

    /* 15.6 Inch Laptop */
    @media only screen and (min-device-width : 1441px) and (max-device-width : 1536px) {


        .tree {
            margin-bottom: -78px;
        }

        .tree2 {
            display: none;
        }

        #artwork1 {
            width: 38rem;
            height: 27rem;
        }
    }


    /* For Desktop */
    @media (min-width: 1600px) {


        .tree {
            margin-bottom: -95px;
        }

        .tree2 {
            display: none;
        }

        .banner_slider:not(.full_screen),
        .banner_slider:not(.full_screen) .carousel-item,
        .banner_section:not(.full_screen) .banner_content_wrap,
        .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
            height: 1210px;
        }

        #artwork1 {
            width: 53rem;
            height: 33rem;
        }

    }

    /* iPhone X */
    @media only screen and (min-device-width : 375px) and (max-device-width : 414px) {

        .banner_content h2 {
            font-size: 1rem;
        }

        .banner_content p {
            font-size: 1rem;
            padding-top: 1rem;
        }

        .banner_content {
            /* height: 95px; */

            /* height: 50px;
        margin-top:55px; */

            height: 40px;
            margin-top: 46px !important;
        }
    }

    .heading_s1 h2 {
        /* font-size: 4rem; */

        font-size: 2rem;
    }



    .readMoreBtn {
        font-size: 16px;
        padding: 10px 28px;
    }


    .tree {
        margin-bottom: -58px !important;
    }


    .banner_content p.bottom-text {
        padding-left: 11px;
        margin-top: -12px;
        letter-spacing: 0px;
        color: rgb(51, 51, 51);
    }

    /* After deleting Mobile Tree Menu */
    .tree {
        margin-bottom: -90px;

    }

    /*
    .tree{
        display: none;
    }
    */

    .tree2 {
        /*
        margin-bottom: -85px;
        display: block;
        */
        display: none;
    }


    .social i {
        font-size: 3em;
        padding-top: 1rem;
    }

    #artwork1 {
        width: 35rem;
        height: 30rem;
    }

    .leftA {
        height: 260px;
        width: 280px;
        width: 82%;
        background-color: #a0a933;
        position: absolute;
        top: 0%;
        z-index: -1;
        border-radius: 5%;
        -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%);
        clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%);
    }

}

@media only screen and (min-device-width : 360px) and (max-device-width : 374px) {
    .banner_content p {
        font-size: 2.1rem;
        padding-top: 1rem;
    }

    .banner_content {
        height: 95px;
    }

    .heading_s1 h2 {
        font-size: 4rem;
    }

    .text-right {
        font-size: 2rem;
        /* line-height: 2rem; */
    }

    .text-left {
        font-size: 2rem;
        line-height: 2rem;
    }

    .readMoreBtn {
        font-size: 2rem;
        padding: 20px 28px;
    }

    /*
        .tree{
            display: none;
        }
        */
    .tree2 {
        margin-bottom: -80px;
    }

    .social i {
        font-size: 3em;
        padding-top: .3rem;
    }

    /* #flower {
        padding-top: 8rem;
    } */


    #artwork1 {
        width: 38rem;
        height: 30rem;
    }

    /* After deleting Mobile Tree Menu */
    .tree {
        margin-bottom: -90px;
    }
}

@media only screen and (min-width : 2224px) {

    .banner_slider:not(.full_screen),
    .banner_slider:not(.full_screen) .carousel-item,
    .banner_section:not(.full_screen) .banner_content_wrap,
    .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
        /* height: 900px; */
        /* height: 1210px; */
        height: 1569px;
    }

    .banner_img .circle_bg1 {
        height: 200px;
        width: 200px;
        margin-top: 8px;
        margin-left: 0px;
    }

    /* #flower {
        width: 125px;
        margin-top: 175px;
    } */

    #artwork1 {
        width: 34rem !important;
        height: 24rem !important;
    }

    img {
        max-width: 100%;
    }

}

@media only screen and (min-width : 1668px) {

    .banner_slider:not(.full_screen),
    .banner_slider:not(.full_screen) .carousel-item,
    .banner_section:not(.full_screen) .banner_content_wrap,
    .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
        /* height: 900px; */
        /* height: 1210px; */
        height: 1569px;
    }

    .banner_img .circle_bg1 {
        height: 200px;
        width: 200px;
        margin-top: 8px;
        margin-left: 0px;
    }

    #flower {
        width: 125px;
        /* margin-top: 175px; */
        margin-top: 35px;

    }

    #artwork1 {
        width: 34rem !important;
        height: 24rem !important;
    }

    img {
        max-width: 100%;
    }

}

@media only screen and (min-width : 2732px) {

    .banner_slider:not(.full_screen),
    .banner_slider:not(.full_screen) .carousel-item,
    .banner_section:not(.full_screen) .banner_content_wrap,
    .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
        /* height: 900px; */
        /* height: 1210px; */
        height: 1769px;
    }

}

@media only screen and (min-device-width : 2388px) and (max-device-width : 1668px) {

    .banner_slider:not(.full_screen),
    .banner_slider:not(.full_screen) .carousel-item,
    .banner_section:not(.full_screen) .banner_content_wrap,
    .banner_section:not(.full_screen) .banner_content_wrap .carousel-item {
        /* height: 900px; */
        height: 1300px;
    }
}

@media only screen and (min-device-width : 280px) and (max-device-width : 320px) {
    .tree2 {
        margin-bottom: -68px;
    }

    .leftA {
        height: 260px;
        width: 280px;
        width: 82%;
        background-color: #a0a933;
        position: absolute;
        top: 0%;
        z-index: -1;
        border-radius: 5%;
        -webkit-clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%);
        clip-path: polygon(70% 0%, 100% 0%, 100% 100%, 100% 100%, 20% 100%);
    }
}