@media (min-width: 1024px) 
{

/*LOGIN CONFIGURATION PAGE*/
.form-login {
	max-width: 330px;
	margin: 100px auto 0;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.form-login h2.form-login-heading {
	margin: 0;
	padding: 25px 20px;
	text-align: center;
	background:#2290c9;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
}
.login-wrap {
	padding: 20px;
}
.login-wrap .registration {
	text-align: center;
}
.login-social-link {
	display: block;
	margin-top: 20px;
	margin-bottom: 15px;
}

label {
	font-weight: 400;
}

.btn-theme {
  color: #fff;
  background-color: #2290c9;
  border-color: #48bcb4;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,

#myModal .modal-header {
	background:#2290c9;
}

#myModal .modal-title {
	color: white;
}

}

@media (max-width: 720px) 
{
    
    /*LOGIN CONFIGURATION PAGE*/
    .form-login {
	    max-width: 280px;
	    margin: 100px auto 0;
	    background: #fff;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
    }

    .form-login h2.form-login-heading {
	    margin: 0;
	    padding: 25px 20px;
	    text-align: center;
	    background:#2290c9;
	    border-radius: 5px 5px 0 0;
	    -webkit-border-radius: 5px 5px 0 0;
	    color: #fff;
	    font-size: 20px;
	    text-transform: uppercase;
	    font-weight: 200;
    }
    .login-wrap {
	    padding: 20px;
    }
    .login-wrap .registration {
	    text-align: center;
    }
    .login-social-link {
	    display: block;
	    margin-top: 20px;
	    margin-bottom: 15px;
    }

    label {
	    font-weight: 300;
    }

    .btn-theme {
      color: #fff;
      background-color: #2290c9;
      border-color: #48bcb4;
    }
    .btn-theme:hover,
    .btn-theme:focus,
    .btn-theme:active,
    .btn-theme.active,

    #myModal .modal-header {
	    background:#2290c9;
    }

    #myModal .modal-title {
	    color: white;
    }

}