/* 1165PX */

@media only screen and (max-width: 1165px) {
    .care-grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 3rem;
    }

    .care-grid > div:nth-child(2) {
        border-bottom: 2px solid var(--color-pink);
        border-right: 0px solid var(--color-pink);
    }

    .care-grid > div:nth-child(3) {
        border-bottom: 2px solid var(--color-pink);
        border-right: 2px solid var(--color-pink);
    }

    .care-grid > div:nth-child(4) {
        border-bottom: 2px solid var(--color-pink);
        border-right: 0px solid var(--color-pink);
    }

    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-image-container {
        height: 30vh;
    }
}

/* 992PX */
@media only screen and (max-width: 992px) {
    .login-page-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .desktop-view {
        display: none;
    }
    .mobile-view {
        display: block !important;
    }

    .my-container {
        padding: 0rem 2rem;
    }

    .xs-bottom-space {
        margin-bottom: 2rem;
    }

    .section {
        padding: 4.5rem 0rem;
    }

    .logo {
        width: 35%;
    }
}

/* 768PX */
@media only screen and (max-width: 768px) {
}

/* 729PX */
@media only screen and (max-width: 729px) {
    .contact-col {
        padding: 5rem 0rem;
    }

    .image-viewer {
        padding: 2rem;
    }

    .gallery-section {
        padding-top: 2rem;
    }

    .services-col {
        padding: 2rem 0rem;
    }

    .hero {
        grid-template-columns: repeat(1, 1fr);
    }

    .hero .second-service-col-1 {
        order: 2; /* Move the first column to the second position */
    }

    .hero .second-service-col-2 {
        order: 1; /* Move the first column to the second position */
    }

    .hero-col {
        height: 50vh;
    }

    .hero-text-container h1 {
        font-size: 2.5rem;
    }

    .salon-care {
        margin-top: -50%;
    }

    .salon-care-main {
        padding: 3rem 0rem;
    }

    .care {
        padding: 1rem;
    }

    .care-inner span {
        font-size: 3rem;
    }

    .committed-img {
        margin-top: 4rem;
    }

    .input-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .news-letter-section {
        margin-top: 4.5rem;
    }

    .footer-section {
        padding: 4.5rem 0rem 0.5rem 0rem;
    }
}

/* 576PX */
@media only screen and (max-width: 576px) {
    .gallery-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}