/* (1366x768) WXGA Display */
@media screen and (max-width: 768px) {

    .login-left-strip  {
        display: none;
    }

    img.flight-img  {
        display: none;
    }

    .lisy-unstyled li a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
    }

    .login-right-strip-2 {
        width: 100%;
        padding: 80px 15px 80px;
        overflow: inherit;
        height: 100%;
    }

    .profile-details {
        width: 100%;
        text-align: center;
        display: none;
    }

    .student-fees-details h2 span.pull-right {
        color: green;
        float: none;
    }

    ul.list-unstyled.students-profile-list.width li {
        width: 100%;
        display: inline-block;
    }

    .login-left-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-img.jpg) no-repeat left top;
        background-size: cover;
        position: relative;
    }

    .signup-right-strip {
        width: 100%;
        height: 100%;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        padding: 90px 30px 70px;
        overflow: auto;
    }

    .login-right-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 68px 25px;
        margin-top: 100px;
    }
    .login-strip {
        border-radius: 20px;
        background: #fff;
        padding: 25px;
        width: 100%;
        position: relative;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .btn-group-login a {
        background: #384ea5;
        padding: 10px 40px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }
    .btn-group-login  {
        z-index: 9;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
        font-size: 18px;
        font-weight: 600;
        color: #000;
        text-align: center;
        background: aliceblue;
        margin-bottom: 5px;
        border-radius: 25px;
    }
    .login-btn {
        padding: 10px 35px;
        border-top-right-radius: 25px !important;
        border-bottom-right-radius: 25px !important;
        background: #5190ca;
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        border-radius: 25px;
        width: 100%;
        margin-bottom: 5px;
    }

    .signup-btn {
        padding: 10px 35px;
        border-top-left-radius: 25px !important;
        background: #384ea5;
        border-bottom-left-radius: 25px !important;
        border: none;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        width: 100%;
        border-radius: 25px;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        margin-top: 20px;
    }

    .login-left-strip-2 {
        width: 100%;
        height: 100vh;
        background: url(../images/login-left-img.jpg) no-repeat left top;
        background-size: cover;
        position: relative;
    }

    .login-right-strip-2 {
        width: 100%;
        padding: 80px 15px 60px;
        overflow: inherit;
    }

    .dashboard-header {
        background: #fff;
        padding: 15px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: flex-end;
        z-index: 999;
    }

    .dashboard-logo  {
        width: 120px;
        display: block;
    }

    .dashboard-content {
        padding: 0px 15px 0px;
    }

    .form-strip h4 {
        padding: 15px 30px;
        font-size: 17px;
        top: -50px;
    }
    
    .login-footer-strip {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 25px;
        flex-flow: column;
    }
  
    .login-footer-strip button  {
        width: 100%;
        margin-bottom: 15px;
    }

    .status-h5 {
        margin-bottom: 25px;
        border: 1px solid #ccc;
        border-radius: 25px;
        display: inline-block;
        padding: 10px 25px;
        font-size: 16px;
        text-align: center;
    }

    label.pb-0.mr-20 {
        display: block;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .login-section {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        flex-flow: column;
    }

    .dashboard-left-strip {
        width: 100%;
        height: 100%;
        background: #efefce;
        background-size: cover;
        position: relative;
    }


}

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .btn-group-login a {
        background: #384ea5;
        padding: 10px 30px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {

}

/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
  
}

/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}

/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */

   
}

/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {

    .profile-area {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 80%;
    }

    .login-right-strip-2 {
        width: 100%;
        height: 100%;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        padding: 180px 30px 100px;
        overflow: auto;
    }

    .signup-right-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        padding: 90px 50px 0px;
        overflow: auto;
    }

    .login-left-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-img.jpg) no-repeat left top;
        background-size: cover;
        position: relative;
    }

    .dashboard-header {
        background: #fff;
        padding: 15px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: center;
        z-index: 999;
        align-items: center;
    }


}

/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {

}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px)  {
  
    .login-section {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        flex-flow: column;
    }

    .login-left-strip-2 {
        width: 100%;
        height: 100vh;
        background: url(../images/login-left-img.jpg) no-repeat left top;
        background-size: cover;
        position: relative;
    }

    .signup-strip {
        width: 100%;
        margin-top: 100px;
        margin-bottom: 200px;
    }

    .login-right-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .login-left-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-img.jpg) no-repeat left top;
        background-size: cover;
        position: relative;
    }

    .signup-right-strip {
        width: 100%;
        height: 100%;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        padding: 90px 50px 0px;
        overflow: auto;
    }

    .dashboard-left-strip {
        width: 100%;
        height: 100%;
        background: #efefce;
        background-size: cover;
        position: relative;
    }

    .dashboard-logo  {
        display: block;
        width: 120px;
    }
}

/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .login-left-strip-2 {
        width: 100%;
        height: 100vh;
        background: url(../images/login-left-img.jpg) no-repeat left top;
        background-size: cover;
        position: relative;
    }
    .signup-strip {
        width: 100%;
        margin-top: 100px;
        margin-bottom: 200px;
    }

    .login-right-strip {
        width: 100%;
        height: 100vh;
        background: url(../images/login-bg.jpg) no-repeat right top;
        background-size: cover;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}


/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
    .signup-strip {
        width: 100%;
        margin-top: 0;
    }

}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  
}

/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}

/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}

/* (1366x768) WXGA Display */
@media screen and (max-width: 1366px) {
    /* insert styles here */
}

/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
    /* insert styles here */
}

/* (1440x900) WXGA+ Display */
@media screen and (max-width: 1440px) {
    /* insert styles here */
}

/* (1680x1050) WSXGA+ Display */
@media screen and (max-width: 1680px) {

 
}

/* (1920x1080) Full HD Display */
@media screen and (max-width: 1920px) {
    /* insert styles here */
}

/* (1600x900) HD+ Display */
@media screen and (max-width: 1600px) {
    /* insert styles here */
}