@media only screen and (min-width: 750px) {

    #_right_wrapper_reg_mobile { display: none;}
    div#_left_wrapper_reg {
        width: 50% !important;
        float: left;
        margin-bottom: 10%;
        min-height: 400px;
    }
    .login-form label {
	    color: #777;
	    display: block;
	    font-size: 13px;
	    font-weight: normal;
	    margin: 15px 0 0;
	}
    .login-form label input {
        width: 100%!important;
	background: #fff url("https://www.proprofs.com/knowledgebase/img/layout/field_bg.gif") repeat-x scroll 0 0;
	border-radius: 0;
	font-size: 25px;
	font-weight: normal;
	height: auto;
    }
    .error_span {
        color: #f00;
        float: left;
        margin-bottom: 5px;
        margin-left: 0;
        width: 100%;
    }
    .tiptext {
        color: #555;
        font-size: 10px;
        font-weight: bold;
        margin-left: 0;
    }
    .tiptext.tt1 {
        float: left;
        margin-left: 0;
        text-align: right;
        width: 100%;
    }
    .tiptext.tt2 {
        float: left;
        font-size: 12px;
        margin-top: 10px;
        width: 100%;
    }
    .tiptext.tt3 {
        float: left;
        font-size: 13px;
        margin-top: 5px;
        width: 100%;
    }
    .login-form a {
        float: right;
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        text-align: right;
        width: auto;
    }
    .btn-big.primary,
    .btn-small.primary {
        background-color: #3c8ac9;
        background-image: -moz-linear-gradient(center top, #3c8ac9, #4787ed);
        border: 1px solid #3079ed;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
        color: #fff!important;
        font-size: 15px;
        padding: 2px 24px;
    }
    _right_wrapper_reg,
    ._left_wrapper_login {
        padding: 0;
        width: 400 px;
    }
    #_right_wrapper_reg,
    ._left_wrapper_login {
        padding: 0;
        margin-top: 0px;
    }
    #border-middle-login {
        height: 300px;
        margin-top: 15px;
        float: left;
        width: 60px;
        text-align: center;
        background: url(/https/www.proprofsproject.com/api/signup/images/SignIn_OR_new.png) center no-repeat;
    }
    .FB_img,
    .Google_img,
    .TW_img {
        height: 33px;
        width: 90px;
        margin-right: 12px;
    }
    #_inner_left_top h1 {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .02em;
        color: #444;
    }
    #_right_wrapper_reg {
        width: 43%;
        float: right;
    }
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
	#_left_wrapper_reg {
	    padding: 10px 0 15px!important;
	}

	.login-form label {
	    color: #777;
	    display: block;
	    font-size: 13px;
	    font-weight: normal;
	    margin: 15px 0 0;
	}

	.login-form label input {
	    background: #fff url("https://www.proprofs.com/knowledgebase/img/layout/field_bg.gif") repeat-x scroll 0 0;
	    border: 1px solid #ccc;
	    font-size: 20px;
	    font-weight: normal;
	    height: auto;
	    margin: 5px 5px 5px 0;
	    padding: 5px 6px;
	    width: 100%;
	    display : block;
	}

	.error_span {
	    color: #f00;
	    float: left;
	    margin-bottom: 5px;
	    margin-left: 0;
	    width: 100%;
	}

	.tiptext {
	    color: #555;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 0;
	}

	.tiptext.tt1 {
	    float: left;
	    margin-left: 0;
	    text-align: right;
	    width: 100%;
	}

	.tiptext.tt2 {
	    float: left;
	    font-size: 12px;
	    margin-top: 10px;
	    width: 100%;
	}

	.tiptext.tt3 {
	    float: left;
	    font-size: 13px;
	    margin-top: 5px;
	    width: 100%;
	}

	.login-form a {
	    float: right;
	    font-size: 12px;
	    font-weight: normal;
	    margin: 0;
	    text-align: right;
	    width: auto;
	}

	.btn-big.primary,
	.btn-small.primary {
	    background-color: #3c8ac9;
	    background-image: -moz-linear-gradient(center top, #3c8ac9, #4787ed);
	    border: 1px solid #3079ed;
	    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
	    color: #fff!important;
	    font-size: 15px;
	    padding: 2px 24px;
	}

	_right_wrapper_reg,
	._left_wrapper_login {
	    padding: 0;
	    width: 400 px;
	}

	#_right_wrapper_reg,
	._left_wrapper_login {
	    padding: 0;
	    margin-top: 0px;
	}

	#border-middle-login {
		display: none;
	    height: 300px;
	    margin-top: 15px;
	    float: left;
	    width: 60px;
	    text-align: center;
	    background: url(/https/www.proprofsproject.com/api/signup/images/SignIn_OR_new.png) center no-repeat;
	}

	.FB_img,
	.Google_img,
	.TW_img {
	    height: 33px;
	    width: 90px;
	    margin-right: 12px;
	}

	#_inner_left_top h1 {
	    font-size: 16px;
	    font-weight: 700;
	    letter-spacing: .02em;
	    color: #444;
	}

	#_right_wrapper_reg {
		display: none;
	    width: 43%;
	    float: right;
	}