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

    /******************************** LOGIN *************************************/

    .login {
        width: 100%;
        height: auto;
        padding: 10px;
        margin: 0px !important;
    }

    .login .form-box {
        width: 90% !important;
        padding: 20px !important;
        margin: 50px 20px !important;
    }

    .login p{
        font-size: 18px;
        margin-top: 10px;
    }

    .captcha-text p{
        padding: 5px 5px;
        color: black;
        opacity: 0.5;
        border-radius: 5px;
    }

    /******************************** POP UP *************************************/

    .modal .pop-up {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    .modal .pop-up-content {
        padding: 10px;
    }

    .modal h2 {
        font-size: 28px;
        padding: 8px 0;
    }

    .modal .otp-box input{
        width: 10%;
        background: transparent;
        border: 2px solid rgba(255, 255, 255, .5);
        height: 30px;
        margin: 5px;
    }

    /**************************** NEW USER REGISTRATION *****************************/

    .part-head {
        padding: 10px;
        margin-left: -27px;
        margin-right: -27px;
        margin-top: 20px !important;
    }

    .phn-div {
        width: 100%;
        display: inline;
    }

    .register .btn {
        width: 30% !important;
    }


}