@media (min-width: 992px) {
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
    }

    .navbar-nav .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
    }

    .navbar-nav .dropdown .dropdown-toggle:focus {
        box-shadow: none;
    }

}

@media (max-width: 1281px) {
    .laundry_form {
        transform: translate(-20%, -50%);
    }
}

@media (max-width: 1201px) {
    .laundry_form {
        transform: translate(-7%, -50%);
    }
}

@media (max-width: 991.98px) {
    .headbtndesk {
        display: none;
    }

    .headbtnmob {
        display: block;
        margin-top: 20px;
    }

    .title-36 {
        margin-bottom: 30px;
    }

    .ym-container {
        width: calc(100% - 120px);
    }

    .navbar-nav .dropdown .dropdown-menu {
        box-shadow: none;
        border: none;
        background-color: transparent;
        padding-left: 1rem;
    }

    .navbar .container-fluid {
        gap: 14px;
        margin-inline: 12px;
    }

    .navbar-collapse {
        padding: 20px;
        border-radius: 24px;
        border: 1px solid #DEE8F0;
    }

    .footer_wrapper {
        display: flex;
        justify-content: space-between;
        gap: 30px;
    }

    .footer_right {
        gap: 0;
    }

    .cpy {
        margin-top: 50px;
    }

    /* laundry service */
    .laundry_form {
        position: static;
        transform: translate(0%, 0%);
        max-width: 100%;
        margin-top: 38px;
        box-shadow: none;
        border: none;
        padding: 0;
    }

    .laundry_form .title-36 {
        margin-bottom: 25px;
    }

    .laundry_form .form-group {
        margin-bottom: 14px;
    }

    .step {
        margin-left: 0;
        margin-right: auto;
    }

    .work_step_head {
        margin-bottom: 0;
        position: static;
    }

    .step_info {
        padding: 16px;
    }

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

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

    .steps_wrapper {
        margin: 0 auto;
    }

    .worksection {
        padding-bottom: 32vh;
    }

    /* laundry service */
    /* fold club */
    .club_hero {
        padding: 45% 0 100px;
        margin-top: -41%;
    }

    .club_left,
    .bubble_content {
        max-width: 100%;
    }

    .club_btn {
        margin-top: 20px;
    }

    .pricing-slider,
    .club_wrapper,
    .day_wrapper {
        flex-direction: column;
    }

    .day_left {
        width: fit-content;
    }

    .day_left img {
        display: block;
        margin-left: auto;
    }

    .day_left>div {
        position: static;
    }

    /* fold club */
    /* modal css */
    .laundry_body,
    .modal-dialog,
    .modal-content {
        max-width: 100%;
        height: 642px;
    }

    .laundry_wrapper>div {
        padding: 16px;
    }

    /* Keep two-column (full view) like Figma until 769px; single-column stack below */
    .step_counter {
        font-size: 10px;
        line-height: 10px;
        margin-bottom: 0;
    }

    .modal_title {
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 5px;
    }

    .modal_form_group label {
        font-size: 10px;
        line-height: 14px;
    }

    .modal_form_group input {
        font-size: 10px;
        line-height: 14px;
        padding: 9px 8px;
    }

    .modal_btn {
        padding: 12px 0;
        font-size: 14px;
        line-height: 14px;
    }

    .preference-card-header {
        padding: 12px 14px;
    }
    .preference-card-title {
        font-size: 14px;
    }
    .preference-chip {
        padding: 6px 12px;
        font-size: 13px;
    }
    .preference-chips {
        gap: 6px;
    }

    .already_account {
        font-size: 14px;
        line-height: 14px;
    }

    /* modal css */
}

@media (max-width: 769px) {
    /* Modal: stack illustration above form for full-view match on small screens */
    .laundry_wrapper {
        grid-template-columns: 1fr;
    }
    .laundry_left {
        order: 2;
    }
    .laundry_right {
        order: 1;
    }

    .mob_sub {
        display: block;
    }

    .laundry_form .subtitle {
        display: none;
    }

    .navbar .container-fluid {
        margin-inline: 0px;
    }

    .ym-container {
        width: calc(100% - 48px);
    }

    .mt-125 {
        margin-top: 70px;
    }

    .hero-title {
        width: 100%;
    }

    .title-36 {
        font-size: 32px;
    }

    .hero-title {
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -0.72px;
    }

    .logo_wrapper::before,
    .logo_wrapper::after {
        display: none;
    }

    .hero-wrapper,
    .cta_wrapper {
        flex-direction: column;
        gap: 40px
    }

    .logo_wrapper {
        flex-wrap: wrap;
        gap: 35px;
        justify-content: center;
    }

    .logo_wrapper> :nth-child(6) {
        width: 121px;
        object-fit: contain;
    }

    .work_wrapper_desk {
        display: none;
    }

    .work_wrapper_mob {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .workbox img {
        margin-top: 50px;
    }

    .contact {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .faq-wrapper {
        width: 100%;
    }

    .worksection {
        padding-bottom: 38vh;
    }

    .club_hero {
        padding: 57% 0 100px;
        margin-top: -52%;
    }
}

@media (max-width: 577px) {
    .home_contact_box_head h3 {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -0.36px;
    }

    .headbtnmob .primary-btn {
        margin-top: 20px;
    }

    .primary-btn,
    .back-btn {
        width: 100%;
        text-align: center;
    }

    .cta_right,
    .footer_wrapper,
    .cpy {
        flex-direction: column;
        width: 100%;
    }

    .cta_left span {
        display: inline-block;
    }

    .cta_wrapper {
        padding: 0;
    }

    .cta_right a {
        margin: 0;
    }

    .footer_right {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .ft_p br {
        display: none;
    }

    .cpy {
        justify-content: flex-start;
        gap: 16px;
    }

    .cpy img {
        width: 95px;
        height: 15px;
    }

    .worksection {
        padding-bottom: 32vh;
    }

    .club_hero {
        padding: 80% 0 60px;
        margin-top: -74%;
    }

    .club_title,
    .gradient-text {
        font-size: 36px;
    }

    .club_left .club_btn,
    .fixed_day h6 {
        display: none;
    }

    .club_right .club_btn {
        display: inline-block;
    }

    .marquee_box {
        margin-inline: 40px;
    }

    .title-36 {
        font-size: 28px;
        line-height: 38px;
    }
    .laundry_form .title-36{font-size: 32px;}
    .laundry_form .title-36{font-size: 32px;}

    .fixed_day {
        padding: 14px 12px;
        gap: 18px;
        font-size: 12px;
    }

    .fixed_day img {
        height: 90px;
        width: 90px;
    }

    .fixed_day_h4 {
        font-size: 14px;
    }

    .extra_day {
        font-size: 14px;
        line-height: 24px;
    }
    

    .bubble_content {
        padding-inline: 50px;
    }
    .bubble_content .title-36{
        font-size: 24px;
        line-height: 31px;
        letter-spacing: -0.48px;
    }
    .membership .title-36{
        letter-spacing: -0.56px;
    }

    .price-box {
        width: 327px;
    }

    .price-box:nth-child(1) {
        order: 2;
    }

    .price-box:nth-child(2) {
        order: 1;
    }

    .price-box:nth-child(3) {
        order: 3;
    }

    .price-span {
        margin-top: 0;
    }

    .price-box>div {
        padding: 24px;
    }
}

@media (max-width: 376px) {
    .worksection {
        padding-bottom: 30vh;
    }

    .club_hero {
        padding: 130% 0 60px;
        margin-top: -125%;
    }
}