@media  screen and (max-width: 1024px){ 
    .no-mob {
        display: none;
    }

    /* Login */
    .login-doctor {
        min-height: 800px;
    }

    .login-doctor > img {
        width: 40%;
    }

    .ld-cont {
        width: 100%;
        height: 100%;
    }

    .ld-inputs {
        width: 100%;
        height: 100%;
    }

    .ld-inputs > h1 {
        font-size: clamp(15px, 7.72vw, 100px);
        width: 100%;
    }

    .ld-inputs > h2 {
        font-size: clamp(10px, 2.5vw, 60px);
        width: 100%;
        margin: 1% 0 4% 0;
    }

    .log-in-google > p {
        font-size: clamp(7px, 2.5vw, 30px);
    }

    .line-container {
        font-size: clamp(7px, 2.5vw, 30px);
    }

    .ld-input1 h3, .ld-input2 h3 {
        font-size: clamp(12px, 4.19vw, 25px);
        margin-bottom: 12px;
    }

    .ld-input1 > div, .ld-input2 > div {
        height: 90px;
    }

    .ld-input1 > div > input, .ld-input2 > div > input {
        font-size: clamp(10px, 3.256vw, 22px);
    }

    .ld-input1 > div > img {
        width: 6%;
        height: auto;
    }

    .ld-input2 > div > .img2 {
        width: 6%;
        height: auto;
    }

    .ld-input2 > div > .img1 {
        width: 6%;
        height: auto;
    }

    .ld-remember > input {
        width: 1rem;
        height: 1rem;
        border-radius: 15px;
    }

    .ld-remember > p {
        font-size: clamp(10px, 3.256vw, 22px);
        margin-left: 5%;
    }

    .ld-inputs-container {
        width: 80%;
        gap: 25px;
    }

    .ld-inputs-container > button {
        height: 80px;
        font-size: clamp(12px, 3.72vw, 22px);
    }

    .ld-inputs-container > a {
        font-size: clamp(12px, 3.19vw, 23px);
    }

    .ld-inputs-container > .dont-have-an-accout {
        width: 100%;
    }

    .ld-inputs-container > .dont-have-an-accout > span {
        font-size: clamp(12px, 3.19vw, 20px);
    }

    .ld-inputs-container > .dont-have-an-accout > a {
        font-size: clamp(12px, 3.19vw, 20px);
    }
    /* Login End*/
}

@media  screen and (max-width: 768px){
    .ld-input1 > div, .ld-input2 > div {
        height: 70px;
    }

    .ld-inputs-container {
        gap: 2vh;
    }

    .ld-inputs-container > button {
        height: 55px;
    }
}

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

    .login-doctor > img {
        width: 40%;
    }

    .ld-input1 > div, .ld-input2 > div {
        height: 50px;
    }

    .ld-inputs-container > button {
        height: 40px;
    }
}