@media screen and (max-width: 1800px) {
    .chart_doodle {
        top: -28.3vw;
    }

    h1,
    h2.titleH1 {
        font-size: 72px;
        line-height: 115%;
    }

    .gif_screen_sec h2.title,
    h2.title {
        font-size: 32px;
    }

    .img_col.img_col2 .title {
        font-size: 26px;
    }


    .info_col .title {
        margin-bottom: 15px;
    }

    .info_col p:not(:last-child) {
        margin-bottom: 20px;
    }

    .latest_slider_sec .info_col p,
    .order_sec .info_col p,
    .Magnify_slide_sec .info_col p,
    h4,
    p {
        font-size: 18px;
    }

    .blog_content h4 {
        font-size: 30px;
    }

    .latest_slider_sec .info_col p {
        margin-bottom: 0;
    }

    .hero_sec p {
        font-size: 20px;
    }

    .header {
        padding: 20px 0;
    }

    .inner_wrap {
        padding-top: 140px;
    }

    a {
        font-size: 16px;
    }



    .hero_sec .image_wrapper {
        max-width: 70%;
    }

    .highlight_list li:not(:last-child) {
        margin-bottom: 35px;
    }

    .highlight_list li {
        font-size: 16px;
        padding-left: 30px;
    }

    .highlight_list li::before,
    .highlight_list li::after {
        width: 15px;
        height: 15px;
    }

    .highlight_list2.doodle ul.itemR {
        right: -7%;
    }

    .highlight_list2.doodle ul.itemL {
        left: -7%;
    }

    .hero_sec .img_col2 .image_wrapper {
        max-width: 73%;
    }

    .hero_sec p {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .highlight_list3 .itemL span {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .highlight_list3 .itemL li:not(:last-child) {
        margin-bottom: 25px;
    }

    .highlight_list3 {
        width: 66%;
    }

    .highlight_list3 .itemL {
        /* left: 15%; */
        position: relative;
    }

    .highlight_list3 li:first-child .line_doodle,
    .highlight_list3 li:last-child .line_doodle,
    .highlight_list3 li:nth-last-child(2) .line_doodle {
        width: 30%;
    }

    .highlight_list3 .line_doodle {
        width: 35%;
    }

    .highlight_list3 li:nth-child(3) .line_doodle {
        width: 10%;
    }

    .highlight_list3 .itemR li {
        margin-bottom: 25px;
    }

    .highlight_list2 .quickLink {
        font-size: 16px;
    }

    .quickLink .svg_icon {
        font-size: 24px;
        margin: 0 8px;
        min-width: 24px;
        max-width: 24px;
        height: 24px;
    }

    .highlight_list2 .itemR .quickLink::before,
    .highlight_list2 .itemR .quickLink::after {
        left: -36%;
    }

    .highlight_list2 .quickLink::before {
        width: 36%;
    }


    .scroll_slider_sec .slide_img {
        max-width: 300px;
    }

    .scroll_slider_sec .slide_info {
        max-width: calc(100% - 350px);
        padding-right: 10%;
    }

    .indicator_wrap {
        bottom: 23%;
        width: calc(100% - 340px);
    }

    .doodle.leafR {
        max-width: 16.8vw;
    }

    .modal_content_wrap {
        margin-top: 25px;
    }

    .scroll_slider_sec .slide_img::before {
        border-radius: 30px;
    }

    .magnify_wrapper .magnify_box {
        max-width: calc(33.33% - 10px);
    }

    .magnify_box .img_wrap::before {
        bottom: 15px;
        left: 15px;
        width: 40px;
        height: 40px;
    }

    .gif_screen_sec .gif_wrap {
        width: 33%;
    }



    .order_sec .order_wrap {
        max-width: 58%;
    }

    .order_sec .order_link_wrapper {
        max-width: 37%;
    }

    .circle_link .circle_icon {
        width: 80px;
        height: 80px;
    }

    .circle_link a {
        font-size: 18px;
    }

    .circle_link a span {
        margin-top: 10px;
    }

    .info_col .info_col_box {
        max-width: calc(100% - 145px);
    }

    .latest_slider_wrapper {
        /* width: 60%; */
    }


    .day_view p {
        font-size: 14px;
    }

    .prod_info_wrap .day_view {
        margin-bottom: 0;
    }

    .prod_info_wrap {
        padding: 15px;
    }

    .head_content h4 {
        font-size: 18px;
    }

    .head_content p {
        font-size: 16px;
        line-height: 170%;
    }

    .read_more {
        margin-top: 8px;
    }

    .read_more .circle_link a {
        font-size: 16px;
    }

    .read_more .circle_link .circle_icon {
        width: 30px;
        height: 30px;
        margin: 0 14px;
    }



    .hover_slide_modal .prod_img_wrap {
        max-width: 35.1%;
    }

    .hover_slide_modal .modal_content_wrap {
        max-width: calc(100% - 38%);
    }

    .hover_slide_modal .desc p {
        font-size: 16px;
    }



    footer {
        padding-top: 50px;
    }


    footer .inner_bg_wrap {
        border-radius: 100px 100px 0 0;
    }

    .social_link.quick_link li a {
        font-size: 16px;
    }

    .quick_link li a {
        padding: 8px 0;
    }

    .footer_center {
        margin-bottom: 50px;
        margin-top: 25px;
        padding-top: 50px;
    }

    .quick_link h6 {
        font-size: 20px;
    }

    .footer_center .quick_link .newsletter_wrap h6 {
        font-size: 26px;
    }

    .newsletter_wrap p {
        font-size: 16px;
    }

    .input_label {
        font-size: 16px;
    }

    .input_field button {
        padding: 12px 24px;
        font-size: 18px;
    }

    .copyright_col p {
        font-size: 14px;
    }

    .inner_hover_slide a.slide_link {
        font-size: 16px;
        bottom: 30px;
    }

    .btn,
    button {
        padding: 12px 24px;
        font-size: 16px;
    }

    footer .address {
        padding: 8px 0;
    }
    



}


@media screen and (max-width: 1650px) {
    .main_link a {
        font-size: 3vw;
    }

    .hamburger {
        width: 32px;
        height: 32px;
    }

    .main_link li:not(:first-child) {
        margin-left: 45px;
    }
    .gif_screen_sec h2.title,
    h2.title {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    .ourTeam_section .desc_wrap p,
    .step3_section .info_col p {
        font-size: 18px;
    }

    .latest_slider_sec .info_col p,
    .order_sec .info_col p,
    .Magnify_slide_sec .info_col p,
    h4,
    p {
        font-size: 16px;
    }

    .scroll_slider_sec .slide_img {
        max-width: 240px;
    }

    .scroll_slider_sec .slide_img::before {
        border-radius: 22px;
    }

    .scroll_slider_sec .slide_info {
        max-width: calc(100% - 280px);
    }

    .indicator_wrap {
        width: calc(100% - 280px);
    }

    .indicator_wrap .indicator_box {
        max-width: 160px;
    }

    .indicator_wrap .indicator_van {
        max-width: calc(100% - 190px);
    }

    .indicator_wrap .indicator_van .van_bar {
        height: 4px;
    }

    .indicator_van .van_bar::after {
        right: -65px;
        width: 190px;
        height: 82px;
    }

    .highlight_list2.doodle ul.itemR {
        right: -10%;
    }

    .highlight_list2.doodle ul.itemL {
        left: -10%;
    }

    .highlight_list3 .itemL li:not(:last-child) {
        margin-bottom: 15px;
    }

    .highlight_list3 .itemR li::before {
        width: 40px;
    }

    .highlight_list3 .itemR li::after {
        right: calc(100% + 52px);
    }

    .highlight_list3>* {
        max-width: 230px;
    }

    .hero_sec p {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .highlight_list3 .itemR li {
        /* margin-bottom: 15px; */
    }

    .bottom_van .van_bar::after {
        left: -130px;
    }

    .loupe-widget__loupe {
        width: 160px;
        height: 160px;
    }

    .magnify_box .img_wrap::before {
        width: 32px;
        height: 32px;
    }

    .latest_link_wrapper .circle_link .circle_icon {
        width: 50px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
    }


    .quick_link h6 {
        font-size: 18px;
    }

    .footer_center .quick_link .newsletter_wrap h6 {
        font-size: 22px;
    }

    .modal_content_wrap .title h2 {
        font-size: 22px;
    }

    .hover_slide_modal .inner_modal_wrap {
        width: 85%;
    }

    .screen_wrap .swiper_inner .swiper-slide {
        padding: 0 20px 50px;
    }

    .screen_wrap .title_head h3 {
        font-size: 16px;
        padding: 15px;
    }

    .screen_wrap .swiper-pagination.swiper-pagination-bullets {
        bottom: 16px;
    }


    .aboutHero_sec h1 {
        font-size: 42px;
    }

    .aboutHero_sec .info_col p {
        font-size: 18px;
    }

    .btn.icon_btn {
        font-size: 16px;
    }

    .icon_btn .icon {
        font-size: 25px;
        max-width: 25px;
        min-width: 25px;
        height: 25px;
    }

    .icon_btn .icon svg {
        width: 25px;
        height: 25px;
    }

    .journey_sec .highlight_box {
        padding: 25px;
        border-radius: 20px;
    }

    .journey_sec .highlight_box h2 {
        font-size: 24px;
    }

    .journey_sec .highlight_box p {
        font-size: 18px;
    }

    .journey_sec .highlight_box>*+* {
        margin-top: 25px;
    }

    .sm_desc p {
        font-size: 20px;
    }

    .step_wrapper {
        margin: 35px 0;
    }

    .step_box_wrap .step_box {
        padding: 20px;
        border-radius: 15px;
        width: 100px;
        height: 100px;
    }

    .step_box_wrap .step_txt h3 {
        padding-left: 15px;
        padding-right: 10px;
        font-size: 20px;
    }

    .card_wrappper .card_box {
        border-radius: 20px;
        padding: 30px;
    }

    .card_box .desc p:not(:last-child) {
        margin-bottom: 25px;
    }

    .card_box .desc p {
        font-size: 18px;
    }

    .img_info_card .desc p {
        font-size: 24px;
    }

    .img_info_card .desc {
        max-width: 47%;
    }

    .card_img_box {
        right: -80px;
        width: 65.4%;
    }

    .desc_wrap {
        margin-top: 30px;
    }

    .grid_wrappper {
        margin: 40px -26px 0;
    }

    .grid_icon_img {
        padding: 10px;
    }

    .grid_icon_img img {
        width: 60px;
        height: 60px;
    }

    .title_head .title {
        font-size: 22px;
    }

    .grid_img_wrap {
        margin-bottom: 30px;
    }

    .grid_title_head .desc p {
        font-size: 16px;
    }

    .motion_vdo_modal .inner_modal_wrap,
    .prod_vdo_modal .inner_modal_wrap {
        padding: 25px;
    }

    .caption .title {
        font-size: 24px;
    }

    .caption {
        margin-top: 25px;
    }

    .hero_sec .img_col2 .img_wrap::before {
        bottom: -45px;
        left: calc(50% + 60px);
    }

    .img_col1 .btn_wrap {
        left: -24.6%;
    }

    .latest_slider_wrapper {
        /* width: 57%; */
    }



    /* START OUR-APPROACH CODE */
    .approach_header_txt h1 {
        font-size: 48px;
        line-height: 54px;
    }

    .approach_header_txt p {
        font-size: 22px;
        line-height: 32px;
    }

    .approach_bottom_txt h5 {
        font-size: 28px;
        line-height: 36px;
    }

    .approach_header_txt p {
        font-size: 18px;
        line-height: 22px;
    }

    .single_item_box .box_ttl h3 {
        font-size: 20px;
    }

    .disease_content h4,
    .consistency_content h4,
    .excellence_content h4,
    .commitment_box_inner h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .disease_box_inner {
        padding: 40px 30px 40px;
    }

    .disease_content p,
    .excellence_content p,
    .commitment_box_inner p {
        font-size: 16px;
        line-height: 22px;
    }

    .consistency_box_inner {
        padding: 0 25px 40px;
    }

    .excellence_item_box_main {
        margin: 0 -30px;
    }

    .excellence_item_box {
        padding: 0 30px;
    }

    .commitment_consistency_sec .info_col {
        margin: 0 0 70px;
    }

    .uninterrupted_excellence .info_col {
        padding: 0 0 80px;
    }

    .four_col_box_inner {
        max-width: 85%;
        margin: 0 auto;
    }

    .box_content h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 8px;
    }

    .box_content {
        padding: 15px;
        max-width: calc(100% - 20px);
    }

    .box_content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }


    /* END OUR-APPROACH CODE */


    /* BLOG DETAILS PAGE CODE */
    .blog_heading h1 {
        margin: 0 0 15px;
        font-size: 34px;
        line-height: 40px;
    }

    .blog_heading {
        margin-bottom: 30px;
    }

    .blog_content h5 {
        font-size: 24px;
    }

    .blog_content p {
        margin-bottom: 40px;
    }

    .single_img_wrap {
        margin-bottom: 40px;
    }

    /* END BLOG DETAILS */


    .freshness_sec h2.title {
        font-size: 32px;
    }

    .info_tbl_wrap h3 {
        font-size: 18px;
    }

    .info_tbl_wrap ul li p {
        font-size: 16px;
    }

    .white_text .desc strong {
        font-size: 24px;
    }

    .info_tbl_wrap .site_logo {
        height: 70px;
    }

    .info_tbl_wrap h2.title {
        font-size: 30px;
    }


    /* START DASHBOARD RESPONSIVE */
    .sideNavigation {
        min-height: calc(100vh - 151px);
    }

    .sideNavbar {
        padding: 25px;
    }

    .contentArea {
        padding: 30px;
    }

    .contentArea h2.title {
        font-size: 30px;
    }

    .contentArea .info_col p {
        font-size: 18px;
    }

    .contentArea .inner_wrap>*+* {
        margin-top: 50px;
    }

    .dashboard_sec .card {
        border-radius: 15px;
        padding: 25px;
    }

    .card_head h3 {
        font-size: 18px;
    }

    .card_head p {
        font-size: 16px;
    }

    .choose_item a .caption::before {
        width: 25px;
        height: 25px;
        font-size: 25px;
    }

    .card_inner_body {
        margin-bottom: 20px;
    }

    .caption .item_title {
        font-size: 14px;
    }

    .select_item h4 {
        font-size: 16px;
    }

    .selected_info p {
        font-size: 16px;
    }

    .selected_item {
        padding-right: 35px;
    }

    .selected_item::after {
        width: 27px;
        height: 27px;
        font-size: 18px;
        line-height: 140%;
    }

    .card_footer {
        padding-top: 15px;
    }

    .swipper_nav .swiper-button-next,
    .swipper_nav .swiper-button-prev {
        width: 48px;
        height: 48px;
    }

    .swipper_nav>* svg {
        width: 25px;
        height: 25px;
    }

    .mood_items {
        margin: 0 -10px;
    }

    .mood_items .m_item_wrap {
        padding: 0 10px 20px;
    }

    .m_item_wrap .icon {
        border-radius: 12px;
        width: 90px;
        height: 90px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

    .preferences p {
        font-size: 16px;
    }

    .summary_text,
    .summary_data li h4 {
        font-size: 16px;
    }

    .edit a,
    .edit a svg {
        width: 18px;
        height: 18px;
    }

    .summary_text_wrap {
        margin-right: 12px;
    }

    .summary_text::after {
        width: 20px;
        height: 20px;
    }
    .level_item ul,
    .chart {
        margin: 0 -24px;
    }
    .level_item ul li,
    .chart>* {
        padding: 0 24px;
    }
    .level_item p {
        font-size: 16px;
    }

    .drag_disk,
    .drag_disk svg {
        width: 140px;
        height: 140px;
    }

    .drag_name p {
        font-size: 16px;
    }

    .order_card_wrapper::before {
        margin-right: 15px;
    }

    .order_info {
        margin-left: 15px;
        max-width: 200px;
    }

    .order_moreInfo {
        max-width: calc(100% - 390px);
        margin-left: 30px;
    }

    .dashboard_sec .card.order_card_wrapper {
        padding-right: 60px;
    }

    .delete_order.doodle {
        right: 20px;
    }

    .order_info h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    address strong {
        font-size: 18px;
    }

    .input_field input.address_field {
        font-size: 14px;
    }

    .address_wrap {
        padding: 10px 25px;
    }

    .order_status_box {
        border-radius: 20px;
        padding: 30px;
    }

    .order_info_wrap li a {
        padding: 15px;
    }

    .order_rev_info h3 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .order_tracker_info::before {
        right: -30px;
        height: calc(100% + 150px);
        border-radius: 20px;
    }

    .deliveryInfo_list>li h3 {
        font-size: 16px;
    }

    .shipper_wrap {
        padding: 15px;
    }

    /* END DASHBOARD RESPONSIVE */



    .gif_screen_sec .screen_wrap {
        margin-bottom: 60px;
    }

    .inner_modal_wrap .desc p {
        font-size: 18px;
    }

}


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

    h1,
    h2.titleH1 {
        font-size: 56px;
    }
    .gif_screen_sec h2.title,
    h2.title,
    .img_col.img_col2 .title {
        font-size: 22px;
    }

    .highlight_list li:not(:last-child) {
        margin-bottom: 25px;
    }

    .highlight_list li::before,
    .highlight_list li::after {
        width: 12px;
        height: 12px;
    }

    .highlight_list li {
        padding-left: 25px;
    }

    .highlight_list2 .quickLink {
        font-size: 14px;
    }

    .quickLink .svg_icon {
        font-size: 20px;
        margin: 0 5px;
        min-width: 20px;
        max-width: 20px;
        height: 20px;
    }

    .hero_sec .img_col2 .image_wrapper {
        max-width: 76%;
        transform: translateX(0) translateY(-30px);
        -webkit-transform: translateX(0) translateY(-30px);
        -moz-transform: translateX(0) translateY(-30px);
        -ms-transform: translateX(0) translateY(-30px);
        -o-transform: translateX(0) translateY(-30px);
    }
    .highlight_list3 .itemR li {
        margin-bottom: 15px;
    }

    .highlight_list3>* {
        max-width: 180px;
    }

    .scroll_slider_sec .slide_img {
        max-width: 180px;
    }

    .scroll_slider_sec .slide_info {
        max-width: calc(100% - 220px);
    }

    .indicator_wrap {
        width: calc(100% - 220px);
        bottom: 21%;
    }

    .indicator_van .van_bar::after {
        width: 180px;
        height: 55px;
    }


    .header {
        padding: 15px 0;
    }

    .inner_wrap {
        padding-top: 110px;
    }

    .logo a {
        max-width: 100px;
        width: 100%;
    }

    .magnify_wrapper {
        margin-top: 5px;
    }

    .loupe-widget__loupe {
        width: 120px;
        height: 120px;
    }



    .order_sec .order_wrapper {
        margin-top: 10px;
    }

    .circle_link .circle_icon {
        width: 60px;
        height: 60px;
    }

    .order_sec .circle_link {
        margin-bottom: 15px;
    }

    .footer_center {
        margin-bottom: 25px;
        margin-top: 15px;
        padding-top: 25px;
    }

    .quick_link h6 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .footer_center .quick_link h6 {
        margin-bottom: 15px;
    }

    .quick_link li a {
        font-size: 14px;
    }

    .address .icon, .quick_link li a .icon {
        width: 16px;
        height: 16px;
    }

    .footer_center .quick_link .newsletter_wrap h6 {
        font-size: 18px;
    }

    .newsletter_wrap p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .input_field button {
        padding: 10px 24px;
        font-size: 16px;
    }

    .input_field input {
        font-size: 16px;
    }

    .input_field input[type="checkbox"],
    .input_field input[type="radio"] {
        width: 20px;
        height: 20px;
        border-radius: 4px;
    }

    .input_label {
        font-size: 14px;
    }


    .highlight_list3 .itemL {
        left: 0;
    }

    
    .aboutHero_sec h1 {
        font-size: 36px;
    }

    .caption .title {
        font-size: 20px;
    }

    .title_head .title {
        font-size: 16px;
    }

    .approach_header_txt h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .approach_bottom_txt h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .approach_header_banner .doodle.leafL {
        width: 30%;
    }

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

    .gif_screen_sec .screen_wrap {
        margin-bottom: 160px;
    }

    footer .address p {
        font-size: 14px;
    }
}


@media screen and (min-width: 1281px) {
    /* .hide_in_desktop {
        display: none !important;
    } */

}


@media screen and (max-width: 1280px) {
    h3 {
        font-size: 20px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .inner_wrap {
        padding-bottom: 110px;
        align-items: center;
        align-content: center;
    }

    .logo {
        z-index: 1;
        margin-right: auto;
    }

    .switch_case {
        min-width: 68px;
        height: 36px;
    }

    .toggleSwitch label {
        width: 24px;
    }




    .hamburger {
        width: 26px;
        height: 26px;
    }

    /* .hamburger .bar {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bar svg {
        width: 100%;
        height: 100%;
    }

    .bar svg path {
        fill: var(--accent);
        transition: all 0.3s ease-in-out;
    }

    .navbar {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(10px);
        transition: all 0.5s cubic-bezier(.79, .14, .15, .86);
        padding: 80px 0 40px;
        align-items: center;
        display: flex;
        background-color: #0E410CCF;
        -webkit-transition: all 0.5s cubic-bezier(.79, .14, .15, .86);
        -moz-transition: all 0.5s cubic-bezier(.79, .14, .15, .86);
        -ms-transition: all 0.5s cubic-bezier(.79, .14, .15, .86);
        -o-transition: all 0.5s cubic-bezier(.79, .14, .15, .86);
    } */

    /* Conditional background-color for Firefox */
    /* @-moz-document url-prefix() {
        .navbar {
            backdrop-filter: blur(10px);
            background-color: transparent;
        }
    } */


    /* .show_menu+.navbar {
        right: 0;
    } */

    /* .main_link {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        padding: 20px 50px 20px;
        align-content: flex-start;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }

    .main_link li:not(:first-child) {
        margin-left: 0;
    }

    .main_link li {
        display: block;
        margin: 0 0 20px 0;
        width: 100%;
        text-align: right;
    }

    .main_link a {
        font-size: 40px;
        font-weight: bold;
        background-color: transparent;
        box-shadow: none;
        color: var(--white);
        padding: 0;
    } 

    .bar .center_ber {
        transform: translateX(7px);
        -webkit-transform: translateX(7px);
        -moz-transform: translateX(7px);
        -ms-transform: translateX(7px);
        -o-transform: translateX(7px);
    }

    .show_menu .bar .center_ber {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
    
    .white_txt_header .main_link a:hover,
    .white_txt_header .main_link .active a,
    .main_link .active a,
    .main_link a:hover,
    .tag_line p {
        color: var(--accent);
        background-color: transparent;
    }
    
    */

    .main_link {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar::before {
        bottom: -4.6vh;
    }





    .hero_sec {
        min-height: 100vh;
    }

    h1,
    h2.titleH1 {
        font-size: 62px;
    }

    .hero_sec .image_wrapper {
        max-width: 85%;
        transform: translateX(-0px);
    }

    .hero_sec .img_col {
        width: 100%;
        max-width: 100%;
        top: 0;
        transform: translate(-50% , 0);
    }

    .hero_sec .img_col.img_col2 {
        max-width: 100%;
    }

    .hero_sec .img_col.img_col1 {
        margin-top: -60px;
        position: relative;
        align-self: flex-start;
    }
    .img_col1 .btn_wrap {
        left: 0;
        bottom: -70px;
    }

    .hero_sec p {
        font-size: 16px;
    }

    .hero_sec .sm_chart_doodle.doodle {
        max-width: 61vw;
    }

    .highlight_list2.doodle ul.itemR {
        right: 0;
    }

    .highlight_list2.doodle ul.itemL {
        left: 0;
    }

    .hero_sec .img_col2 .img_wrap::before {
        bottom: -65px;
        left: calc(50% + 45px);
        transform: translateX(-50%);
        width: 22%;
    }

    .itemL .linkL1 {
        left: 0;
    }

    .itemL .linkL2 {
        top: 29.8%;
        left: -40px;
    }

    .itemL .linkL3 {
        left: -50px;
    }

    .itemR .link1 {
        right: 0;
    }

    .itemR .link2 {
        right: 0;
    }

    .itemR .link3 {
        right: -50px;
        width: 50%;
    }

    .itemR .link3 .quickLink {
        flex-wrap: nowrap;
    }

    .chart_doodle {
        top: -50vh;
        left: -124vh;
        width: 345vh;
        height: 345vh;
    }

    .image_wrapper .highlight_list {
        top: 2%;
        right: 10%;
    }

    .highlight_list3 .itemL li:not(:last-child) {
        margin-bottom: 25px;
    }

    .highlight_list3>* {
        max-width: 250px;
    }

    .highlight_list3 .itemR li {
        margin-bottom: 25px;
    }

    .highlight_list3 .itemR li::after {
        right: calc(100% + 42px);
    }

    .highlight_list3 .itemR li::before {
        width: 30px;
    }

    .highlight_list3 li:first-child .line_doodle,
    .highlight_list3 li:last-child .line_doodle,
    .highlight_list3 li:nth-last-child(2) .line_doodle {
        width: 60px;
    }

    .highlight_list3 .line_doodle {
        width: 30px;
    }

    .highlight_list3 {
        width: 78%;
        overflow: visible;
    }

    .hero_sec .img_col2 .image_wrapper {
        /*max-width: 100%;*/
        margin-top: 0;
        transform: translateX(0) translateY(50%);
        -webkit-transform: translateX(0) translateY(50%);
        -moz-transform: translateX(0) translateY(50%);
        -ms-transform: translateX(0) translateY(50%);
        -o-transform: translateX(0) translateY(50%);
}

    .hero_sec .img_col2 .img_wrap {
        padding-top: 73.5%;
    }

    .highlight_list3 .itemR {
        margin-top: 97px;
    }

    .doodle.buddL {
        bottom: -7%;
    }

    .doodle.buddR {
        max-width: 23.5vw;
        right: -11%;
        top: 17%;
    }

    .doodle.leafL {
        bottom: -9%;
        left: -16.3%;
        width: 46.6vw;
    }

    .doodle.leafR {
        max-width: 210px;
        top: 240px;
    }

    .doodle.budd2 {
        max-width: 10.2vw;
        bottom: 22%;
        right: 9%;
    }

    .doodle.budd1 {
        max-width: 12.5vw;
    }

    h1,
    h2.titleH1 {
        font-size: 62px;
    }

    .scroll_slider_sec .doodle.leafR {
        top: 37%;
        max-width: 130px;
    }

    .scroll_slider_sec .doodle.leafL {
        width: 37vw;
        left: -14%;
    }




    .scroll_slider_sec .slider_wrapper {
        padding: 0 0 0 40px;
    }

    .scroll_slider_sec .slide_img {
        max-width: 200px;
    }

    .scroll_slider_sec .slide_info {
        max-width: calc(100% - 230px);
        padding-right: 16%;
        padding-top: 0;
    }
    .gif_screen_sec h2.title,
    h2.title,
    .img_col.img_col2 .title {
        font-size: 26px;
    }

    .indicator_wrap {
        width: calc(100% + 30px);
        justify-content: flex-start;
    }

    .indicator_wrap .indicator_box {
        max-width: 200px;
    }

    .indicator_wrap .indicator_van {
        max-width: calc(100% - 278px);
    }

    .indicator_wrap .indicator_van .van_bar {
        height: 5px;
    }

    .indicator_van .van_bar::after {
        width: 200px;
        height: 75px;
        right: -100px;
    }



    .hover_slide_sec {
        height: 100vh;
    }

    .hover_slide_sec .info_col {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .hover_slide_wrapper {
        max-width: 100%;
    }




    .Magnify_slide_sec .inner_wrap {
        align-items: center;
        align-content: center;
    }

    .magnify_wrapper {
        width: 100%;
        margin-top: 30px;
    }

    .Magnify_slide_sec .doodle.leafR {
        bottom: -12%;
        max-width: 47.5%;
        right: -17%;
    }

    .Magnify_slide_sec .circle.doodle {
        width: 150vh;
        height: 150vh;
    }



    .gif_wrap .img_wrap {
        padding-top: 152%;
    }

    .gif_screen_sec .screen_wrap {
        max-width: 100%;
        margin-bottom: 240px;
    }

    .screen_wrap .inner_slider_wrap {
        border-radius: 15px;
    }

    .screen_wrap .img_wrap {
        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
    }




    .order_sec .inner_wrap {
        align-content: center;
    }

    .order_sec .order_wrapper {
        margin-top: 30px;
    }

    .order_sec .order_wrap {
        max-width: 100%;
    }

    .order_sec .order_link_wrapper {
        max-width: 100%;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .order_sec .circle_link {
        margin-right: 15px;
    }

    .order_sec .circle_link .circle_icon::before {
        border-color: var(--white);
    }

    .order_sec .circle_icon path {
        fill: #fff;
    }

    .order_sec .link_desc p {
        color: var(--white);
    }



    .latest_slider_wrapper {
        width: 100%;
        margin-top: 40px;
    }





    footer .inner_bg_wrap {
        border-radius: 70px 70px 0 0;
    }

    .quick_link.page_link,
    .contact_link.quick_link {
        flex: 1;
    }

    .footer_form.quick_link {
        flex: 100%;
        padding-top: 20px;
        border-top: 1px solid var(--secondary);
        margin-top: 20px;
    }





    .aboutHero_sec .info_col {
        max-width: 100%;
    }

    .group_sec .inner_wrap {
        padding-bottom: 50vw;
    }

    .aboutHero_sec .img_col.doodle {
        max-width: 68.23%;
    }

    .journey_sec .info_col {
        max-width: 100%;
    }

    .sm_desc {
        margin-top: 45px;
    }

    .journey_sec .img_col.doodle {
        max-width: 88.4%;
    }

    .step_box_wrap .step_box {
        padding: 15px;
        width: 80px;
        height: 80px;
    }

    .latest_slider_sec .info_col p,
    .order_sec .info_col p,
    .Magnify_slide_sec .info_col p,
    h4,
    p {
        font-size: 18px;
    }

    .card_wrappper .card_box {
        border-radius: 15px;
        padding: 15px;
    }

    .card_box .desc p {
        font-size: 16px;
        line-height: 160%;
    }

    .card_box .desc p:not(:last-child) {
        margin-bottom: 15px;
    }

    .card_wrappper .card_col {
        max-width: calc(50% - 6px);
    }

    .img_info_card .desc p {
        font-size: 20px;
    }

    .img_info_card .desc {
        max-width: 66%;
    }

    .ourTeam_section .info_col {
        max-width: calc(50% - 33px);
    }

    .grid_wrappper .grid_col {
        max-width: 50%;
        margin-bottom: 50px;
    }

    .grid_wrappper {
        margin: 55px -26px 0;
    }

    .ourValue_section .doodle.circle {
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: unset;
        left: 0;
        top: -100%;
    }

    .motion_vdo_modal .inner_modal_wrap,
    .prod_vdo_modal .inner_modal_wrap {
        max-width: 95%;
    }



    .step_box_wrap .step_txt h3 {
        font-size: 16px;
    }


    .freshness_sec .info_tbl_wrap {
        margin-top: 60px;
    }

    .info_tbl_wrap>*+* {
        margin-top: 30px;
    }

    .info_tbl_wrap .tbl_title {
        max-width: 160px;
    }

    .info_tbl_wrap h3 {
        font-size: 16px;
    }

    .info_tbl_wrap ul li {
        max-width: 35%;
    }

    .info_tbl_wrap ul li p {
        font-size: 14px;
    }

    .info_tbl_wrap .tbl_body ul {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .white_text .desc strong {
        font-size: 22px;
    }

    .circle_link_wrapper {
        width: 100%;
        margin-top: 40px;
    }

    .freshness_sec .inner_wrap {
        padding-bottom: 20px;
    }

    .circle_link_wrapper .circle_link a>* {
        margin: 0 10px;
    }

    .freshness_sec .container {
        width: 90%;
    }

    .blog_content h4 {
        font-size: 28px;
        margin-bottom: 10px;
    }



    /* START DASHBOARD RESPONSIVE */
    .proceed_wrap {
        max-width: calc(100% - 50px);
        border-radius: 12px;
        padding: 35px 15px 15px;
        margin-top: -20px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

    .proceed_wrap p {
        font-size: 16px;
    }

    .order_info {
        max-width: calc(100% - 160px);
    }

    .order_moreInfo {
        max-width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .contentArea .inner_wrap .order_summary_wrapper {
        margin-top: 60px;
        max-width: 100%;
    }

    .order_info_wrap {
        max-width: 100%;
    }

    .order_tracker_info {
        max-width: 100%;
        margin-top: 110px;
    }

    .order_status_box {
        padding: 20px;
    }

    /* END DASHBOARD RESPONSIVE */
}


@media only screen and (max-width: 1024px) {
    .approach_header_banner .doodle.leafL {
        bottom: 29%;
        max-width: 300px;
    }

    .approach_header_banner .doodle.leafR {
        max-width: 140px;
    }

    .approach_header_txt h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .approach_bottom_txt h5 {
        font-size: 22px;
        line-height: 28px;
    }

    .approach_bottom_txt p {
        font-size: 18px;
        line-height: 24px;
    }

    .single_item_box .box_ttl h3 {
        font-size: 18px;
    }

    .consistency_three_col_box .three_col_box_inner {
        margin: 0 -15px;
        justify-content: center;
    }

    .consistency_item_box {
        padding: 0 15px;
        width: 50%;
        margin: 0 0 80px;
    }

    .excellence_item_box_main {
        margin: 0 -15px;
        justify-content: center;
    }

    .excellence_item_box {
        padding: 0 15px;
        width: 50%;
        margin: 0 0 15px;
    }

    .three_col_box_inner {
        margin: 0 -15px;
        justify-content: center;
    }

    .disease_item_box {
        padding: 0 15px;
    }

    .disease_box_inner {
        padding: 30px 20px 30px;
        border-radius: 20px;
    }

    .consistency_box_inner {
        padding: 0 15px 30px;
        border-radius: 12px 12px 30px 30px;
    }

    .disease_content h4,
    .consistency_content h4,
    .excellence_content h4,
    .commitment_box_inner h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .single_item_box {
        width: 100%;
        margin: 5px;
        max-width: calc(50% - 10px);
    }

    .single_item_box .single_img,
    .single_item_box:last-child .single_img,
    .single_item_box:first-child .single_img {
        border-radius: 12px;
    }

    .consistency_img {
        margin: -25px 0 15px;
    }

    .uninterrupted_excellence .info_col {
        padding: 0 0 40px;
    }

    .info_col.sec_heading {
        padding: 0 0 20px;
        max-width: 100%;
    }

    .commitment_to_quality_sec .circlev3.doodle {
        top: 0;
        height: 100%;
        width: 100%;
        border-radius: 0;
    }

    .commitment_consistency_sec .circlev2.doodle {
        top: -20%;
        height: 60%;
    }

    .commitment_to_quality_sec .info_col {
        padding: 0 0 30px;
    }

    /* .single_item_box .box_content {
        display: none;
    } */
    .box_content h3 {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 8px;
    }

    .box_content {
        padding: 15px 10px;
        max-width: calc(100% - 20px);
        border-radius: 0;
    }

    .single_item_box:hover .box_content {
        transform: unset;
    }

    .four_col_box_inner {
        max-width: 100%;
    }

    .box_content p {
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.36px;
    }


    .single_item_box:hover .box_ttl {
        transform: translateY(-20px);
        opacity: 1;
        visibility: visible;
    }

    .commitment_consistency_sec .inner_wrap {
        justify-content: center;
        max-width: 100%;
    }
    .highlight_list3 {
        width: 100%;
    }




    /* START DASHBOARD RESPONSIVE */
    .sideNavigation {
        min-height: calc(100vh - 120px);
    }

    .sideNavbar {
        padding: 20px;
    }

    .contentArea {
        padding: 20px;
    }

    .contentArea .info_col {
        max-width: 70%;
    }

    .contentArea .info_col p {
        font-size: 16px;
    }

    .contentTopbar {
        right: 20px;
        top: 20px;
    }

    .profiler {
        margin-right: 10px;
    }

    .profile .avatar {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }

    .name p {
        font-size: 14px;
    }

    .address p {
        font-size: 12px;
    }

    .summary_data li {
        max-width: 50%;
        margin: 16px 0;
    }

    .summary_text,
    .summary_data li h4 {
        font-size: 14px;
    }

    .summary_data li h4 {
        width: 100%;
        margin-bottom: 8px;
    }

    .summary_text_wrap {
        width: 150px;
    }

    .proceed_wrap p {
        font-size: 14px;
    }

    .dashboard_sec .card.order_card_wrapper {
        padding-right: 50px;
    }

    .delete_order.doodle {
        right: 15px;
    }

    .order_info h3 {
        font-size: 16px;
    }

    .pay_now {
        max-width: 150px;
    }

    .address_wrap {
        padding: 10px 15px;
    }

    address strong {
        font-size: 16px;
    }

    .mail_reciver .toggleSwitch {
        margin-left: 10px;
    }

    .input_field input.address_field {
        font-size: 12px;
    }

    .card_info .card_img {
        max-width: 250px;
        margin-right: 16px;
    }

    .order_tracker_info .order_map {
        max-width: 100%;
    }

    .deliveryInfo_wrapper {
        max-width: 100%;
        padding: 20px;
    }

    .order_tracker_info {
        margin-top: 50px;
    }

    .deliveryInfo_list {
        margin-bottom: 30px;
    }

    .order_tracker_info::before {
        right: 0;
        height: 100%;
        border-radius: 20px;
        width: 100%;
    }

    /* END DASHBOARD RESPONSIVE */


}


@media screen and (min-width:768px) {
    .hide_in_desktop_tab {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    .main_link {
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar::before {
        bottom: -5.6vh;
        width: 35vw;
        height: 35vw;
        left: -8vw;
    }

    .navbar .doodle.line_bar {
        left: 3vw;
        width: 2px;
    }

    .navbar .doodle.line_bar2 {
        bottom: 3vw;
        height: 2px;
    }

    .navbar {
        padding: 85px 0 85px;
    }

    .switch_case {
        min-width: 60px;
        height: 30px;
        padding: 3px;
    }

    .toggleSwitch label {
        width: 22px;
        left: 3px;
    }

    .hide_in_mobile {
        display: none;
    }

    .header {
        padding: 15px 0;
    }

    .main_link a {
        font-size: 20px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .logo {
        max-width: 130px;
    }

    .hamburger {
        width: 22px;
        height: 22px;
    }

    .tag_line p {
        font-size: 14px;
    }

    h1,
    h2.titleH1 {
        font-size: 16px;
    }

    .btn,
    button {
        padding: 12px 36px 12px 14px;
        font-size: 12px;
    }


    .hover_slide_modal .prod_img_wrap {
        max-width: 100%;
        width: 100%;
    }

    .hover_slide_modal .modal_content_wrap {
        margin-top: 20px;
        max-width: 100%;
    }




    .inner_wrap {
        padding-bottom: 50px;
    }




    /* START ABOUT PAGE RESPONSIVE CODE */
    .group_sec .inner_wrap {
        z-index: unset;
    }

    .aboutHero_sec h1 {
        line-height: 140%;
        margin-bottom: 10px;
        font-size: 22px;
    }

    .aboutHero_sec .info_col p {
        font-size: 16px;
    }

    .aboutHero_sec .info_col {
        max-width: 100%;
    }

    .btn.icon_btn {
        font-size: 14px;
        padding: 12px 16px;
    }

    .icon_btn .icon {
        font-size: 18px;
        max-width: 18px;
        min-width: 18px;
        height: 18px;
    }

    .icon_btn .icon svg {
        width: 18px;
        height: 18px;
    }

    .journey_sec .info_col {
        max-width: 100%;
    }

    .journey_sec .highlight_box {
        padding: 15px;
        border-radius: 15px;
    }

    .journey_sec .highlight_box p {
        font-size: 16px;
    }

    .journey_sec .highlight_box h2 {
        font-size: 20px;
    }

    .journey_sec .highlight_box>*+* {
        margin-top: 15px;
    }

    .sm_desc {
        margin-top: 15px;
        max-width: 100%;
    }

    .sm_desc p {
        color: var(--white);
        font-size: 16px;
    }

    .aboutHero_sec .img_col.doodle {
        max-width: 47%;
    }

    .journey_sec .img_col.doodle {
        max-width: 79%;
    }


    .gif_screen_sec h2.title,
    h2.title,
    .img_col.img_col2 .title {
        font-size: 20px;
    }

    .step_box_wrap {
        flex: 100%;
        margin: 10px 0;
    }

    .step_wrapper {
        padding-top: 30px;
        padding-bottom: 50px;
        margin: 30px 0;
    }

    .doodle.arrow_line_doodle {
        top: unset;
        bottom: 20px;
    }

    .step_box_wrap .step_box {
        padding: 8px;
        border-radius: 6px;
        width: 50px;
        height: 50px;
    }

    .step_box_wrap .step_txt h3 {
        padding-left: 10px;
    }

    h3 {
        font-size: 18px;
    }


    .info_col .info_col_box {
        max-width: 100%;
    }

    .card_wrappper {
        margin-top: 20px;
    }

    .card_wrappper .card_col {
        width: 100%;
        max-width: 100%;
    }

    .card_wrappper .card_box {
        border-radius: 15px;
        padding: 15px;
    }

    .card_box .desc p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .card_box .desc p:not(:last-child) {
        margin-bottom: 20px;
    }

    .card_wrappper .card_col:not(:last-child) {
        margin-bottom: calc(2% + 15px);
    }

    .img_info_card .desc {
        max-width: 70%;
    }

    .card_img_box {
        right: -32px;
        width: 150px;
    }

    .ourTeam_section .info_col {
        max-width: 100%;
    }

    .ourTeam_section .img_col.doodle {
        max-width: 100%;
        left: unset;
        top: 80px;
        height: auto;
        position: relative;
    }

    .ourTeam_section .img_col.doodle .img_wrapper {
        left: 0;
        padding: 20px;
        margin-left: 0;
    }

    .ourTeam_section .inner_wrap {
        align-content: flex-start;
        align-items: flex-start;
    }

    .desc_wrap {
        margin-top: 20px;
    }

    .ourTeam_section .desc_wrap p,
    .step3_section .info_col p,
    .latest_slider_sec .info_col p,
    .order_sec .info_col p,
    .Magnify_slide_sec .info_col p,
    h4,
    p {
        font-size: 16px;
    }



    .grid_wrappper {
        margin: 40px -10px 0;
    }

    .grid_wrappper .grid_col {
        max-width: 100%;
        padding: 0 10px;
        margin-bottom: 25px;
    }

    .grid_img_wrap {
        margin-bottom: 15px;
    }

    .grid_icon_img {
        padding: 10px;
        width: 60px;
        height: 60px;
        margin-left: auto;
        margin-right: auto;
    }

    .grid_icon_img img {
        width: 40px;
        height: 40px;
    }

    .title_head .title {
        font-size: 18px;
    }

    .grid_title_head .desc p {
        font-size: 16px;
    }

    .motion_vdo_modal .inner_modal_wrap,
    .prod_vdo_modal .inner_modal_wrap {
        padding: 15px 10px 10px 10px;
    }

    .caption {
        margin-top: 8px;
    }

    .caption .title {
        font-size: 16px;
    }


    /* END ABOUT PAGE RESPONSIVE CODE */




    /* START FOOTER SEC RESPONSIVE CODE */

    .quick_link {
        margin-top: 60px;
        width: 100%;
    }

    footer .inner_bg_wrap {
        padding-top: 50px;
        padding-bottom: 50px;
        border-radius: 0;
    }

    .footer {
        padding-bottom: 0;
        min-height: auto;
        padding-top: 0;
    }

    .social_link ul li {
        width: 33.33%;
    }

    .social_link.quick_link li a {
        font-size: 14px;
    }

    .social_link ul li+li {
        margin-left: 0;
    }

    .footer_center {
        margin-top: 0;
        border: none;
        padding-top: 0;
        font-size: 16px;
        margin-bottom: 102px;
    }

    .footer_form.quick_link,
    .quick_link.page_link,
    .contact_link.quick_link {
        flex: 100%;
    }

    .footer_center .quick_link h6 {
        margin-bottom: 25px;
    }

    /* END FOOTER SEC RESPONSIVE CODE */


    /* START OUR-APPROACH CODE */
    .single_item_box {
        width: 50%;
    }

    .disease_item_box {
        width: 50%;
        margin: 0 0 30px;
    }

    .disease_box_inner {
        padding: 15px;
        border-radius: 16px;
    }

    .consistency_box_inner {
        padding: 0 15px 30px;
        border-radius: 10px 10px 18px 18px;
    }

    .disease_content p,
    .excellence_content p,
    .commitment_box_inner p {
        font-size: 14px;
        line-height: 20px;
    }

    .approach_header_txt h1 {
        font-size: 22px;
        line-height: 120%;
    }

    .approach_header_txt p {
        font-size: 16px;
        line-height: 20px;
    }

    .approach_bottom_txt h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .approach_bottom_txt p {
        font-size: 14px;
        line-height: 20px;
    }

    .disease_content h4,
    .consistency_content h4,
    .excellence_content h4,
    .commitment_box_inner h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .disease_img {
        margin: 0 0 25px;
    }

    .approach_header_txt_wrap {
        padding-top: 60px;
    }

    .approach_header_banner .doodle.leafR {
        top: 180px;
        max-width: 120px;
    }

    .approach_header_txt {
        padding-right: 34%;
        padding-left: 15px;
    }

    .approach_bottom_txt {
        padding-left: 14%;
        padding-bottom: 50px;
    }

    .down_arrows .arrows {
        bottom: 20px;
    }

    .down_arrows .arrows div {
        margin-bottom: -20px;
    }

    .down_arrows .arrows div>img {
        max-width: 30px;
    }

    .approach_header_banner .doodle.leafL {
        max-width: 210px;
    }

    .circlev2.doodle {
        top: auto;
        bottom: 0;
        height: 70%;
        border-radius: 0;
    }

    .commitment_consistency_sec .circlev2.doodle {
        top: 0;
        border-radius: 0;
    }

    .excellence_item_box .excellence_box_inner {
        opacity: 1;
    }

    .excellence_icon {
        margin: 0 0 15px;
    }

    .commitment_to_quality_sec .doodle.leafL {
        bottom: -50px;
    }

    .commitment_to_quality_sec .doodle.leafR {
        bottom: 0;
        max-width: 30%;
    }

    .uninterrupted_excellence .doodle.leafL {
        bottom: -50px;
    }

    .uninterrupted_excellence .doodle.leafR {
        max-width: 30%;
        bottom: -70px;
    }

    .understanding_cannabis_sec .doodle.leafL {
        bottom: -30px;
    }

    .commitment_consistency_sec .doodle.leafL {
        top: -40px;
    }

    .pioneering_disease_sec .doodle.leafL {
        top: 0;
        bottom: auto;
        max-width: 180px;
    }

    .pioneering_disease_sec .doodle.leafR {
        top: 40px;
        right: -25%;
    }

    .newsletter_wrap span.success,
    .newsletter_wrap span.error {
        font-size: 14px;
    }

    .newsletter_wrap .mail_field {
        padding-bottom: 25px;
    }

    .disease_item_box {
        padding: 0 5px;
    }

    .three_col_box_inner {
        margin: 0 -5px;
    }



    /* END OUR-APPROACH CODE */

    /* BLOG DETAILS PAGE CODE */
    .blog_heading h1 {
        margin: 0 0 15px;
        font-size: 22px;
        line-height: 28px;
    }

    .blog_heading {
        margin-bottom: 30px;
    }

    .blog_content h5 {
        font-size: 20px;
    }

    .blog_content p {
        margin-bottom: 30px;
    }

    /* END BLOG DETAILS */



    .freshness_sec {
        padding-top: 0;
        padding-bottom: 0;
    }

    .freshness_sec h2.title {
        font-size: 20px;
    }

    .freshness_sec .container {
        width: 85%;
    }

    .info_tbl_wrap .info_tbl {
        display: none;
    }

    .freshness_sec .info_tbl_wrap {
        margin-top: 20px;
    }

    .info_tbl_wrap ul li {
        max-width: 100%;
        margin: 10px 0;
    }

    .info_tbl_wrap .tbl_body ul {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .info_tbl_wrap .tbl_title {
        max-width: 100%;
    }

    .info_tbl_wrap h3 {
        font-size: 18px;
    }

    .info_tbl_wrap .tbl_body ul:not(:last-child)::before {
        background-size: 100% 100%;
    }

    .circle_link_wrapper .circle_link a {
        font-size: 16px;
    }

    .circle_link_wrapper .circle_link a>* {
        margin: 0 5px;
    }

    .info_tbl_wrap ul li.other_block::before,
    .info_tbl_wrap ul li.weeday_block::before {
        display: block;
    }

    .freshness_sec .info_col_box {
        text-align: left;
    }

    .col_with_moreInfo .btn_wrap {
        margin-left: 0;
        width: 100%;
    }

    .blog_content h4 {
        font-size: 26px;
    }

    /* START DASHBOARD RESPONSIVE */
    .contentArea {
        padding: 30px;
        max-width: 100%;
        min-height: auto;
        /* height: 100%; */
    }

    .left_col.hide_in_desktop {
        display: flex;
    }

    .right_col {
        width: 100%;
        max-width: calc(100% - 106px);
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .sideNavbar {
        left: -100%;
    }

    .show_menu .sideNavbar {
        left: 0;
    }

    .dashboard_hamburger {
        display: flex;
    }

    .bar.dashboard_bar {
        width: 28px;
        height: 28px;
    }

    .sideNav a {
        padding: 15px 0;
    }

    .profiler_info {
        position: absolute;
        top: 150%;
        width: 120px;
        right: 0;
        text-align: right;
        background-color: var(--white);
        border-radius: 8px;
        transition: all 0.5s ease-in-out;
        opacity: 0;
        visibility: hidden;
        padding: 8px 15px;
        filter: drop-shadow(0 2px 5px rgb(234, 234, 234));
    }

    .showProfile .profiler_info {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 15px);
    }

    .profiler_info::before {
        content: '';
        position: absolute;
        top: -7px;
        right: 20px;
        width: 14px;
        height: 14px;
        background-color: var(--white);
        transform: rotate(45deg);
        z-index: -1;
        border-radius: 3px;
    }

    .avatar {
        cursor: pointer;
    }

    .selected_wrap {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .select_item {
        width: 100%;
    }

    .profile .avatar {
        width: 46px;
        height: 46px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }










    .contentTopbar {
        right: unset;
        top: unset;
        position: relative;
        margin-bottom: 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .contentArea .info_col {
        max-width: 100%;
    }

    .contentArea h2.title {
        font-size: 24px;
    }

    .dashboard_sec .card {
        border-radius: 30px;
        padding: 40px;
    }

    .drag_disk,
    .drag_disk svg {
        width: 147px;
        height: 147px;
    }

    .drag_disk::before {
        top: -15px;
        width: 2px;
        height: 8px;
    }

    .drag_name p {
        font-weight: 700;
    }

    .choose_item>*+* {
        margin-top: 8px;
    }

    .card_inner_body {
        margin-bottom: 0;
    }

    .drag_disk_wrap {
        padding: 55px 60px;
    }

    .mood_items {
        margin: 0 -18.5px;
    }

    .mood_items .m_item_wrap {
        padding: 0 5px 18.5px;
    }

    .m_item_wrap .icon {
        width: 73px;
        height: 73px;
        border-radius: 20px;
    }

    .preferences h3 {
        font-size: 20px;
    }

    .contentArea .inner_wrap>*+* {
        margin-top: 40px;
    }

    .swiper.cardSwiper {
        padding-bottom: 60px;
    }

    .swipper_nav .swiper-button-next,
    .swipper_nav .swiper-button-prev {
        width: 42px;
        height: 42px;
        margin-left: 8px;
    }

    .swipper_nav>* svg {
        width: 20px;
        height: 20px;
    }

    .summary_data li {
        max-width: 100%;
        margin: 10px 0;
    }

    .summary_data {
        justify-content: space-between;
    }

    .summary_data li {
        max-width: 100%;
        margin: 10px 0;
    }

    .summary_data li>* {
        position: relative;
    }

    .summary_data li h4 {
        width: 90px;
        margin-bottom: 0;
    }

    .summary_edit {
        width: 100%;
        max-width: calc(100% - 90px);
    }

    .summary_text_wrap {
        width: 100%;
    }

    .summary_text::after {
        margin-left: 10px;
    }

    .summary_text {
        padding: 10px 35px 10px 12px;
    }


    .edit a,
    .edit a svg {
        width: 20px;
        height: 20px;
    }

    .proceed_wrap {
        flex-wrap: wrap;
        max-width: 100%;
        margin-top: -50px;
        padding: 70px 25px 25px;
        border-radius: 25px;
    }

    .proceed_wrap p {
        font-size: 14px;
        max-width: 70%;
        margin-bottom: 20px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-weight: 600;
    }

    .proceed_wrap .btn {
        width: 100%;
    }

    .card_head p {
        font-size: 14px;
    }

    .select_item h4 {
        font-size: 18px;
    }

    .selected_info p {
        font-size: 20px;
    }

    .selected_item::after {
        font-size: 20px;
    }

    .drag_disk_wrap {
        padding: 40px 60px;
    }

    .item_bg .img_wrap {
        padding-top: 70px;
    }
    .level_item ul li,
    .chart>* {
        padding: 0 18.5px;
    }
    .level_item ul,
    .chart {
        margin: 0 -17.5px;
    }

    .summary_text,
    .summary_data li h4 {
        font-size: 16px;
    }

    .close_navBar.hide_in_desktop {
        display: flex;
    }

    .sideTop {
        display: flex;
        align-items: center;
    }

    .sideNavbar {
        padding: 30px;
        max-width: 100%;
    }

    .close_navBar .back,
    .close_navBar .back avg {
        width: 46px;
        height: 46px;
    }

    .close_navBar .back {
        background-color: var(--secondary);
        border-radius: 8px;
    }

    .order_img {
        width: 65px;
    }
    .order_img .img_wrap {
        padding-top: 65px;
    }

    .dashboard_sec .card.order_card_wrapper {
        padding: 15px;
        border-radius: 12px;
    }

    .order_card_wrapper::before {
        margin-right: 5px;
        padding-top: 20px;
    }
    .delete_order.doodle {
        top: 32px;
    }

    .order_info {
        max-width: calc(100% - 105px);
        display: flex;
        flex-wrap: wrap;
    }

    .badge {
        font-size: 10px;
        margin-bottom: 5px;
        order: -1;
    }
    .persentag_level {
        width: 100%;
    }

    .persentag_level p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .order_list_wrap>*+* {
        margin-top: 15px;
    }

    .contentArea .inner_wrap .order_summary_wrapper {
        margin-top: 40px;
    }

    .card.order_summary_card {
        border-radius: 12px;
        padding: 15px;
    }

    .order_summary_card .title {
        font-size: 16px;
        padding-bottom: 11px;
        margin-bottom: 10px;
    }

    .order_summary_card p {
        font-size: 14px;
    }

    .order_summary_card .order_total p {
        font-size: 20px;
    }

    .order_total_wrap .btn_wrap {
        margin-top: 20px;
    }

    .order_info h3 {
        font-size: 14px;
        padding-right: 30px;
        width: 100%;
    }

    .alt_btn.btn {
        padding: 12px;
    }

    .paym_meth_head_wrap .title {
        width: 100%;
        margin-bottom: 10px;
    }

    .mail_reciver {
        width: 100%;
        justify-content: space-between;
    }

    .card_info .card_img {
        max-width: calc(100% - 98px);
        margin-right: 36px;
    }

    .card_types ul {
        flex-direction: column;
        justify-content: center;
    }

    .card_types ul li {
        margin: 0 0 10px;
    }

    .payment_btn_wrap {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pay_now {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .payment_modal .inner_modal_wrap {
        padding: 25px 15px;
    }

    .total_amount h3 {
        font-size: 26px;
    }

    .total_amount {
        margin-bottom: 30px;
    }

    .payment_msg h5 {
        font-size: 18px;
    }

    .payment_msg p {
        font-size: 16px;
        max-width: 100%;
        margin: 10px auto 40px;
    }

    .contentArea .inner_wrap .order_status_wrapper {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .contentArea .order_info_wrap h2.title {
        font-size: 20px;
    }

    .order_rev_info h3 {
        font-size: 18px;
    }

    .order_info_wrap ul li+li {
        margin-top: 15px;
    }

    .deliveryInfo_list>li:not(:last-child) {
        margin-bottom: 20px;
    }

    .deliveryInfo_list>li p {
        font-size: 12px;
    }

    .deliveryInfo_list>li h3 {
        font-size: 14px;
    }

    .shipper_info_wrap .shipper_img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .shiper_info p {
        font-size: 12px;
    }

    .shiper_info h4 {
        font-size: 14px;
    }

    .order_tracker_info::before {
        right: unset;
        height: 50%;
        border-radius: 20px;
        width: calc(100% + 40px);
        left: 50%;
        transform: translate(-50%, 0);
        top: unset;
        bottom: 0;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .deliveryInfo_wrapper {
        padding: 20px 0;
    }
    .level_item p {
        font-size: 14px;
    }
    .mail_reciver .switch_case::before {
        top: 48%;
    }

    /* END DASHBOARD RESPONSIVE */


    .age_verification_modal h2 {
        font-size: 24px;
    }
    .age_verification_modal .inner_modal_wrap > * + * {
        margin-top: 20px;
    }
    .inner_modal_wrap .desc p {
        font-size: 16px;
    }
    .age_verification_modal .btn {
        padding: 12px 14px;
    }
    .age_verification_modal .inner_modal_wrap {
        padding: 20px 15px;
    }


}


@media screen and (max-width: 427px) {
    .footer_center {
        margin-bottom: 60px;
    }

    .journey_sec .highlight_box h2,
    .aboutHero_sec h1 {
        font-size: 18px;
    }

    .grid_title_head .desc p {
        line-height: 160%;
    }

    .grid_title_head .desc p,
    .card_box .desc p,
    h4,
    p,
    .ourTeam_section .desc_wrap p,
    .step3_section .info_col p,
    .latest_slider_sec .info_col p,
    .order_sec .info_col p,
    .Magnify_slide_sec .info_col p,
    .sm_desc p,
    .journey_sec .highlight_box p,
    .aboutHero_sec .info_col p {
        font-size: 14px;
    }



    /* START OUR-APPROACH CODE */
    .commitment_box_main:before,
    .commitment_box_main:after {
        display: none;
    }

    .single_item_box {
        width: 100%;
        max-width: 100%;
    }

    .disease_item_box {
        width: 100%;
    }

    .consistency_item_box {
        width: 100%;
    }

    .excellence_item_box {
        width: 100%;
    }

    .commitment_box_item {
        width: 100%;
    }

    .commitment_box_item .commitment_box_inner {
        padding: 15px 30px;
    }

    .excellence_icon {
        margin: 0 auto 15px;
        text-align: center;
    }

    .excellence_content {
        text-align: center;
    }

    .four_col_box_inner .single_item_box:last-child {
        margin-bottom: 0;
    }

    /* END OUR-APPROACH CODE */

    /* START DASHBOARD RESPONSIVE */

    .summary_data li {
        max-width: 100%;
        margin: 8px 0;
    }

    .dashboard_sec .card {
        border-radius: 10px;
        padding: 15px;
    }

    .contentArea {
        padding: 15px;
    }

    .drag_name p {
        font-size: 14px;
    }

    .drag_disk,
    .drag_disk svg {
        width: 125px;
        height: 125px;
    }

    .drag_disk_wrap {
        padding: 40px 60px;
    }

    .mood_items {
        margin: 0 -5px;
    }

    .mood_items .m_item_wrap {
        padding: 0 5px 10px;
    }

    .proceed_wrap p {
        max-width: 100%;
    }

    .proceed_wrap {
        margin-top: -30px;
        padding: 45px 15px 15px;
        border-radius: 10px;
    }

    .sideNavbar {
        padding: 15px;
    }

    .close_navBar .back,
    .close_navBar .back avg {
        width: 40px;
        height: 40px;
    }

    .summary_text,
    .summary_data li h4 {
        font-size: 14px;
    }

    .edit a,
    .edit a svg {
        width: 16px;
        height: 16px;
    }

    .select_item h4 {
        font-size: 16px;
    }

    .selected_info p {
        font-size: 16px;
    }

    .selected_item::after {
        font-size: 16px;
        width: 16px;
        height: 20px;
    }

    .selected_item {
        padding-right: 25px;
    }

    .order_rev_info h3 {
        font-size: 16px;
    }

    .order_rev_info {
        max-width: 100%;
        margin-top: 15px;
    }

    /* END DASHBOARD RESPONSIVE */
}