@media (width <= 1280px) {
    .search-input {
        width: 60%;
    }
}

@media (width <= 1097px) {
    .patient-form-reg,
    .patient-form-date-reg {
    width: 45%;
    }

}

@media (width <= 990px) {
    .landing-page {
        height: 100vh;
        flex-direction: column;
    }

    .landing-page-title {
        width: 300px;
        top: 30%;
    }

    .landing-page-link {
        width: 60%;
        font-size: .8rem;
        margin-left: 10%;
    }

    .landing-page-img {
        width: 350px;
    }

    .landing-page-bg {
        height: 100%;
    }

    .other-description-label {
        top: 12px;
    }
}

@media (width <= 824px) {
    .top-menu {
        display: none;
    }

    .menu-icon,
    .icons-menu-icon {
        display: flex;
    }

    .icons {
        display: none;
    }

    .landing-page {
        height: 100vh;
        flex-direction: column;
        margin-top: 0;
    }

    .landing-page-title {
        width: 400px;
        top: 30%;
        right: 5%;
    }

    .landing-page-link {
        width: 50%;
        font-size: .8rem;
        margin-left: 10%;
    }

    .landing-page-img {
        width: 350px;
        left: 2%;
    }
    
    .forms-header {
        margin-top: 0;
    }

    .hidden {
        height: 70px;
    }

    .checkbox-label {
        font-size: .7rem;
    }

    .selection {
        width: 60%;
        margin: 1% auto;
    }

    .birthday-selection {
        width: 100%;
    }

    .select-menu {
        width: 100%;
    }
}

@media (width <= 730px) {
    .landing-page-img {
        width: 300px;
        left: 2%;
    }
}

@media (width <= 664px) {
    .landing-page {
        height: 100vh;
        flex-direction: column;
        margin-top: 0;
    }

    .landing-page-title {
        width: 300px;
        top: 50%;
        right: 3%;
    }

    .landing-page-link {
        width: 60%;
        font-size: .8rem;
        margin-left: 10%;
    }

    .landing-page-img {
        width: 300px;
        left: 0;
    }


    .patient-complaint-option,
    .social-history-option,
    .psychological-history-option {
        width: 48%;
    }
}

@media (width <= 570px) {
    .landing-page {
        height: 150vh;
        flex-direction: column;
        margin-top: 0;
    }

    .landing-page-title {
        width: 390px;
        top: 10%;
        right: 0;
        left: 0;
        margin: auto;
        text-align: justify;
    }

    .landing-page-link {
        width: 50%;
        font-size: .8rem;
        margin-left: 0;
    }

    .landing-page-img {
        width: 350px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .landing-page-bg {
        width: initial;
        height: inherit;
    }
}

@media (width <= 480px) {
    .patient-form-reg,
    .patient-form-date-reg {
    width: 85%;
    }

    .w-s-95-0-0 {
        width: 95% !important;
    }

    .hidden {
        height: 65px;
    }

    .selection {
        width: 65%;
        margin: 3% auto;
    }

    .other-description-label {
        top: 10px;
    }

    .other-description-input:focus + .other-description-label,
    .other-description-input:not(:placeholder-shown) + .other-description-label {
        top: -15px !important;
    }
}