/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px) {}


@media (min-width: 1200px) {
    
}

@media (min-width: 1500px) and (max-width: 1599px) {
   
}
@media (min-width: 1400px) and (max-width: 1499px) {
   
}


@media (min-width: 1300px) and (max-width: 1399px) {

}

@media (min-width: 1200px) and (max-width: 1299px) {

}


@media (min-width: 992px) and (max-width: 1199px) {
    
}


@media (min-width: 768px) and (max-width: 991px) {

}


@media (max-width: 767px) {
  
    .login-bx .form-group {
        margin: 0 0 14px;
    }
    .forgot-link {
        margin-top: -4px;
    }

    .login-main .row {
        flex-direction: column-reverse;
    }
    .login-main {
        height: auto;
        display: block;
        padding: 30px 0;
    }
    .main-title {
        font-size: 20px;
        line-height: 27px;
    }

    .login-main .container {
        padding: 0 20px;
    }
    .section-title {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 12px;
    }

    .main-title span {
        font-size: 16px;
        line-height: 20.38px;
    }
    .login-bx .form-control {
        border-radius: 10px;
        font-size: 16px;
        line-height: 22.32px;
    }
    .btn {
        padding: 10px;
    }    
    .login-bx .btn {
        padding: 10px;
    }
    .login-bx p {
        font-size: 13px;
    }
    .login-bx {
        padding: 30px;
    }
    .login-bx .logo img {
        width: 125px;
    }
   
    .common-box {
        padding: 20px;
    }

    
}




/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/


@media (max-width: 576px) {
  
}


@media (max-width: 374px) {}


@media (min-width: 240px) and (max-width: 575px) {}

/*---------- Large Desktop , Large Screen End ----------*/