/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

    /*     login/ sign in page css start*/

    .signup {
        font-size: 15px;
    }

    .f_pass a {
        font-size: 15px;
    }

    .signup .change {
        padding-top: 0px;
        font-size: 12px;
    }

    .signup .change1 {
        font-size: 12px;
    }

    .f_pass1 {
        text-align: left !important;
    }

    .f_pass p {
        font-size: 12px;
    }

    .f_pass .social a i {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        color: white;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        margin-left: 10px;
    }

    .f_pass .social::before {
        right: 38px;
        top: 0px;
    }

    /*    login/ sign in page css end*/

    .head_img img {
        margin-left: 30px;
    }
    
    
    .andro i{
        margin-top: 20px !important;
        margin: 0 auto;
    }
    
    .andro a{
        text-align: center;
        margin-left: 0px;
    }

    .left_logo {
        padding-left: 15px;
        margin-top: 20px;
    }

   .center {
	padding-left: 45px; 
}

    .title_footer {
        padding-top: 50px;
    }



    .right {
        padding-bottom: 30px;
    }


    .left_logo img {
        padding-top: 10px;
        padding-bottom: 30px;
        padding-left: 25px;
    }


}

@media(width:992px) {


    .signup .change {
        padding-top: 0px;
        font-size: 12px;
    }

    .signup .change1 {
        font-size: 12px;
    }

    .f_pass1 {
        text-align: left !important;
    }

    .f_pass p {
        font-size: 12px;
    }


}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {


    /*   login/signup css start here*/


    .form_img {
        padding-bottom: 100px;
    }


    .head_img img {
        margin-left: 30px;
    }



    .left_logo {
        padding-left: 15px;
        margin-top: 20px;
    }

    .center {
        padding-left: 0px;
        text-align: center;
    }

    .title_footer {
        text-align: center;
        padding-top: 50px;
    }

    .right p {
        text-align: center;

    }

    .right {
        padding-bottom: 30px;
    }


    .left_logo img {
        padding-left: 200px;
        width: 68%;
    }

    .left_logo p {
        text-align: center;
    }

    .form_img img {
        width: 60%;
    }


}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    /*   login/signup css start here*/

    .form_img {
        padding-bottom: 100px;
    }

    .signup {
        font-size: 15px;

    }

    .f_pass a {
        font-size: 15px;
    }

    .f_pass1 {
        padding-top: 20px;
    }

    /*   login/signup css end here*/

    .head_img img {
        margin-left: 160px;
    }

    .andro i {
        margin: 0 auto;
    }

    .andro a {
        margin-left: 0px;
       text-align: center;
    }

    #top_part {
        padding-bottom: 30px;
    }

    .left_logo {
        padding-left: 15px;
        margin-top: 20px;
    }

    .center {
        padding-left: 0px;
        text-align: center;
    }

    .title_footer {
        text-align: center;
        padding-top: 50px;
    }

    .right p {
        text-align: center;

    }

    .right {
        padding-bottom: 30px;
    }


    .left_logo img {
        padding-left: 146px;
        width: 68%;
    }

    .left_logo p {
        text-align: center;
    }



}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


    /*     login/ sign in page css start*/
    #login_form {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .form_img {
        padding-bottom: 80px;
    }

    .signup {
        font-size: 15px;
        text-align: left !important;
    }

    .f_pass a {
        font-size: 15px;
    }

    .f_pass1 {
        padding-top: 20px;
    }


    /*     login/ sign in page css end*/


    .head_img  {
        text-align: center;
    }

    .andro i {
        margin-top: 15px;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        font-size: 28px;
    }

    .andro a {
        margin-left: 10px;
    }

    #top_part {
        padding-bottom: 30px;
    }

    .left_logo {
        text-align: center;
        padding-left: 15px;
        margin-top: 20px;
    }

    .center {
        padding-left: 0px;
        text-align: center;
    }

    .title_footer {
        text-align: center;
        padding-top: 50px;
    }

    .right p {
        text-align: center;

    }

    .right {
        padding-bottom: 30px;
    }


    .left_logo img {
/*
        padding-left: 146px;
        width: 68%;
*/
    }

    .left_logo p {
        text-align: center;
        font-size: 15px;
    }



}

@media(width:480px) {

/*
    .left_logo img {
        padding-left: 88px;
        width: 80%;
    }
*/


    .left_logo p {

        text-align: center;
    }

    .head_img img {
        margin-left: 125px;
    }

    .andro i {
        margin-left: 94px;
    }
}

@media(width:320px) {

    .left_logo img {
        padding-top: 40px;
        padding-bottom: 30px;
        padding-left: 30px;
        width: 80%;
    }


    .head_img img {
        margin-left: 40px;
    }

    .andro i {
        margin-top: 15px;
        margin-left: 50px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        font-size: 28px;
    }
}