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

    /* Register */
    .register {
        min-height: 800px;
    }

    .register > img {
        width: 40%;
    }

    .re-img-cont {
        display: none;
    }

    .re-content {
        width: 100%;
    }

    .re-content > h1 {
        font-size: clamp(12px, 3.72vw, 25px);
    }

    .re-content > h2 {
        font-size: clamp(40px, 11.63vw, 130px);
    }

    .re-inputs > h3 {
        font-size: clamp(12px, 4.19vw, 25px);
        margin-bottom: 12px;
    }

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

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

    .re-inputs > div {
        height: auto;
    }

    .re-inputs > div > input {
        height: 80px;
    }

    .re-inputs > div > .img1, 
    .re-inputs > div > .img2, 
    .re-inputs > div > .img3,
    .re-inputs > div > .img4
    {
        width: 6%;
        height: auto;
    }

    .re-input-container {
        width: 80%;
    }

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

    .have-an-accout > p {
        font-size: clamp(12px, 3.19vw, 20px);
    }

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

@media  screen and (max-width: 768px){ 
    .re-inputs > div > input {
        height: 55px !important;
    }

    .re-input-container > button {
        height: 55px;
    }
}

@media  screen and (max-width: 480px){ 
    /* Register */
    .register > img {
        width: 40%;
    }

    .re-content > h1, .re-content > h2 {
        width: 80%;
    }

    .re-input-container {
        gap: 2vh;
    }

    .re-inputs > div > input {
        height: 45px !important;
    }

    .re-input-container > button {
        height: 40px;
    }
    /* Register End */
}