/* 💻 Large desktops (min-width 1600px and up) */
@media screen and (min-width: 1400px) and (max-width: 1599px) {

    /* Styles for very large screens or 2K+ monitors */
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }

    .scroll_content_text h2 {
        font-size: 38px;
    }

    .scroll_content_text h6 {
        font-size: 15px;
    }

    .marquee-text {
        font-size: 50px;
    }

    .main_header_image h1 span {
        font-size: 14px;
        font-weight: 500;
    }

    h1[class^="dayro_text"] {
        top: 7%;
    }

    .main_header_image h1 {
        font-size: 30px;
    }

    .section-padding {
        padding: 100px 0;
    }

    .main_blog_section_padding {
        padding-top: 180px;
    }

    .big_display_padding_top {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .main_app_function_header_content h2 {
        font-size: 38px;
    }

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

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

    .single_app_feature {
        padding: 11px 18px;
    }

    .head_content h2 {
        font-size: 38px;
    }

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

    .modular_setup_header h2 {
        font-size: 38px;
    }

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

    .single_feature_single_content h3 {
        font-size: 24px;
    }

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

    .single_feature_icon img {
        width: 30px;
    }

    .single_feature_icon {
        width: 60px;
        height: 60px;
    }

    .single_feature_content {
        padding: 12px;
    }


    .link_product_name_intro {
        font-size: 42px;
        margin-bottom: 14px;
    }


    .link_dayro_text1 {
        font-size: 18px;
    }

    .link_secondline_header {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .link_dayro_text2 {
        font-size: 18px;
    }

    .link_thirdline_header {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .link_dayro_text3 {
        font-size: 18px;
    }

    .link_fourthline_header {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .link_dayro_text4 {
        font-size: 18px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 12px;
    }

    .hpl-pad {
        padding-left: 15px;
    }

    .hmb-50 {
        margin-bottom: 100px;
    }

    .main_header_image .dayro_text1 h6,
    .main_header_image .dayro_text2 h6 {
        font-size: 12px;
    }

    .main_header_image .dayro_text1 h2,
    .main_header_image .dayro_text2 h2 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }

    .environment_header_area h2 {
        font-size: 38px;
    }

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

    .environment-aqi-badge {
        top: 30px;
        left: 30px;
    }

    .environment_aqi_title h3 {
        font-size: 30px;
    }

    .environment_aqi_title {
        left: 30px;
        right: 30px;
        bottom: 30px;
    }

    .environment-temprature-icon img {
        width: 64px;
    }

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

    .environment-temperature {
        padding: 70px 40px 70px 40px;
    }

    .small_environment_text_with_icon {
        gap: 24px;
    }

    .environment-humidity {
        padding: 70px 40px 70px 40px;
    }

    .environment-humidity-icon img {
        width: 64px;
    }

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

    .environment-weather-icon {
        top: 40px;
        left: 40px;
    }

    .environment_weather_title {
        left: 40px;
        right: 40px;
        bottom: 40px;
    }

    .environment_weather_title h3 {
        font-size: 30px;
    }

    .connect_modular_gif {
        left: 32.8%;
    }


}

/* 💻 Large desktops (min-width 1600px and up) */
@media screen and (min-width: 1600px) {

    /* Styles for very large screens or 2K+ monitors */
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1480px;
    }
}

/* 💻 Large desktops (min-width 1700px and up) */
@media screen and (min-width: 1700px) {

    /* Styles for very large screens or 2K+ monitors */
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1560px;
    }

}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .main_app_function_header_content p br {
        display: none;
    }

    .main_header_image .dayro_text1 h6, .main_header_image .dayro_text2 h6 {
        font-size: 12px;
    }

    .main_header_image .dayro_text1 h2, .main_header_image .dayro_text2 h2 {
        font-size: 32px;
    }

    .hpl-pad {
        padding-left: 40px;
    }

    .main_app_function_header_content h2 {
        font-size: 34px;
        margin-bottom: 24px;

    }

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

    .pl-80 {
        padding-left: 40px;
    }

    .single_app_feature p {
        font-size: 15px;
    }

    .single_app_feature {
        margin-bottom: 8px;
    }

    .single_app_feature img {
        width: 20px;
        margin-right: 14px;
    }

    .environment_header_area h2 {
        font-size: 34px;
    }

    .environment_header_area h2 br {
        display: none;
    }

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

    .environment-aqi-badge img {
        width: 100px;
    }

    .environment-aqi-badge {
        top: 30px;
        left: 30px;
    }

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

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

    .environment-weather-icon {
        top: 30px;
        left: 30px;
    }

    .environment_weather_title {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .environment-temperature {
        padding: 30px;
    }

    .environment-humidity {
        padding: 30px;
    }

    .environment_humidity_title h4 {
        font-size: 22px;
    }

    .environment_temprature_title h4 {
        font-size: 22px;
    }

    .small_environment_text_with_icon {
        gap: 28px;
    }

    .small_environment_text_with_icon {
        gap: 28px;
    }

    .environment_aqi_title {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .modular_header_area h4 {
        font-size: 22px;
    }

    .modular_header_area h2 {
        font-size: 46px;
    }

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

    .intro_link_header_area h2 {
        font-size: 46px;
    }

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

    .box_1_content h4,
    .box_2_details h4,
    .box_3_content h4,
    .box_5_content h4,
    .box_6_content h4,
    .box_7_content h4 {
        font-size: 20px;
    }

    .contact_section_footer {
        padding-left: 45px;
    }

    .social_section_footer {
        padding-left: 45px;
    }

    .main_top_heading {
        padding: 60px 0;
    }

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

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

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

    .text_footer_content p {
        font-size: 15px;
    }

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

    .contact_section_footer_div a {
        font-size: 15px;
    }

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

    .main_top_heading h1 {
        font-size: 100px;
        letter-spacing: -3px;
    }
}


@media screen and (min-width: 1199px) and (max-width: 1299px) {
    .main_header_image .dayro_text1 h6, .main_header_image .dayro_text2 h6 {
        font-size: 9px;
    }

    .main_header_image .dayro_text1 h2, .main_header_image .dayro_text2 h2 {
        font-size: 28px;
    }


    .main_app_function_header_content p br {
        display: none;
    }

    .main_app_function_header_content h2 {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .main_app_function_header_content p {
        font-size: 14px;
        padding-bottom: 24px;
    }

    .single_main_app_features {
        margin-top: 24px;
    }

    .environment_temprature_title h4 {
        font-size: 22px;
    }

    .environment_humidity_title h4 {
        font-size: 22px;
    }

    .environment-temprature-icon img {
        width: 52px;
    }

    .environment-humidity-icon img {
        width: 52px;
    }

    .environment-weather-icon img {
        width: 52px;
    }

    .environment-humidity {
        padding: 30px;
    }

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

    .environment-aqi-badge img {
        width: 100px;
    }

    .environment-temperature {
        padding: 30px;
    }

    .single_app_feature img {
        width: 20px;
        margin-right: 14px;
    }

    .environment-aqi-badge {
        top: 30px;
        left: 30px;
    }

    .environment-weather-icon {
        top: 30px;
        left: 30px;
    }

    .environment_aqi_title {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .environment_weather_title {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .environment_header_area h2 {
        font-size: 30px;
    }

    .environment_header_area br {
        display: none;
    }

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

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

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

    .modular_header_area h4 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .modular_header_area h2 {
        font-size: 36px;
    }

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

    .intro_link_header_area h2 {
        font-size: 36px;
    }

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

    .box_1_content h4,
    .box_2_details h4,
    .box_3_content h4,
    .box_5_content h4,
    .box_6_content h4,
    .box_7_content h4 {
        font-size: 18px;
    }


    .box_4_content h2 {
        font-size: 38px;
    }

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


    .box_1_content {
        top: 20px;
        left: 20px;
    }

    .box_2_content {
        top: 20px;
        left: 20px;
    }

    .box_2_details {
        bottom: 20px;
        left: 20px;
    }

    .box_3_content {
        top: 20px;
        left: 20px;
    }

    .box_5_content {
        top: 20px;
        left: 20px;
    }

    .box_6_content {
        top: 20px;
        left: 20px;
    }

    .small_environment_text_with_icon {
        gap: 30px;
    }

    .small_environment_text_with_icon {
        gap: 30px;
    }

    .connect_modular_gif {
        top: 37%;
        left: 32.18%;
    }

    .main_top_heading h1 {
        font-size: 84px;
    }

    .main_top_heading {
        padding: 50px 0;
    }

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

    .text_footer_content p {
        font-size: 15px;
    }

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

    .footer_section_links li a {
        font-size: 15px;
    }

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

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

    .contact_section_footer_div a {
        font-size: 15px;
    }

    .text_footer_content button a {
        font-size: 14px;
    }

    .website_copyright a {
        font-size: 15px;
    }

    .website_copyright p {
        font-size: 15px;
    }

    .social_icons li a img {
        width: 20px;
    }

    .social_icons li {
        width: 40px;
        height: 40px;
    }

    .social_icons li {
        margin: 0 3px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1198px) {
    .pl-80 {
        padding-left: 40px;
    }

    .hpl-pad {
        padding-left: 30px;
    }

    .main_app_function_header_content h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .main_app_function_header_content p {
        font-size: 15px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .main_header_image .dayro_text1 h6, .main_header_image .dayro_text2 h6 {
        font-size: 10px;
    }

    .main_header_image .dayro_text1 h2, .main_header_image .dayro_text2 h2c {
        font-size: 30px;
    }

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

    .single_app_feature img {
        width: 18px;
        margin-right: 12px;
    }

    .environment_header_area h2 {
        font-size: 30px;
    }

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

    .connect_modular_gif {
        left: 31.7%;
    }

    .environment_aqi_title h3 {
        font-size: 24px;
    }

    .environment_aqi_title {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .environment-aqi-badge {
        top: 30px;
        left: 30px;
    }

    .environment-aqi-badge img {
        width: 100px;
    }

    .environment-temperature {
        padding: 30px;
    }

    .environment-temprature-icon img {
        width: 52px;
    }

    .environment_temprature_title h4 {
        font-size: 20px;
    }

    .small_environment_text_with_icon {
        gap: 28px;
    }

    .environment-humidity {
        padding: 30px;
    }

    .environment-humidity-icon img {
        width: 52px;
    }

    .environment_humidity_title h4 {
        font-size: 20px;
    }

    .environment-weather-icon {
        top: 30px;
        left: 30px;
    }

    .environment_weather_title {
        bottom: 30px;
        left: 30px;
        right: 30px;
    }

    .environment_weather_title h3 {
        font-size: 24px;
    }

    .modular_header_area h4 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .modular_header_area h2 {
        font-size: 36px;
    }

    .modular_header_area p {
        font-size: 15px;
    }

    .intro_link_header_area h2 {
        font-size: 36px;
    }

    .intro_link_header_area p {
        font-size: 15px;
    }

    .box_1_content h4,
    .box_2_content h4,
    .box_2_details h4,
    .box_3_content h4,
    .box_5_content h4,
    .box_6_content h4,
    .box_7_content h4 {
        font-size: 17px;
    }


    .box_4_content h2 {
        font-size: 40px;
        margin-bottom: 18px;
    }

    .box_4_content p {
        font-size: 15px;
    }


    .box_1_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_2_content {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_2_details {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .box_3_content {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_5_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_6_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .main_top_heading h1 {
        font-size: 90px;
    }

    .main_top_heading {
        padding: 40px 0;
    }

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

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

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

    .text_footer_content p {
        font-size: 13px;
    }

    .contact_section_footer {
        padding-left: 40px;
        padding-right: 30px;
    }

    .social_section_footer {
        padding-left: 40px;
        padding-right: 0;
    }

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

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

    .contact_section_footer_div a {
        font-size: 13px;
    }

    .text_footer_content button a {
        font-size: 14px;
        gap: 14px;
    }

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

    .social_icons li {
        height: 40px;
        width: 40px;
    }

    .social_icons li a img {
        width: 18px;
    }

    .website_copyright p {
        font-size: 13px;
    }

    .text_footer_content {
        padding-bottom: 50px;
    }

    .contact_section_footer {
        padding-bottom: 60px;
    }

    .social_section_footer {
        padding-bottom: 60px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 12px;
    }

    .grid_container {
        grid-template-rows: repeat(3, 210px);
    }

    .section-padding {
        padding: 100px 0;
    }

    .main_blog_section_padding {
        padding-top: 180px;
    }
}

@media (max-width: 1180px) {
    /* .animated_screens_gif img {
        display: none;
    } */

    .active_feature {
        display: block !important
    }

    .main_app_function_header_content p br {
        display: none;
    }


    .active_badge {
        background: linear-gradient(90deg, #000 0%, #3B3B3B 100%);
    }

    .active_badge img {
        filter: invert();
    }

    .active_badge p {
        color: white;
    }

    .environment_header_area br {
        display: none;
    }

    .blog_pl_details {
        padding-left: 30px;
    }


}

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

    .table_of_content_area {
        display: none;
    }

    .share_link_social_area {
        display: none;
    }

    .navbar-nav .nav-item {
        display: block;
    }

    .mobile_only {
        display: block;
    }

    .navbar-nav .nav-item:not(:first-child)::before {
        display: none;
    }

    .environment-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    /* remove the tall “span 2” behavior on tablet to avoid awkward heights */
    .environment-aqi,
    .environment-weather {
        grid-row: auto !important;
        min-height: 360px;
        /* keeps a nice card height even with bg image */
    }

    .environment-temperature,
    .environment-humidity {
        padding: 64px 36px;
    }

    .environment-aqi-badge {
        top: 36px;
        left: 36px;
    }

    .environment-weather-icon {
        top: 36px;
        left: 36px;
    }

    .environment_aqi_title,
    .environment_weather_title {
        bottom: 36px;
        left: 36px;
        right: 36px;
    }

    .environment_aqi_title h3,
    .environment_weather_title h3 {
        font-size: 28px;
    }

    .environment_temprature_title h4,
    .environment_humidity_title h4 {
        font-size: 24px;
    }

    .environment-aqi-badge img {
        width: 90px;
    }

    .environment-weather-icon img,
    .environment-temprature-icon img,
    .environment-humidity-icon img {
        width: 64px;
    }

    .environment-card {
        border-radius: 28px;
    }


    .bigger_display_only {
        display: none;
    }

    .preloaderword {
        font-size: 60px;
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .jirace {
        justify-items: left;
    }

    .blog_pl_details {
        padding-left: 15px;
        padding-top: 50px;
    }

    .environment_header_content p {
        text-align: left;
    }

    .environment_header_content p br {
        display: none;
    }

    .environment-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .small_environment_text_with_icon {
        align-items: center;
    }

    .environment-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 100%;
        /* match parent */
    }

    .environment-card:nth-child(1),
    .environment-card:nth-child(3) {
        min-height: 280px;
        /* fixed blocks */
        flex: 0 0 auto;
        /* don’t stretch */
    }

    .environment-card:nth-child(2),
    .environment-card:nth-child(4) {
        flex: 1;
        /* take remaining space */
        min-height: 0;
        /* prevent oversizing */
    }

    .small_environment_text_with_icon {
        margin-right: auto;
    }





    .grid_container {
        grid-template-rows: repeat(5, 200px) !important;
        grid-template-areas:
            "box-1 box-2"
            "box-1 box-5"
            "box-7 box-5"
            "box-4 box-4"
            "box-6 box-6";
    }

    .environment_header_area h2 {
        margin-bottom: 20px;
    }

    .modular_section_padding {
        padding-top: 140px;
    }

    .modular_switch_board_header {
        top: 4%;
    }

    .contact_section_footer {
        border-left: none;
        padding-top: 20px !important;
        padding-left: 0 !important
    }

    .social_section_footer {
        border-left: none;
        padding-left: 0;
        padding-top: 20px !important;
    }

    .social_section_footer {
        padding-bottom: 80px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    .main_header_image .dayro_text1 h2, .main_header_image .dayro_text2 h2 {
        font-size: 32px;
    }

    .ipad_h_150_pt {
        padding-top: 150px !important
    }

    .main_header_image .dayro_text1 h6, .main_header_image .dayro_text2 h6 {
        font-size: 12px;
    }

    .hpl-pad {
        padding-left: 15px;
    }

    .bigger_display_only {
        display: none;
    }

    .pl-80 {
        padding-left: 0;
    }

    .ipapr-50 {
        padding-right: 50px;
    }

    .ipad_width_100 {
        width: 100% !important
    }

    .main_app_function_header_content h2 {
        font-size: 34px;
    }

    .main_app_function_header_content p {
        font-size: 15px;
    }

    .single_app_feature p {
        font-size: 15px;
    }

    .modular_section_padding {
        padding-top: 80px;
    }


    .mobile_app_pin_feature {
        height: 100%;
        padding-top: 90px;
    }

    .connect_modular_gif {
        top: 36%;
        left: 31.80%;
    }

    .environment_header_area h2 {
        font-size: 34px;
    }

    .environment_header_content p {
        font-size: 15px;
    }

    .environment_main_header {
        padding-bottom: 40px;
    }

    .environment-grid {
        padding-top: 40px;
    }

    .environment_aqi_title h3 {
        font-size: 28px;
    }

    .environment-temperature {
        padding: 50px 40px 50px 40px;
    }

    .environment_temprature_title h4 {
        font-size: 24px;
    }

    .environment-temprature-icon img {
        width: 64px;
    }

    .small_environment_text_with_icon {
        gap: 30px;
    }

    .environment-aqi-badge {
        top: 40px;
        left: 40px;
    }

    .environment-humidity {
        padding: 50px 40px 50px 40px;
    }

    .environment_humidity_title h4 {
        font-size: 24px;
    }

    .environment-humidity-icon img {
        width: 64px;
    }

    .environment_weather_title h3 {
        font-size: 28px;
    }

    .environment_weather_title {
        bottom: 40px;
        left: 40px;
        right: 40px;
    }

    .environment-weather-icon {
        top: 40px;
        left: 40px;
    }

    .environment-grid {
        height: 100%;
    }

    .environment_aqi_title {
        bottom: 40px;
        left: 40px;
        right: 40px;
    }

    .modular_header_area h4 {
        font-size: 24px;
    }

    .modular_header_area h2 {
        font-size: 42px;
    }

    .modular_header_area p {
        font-size: 15px;
    }

    .modular_switch_board_image_area {
        transform: translateY(-50px);
    }

    .modular_switch_grey {
        position: absolute;
        top: 28%;
        left: 28%;
    }

    .modular_switch_black {
        position: absolute;
        top: 58%;
        left: 73%;
    }

    .modular_switch_white {
        position: absolute;
        top: 86%;
        left: 23%;
    }

    .intro_link_pad_top {
        padding-top: 80px !important
    }

    .link_section_pad_top {
        padding-top: 0px !important
    }

    .intro_link_header_area h2 {
        font-size: 42px;
    }

    .intro_link_header_area p {
        font-size: 15px;
    }

    .link_content_header_area h2 {
        font-size: 34px;
    }

    .link_content_header_content p {
        font-size: 15px;
    }

    .link_content_main_header {
        padding-bottom: 40px;
    }

    .main_link_animation_section {
        padding-top: 40px;
    }

    .grid_container {
        grid-template-rows: repeat(3, 200px);
    }

    .box_1_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_2_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_3_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_2_details {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .box_5_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }

    .box_6_content {
        top: 20px;
        left: 20px;
        right: 20px;
    }


    .box_1_content h4,
    .box_2_details h4,
    .box_3_content h4,
    .box_5_content h4,
    .box_6_content h4,
    .box_7_content h4 {
        font-size: 16px;
    }




    .box_4_content h2 {
        font-size: 38px;
    }

    .box_4_content p {
        font-size: 15px;
    }

    .main_top_heading h1 {
        font-size: 90px;
        letter-spacing: -3px;
    }

    .main_top_heading {
        padding: 60px 0;
    }

    .text_footer_content p {
        font-size: 15px;
    }

    .text_footer_content {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .menu_section_footer {
        padding-top: 50px;
        padding-left: 20px;
        padding-bottom: 80px;
    }

    .contact_section_footer {
        padding-top: 50px;
        padding-left: 20px;
        padding-bottom: 80px;
        padding-right: 0;
    }

    .menu_section_footer h4 {
        font-size: 15px;
    }

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

    .contact_section_footer h4 {
        font-size: 15px;
    }


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

    .contact_section_footer_div a {
        font-size: 15px;
    }

    .website_copyright a {
        font-size: 15px;
    }

    .website_copyright p {
        font-size: 15px;
    }

    .section-padding {
        padding: 90px 0;
    }

    .main_blog_section_padding {
        padding-top: 160px;
    }

    .big_display_padding_top {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .environment_feature_control_top {
        margin-top: -200px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    .bigger_display_only {
        display: none;
    }

    .box_4_content h2 {
        font-size: 30px !important
    }

    .grid_container {
        grid-template-rows: repeat(6, auto) !important;
        grid-template-areas:
            "box-1 box-2"
            "box-1 box-5"
            "box-7 box-5"
            "box-4 box-4"
            "box-6 box-6";
    }

    .preloaderword {
        font-size: 80px !important
    }


    .environment-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 100%;
        /* match parent */
    }

    .environment-card:nth-child(1),
    .environment-card:nth-child(3) {
        min-height: 280px;
        /* fixed blocks */
        flex: 0 0 auto;
        /* don’t stretch */
    }

    .environment-card:nth-child(2),
    .environment-card:nth-child(4) {
        flex: 1;
        /* take remaining space */
        min-height: 0;
        /* prevent oversizing */
    }

    .modular_switch_board_header {
        top: 3%;
    }

    .modular_section_padding {
        padding-top: 120px;
    }

    .verticle_ipad_width {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: var(--bs-gutter-y);
    }

    .mobile_padding_mobile_screen {
        padding-left: 160px;
        padding-right: 40px;
        padding-top: 40px;
    }


    .mobile_app_pin_feature {
        height: 100%;
    }

    .main_app_function_header_content h2 {
        font-size: 32px;
    }

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

    .mobile_app_pin_feature {
        padding-top: 90px;
    }

    /* .mobile_screen_preview {
        padding-left: 180px;
    } */

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

    .environment_header_area h2 {
        font-size: 32px;
    }

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

    /* .ipad_verticle_class_w100 {
        flex: 0 0 auto;
        width: 50%;
    } */

    .environment_aqi_title h3,
    .environment_weather_title h3 {
        font-size: 24px;
    }

    .environment_temprature_title h4 {
        font-size: 20px;
    }

    .environment_feature_control_top {
        margin-top: -120px;
    }

    .environment_header_area h2 br {
        display: none;
    }

    .environment-temperature {
        padding: 0 40px;
    }

    .environment-humidity {
        padding: 0 40px;
    }

    .environment-aqi, .environment-weather {
        grid-row: auto !important;
        min-height: 300px;
    }

    .environment-temprature-icon img {
        width: 58px;
    }

    .small_environment_text_with_icon {
        gap: 28px;
    }

    .environment-aqi-badge {
        top: 40px;
        left: 40px;
    }

    .environment_aqi_title {
        bottom: 40px;
        left: 40px;
        right: 40px;
    }

    .environment-grid {
        gap: 10px;
    }

    .ipad_v_240_pt {
        padding-top: 240px;
    }

    .environment-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        /* optional spacing */
    }

    .environment-grid>div:nth-child(1) {
        grid-area: 1 / 1;
        /* Row 1, Col 1 */
    }

    .environment-grid>div:nth-child(2) {
        grid-area: 1 / 2;
        /* Row 1, Col 2 */
    }

    .environment-grid>div:nth-child(3) {
        grid-area: 2 / 2;
        /* Row 2, Col 2 (moved) */
    }

    .environment-grid>div:nth-child(4) {
        grid-area: 2 / 1;
        /* Row 2, Col 1 (swapped) */
    }

    .environment_humidity_title h4 {
        font-size: 20px;
    }

    .environment-humidity-icon img {
        width: 58px;
    }

    .environment-weather-icon {
        top: 40px;
        left: 40px;
    }

    .connect_modular_gif {
        top: 36.5%;
        left: 29.5%;
    }

    .modular_header_area h4 {
        font-size: 24px;
    }

    .modular_header_area h2 {
        font-size: 40px;
    }

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

    .modular_switch_board_image_area {
        transform: translateY(-0);
    }

    .modular_switch_grey img {
        width: 80%;
    }

    .modular_switch_grey {
        top: 28%;
        left: 26%;
    }

    .modular_switch_black {
        top: 60%;
        left: 73%;
    }

    .modular_switch_white {
        top: 86%;
        left: 22%;
    }

    .modular_switch_black img {
        width: 80%;
    }

    .modular_switch_white img {
        width: 80%;
    }

    .intro_link_pad_top {
        padding-top: 120px !important
    }

    .link_section_pad_top {
        padding-top: 120px !important
    }


    .intro_link_header_area h2 {
        font-size: 40px;
    }

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

    .link_content_header_area h2 {
        font-size: 32px;
    }

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

    .link_content_header_content p br {
        display: none;
    }


    .grid_container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-template-areas:
            "box-1 box-2"
            "box-1 box-4"
            "box-3 box-3"
            "box-5 box-6"
            "box-5 box-7";
    }

    .grid_container>.box {
        height: auto;
        min-height: 200px;
    }

    .grid_container>.box:nth-child(1) {
        min-height: 500px;
    }

    .grid_container>.box:nth-child(2) {
        min-height: 200px;
    }

    .grid_container>.box:nth-child(3),
    .grid_container>.box:nth-child(4) {
        min-height: 200px;
        width: 100%;
    }

    .grid_container>.box:nth-child(6) {
        min-height: 200px;
    }

    .grid_container>.box:nth-child(5) {
        min-height: 500px;
    }

    .grid_container>.box:nth-child(7) {
        min-height: 360px;
    }

    .box_1_content h4,
    .box_3_content h4,
    .box_2_details h4,
    .box_5_content h4,
    .box_6_content h4,
    .box_7_content h4 {
        font-size: 19px;
    }

    .box_1_content {
        top: 30px;
        left: 30px;
    }

    .box_2_content {
        top: 30px;
        left: 30px;
    }

    .box_2_details {
        bottom: 30px;
        left: 30px;
    }


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

    .box_3_content {
        top: 30px;
        left: 30px;
    }

    .box_4_content {
        padding: 30px;
    }

    .box_4_content h2 {
        font-size: 38px;
        margin-bottom: 10px;
    }

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

    .box_4_content p br {
        display: none;
    }

    .box_5_content {
        top: 30px;
        left: 30px;
    }

    .box_6_content {
        top: 30px;
        left: 30px;
    }

    .main_top_heading {
        padding-bottom: 0;
        border-bottom: none;
    }

    .text_footer_content {
        border-right: none;
        padding-bottom: 60px;
        border-bottom: 1px solid #484848;
        padding-top: 24px;
    }

    .menu_section_footer {
        padding-left: 0;
        padding-right: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        border-right: none;
        border-bottom: 1px solid #484848;
    }

    .contact_section_footer {
        padding-left: 0;
        padding-right: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        border-right: none;
    }

    .footer_section_links li:last-child {
        padding-bottom: 0;
    }

    .footer_credit_section {
        margin-top: 0;
    }

}

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

    .blog_pl_details {
        padding-left: 15px;
        padding-top: 50px;
    }

    .left_demo_header_text_area {
        width: 100%;
        padding-left: 20px;
    }

    .right_demo_header_image {
        width: 100%;
    }


    .demo_header_image {
        height: 100%;
        display: block;
    }

    .environment_header_area h2 br {
        display: none;
    }

    .demo_header_content h6 {
        font-size: 16px;
    }

    .demo_header_content h1 {
        font-size: 46px;
    }

    .scroll_content_text h6 {
        font-size: 16px;
    }

    .scroll_content_text h2 {
        font-size: 24px;
        padding: 20px;
    }

    .marquee-text {
        font-size: 38px;
    }

    .marquee-wrapper {
        bottom: 15%;
    }



    .main_header_image h1 {
        text-align: center;
        font-size: 22px;
        width: 100%;
        padding: 50px;
        text-wrap-mode: wrap;
    }

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

    h1[class^="dayro_text"] {
        top: 2%;
    }


    .main_header_image h1 span {
        box-sizing: border-box;
        font-size: 13px;
        padding: 12px 22px;
    }

    .sensor_indication_main_area {
        display: block;
    }

    .sensor_video_area {
        width: 100%;
    }

    .sensor_features_content_area {
        width: 100%;
    }

    .head_content {
        padding: 45px 20px;
        border-bottom: none;
        padding-bottom: 10px;
    }

    .head_content h2 {
        font-size: 38px;
    }

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

    .sensor_video_area {
        border-right: none;
        border-bottom: none;
    }

    .features_list_content {
        padding: 30px 20px;
        padding-bottom: 80px;
    }

    .single_feature_single_content h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }

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

    .single_feature_icon img {
        width: 30px;
    }

    .single_feature_single_content {
        margin-left: 15px;
    }


    .grid_container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px 20px;
        grid-template-areas:
            "box-1"
            "box-2"
            "box-3"
            "box-4"
            "box-5"
            "box-6"
            "box-7";
    }




    .grid_container>.box {
        height: auto;
        min-height: 200px;
    }

    .grid_container>.box:nth-child(1) {
        min-height: 500px;
    }

    .grid_container>.box:nth-child(2) {
        min-height: 250px;
    }

    .grid_container>.box:nth-child(3),
    .grid_container>.box:nth-child(4) {
        min-height: 200px;
        width: 100%;
    }

    .grid_container>.box:nth-child(6) {
        min-height: 150px;
    }

    .grid_container>.box:nth-child(5) {
        min-height: 500px;
    }

    .box_3_content h4 {
        text-align: left;
    }

    .grid_container>.box:nth-child(7) {
        min-height: 250px;
    }

    .box_1_content h4,
    .box_2_details h4,
    .box_3_content h4,
    .box_5_content h4,
    .box_6_content h4,
    .box_7_content h4 {
        font-size: 20px;
    }

    .box_1_content {
        top: 30px;
        left: 30px;
    }

    .box_2_content {
        top: 30px;
        left: 30px;
    }

    .box_2_details {
        bottom: 30px;
        left: 30px;
    }


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

    .box_3_content {
        top: 30px;
        left: 30px;
    }

    .box_4_content h2 {
        font-size: 34px;
        margin-bottom: 10px;
    }

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

    .box_5_content {
        top: 30px;
        left: 30px;
    }

    .box_6_content {
        top: 30px;
        left: 30px;
    }

    .section-padding {
        padding: 80px 0;
    }

    .big_display_padding_top {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .head_content h2 br {
        display: block;
    }

    .main_top_heading h1 {
        font-size: 62px;
        letter-spacing: -1.8px;
    }

    .main_top_heading {
        padding: 50px 0;
    }

    .text_footer_content {
        padding-top: 20px;
        border-right: none;
        border-bottom: 1px solid #484848;
        padding-bottom: 60px;
    }

    .menu_section_footer {
        padding: 60px 20px;
        border-right: none;
        border-bottom: 1px solid #484848;
    }


    .contact_section_footer {
        padding: 60px 20px;
        border-right: none;
        border-bottom: 1px solid #484848;
        border-left: none;
        padding-left: 0;
    }

    .social_section_footer {
        padding: 60px 20px;
        border-right: none;
        border-bottom: 1px solid #484848;
        border-left: none;
        padding-left: 0;
    }

    .footer_credit_section {
        margin-top: 0;
        border-top: none;
    }

    .footer_credit_section {
        display: block;
    }

    .website_copyright {
        padding: 0 20px;
    }

    .social_media_content {
        /* margin-top: 40px; */
        /* padding: 0 20px; */
    }

    .pl-100 {
        padding-left: 20px;
    }

    .mobile_app_pin_feature {
        height: 100%;
    }

    .main_app_function_header_content h2 {
        font-size: 38px;
        margin-top: 40px;
    }

    .main_app_function_header_content h2 br {
        display: none;
    }

    .single_scene_features_area {
        padding-bottom: 80px;
    }

    .demo_header_image {
        padding-top: 180px;
    }

    .desktop_only {
        display: none;
    }

    .environment-grid {
        grid-template-columns: 1fr;
        /* single column */
        gap: 16px;
    }

    .environment-aqi,
    .environment-weather {
        min-height: 320px;
        /* comfortable visual height */
    }

    .environment-temperature,
    .environment-humidity {
        padding: 48px 28px;
    }

    .environment_aqi_title h3,
    .environment_weather_title h3 {
        font-size: 26px;
    }

    .environment_temprature_title h4,
    .environment_humidity_title h4 {
        font-size: 22px;
    }

    .environment-aqi-badge {
        top: 28px;
        left: 28px;
    }

    .environment-weather-icon {
        top: 28px;
        left: 28px;
    }

    .environment_aqi_title,
    .environment_weather_title {
        bottom: 28px;
        left: 28px;
        right: 28px;
    }

    .environment-aqi-badge img {
        width: 80px;
    }

    .environment-weather-icon img,
    .environment-temprature-icon img,
    .environment-humidity-icon img {
        width: 56px;
    }

    .environment-card {
        border-radius: 24px;
    }

    .hmb-50 {
        padding-left: 20px;
    }

    .reverse_mobile_row {
        flex-direction: column-reverse;
    }

    .dayro_text1 h6 {
        font-size: 12px !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        /* allow wrapping */
    }

    .main_header_image .dayro_text1 h2 {
        font-size: 28px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        /* allow wrapping */
    }

    .dayro_text1 {
        padding: 0 15px;
        width: 100%;
    }

    .main_app_function_header_content h2 {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .main_app_function_header_content p {
        padding-bottom: 24px;
    }

    .single_app_feature img {
        width: 20px;
        margin-right: 10px;
    }

    .single_app_feature p {
        font-size: 13px;
    }

    .single_app_feature {
        padding: 10px 18px;
        margin-bottom: 6px;
    }


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

    .mobile_app_pin_feature {
        justify-content: center;
    }

    .single_main_app_features {
        margin-top: 0;

    }

    .main_app_function_header_content p {
        border-bottom: none;
    }

    .pl-80 {
        padding-left: 40px;
    }

    .hmb-50 {
        margin-bottom: 30px;
    }

    .environment_feature_control_top {
        margin-top: -50px;
    }

    .environment_header_area h2 {
        font-size: 26px;
    }

    .environment_header_content p {
        text-align: left;
        font-size: 14px;
        margin-top: 18px;
    }

    .environment_header_content p br {
        display: none;
    }

    .jirace {
        justify-items: left;
        align-content: end;
    }

    .mmt-80 {
        margin-top: 80px;
    }

    .mmt-320 {
        margin-top: 550px;
    }

    .modular_switch_board_image_area {
        padding-top: 150px;
    }

    .link_content_main_header {
        border-bottom: none;
    }

    .modular_header_area h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }

    .link_section_pad_top {
        padding-top: 90px;
    }

    .modular_header_area h2 {
        font-size: 30px;
    }

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

    .modular_header_area p br {
        display: none;
    }

    .intro_link_header_area h2 {
        font-size: 30px;
    }

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

    .link_content_header_area h2 {
        font-size: 26px;
    }

    .link_content_header_content p {
        text-align: left;
        font-size: 14px;
        margin-top: 18px;
    }

    .link_content_header_content p br {
        display: none;
    }

    .big_display_only {
        display: none;
    }

    .preloaderword {
        font-size: 54px;
    }


    .environment-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: 100%;
        /* match parent */
    }

    .environment-card:nth-child(1),
    .environment-card:nth-child(3) {
        min-height: 280px;
        /* fixed blocks */
        flex: 0 0 auto;
        /* don’t stretch */
    }

    .environment-card:nth-child(2),
    .environment-card:nth-child(4) {
        flex: 1;
        /* take remaining space */
        min-height: 0;
        /* prevent oversizing */
    }

    .link_video_animation {
        position: relative;
        width: 100%;
        height: 550px;
        /* or set specific height, e.g., 400px for smaller */
        overflow: hidden;
    }

    .link_video_animation video {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* this "zooms" video to cover */
        transform: translate(-50%, -50%);
    }

    .main_blog_index_header h1 {
        font-size: 72px;
        letter-spacing: -2.4px;
        margin-top: 40px;
    }

    .blog_index_content_area h3 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .blog_index_content_area h6 {
        font-size: 15px;
    }

    .blog_index_content_area {
        padding: 30px;
    }

    .blog_insider_header h1 {
        font-size: 46px;
        letter-spacing: -1.50px;
    }

    .blog_insider_header h6 {
        font-size: 16px;
    }

    .blog_insider_main_image {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .main_blog_section_padding {
        padding-top: 120px;
    }

    .blog_insider_details_area h2 {
        font-size: 36px;
        font-weight: 500;
    }

    .blog_insider_details_area h3 {
        font-size: 28px;
    }

    .blog_insider_details_area h4 {
        font-size: 25px;
    }

    .blog_insider_details_area h5 {
        font-size: 21px;
    }

    .blog_insider_details_area h6 {
        font-size: 17px;
    }


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


}





@media (max-width: 480px) {
    .environment-grid {
        gap: 12px;
    }

    .environment-aqi,
    .environment-weather {
        min-height: 280px;
    }

    .environment-temperature,
    .environment-humidity {
        padding: 36px 24px;
    }

    .environment_aqi_title h3,
    .environment_weather_title h3 {
        font-size: 22px;
        letter-spacing: -0.6px;
    }

    .environment_temprature_title h4,
    .environment_humidity_title h4 {
        font-size: 20px;
        letter-spacing: -0.4px;
    }

    .environment-aqi-badge {
        top: 24px;
        left: 24px;
    }

    .environment-weather-icon {
        top: 24px;
        left: 24px;
    }

    .environment_aqi_title,
    .environment_weather_title {
        bottom: 24px;
        left: 24px;
        right: 24px;
    }

    .modular_switch_board_header {
        top: 15%;
    }

    .environment-aqi-badge img {
        width: 100px;
    }


    .environment-temprature-icon img,
    .environment-humidity-icon img {
        width: 40px;
    }

    .environment-weather-icon img {
        width: 50px;
    }

    .environment-card {
        border-radius: 20px;
    }

    .small_environment_text_with_icon {
        gap: 20px;
    }

    .modular_switch_board_image_area {
        padding-top: 150px;
    }

    .modular_switch_grey img {
        width: 70%;
    }

    .modular_switch_black img {
        width: 80%;
    }

    .modular_switch_white img {
        width: 70%;
    }

    .modular_switch_grey {
        top: 44%;
        left: 19%;
    }

    .modular_switch_black {
        top: 66%;
        left: 68%;
    }

    .modular_switch_white {
        top: 88%;
        left: 17%;
    }

    .link_product_image_area img {
        max-width: 300px;
    }

    .link_product_image_area {
        padding: 60px 0;
    }

    .connect_modular_gif img {
        width: 34%;
    }

    .connect_modular_gif {
        top: 36%;
        left: 28.8%;
    }

    .preloaderword {
        font-size: 42px;
        letter-spacing: -1.2px;
    }

    .mobile_padding_app_pin_section {
        padding-top: 30px;
    }

    .mobile_padding_mobile_screen {
        padding-top: 10px;
    }

    .environment_main_header {
        padding-bottom: 30px;
    }

    .environment-grid {
        padding-top: 30px;
    }

    .mobile_modular_section_padding {
        padding-top: 50px;
    }

    .text_footer_content p {
        font-size: 15px;
    }

    .main_top_heading {
        padding: 40px 20px;
    }

    .text_footer_content button {
        margin-top: 12px;
    }

    .menu_section_footer {
        padding: 40px 20px;
    }

    .text_footer_content {
        padding-left: 20px;
    }

    .footer_section_links li a {
        font-size: 15px;
    }

    .menu_section_footer h4 {
        font-size: 16px;
        padding-bottom: 24px;
    }

    .contact_section_footer h4 {
        font-size: 16px;
        padding-bottom: 24px;
    }

    .contact_section_footer {
        padding: 40px 20px;
    }

    .contact_section_footer_div a {
        font-size: 15px;
    }

    .website_copyright a {
        font-size: 15px;
    }

    .website_copyright p {
        font-size: 15px;
    }

    .text_footer_content button a {
        font-size: 16px;
    }

    .mmt-320 {
        margin-top: 320px;
    }

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

    .social_section_footer {
        padding: 40px 20px;
    }


    .link_main_area_content {
        display: block;
        position: relative;
    }

    #dayroViewer {
        height: 30vh;
    }

    .main_header_image .dayro_text1 h2 {
        font-size: 24px;
    }
    
    .logo-wrapper {
        padding-left: 15px;
    }

    .navbar button {
        padding-right: 15px;
    }

    .navbar .navbar-nav .nav-link {
        padding-left: 25px;
    }

    .main_top_heading {
        padding-left: 0;
    }

    .text_footer_content {
        padding-left: 0;
    }

    .contact_section_footer {
        padding-left: 0;
    }

    .social_section_footer {
        padding-left: 0;
    }

    .website_copyright {
        padding-left: 0;
    }
}