@media only screen and (max-width: 768px) {
    .deskOnly{
        display: none;
    }
    .mblOnly{
        display: block;
    }
    .testimonial_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .burger {
        display: flex;
    }

    .nav-links,
    .call-to-action {
        position: absolute;
        top: 5.5rem;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        background: #fff;
        padding: 1rem 0;
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s ease;
    }

    .navbar ul {
        display: flex;
        flex-direction: column;
    }

    .nav-active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }
    
    .vision-mission-content{
        display: flex;
        flex-direction: column;
    }
    
     .core_value_item {
        flex: 1 1 calc(50% - 1rem);
    }
    
    .team .team_members{
        flex-direction: column;
    }
    
    .laser_treatment .col-lg-5, .anti_aging_solutions .col-lg-5, .acne_skin_care .col-lg-5, .hair_care_solutions .col-lg-5{
        width: unset;
    }
    .signature_treatments_list > div {
        flex: 1 1 calc(50% - 2rem);
    }
    .schedule{
        flex-direction: column;
    }
    .home-banner-content h1{
        font-size: 2.5rem;
    }
    .map{
        width: 400px;
        height: auto;
    }
    .footer_section h6{
        margin-top: 1rem;
    }
    .contact-icons{
        flex-direction: column;
        gap: 1rem !important;
    }
    .book-appointment-content h4{
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .committed-section-right-img{
        display: none;
    }
}

@media (max-width: 480px) {
    .core_value_item, .treatment_item {
        flex: 1 1 100%;
    }
    .signature_treatments_list > div {
        flex: 1 1 100%;
    }
}