/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */
    .lg-info-panel { 
        width: 42% !important;
        height: 100% !important;
        position: inherit !important;
    }
     
    .new-login-register .lg-info-panel .lg-content {
        padding-top: 15%;
        padding-left: 25%;
    }

    .new-login-register .new-login-box {
        margin-left: 46%;
        margin-top: 20%;
    }

  

}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    
    .lg-info-panel {
        width: 100% !important;
        position: relative !important;
        height: fit-content !important;
    }

        .lg-info-panel .inner-panel {
            position: inherit !important;
        }

    .new-login-register .lg-info-panel .lg-content {
        margin-top: 25% !important;
    }

    .new-login-register .new-login-box {
        margin: 0 auto !important;
        width: 98% !important;
    }

    input.btn {
        float: inherit !important;
        background-color: #0965ae;
        color: white;
        width: 100% !important;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    .lg-info-panel {
        width: 100% !important;
        position: relative !important;
        height: fit-content !important;
    }

        .lg-info-panel .inner-panel {
            position: inherit !important;
        }

    .new-login-register .lg-info-panel .lg-content {
        margin-top: 25% !important;
    }

    .new-login-register .new-login-box {
        margin: 0 auto !important;
        width: 98% !important;
    }

    input.btn {
       float:inherit !important;
        background-color: #0965ae;
        color: white;
        width: 100% !important;
    }
}

@media (min-width: 200px) and (max-width: 320px) {

    .lg-info-panel {
        width: 100% !important;
        position: relative !important;
        height: fit-content !important;
    }

        .lg-info-panel .inner-panel {
            position: inherit !important;
        }

    .new-login-register .lg-info-panel .lg-content {
        margin-top: 25% !important;
    }

    .new-login-register .new-login-box {
        margin: 0 auto !important;
        width: 98% !important;
    }

    input.btn {
        float: inherit !important;
        background-color: #0965ae;
        color: white;
        width: 100% !important;
    }
}