@media screen and (max-width: 1600px) {
    .padding-75 {
       padding: 20px !important;
    }
}

@media screen and (min-width: 1200px) {
    .dp-table-wide{
        margin-left:25% !important;
    }
}
@media screen and (max-width: 1200px) {
         .re-sch-xs {
    margin-left: 22% !important;
    }
    #assign_admin small {
        left: 36% !important;
    }
    #session-a .radio-select li label{
        width:80px;
        left:18px;
    }
    #session-a .radio-select{
        margin-left:30px;
    }
    .f-18 {
       font-size: 17px !important;
    }
    .submitpadding{
        margin-top: -18px;
    }
    #addteacher_form.f-18 {
        font-size: 15px !important;
    }
    #session-a .radio-select li {
       width: 20%;
    }
    .padding-75 {
       padding: 10px !important;
    }
    .classrows .f-600 {
        font-size:16px;
    }
    .contact_info p{
        font-size:16px;
    }
    .radio-select li .check{
    	left: 15px;
    }
    .inline li {
        width: 50% !important;
    }
    .maf_adjust .inline li label {
        padding: 12px 48px 22px 54px !important;
    }
    .vertical{
        left:-80%;
    }
    .header h4{
        margin-right:-20px;
    }
    .sidebar-logo img {
        width: 80px;
    }
    .trikona{
        height:160px;
    }
    .sidebar{
        margin-left: 0px;
        margin-top: -45px;
    }
    .sidebar img {
        width: 28px;
    }
    .fullDiv ul li{
        width: 45px;
        height: 45px;
    }
}
@media screen and (max-width: 1024px) {

    .modal-content{
        width:80% !important;
    }
}

@media screen and (min-width: 900px){
    .hide-in-web {
        display:none;
    }
    
}
@media screen and (max-width: 991px) {
    .re-sch-xs{
        margin-left:0% !important;
    }
    #assign_admin small {
       left: 34% !important;
    }
    .assign-new small {
        padding-left: 10px;
    }
    .mailnotifyicon{
        position: relative;
        top: 10px;
        margin-left:0px;
    }
    .add_btn{
       padding-left:15px;
    }
    .teacher-remove {
        margin-top: -52px;
    }
    .pdmg-0{
        padding: 0px;
        margin: 0px;
        margin-top: 22px;
    }
    
    .schedule-session-title{
        margin-top:60px;
    }
    .modal-content{
        width:80% !important;
    }
    .pad-15-sm{
        padding: 0px 15px !important;
    }
    .edit-teacher-sm{
        padding: 0px !important;
    }

    .sec-title{
        margin:18px;
    }
    .pad-tb50{
        padding: 15px 0px !important;
    }
    .student-info{
        text-align:left;
        padding:0px;
    }
    .sessionlabel,.sessionlabelresult{
        display: flex;
        padding-left: 15px;
    }
    .session-info,.teacher-info{
        padding:8px;
    }
    .vertical{
        left:-130%;
    }
    .teacher-edit {
        position: absolute;
        top: 10px;
        right: 4px;
    }
    .teacher-name {
        color: #64433b;
        font-weight:400;
        font-style: italic;
        line-height: 27px;
        text-shadow: 0px 0px 0px;
        font-size: 20px;
        margin-top: 8px;
}
    .acc-title-2, .acc-title-3 {
        font-size: 14px;
        font-weight: 500;
        text-shadow: 0px 0px 0px;
    }
    .updatesutents{
        margin-left: 15px;
    }
    .acc-title-2 span, .acc-title-3 span{
        font-size: 14px;
        font-weight: 500;
        text-shadow: 0px 0px 0px;
    }
    .main-class span{
        line-height:16px;
    }
    .kp-timetable{
        
    }
    .fullDiv ul li{
        width: 33px;
        height: 50px;
        font-size: 15px;
        margin: 8px;
    }
    .modal-content{
        padding: 20px 0px;
    }
    .modal-body{
        padding:0px;
    }
    .profile {
        padding: 0px;
    }
    .btn{
        padding: 10px 8px !important;
    }
    .holidays_reg label, .timetable_reg label, .class_reg label, .teachers-reg label{
        line-height:18px !important;
    }
    .holidaylist .col-sm-6,.holidaylist .col-sm-3{
        padding:0px 2px;
    }
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td    {
        font-size: 14px;
        margin: auto;
        text-align: left;
    }
    .classrows .notification-icon span{
        position: absolute;
        right: 0px;
        top: 46px;
    }
    .update-session{
        position: relative;
        bottom: 8px;
    }
    .trikona{
        /*position: absolute;
        left: 0;
        background: #fff;*/
        padding: 8px;
       /* height: 137px;
        border-radius: 0px 0px 20px 0px;*/
        z-index: 1080;
        /*box-shadow: 2px 2px 10px #80808047 */
    }
    .school-logo{
        position: relative;
        top:12px;
        text-align:center !important;
    }
    .sidebar-logo img {
        width:300px !important;
    }
    .sidebar{
        margin-left: -12px;
        margin-top: -12px;
    }
    .up-title{
        line-height:30px;
        margin-top: 48px;
        
    }
    .success-message h4{
        text-align: center;
    }
    .teachers-reg .form-control{
        margin-bottom: 14px;
    }
    .page-title{
        font-size:34px;
        text-align: center !important;
        line-height: 40px;
    }
    
    .horizontal-line {
        padding: 20px 0px 0px;
    }
    .radio-select li {
        display: block;
    }
    .row.multi-select {
        display: flex;
        margin: 12px 0px;
        font-size: 10px;
    }
    .resp{
    /*    margin-top:18px;*/
    }
    .input-group{
        margin-bottom:8px;
    }
    .flex{
        display:flex !important;
    }
    .panel-title{
        line-height: 30px;
        text-align: center;
    }

    .card-header a {
        text-align: center;
        line-height: 36px;
    }
    .modal-title{
        font-size:22px;
    }
    .pupform_addstud{
        margin-bottom: 8px;
    }
    /* .formlabel{ */
        /* display:none; */
    /* } */
    button{
        font-size:18px;
    }

    .class_label{
        font-size: 17px !important;
        line-height: 36px;
        height: 52px;
    }
    .appuse h2{
        margin-top:8px;
    }
    .acc-title-4 span{
        position: absolute;
        top: -5px;
        right: 5px;
        padding: 5px 12px;
    }
    .form-group{
        width: 100%;
        padding: 0px;
        margin: 0px;
        margin-bottom: 8px;
    }
    .timetable .form-group input:checked + label:after,.multi-select label{
        width:100%;
    }
    .class_label {
        width: 100%;
    }
    .contact_info {
        width: 92%;
    }
    .f-900 {
        font-weight: 900;
        font-size: x-large;
    }
    .header{
        height:75px;
    }
    .header h4{
        font-size: 13px !important;
        top: 6px !important;
        line-height: 20px !important;
        right: 120px !important;
    }
    .sidebar-nav li a {
        display: block;
        color: #ffd54c;
        text-decoration: none;
        padding: 5px 15px 5px 30px;
        font-size: 18px;
    }
    .space-sm{
        padding:0px;
        margin:0px;
        margin-top: 20px;
    }

}
@media screen and (max-width: 765px) {
    #assign_admin small {
        left: 42% !important;
        top: -5px;
    }
    .mailnotifyicon {
        position: relative;
        top: -100px;
        right: 20px;
        float: right;
    }
    .left-adj{
        margin-left:35px;
    }
    .progressbar-title{
        position: relative;
        top: -4px;
    }
    #session-a .radio-select li label{
        left: 25px;
    }
    #session-a .radio-select {
       margin-left: 15px;
    }

    .left-m15{
        position: relative;
        left: -15px;
    }
    #addteacher_form .pad-15-sm{
       padding: 0px 15px !important;
    }
    .field-validation-error{
        font-size:12px;
    }
    .teachers-reg .form-control {
       margin-bottom: 2px;
    }
    .form-group {
       margin-bottom: 4px !important;
    }
    .holidays_reg1 span{
        overflow: scroll;
    }
    #session-a .radio-select li .check{
        left:30px;
    }
    .schedule-session-title .col-md-2 {
        background: #bfc94a;
        text-align: center;
        border-radius: 6px;
        width: 120px;
        margin-left: 38%;
    }
    .md-2 {
        width: 120px;
        margin-left: 38%;
    }
    .mleft-0{
        margin-left:0px !important;
    }
    .mb-15{
       margin-bottom: 15px !important;
    }
    .add_btn{
        padding-left:0px;
    }
    .teacher-info .col-md-10{
        border-radius:0px !important;
    }
    #changeteacher label {
        text-align: left;
    }
    .modal-title{
        margin: 10px 0px;
    }
    .ch_class{
        position: relative;
        left: -10px;
        padding: 0px;
    }
    .name-xs-view{
        font-size:17px;
    }
    .appuse h2{
        font-size:12px;
    }
    .re-sch-xs {
   /*     padding-left: 25% !important;*/
    }
    .radio-select{
     /*   display:flex;*/
    }
    .inline li {
        width: 35% !important;
    }
    .teacher-remove span{
        top:-10px;
    }
    .m-0{
        margin: 0px;
    }
    .submitpadding{
        margin-top: 0px;
    }
    .main-class span {
        line-height: 24px !important;
    }
    .appuse{
        margin-top: -15px;
        margin-left: 0px;
    }
    .padding-75{
        padding:30px;
    }
    .read-more-trigger{
        color: #ffffff;
    }
    .sessionlabelresult{
        margin-bottom: 0px;
        padding-bottom: 12px;
    }
    .student-info {
        border-bottom: 1px dashed #65433b;
        width: 100%;
        margin: auto;
    }
    .teacher-info{
        padding-top:0px;
    }
    .class-overall-details .vborder{
        background: #fff;
        border-right:unset;
    }
    .teacher-info .col-md-2 {
        background: #5b8e55;
        height: auto;
        border-radius:4px 4px 0px 0px;
}
    .vertical{
        transform: rotate(0deg);
        float: unset;
        background: whitesmoke !important;
        color: #5b8e55;
        border-radius: 4px;
        font-weight: bold;
        left: 0%;
        text-align: center;
        height: 38px;
        background: #5b8e55;
        width: fit-content;
        margin: auto;
        padding: 8px 32px;
        bottom: 8px;
    }
    .class-overall-details .panel-body{
        background:#5b8e55 !important;
    }
    .acc-title-4 span{
        padding: 0px 8px;
    }
    .acc-title-1{
        text-align:left;
    }
    .all-links{
        display:block;
    }
    input[type=submit],.btn {
        font-size:16px !important;
    }
    .fullDiv ul li{
        width: 11.5%;
        height: 50px;
        font-size: 22px;
    }
    .fullDiv ul{
        margin-left:3%;
    }
    .login-sec label{
        text-align:right;
    }
    .notes{
        font-size: 18px;
        padding: 20px;
    }
    .notes h5{
        font-size: 20px;
        font-weight: bold;
        line-height: 32px;
    }
    .logo img {
        padding: 18px;
        border-radius: 0px 0px 18px 18px;
        width: 280px;
    }
    .login-sec h5{
        font-size:16px;
        letter-spacing:0.3px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:8px;padding-right:8px;}
}
@media screen and (max-width: 600px) {
    #assign_admin small {
        left: 41% !important;
        top: -5px;
    }
    .left-adj {
        margin-left: 20px;
    }
    .withcheckbox{
        width:100%;
        margin:0px;
        margin-top: 15px;
    }
    
    .schedule-session-title .col-md-2{
        width: 120px;
        margin-left: 38%;
    }
    #session-a .radio-select li label{
        left:26px;
    }
    .schedule-session-title .col-md-10 h4{
        font-size:20px;
    }
    .accepted img {
       width: 75%;
    }
    .accepted {
        position: absolute;
        right: 0px;
        top: 20px;
    }
    .schedule-session-title {
       padding: 8px;
    }
    .f-right{
        float:right;
    }
    .f-18 {
       font-size: 16px !important;
    }
    #session-a .radio-select{
        padding-bottom: 24px;
    }
    #session-a .radio-select li {
        width: 20%;
    }
  
    #session-a .something-else{
        width:80%;
    }
    .re-sch-xs {
     /*   padding-left: 20% !important;*/
    }
    .modal-body {
       padding: 8px;
    }
    .submitpadding{
        margin-top: -20px;
    }
    .sec-title{
        font-size: 22px;
        margin-top: 50px;
        margin-bottom: 12px;
    }
    textarea.form-control {
        height: 100px !important;
    }
    .fullDiv ul li{
        width: 10.6%;
    }
    .table{
        display: inline-block;
    }
    .contact_info {
        width: 90%;
    }
    .modal-content{
        width:85% !important;
    }
    .pad-100-0{
        padding:0px;
    }
    .btn-lg{
        text-align: center;
        background-position: center center;
        width: 100%;
        font-size: 16px !important;
    }
    .schedule-body a{
        width:100%;
    }
    
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:5px;padding-right:5px;}
}
@media screen and (max-width: 480px) {
    .left-adj {
        margin-left: 8px;
    }
    #session-a .radio-select li label {
     left: 20px;
    }
    .withcheckbox{
        width:100%;
        margin:0px;
        margin-top: 15px;
    }
    #addteacher_form .pad-15-sm{
       padding: 0px 15px !important;
    }
    .schedule-session-title .col-md-10 h4 {
       font-size: 18px;
    }
    .accepted img {
       width: 100%;
    }
    .accepted {
        right: 0px;
        top: -100px;
    }
    .schedule-session-title .col-md-2{
        width: 120px;
        margin-left: 0%;
    }
    .teacher-remove,.teacher-remove img{
       width: 135px;
    }
    .teacher-remove span{
        top: 0px;
        right: -17px;
        font-size: 12px;
    }
    .viewteacher_content .teacher-edit{
        top:-72px !important;
    }
    #session-a .radio-select {
        margin-left: -35px;
    }
    #session-a .radio-select li {
        width: 25%;
    }
    .re-sch-xs{
     /*   padding-left:10% !important;*/
    }
    .padding-75 {
       padding: 10px;
    }
    .exc-upload label {
        padding: 8px 65px;
        font-size:13px;
    }
    .btn,input[type=submit]{
        font-size:13px !important;
    }
    .teacher-remove {
        margin-top: -84px;
    }
    .main-class span {
        line-height: 8px !important;
    }
    .contact_info {
        width: 86%;
    }
    .teacher-edit {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .name-xs-view{
        display: block;
        width: 100%;
        clear: both;
        text-align: center;
        margin-top: 35px;
        font-size: 20px;
    }
    .holidays_reg1 span{
        font-size:18px;
    }
    .sidebar {
        margin-left: -12px;
        margin-top: -10px;
    }
    .fullDiv ul li{
        width: 10%;
    }
    .school{
        padding: 12px 8px;
    }
    .header h4 {
        font-size: 13px !important;
        top: 4px !important;
        right: 100px !important;
        letter-spacing: 0.2px;
    }
    .pad-sm-0{
        padding: 25px 0px;
    }
    
}
@media screen and (max-width: 420px) {
    .mailnotifyicon {
        position: relative;
        top: -100px;
        right: 20px;
        float: right;
    }
    .profile label {
        color: #fff;
       font-size: 13px;
    }
    #addteacher_form .pad-15-sm{
       padding: 0px 15px !important;
    }
    #session-a .radio-select {
        margin-left: -50px;
    }
    #session-a .radio-select li label {
        left: 25px;
    }
    #session-a .radio-select li{
        width:70px;
    }
        .re-sch-xs{
    /*    padding-left:10%;*/
    }
    .pad-15-sm {
        padding: 0px;
    }
    .header h4 {
        font-size: 12px !important;
        top: 6px !important;
        right: 108px !important;
    }
    .class_label {
        line-height: 18px;
        height: 33px;
    }
    label{
        line-height:30px;
    }
    .timetable .form-group label:before{
        width:32px;
        height:32px;
    }
    .timetable .form-group input:checked + label:after{
        width:32px;
        height:33px;
    }
    .fullDiv ul li {
        width: 9.9%;
        font-size: 18px;
        margin: 2%;
    }
    .color_white{
        font-size:13px !important;
    }
    .multi-select label, .timetable label{
        font-size:10px !important;
        overflow: hidden;
    }
    .page-title {
        font-size: 24px;
        line-height: 32px;
        margin: 0px;
    }
    .up-title {
        line-height: 24px;
        font-size: 18px;
    }
    .col-xs-4{
        padding:1px;
    }
}
@media screen and (max-width: 380px) {
    
    #session-a .something-else {
    width: 85%;
    }
    
    #session-a .radio-select {
        margin-left: -55px;
    }
}
@media screen and (max-width: 321px) {
    #session-a .radio-select li .check{
        height: 54px;
        width: 54px;
    }
    #session-a .radio-select li,#session-a .radio-select li .check::before{
        width: 52px;
        height: 52px;
    }
    #session-a .radio-select li label {
        left: 27px;
        top: 27px;
    }
    #session-a .radio-select li {
        width: 60px;
    }
    .profile label {
        font-size: 11px;
    }

}
@media only screen and (max-width: 772px) and (min-width: 768px)  {
.size-15-sm{
    font-size:15px !important;
}    
}