/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 30px) {
/* Styles */
}

@media (max-width: 415px) {
	.heading-primary {
    font-size: 18px;
}
}


@media (max-width: 767px) and  (min-width: 320px) {
	.heading-primary {
    font-size: 20px;
}
.login-form {
    margin-top: 60px !important;
    width: 95%;
    margin: auto;
}
.form-group {
    margin-bottom: 2.5rem;
}
.form-input-label {
    top: 3px;
    }
.form-group:nth-child(2) {
	 margin-bottom: 1.8rem;
}
.info-login, .forgot {
	font-size: 14px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 767px) and (max-device-width : 1200px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
.login-box {
    width: 500px;
    margin: auto;
    padding: 1.5rem 2rem !important;
}
.logo-img {
	width: 24%;
}
.heading-primary {
    font-size: 18px;
    margin: 16px 0 45px 0 !important;
}
.login-form {
    margin-top: 0 !important;
    width: 85%;
}
.form-control {
    height: calc(2.3em + .75rem + 2px);
}
.form-input-label {
        top:2px;
    font-size: 14px;
}
.login .form-group {
    margin-bottom: 1.6rem;
}
.login .form-group:nth-child(2) {
    margin-bottom: 1rem;
}
.btn.login-btn {
    font-size: 18px;
    height: 40px;
}

.forgot {
    margin: 13px 0;
}
.info-login, .forgot{
        font-size: 13px;

}

}

@media only screen and (min-width : 992px) and (max-width : 1200px) {

.logo-img {
	width: 19%;
}

}
/* Desktops and laptops ----------- */

@media only screen  and (min-width : 1201px) {
.login-box {
    width: 380px;
    margin: auto;
    padding: 1.5rem 2rem !important;
}
.logo-img {
	width: 32%;
}
.heading-primary {
    font-size: 14px;
    margin: 12px 0 40px 0 !important;
}
.login-form {
    margin-top: 0 !important;
    width: 230px;
}
.form-control {
    height: calc(1.5em + .75rem + 2px);
}
.form-input-label {
    top: 5px;
    font-size: 11px;
}
.login .form-group {
    margin-bottom: 1.6rem;
}
.login .form-group:nth-child(2) {
    margin-bottom: 1rem;
}
.btn.login-btn {
    font-size: 14px;
    height: 38px;
}
.forgot {
    margin: 13px 0;
    font-size: 10px;
}
.info-login {
    margin-bottom: 0.2rem;
    font-size: 11px;
    font-weight: 500;
}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1524px) {
	.login-box {
    width: 450px;
}/*
.logo-img {
    width: 34%;
}*/
.heading-primary {
	font-size: 20px;
    margin: 20px 0 70px 0 !important;
}
.login-form {
   width: 275px;
}

.form-input-label {
    font-size: 14px;
    top:0;
}

.login .form-group {
    margin-bottom: 2rem;
}
.login .form-group:nth-child(2){
    margin-bottom: 0.99rem;
}
.form-control {
	border:1px solid #8f9193;
    height: calc(1.8em + .75rem + 2px);
}
.forgot, .info-login {
    font-size: 13px;
}
.btn.login-btn {
    font-size: 16px;
    height: 45px;
}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}