/* responsive ******************************************************************************/

/* responsive ******************************************************************************/
@media (max-width: 432px) {}

/* responsive ******************************************************************************/
@media (max-width: 414px) {

    h3 {
        font-size: 20px;
    }

    .main {

        padding: 50px 24px;
    }
}


/* responsive ******************************************************************************/
@media (max-width: 375px) {
    h3 {
        font-size: 18px;
    }

    .logo-box {
        max-width: 45%;
    }

    .main {
        height: 100svh;
        padding: 50px 20px;
    }

    .boxes .box {
        font-size: 20px;

    }

    input.cmn-input {
        font-size: 15px;
    }

}

@media screen and (max-width: 375px) and (max-height:667px) {}


/* responsive ******************************************************************************/
@media (max-width: 360px) {}

/* responsive ******************************************************************************/
@media (max-width: 320px) {}