/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1300px) {
    .header-area.header-sticky {
        min-height: 50px !important;
    }
    .background-header {
        height: 50px !important;
    }

    .header-area.header-sticky .nav {
        margin-top: 5px !important;
    }

    .header-area .main-nav .nav li a {
        font-size: 13px !important;
        height: 35px !important;
        line-height: 1 !important;
        padding: 11px 12px !important;
        margin-top: 2px;
    }

    .logo .imgB, .logo .imgA {
        margin-top: -33px !important;
        height: 45px !important;
    }
    .login-main-logo {
        height: 90px !important;
    }

    .login h4 {
        font-size: 18px;
    }

    .student-login {
        font-size: 14px !important;
        margin-top: -10px !important;
        padding-bottom: 0 !important;
    }

    .wrapper .inp input {
        height: 40px !important;
        font-weight: 300 !important;
        font-size: 17px  !important;
    }

    .wrapper .inp label.email, .wrapper .inp label.pass {
        font-size: 14px;
    }
    .wrapper .inp label.pass {
        top: 70px !important;
    }

    .wrapper .inp::after {
        background-color: rgb(255, 255, 255) !important;
        height: 12px !important;
    }
    .wrapper .inp i.email {
        right: 18px !important;
        top: 10.5px !important;
        font-size: 18px !important;
    }

    .wrapper .inp i.lock {
        bottom: 7.3px !important;
        right: 17px !important;
        font-size: 17px !important;
    }

    .login-form .alert-danger {
        margin-bottom: -10px;
    }

    #login_btn {
        padding: 10px 45px;
    }

    section.login-content {
        height: 100vh;
    }

    .login-content .forms-grid {
        margin-bottom: 10px;
    }

    .teacherImageTday, .teacherImageTmr {
        width: 60px;
        height: 60px
    }

    .classDetails {
        display: flow-root;
    }

    .classDetails h5 {
        font-size: 1rem;
        margin-bottom: 1px;
    }

    .ClassSubject {
        font-size: 12px;
    }

    .header-navbar {
        min-height: 60px;
    }
    .ins-students .table {
        font-size: 13px;
    }

    #userAction img {
        height: 60px !important;
    }

    .stuBtn a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 37px;
        margin: 0;
        padding: 8px 0px !important;
    }

    #forReg h4 {
        font-size: 20px;
    }

    #forReg #stepA a, #forReg #stepB a, #forReg #stepC a {
        padding: 5px 25px;
        font-size: 15px;
    }

    #forReg #stepA h6, #forReg #stepB h6, #forReg #stepC h6, #forReg .label-1, #forReg .label-2 {
        margin-bottom: -10px;
        font-size: 13px;
        font-weight: 100;
        margin-top: 5px;
    }

    #forReg .label-2 {
        margin-top: 25px;
    }

    #forReg .modal-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #forReg hr {
        border: 0;
    }

    #forReg .modal-dialog {
        max-width: 750px;
    }

    .stepB, .stepC {
        width: 134px;
    }

    .cusIndex h6 {
        margin-bottom: 0;
    }

    #userAction{
        width: 430px !important;
    }

    .pos-p0 {
        padding: 0;
    }

    .status-btn {
        border-radius: 100%;
        width: 45px;
        height: 45px;
        padding: 0;
        text-align: center;
        /* padding-left: 6px; */
        margin: 2px;
        font-size: 18px;
    }

    .student-name {
        font-size: 15px;
    }

    .student-index-no {
        font-size: 17px;
        font-weight: bold;
    }

    .log-wapper {
        font-size: 12px;
    }
    .register, .login {
        max-width: 350px !important;
    }

    #returnIndex {
        margin-left: -145px;
    }
    .reg-modal-year-break {
        display: none;
    }

    #forReg #stepB a {
        margin-bottom: 3px;
    }

    .header-navbar .navbar-wrapper .navbar-logo {
        /*height: 50px;*/
    }

    .pcoded .pcoded-header[header-theme="theme1"] {
        height: 50px;
    }

    .institute-top-nav-icon {
        height: 50px !important;
        margin-top: 10px;
    }

    .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
        top: 13px;
    }

    .header-navbar .navbar-wrapper .navbar-container .nav-right li {
        line-height: 3.7;
    }

    .mobile-options .img-radius {
        width: 35px !important;
    }

    .pcoded-main-container {
        margin-top: 45px !important;
    }
    .moby .moby-close {
        padding-top: 18px;
        padding-bottom: 15px;
    }
    .sidemenu-u-img {
        width: 80px;
        height: 80px;
        padding: 15px;
    }
    .moby-menu .sidebar-user-data h5 {
        font-size: 15px;
        margin-bottom: 0;
    }
    .moby-menu .sidebar-user-data h6 {
        font-size: 13px;
        margin-top: 3px;
    }

    .moby-menu .menu-user-login-data {
        height: 65px;
    }

    #moby1 a i {
        font-size: 20px;
    }

    .moby ul li a {
        padding: 10px 0 10px 30px !important;
        font-weight: 100 !important;
    }
    .card .card-header {
        padding: 15px 20px;
    }
    .card .card-header h5 {
        font-size: 16px;
    }
    .empty-message-wapper h4 {
        font-size: 18px;
    }
    .empty-message-wapper a {
        padding: 10px 15px;
    }
    [name="student_form"] label {
        font-size: 12px;
        padding-right: 0;
    }
    
    #edumeClasses .card-title {
        font-size: 15px;
        margin-bottom: 5px !important;
    }

    #edumeClasses .desc {
        font-size: 13px;
    }
    #edumeClasses .class-lecturer {
        font-size: 13px;
    }
}