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

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1560px;
    }
}

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

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1480px;
    }


}

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

    .right_side_full_menu_content_area {
        padding-left: 60px;
        padding-top: 60px;
    }

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

    .navbar-nav li {
        padding: 10px 0;
    }

    .right_side_full_menu_contact_button {
        margin-top: 40px;
    }

    .main_header_left_side_details_area {
        padding-top: 60px;
    }

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

    .main_header_left_side_single_link h3 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .main_header_left_side_single_link {
        margin-bottom: 32px;
    }

    .main_header_left_side_single_link h5 {
        font-size: 22px;
    }

    .hotspot_label {
        padding: 10px 12px;
        font-size: 14px;
    }

    .main_header_left_side_social_icons ul li img {
        width: 24px;
    }

    .main_header_left_side_contact_details .main_header_left_side_single_link:last-child {
        margin-bottom: 50px;
    }

    .quote-btn {
        font-size: 15px;
        padding: 6px 6px 6px 20px;
    }

    .home_showroom_details_area {
        padding: 12px;
    }

    .home_showroom_details_content_area {
        padding: 30px;
    }

    .customer_feedback_text_area {
        padding: 20px;
    }

    .customer_feedback_profile_area {
        padding: 20px;
    }

    .customer_feedback_text_area {
        height: 440px;
    }

    .macpl_40 {
        padding-left: 40px;
    }

        h1 {
        font-size: 64px;
    }

    h2 {
        font-size: 46px;
    }

    h3 {
        font-size: 38px;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 16px;
    }

    .unique_team_area {
        padding: 50px;
    }

    .about_philosophy_area {
        padding: 100px 120px;
    }

    .quote-mark-right img {
        top: 310px;
    }

    .quote-mark-left img {
        top: 180px;
    }
}

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

    .timeline_content_area {
        padding: 0 30px ;
    }

    .timeline_content_area h3 {
        margin-top: 40px;
    }

    .supplier-logo img {
        max-width: 120px;
    }

    .supplier-logos-container {
        gap: 20px;
    }

    .logo-img {
        width: 130px;
    }

    .logo-img {
        padding: 20px 0;
    }

    .menu-icon p {
        font-size: 15px;
    }

    .menu-icon {
        gap: 15px;
        height: 44px;
    }

    .menu-icon-lines {
        width: 20px;
        height: 8px;
    }

    .header_contact_form_btn {
        height: 44px;
        width: 44px;
    }

    .header_slider_btn {
        font-size: 14px;
    }

    .header_slider_btn {
        padding: 8px 24px;
    }

    .preloader-position {
        gap: 30px;
    }

    .who_we_are_process_right_single_area {
        gap: 40px;
        padding: 40px;
    }

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

    .midlaptoppt_20 {
        padding-top: 20px;
    }

    .midlaptoppt_82 {
        padding-top: 82px;
    }

    .accordion-body {
        font-size: 14px;
    }

    .accordion-button {
        padding: 20px 0;
        font-size: 18px;
    }

    .why_worktop_edge_matters_logo img {
        height: 50px;
    }

    .midlaptoppt_40 {
        padding-top: 40px;
    }

    .home_showroom_details_area {
        padding: 10px;
    }

    .home_showroom_details_area {
        bottom: -40px;
        right: 60px;
    }

    .home_showroom_details_content_area {
        padding: 30px;
    }

    .midlaptoppt_50 {
        padding-top: 50px;
    }

    .showroom-controls button {
        width: 44px;
        height: 44px;
    }

    .customer_feedback_profile_image img {
        height: 45px;
        width: 45px;
    }

    .showroom-controls button i {
        font-size: 14px;
    }

    .midlaptoppr_40 {
        padding-right: 40px;
    }

    .supplier-logo img {
        width: 110px;
    }

    .why_us_single_content_area h5 {
        margin-bottom: 5px;
    }

    .why_choose_us_main_content_area h6 {
        margin-bottom: 20px;
    }

    .why_choose_us_content_icon_area {
        margin-top: 20px;
    }

    .why_us_single_icon_area img {
        width: 38px;
    }

    .why_choose_us_single_content_area {
        gap: 30px;
    }

    .home_showroom_details_single_area {
        margin-bottom: 12px;
    }

    .home_showroom_location_details_area {
        padding: 12px 0;
    }

    .get-direction-btn {
        font-size: 14px;
    }

    .why_choose_us_single_content_area {
        padding: 15px 0 15px 10px;
    }

    .supplier-logos {
        padding: 40px 0;
    }


    .envelope_form_wrap {
        width: 520px;
    }

    .supplier-logos-container {
        padding: 0;
    }

    .customer_feedback_profile_area {
        gap: 14px;
        padding: 20px;
    }

    .customer_feedback_text_area {
        padding: 20px;
    }

    .customer_rating_text h5 {
        font-size: 14px;
    }

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

    .right_side_footer_main_details_area ul li a {
        font-size: 20px;
    }

    .footer_social_details a i {
        font-size: 20px;
    }

    .main_header_left_side_details_area {
        padding-top: 40px;
    }

    .right_side_full_menu_content_area {
        padding-left: 40px;
        padding-top: 40px;
    }

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

    .quote-btn {
        font-size: 12px;
        gap: 10px;
        padding: 6px 6px 6px 16px;
    }

    .quote-btn .icon {
        width: 32px;
        height: 32px;
    }

    .navbar-nav li {
        padding: 8px 0;
    }

    .main_header_left_side_single_link h6 {
        font-size: 14px;
    }

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

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

    .main_header_left_side_single_link {
        margin-bottom: 30px
    }

    .main_header_left_side_contact_details .main_header_left_side_single_link:last-child {
        margin-bottom: 40px;
    }

    .right_side_full_menu_contact_button {
        margin-top: 40px;
    }

    .main_header_left_side_social_icons ul li img {
        width: 20px;
    }

    .about_philosophy_area h3 {
        padding-top: 20px;
    }

    .our-story-text h4 {
        font-size: 24px;
    }

    .see-how-link {
        margin-top: 40px;
    }

    .about_philosophy_area {
        padding: 60px 80px;
    }

    .divider {
        margin: 30px auto;
    }

    .philosophy-text p {
        margin-bottom: 0;
    }

    .quote-mark-left img {
        left: 90px;
        top: 80px;
        width: 36px;
    }

    .quote-mark-right img {
        right: 94px;
        top: 180px;
        width: 40px;
    }

    .unique_promise_area {
        padding: 20px;
    }

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

    .unique_promise_icon_area img {
        width: 40px;
    }

    .unique_team_content_area h4 {
        font-size: 28px;
    }

    .unique_team_area {
        padding: 30px;
    }

    .timeline_content_area ul li {
        font-size: 14px;
        line-height: 130%;
    }

    .single_slab_filter_area select, .search_input_area input {
        font-size: 14px;
    }

    .unique_product_area {
        padding: 10px 10px 20px 10px;
    }

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

    .product_details_info_area ul li strong,
    .product_details_info_area ul li span {
        font-size: 14px;
    }

    .product_details_info_area ul li {
        margin-bottom: 0;
    }

    .see-how-link {
        font-size: 12px;
        padding: 12px;
    }

    .see-how-link img {
        width: 24px;
    }

    .worktop_main_content_area h6 {
        margin-bottom: 20px;
    }

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

    .edge_text_wrapper span {
        font-size: 10px;
    }

    .edge_card_overlay p {
        font-size: 12px;
        line-height: 100%;
    }

    .hotspot_label {
        font-size: 12px;
        padding: 6px 16px;
    }

    .hotspot_dot {
        width: 16px;
        height: 16px;
    }

    .collab_logo_img img {
        width: 300px;
    }

    .popular_choices_title_area h6 {
        margin-bottom: 20px;
    }

    .showroom_details_area {
        padding: 10px;
    }

    .value a {
        font-size: 14px;
    }

    .showroom_map_button span {
        font-size: 14px;
    }

    .sustainable_btn span {
        font-size: 14px;
    }

    .sustainable_btn {
        margin-bottom: 0;
    }

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

    h1 {
        font-size: 52px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 26px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 12px;
    }

    p {
        font-size: 14px;
    }

}







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


@media screen and (min-width: 992px) {
    .full_custom_height {
        height: 100% !important
    }

    .menu-content.open {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        ;
    }

}

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

    h1 {
        font-size: 54px;
    }

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 34px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }

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

    .showroom-controls {
        left: 50px;
        right: 50px;
    }

    .who_we_are_process_right_side_area {
        margin-top: 60px;
    }

    .header-subtitle::after {
        width: 70px;
    }

    .bigger_tablet_pt_0 {
        padding-top: 0;
    }

    .bigger_tablet_pr_0 {
        padding-right: 15px;
    }

    .bigger_tablet_mt_6 {
        margin-top: 6px;
    }

    .bigger_tablet_mt_15 {
        margin-top: 15px;
    }

    .single_timeline_area:before,
    .progress-line,
    .timeline:before {
        left: 10px;
    }

    .timeline_right_side.timeline_image_area {
        padding-left: 40px;
        margin-top: 30px;
    }

    .slab_filter_area .col-lg-20 {
        padding-left: 15px !important;
        padding-right: 15px;
    }

    .slab_filter_area .col-lg-20:last-child {
        padding-right: 15px;
    }

    .single_slab_filter_area select,
    .search_input_area input {
        color: #000;
    }

    .filter_title_name h5 {
        margin-bottom: 30px;
    }

    .timeline_left_side.timeline_image_area {
        padding-left: 40px;
        margin-top: 30px;
        padding-right: 0;
    }

    .mflex_flow {
        flex-flow: column-reverse;
    }

    .quality-img:hover .unique_promise_content_area h4,
    .craftsmanship-img:hover .unique_promise_content_area h4,
    .reliability-img:hover .unique_promise_content_area h4,
    .technology-img:hover .unique_promise_content_area h4 {
        transform: translateY(80px);
    }

    .unique-content h3 br {
        display: none;
    }

    .reverse_flex_column {
        flex-direction: column;
    }

    .bigger_tablet_mt_50 {
        margin-top: 50px;
    }

    .overflow-hidden-mobile {
        overflow: hidden;
    }

    .navbar_rightside_buttons {
        padding-right: 20px;
    }



    .mail_envelop_area {
        padding: 60px 0;
    }

    .mail_envelop_form_image_area {
        margin-top: 150px;
    }

    .mail_envelop_left_element,
    .mail_envelop_right_element {
        display: none;
    }

    .main_header_left_side_contact_details .main_header_left_side_single_link:last-child {
        margin-bottom: 60px;
    }

    .navbar {
        height: auto;
    }

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

    .main_header_left_side_social_icons {
        padding-left: 30px;
    }



    .right_side_full_menu_content_area {
        padding-left: 0;
        padding-right: 0;
    }

    .right_side_full_menu_content_area {
        padding-top: 50px;
        border-top: 1px solid rgba(238, 238, 238, 0.3);
        ;
    }

    .navbar .navbar-nav .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-nav li {
        padding: 15px 0;
    }

    .right_side_full_menu_contact_button {
        padding-left: 20px;
    }

    .right_side_full_menu_contact_button {
        margin-top: 40px;
    }

    .quote-btn {
        font-size: 15px;
        padding: 8px 8px 8px 20px;
    }

    .main_header_left_side_details_area {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid rgba(238, 238, 238, 0.3);
    }

    .main_header_left_side_single_link {
        padding: 0 30px;
    }

    .main_header_left_side_single_link h6 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .main_header_left_side_single_link h3 {
        font-size: 22px;
    }

    .main_header_left_side_single_link {
        margin-bottom: 50px;
    }

    .main_header_left_side_content_area {
        margin-bottom: 60px;
    }

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

}




@media screen and (min-width: 768px) and (max-width: 991px) {
    .supplier-logo img {
        max-width: 70%;
    }

    .showroom_slide_image picture img {
        height: 100%;
        width: auto !important
    }

    .customer_rating_text h5 {
        font-size: 22px;
    }

    .footer_address_details h5 {
        font-size: 22px;
    }

    .footer_contact_details h5 {
        font-size: 22px;
    }

    .our-story-text {
        margin-top: 40px;
    }

    .our-story-text h4 {
        text-indent: 0;
    }

    .unique_product_content_area h5 {
        font-size: 22px;
    }

    .unique-content-filter {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 16px;
        display: flex;
        justify-content: center;
    }
}


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

    .collab_logo_img {
        display: block;
        position: relative;
        left: 0;
        bottom: 0;
    }

    .collab_logo_img img {
        width: 100%;
    }

    .application_subtitle::after {
        width: 40px;
    }

    .mail_envelop_area {
        padding: 40px 0;
    }

    .unique_promise_icon_area img {
        width: 40px;
    }

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

    .unique_promise_icon_area {
        margin-bottom: 100px;
    }

    .unique-hero {
        height: max-content;
    }

    .new_filter_unique_hero {
        height: 100vh;
    }

    .unique_promise_area {
        padding: 30px;
    }

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

    .our_promise_title_area h6 {
        text-align: left;
    }

    .our_promise_title_area h2 {
        text-align: left;
    }

    .our_promise_subtitle h2 br {
        display: none;
    }

    .home_page_main_showroom_header_area h6 {
        text-align: left;
    }

    .home_page_main_showroom_header_area h2 {
        text-align: left;
    }

    .home_page_main_showroom_header_area h2 br {
        display: none;
    }

    /* .mail_envelop_header_area {
        padding: 0 30px;
    } */

    .who_we_are_process_right_side_area .who_we_are_process_right_single_area:last-child {
        padding-bottom: 0;
    }

    .tpt-0 {
        padding-top: 0 !important
    }

    .showroom-controls {
        left: 20px;
        right: 20px;
    }

    .get-direction-btn {
        font-size: 15px;
        width: 100%;
    }

    .get-direction-btn img {
        width: 22px !important;
        height: 22px !important;
    }

    .customer_feedback_text_area {
        height: 340px;
    }

    .showroom-controls button i {
        font-size: 12px;
    }

    .showroom-controls button {
        width: 48px;
        height: 48px;
    }

    .menu-icon-lines {
        width: 20px;
        height: 8px;
    }

    .envelope_form_wrap {
        width: 420px;
    }

    #envelope_form.open .env_form_wrap {
        top: -210px;
    }

    .env_form_wrap {
        padding: 1rem 2rem;
    }

    .env_form_wrap {
        height: 120%;
    }


    h1 {
        font-size: 46px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 26px;
    }

    h6 {
        font-size: 14px;
    }

    p {
        font-size: 15px;
    }

    .special_small_after_width::after {
        width: 50px;
    }

    .main_homepage_header_content {
        padding: 0 30px;
    }

    .mail_envelop_logo img {
        width: 30px;
    }


    .header-subtitle::after {
        width: 120px;
        margin-left: 0;
        background-color: #ffffff4f;
        display: block;
        justify-self: center;
        margin-top: 20px;
    }

    .what_we_do_subtitle::after {
        width: 50px;
        margin-top: 20px;
        margin-left: 10px;
    }

    .main_homepage_header_content h5 {
        font-size: 14px;
        letter-spacing: 0.5em;
    }

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

    .what_we_do_subtitle h2 br {
        display: none;
    }

    .who_we_are_process_right_side_area {
        margin-top: 60px;
    }

    .who_we_are_process_right_single_area {
        padding: 30px;
        border-bottom: 1px solid rgb(148 148 148 / 20%);
    }

    .project-slider-footer {
        bottom: 50px;
        padding: 0 15px;
    }

    .slide-count {
        display: none;
    }

    .mobile_br {
        display: block;
    }


    .home_clients_header_area h6 {
        line-height: 180%;
    }


    .tpt-50 {
        padding-top: 50px;
    }

    .tpt-80 {
        padding-top: 80px;
    }

    .tpb-20 {
        padding-bottom: 20px;
    }


    .supplier-logos-container {
        gap: 60px;
    }

    .supplier-logo img {
        max-width: 150px;
    }

    .supplier-logos {
        padding: 60px 0;
        border-top: 1px solid rgb(152 152 152 / 20%);
        border-bottom: 1px solid rgb(152 152 152 / 20%);
    }

    .tpr-15 {
        padding-right: 15px;
    }

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



    .showroom_slider .owl-stage-outer {
        overflow: hidden !important;
    }

    .showroom_slide_image {
        position: hidden;
        overflow: visihiddenble;
        z-index: 2;
    }

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

    .home_showroom_details_area {
        padding: 10px;
    }

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

    .city-search-input {
        font-size: 15px !important;
        padding: 16px 20px !important;
    }

    .city-search-input::placeholder {
        font-size: 15px !important;
    }

    .home_showroom_details_content_area {
        padding: 25px 20px;
    }

    .home_page_main_showroom_header_area h2 br {
        display: none;
    }

    .home_page_main_showroom_header_area h2 {
        margin-bottom: 0;
    }

    .why_choose_us_content_icon_area .why_choose_us_single_content_area:last-child {
        border-bottom: 1px solid #ccc;
        padding-bottom: 25px;
    }

    .rating_feedback_row .col-lg-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .rating_feedback_row .col-lg-3:first-child {
        padding-left: 15px;
    }

    .rating_feedback_row .col-lg-3:last-child {
        padding-left: 15px;
    }

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

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

    .tpt-50 {
        padding-top: 50px;
    }


    .mmt-30 {
        margin-top: 15px;
    }

    .reverse_flex_column {
        flex-direction: column;
    }

    .footer-section {
        padding-top: 60px;
    }

    .footer-logo {
        margin-bottom: 60px;
        width: 60px;
    }

    .left_side_footer_main_details_area {
        margin-top: 0;
        padding-top: 60px;
    }

    .right_side_footer_main_details_area {
        margin-top: 60px;
        padding-top: 80px;
    }

    .menu-icon p {
        font-size: 14px;
    }

    .menu-icon {
        height: 42px;
    }

    .header_contact_form_btn {
        height: 42px;
        width: 42px;
    }

    .logo-img {
        width: 120px;
    }

    .menu-icon {
        padding: 10px 20px;
    }

    .overflow-hidden-mobile {
        overflow: hidden;
    }

    .our-story-text h4 {
        text-indent: 0;
        margin-top: 40px;
        font-size: 20px;
        line-height: 140%;
        text-align: left;
    }

    .about_philosophy_area {
        padding: 50px;
    }

    .about_philosophy_area h3 br {
        display: none;
    }

    .quote-mark-left,
    .quote-mark-right {
        display: none;
    }

    .about_philosophy_area h3 {
        padding-top: 30px;
        margin-bottom: 0;
    }

    .philosophy-text p {
        margin-bottom: 20px;
    }

    .our_promise_subtitle::after {
        width: 80px;
    }

    .our_promise_title_area h2 br {
        display: none;
    }

    .our_promise_single_details_area .col-lg-3:first-child {
        padding-left: 15px;
    }

    .our_promise_single_details_area .col-lg-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .unique-content {
        width: 100%;
        padding: 0 30px;
    }

    .unique-content h3 br {
        display: none;
    }

    .unique-bg {
        position: relative;
        display: block;
        position: relative;
        width: 100%;
        height: 550px;
        overflow: hidden;
    }

    .unique_bg_image {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: translate(-50%, -50%);
    }

    .our_team_subtitle::after {
        width: 60px;
    }

    .unique_team_area {
        padding: 34px;
    }

    .process_title_header h2 br {
        display: none;
    }

    .single_timeline_area:before,
    .progress-line,
    .timeline:before {
        left: 10px;
    }

    .application-grid {
        padding-top: 0;
        padding-bottom: 0;
    }

    .unique_process_area h6 {
        text-align: left;
    }

    .application_title_area h2 br {
        display: none;
    }

    .unique_product_area {
        padding: 10px 10px 20px 10px;
    }

    .unique_process_area h2 {
        text-align: left;
    }

    .single_slab_filter_area select,
    .search_input_area input {
        font-size: 15px;
    }

    .timeline_content_area ul li {
        font-size: 15px;
        line-height: 140%;
        margin-bottom: 10px;
    }

    .timeline_content_area {
        padding: 0 20px 0 40px;
    }

    .timeline_content_area h3 {
        margin-top: 40px;
    }

    .timeline_right_side.timeline_image_area {
        padding-left: 40px;
        margin-top: 30px;
    }

    .timeline_left_side.timeline_image_area {
        padding-left: 40px;
        margin-top: 30px;
        padding-right: 0;
    }

    .mflex_flow {
        flex-flow: column-reverse;
    }

    .slab_filter_area .col-lg-20:first-child {
        padding-left: 15px;
    }

    .slab_filter_area .col-lg-20:last-child {
        padding-right: 15px;
    }

    .slab_filter_area .col-lg-20 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .filter_title_name h5 {
        padding: 15px;
    }

    .pmt-30 {
        margin-top: 15px;
    }

    .tpt-50 {
        padding-top: 50px;
    }

    .product_title_area h2 {
        text-align: center;
    }

    .solution_nav_link ul {
        padding: 20px 0;
    }

    .solution_nav_link ul li {
        padding: 0 6px;
        font-size: 15px;
    }

    .product_details_title_area {
        margin-top: 40px;
    }

    .application_subtitle h2 br {
        display: none;
    }

    .showroom_contact_email,
    .showroom_contact_mobile {
        display: block;
    }

    .thumbnail-row {
        position: relative;
        bottom: 0;
        right: 0;
        display: flex;
        gap: 8px;
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-top: 20px;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: thin;
    }

    .thumbnail-row::-webkit-scrollbar {
        height: 5px;
    }

    .thumbnail-row::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05);
        border-radius: 3px;
    }

    .thumbnail-row::-webkit-scrollbar-thumb {
        background: rgba(226, 48, 46, 0.5);
        border-radius: 3px;
    }

    .thumbnail-row::-webkit-scrollbar-thumb:hover {
        background: rgba(226, 48, 46, 0.7);
    }

    .thumbnail-row img {
        width: 60px;
        height: 60px;
        min-width: 60px;
    }
























    .envelope {
        width: 100%;
        max-width: 400px;
        /* Scale down from 600px */
        height: 200px;
        /* Scale down from 300px */
    }

    .envelope:before,
    .envelope:after {
        border-bottom-width: 200px;
        /* Match new height */
    }

    .envelope:before {
        border-left-width: 400px;
        /* Match new width */
    }

    .envelope:after {
        border-right-width: 400px;
        /* Match new width */
    }

    .back {
        border-top-width: 120px;
        /* Scaled down */
        border-left-width: 200px;
        /* Half of width */
        border-right-width: 200px;
        /* Half of width */
    }

    .letter {
        width: 90%;
        height: 150px;
        padding: 10px;
    }

    .envelope.open .letter {
        top: -300px;
        /* Adjust pop-up height */
        height: 500px;
    }

    .pt-30 {
        padding-top: 0;
        /* Reduce spacing on mobile */
    }

    .main-slider img {
        border-radius: 0;
    }
}

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

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

    .envelope_form_wrap {
        width: 280px;
    }

    .mpb-20 {
        padding-bottom: 20px;
    }

    #contactForm input[type="password"],
    #contactForm input[type="email"],
    #contactForm input[type="text"],
    #contactForm input[type="file"],
    #contactForm textarea,
    #contactForm .message-textarea {
        margin-bottom: 5px;
        font-size: 12px;
        padding-left: 12px;
        padding-top: 6px;
    }

    #contactForm input[type="text"]::placeholder,
    #contactForm input[type="email"]::placeholder,
    #contactForm textarea::placeholder,
    #contactForm label::placeholder {
        font-size: 12px;
    }

    .file-upload-label {
        font-size: 12px;
    }

    .sticker {
        font-size: 8px;
        width: 42px;
        height: 42px;
    }

    h5 {
        font-size: 20px;
    }

    .env_form_wrap {
        padding: 1rem;
    }

    .env_form_wrap {
        height: 140%;
    }


    .envelope {
        max-width: 300px;
        height: 150px;
    }

    .envelope:before,
    .envelope:after {
        border-bottom-width: 150px;
    }

    .envelope:before {
        border-left-width: 300px;
    }

    .envelope:after {
        border-right-width: 300px;
    }

    .back {
        border-top-width: 90px;
        border-left-width: 150px;
        border-right-width: 150px;
    }

    .letter {
        width: 92%;
        height: 120px;
    }

    .envelope.open .letter {
        top: -400px;
        height: 540px;
        /* Ensure it fits on screen */
    }

    .mail_envelop_form_image_area {
        margin-top: 100px;
    }

    .btn-envelop-send {
        margin-top: 8px;
    }

    input[type="password"],
    input[type="email"],
    input[type="text"],
    input[type="file"],
    textarea,
    .message-textarea {
        margin-bottom: 8px;
    }

    .message-textarea {
        margin-top: 0px;
    }

    .name-input,
    .email-input,
    .image-input {
        margin: 0px auto;
    }
}







/* ========================================
   RESPONSIVE STYLES blogs
   ======================================== */

@media (max-width: 1199px) {
    .blog-card-content {
        padding: 24px;
    }

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

    .blog-detail-header-content h1 {
        font-size: 48px;
    }
}

@media (max-width: 991px) {
    .blog-card-image {
        height: 240px;
    }

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

    .blog-detail-header {
        height: 60vh;
        min-height: 400px;
    }

    .blog-detail-header-content h1 {
        font-size: 40px;
    }

    .blog-content-wrapper {
        padding: 40px 30px;
    }

    .blog-content-wrapper h3 {
        font-size: 28px;
    }

    .blog-content-wrapper p,
    .blog-content-wrapper li {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .blog-card {
        margin-bottom: 30px;
    }

    .blog-card-image {
        height: 220px;
    }

    .blog-card-content {
        padding: 20px;
    }

    .blog-title {
        font-size: 19px;
        margin-bottom: 12px;
    }

    .blog-excerpt {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .blog-meta {
        gap: 15px;
    }

    .blog-meta span {
        font-size: 13px;
    }

    .blog-detail-header {
        height: 50vh;
        min-height: 350px;
    }

    .blog-detail-header-content h1 {
        font-size: 32px;
    }

    .blog-detail-meta {
        gap: 20px;
        font-size: 14px;
    }

    .blog-content-wrapper {
        padding: 30px 20px;
    }

    .blog-content-wrapper h3 {
        font-size: 24px;
        margin-top: 30px;
    }

    .blog-content-wrapper p,
    .blog-content-wrapper li {
        font-size: 16px;
    }

    .blog-share-section {
        margin-top: 40px;
        padding-top: 30px;
    }

    .share-btn {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .blog-card-image {
        height: 200px;
    }

    .blog-detail-header-content h1 {
        font-size: 28px;
    }

    .blog-detail-breadcrumb a {
        font-size: 14px;
        padding: 6px 12px;
    }
}

/* =========================================
   MOBILE (max-width: 767px)
========================================= */
@media (max-width: 767px) {


    .unique-bg-filter {
        position: relative;
        min-height: 100%;
    }

    /* Background image dim */
    .unique_bg_image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(0.6);
    }

    /* Center content perfectly */
    .unique-content-filter {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 16px;
        display: flex;
        justify-content: center;
    }

    /* Filter box */
    .material-type-filter-container {
        width: 100%;
        max-width: 320px;
        background: rgba(140, 140, 135, 0.95);
        border-radius: 14px;
        padding: 22px 18px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    }

    .material-type-filter-title h2 {
        font-size: 16px;
        letter-spacing: 1px;
        text-align: center;
        color: #fff;
        margin-bottom: 10px;
    }

    .material-type-line {}

    /* Stack options */
    .material-type-options {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    /* Pill style */
    .material-type-label {
        flex-direction: row;
        align-items: center;
        gap: 14px;
        background: rgba(255, 255, 255, 0.35);
        border-radius: 40px;
        padding: 10px 16px;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .material-type-radio img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: #fff;
        padding: 3px;
    }

    .material-type-text {
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }

    /* Active state */
    .material-type-option input:checked+.material-type-label {
        background: #e6e6e6;
        border-color: #fff;
    }

    .mail_envelop_header_area {
        width: 100%;
    }

    .mail_envelop_header_area h2 {
        font-size: 24px;
    }


    .mail_envelop_header_area h6 {
        font-size: 10px;
    }

    .mail_envelop_header_area {
        top: 60px;
    }
}

/* =========================================
   SMALL MOBILE (max-width: 480px)
========================================= */
@media (max-width: 480px) {
    .material-type-filter-title h2 {
        font-size: 24px;
    }

    .material-type-filter-title {
        padding-top: 0;
    }

    .material-type-text {
        font-size: 14px;
    }

    .material-type-filter-container {
        padding: 20px 15px;
    }

    .showroom_filter_area .search-wrapper {
        display: block;
    }

    .btnSearch {
        width: 100%;
        margin-top: 10px;
        padding: 12px 0;
        font-size: 18px;
    }

    .search_current_location {
        margin-top: 40px;
    }

    .showroom_details_area {
        padding: 15px;
    }

    .sustainable_btn span {
        font-size: 15px;
    }

    .showroom_map_button span {
        font-size: 15px;
    }

    .sustainable_btn {
        margin-bottom: 0;
    }

    .showroom_address_area {
        padding-top: 0;
    }


}