@media screen and (max-width: 360px) {
/* For mobile phones: */

.mandatory::before {
    color: #ff0000;
    content: "* ";
    font-size: 10px;
    margin-right: 1px;
    vertical-align: top;
}
    .sortingalign{
    float:none; margin-left:8px;
    }
.hidetextdesk{
    display: none;
    } 
.comingsoon{
    display: none;
        
    }
    .comingsoonstyles{
    font-size:27px; 
    margin-top:66%;
    }
    .margindash{
        margin-top:-12px;
    }
    
.displayfont{
    font-size:12px;
    }
.imgelogo{
    display: none;
}
.headingdatedisplay{
    display:none;
}
.schoolheading{
    font-size: 16px;
    margin-top:0px;
}
.schooldate{
    margin-top:0%;
    font-size: 10px;
}
    .section_header{
    font-size: 14px;
    }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{
    font-size: 10px;
}
.logotogglebutton{
    margin-top: -29px;
}
.welcome{
    font-size:20px;
}
.header {
    background-color: #00bcd4;
    color: #ffffff;
    padding: 0px;
}
.studimg{
    max-height: 80px;
    max-width: 80px;
}
.imgleft{
    margin-left:0px;
}
.marleft{
    margin-left:33px;
}
h3.studheader{
    font-size: 12px;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
    font-size: 11px;
}
.dataTables_filter
{
    font-size: 10px;
}
input{
/*    height:22px;*/
}
input[type="file"]{
/*    font-size: 10px;*/
}
.nav-tabs > li{
    font-size: 14px;
}
.navbar .nav > li > a{
    font-size: 16px;
}
 .navbar-nav > li > a{
    line-height: 3px;
    }
.dropdown-menu > li > a{
    font-size: 14px;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title{
    font-size: 12px;
}
.fa{
    font-size: 12px;!important;
} 
    .tableicon{
    font-size: 25px;!important;
    }
    .dash{
    margin-top:-19px; overflow:scroll
    }
.content-header > .breadcrumb{
    position: absolute;
    top:-1;
    font-size: 10px;
}
.content-header > h1{
font-size: 14px;
}
.content-header > h1 > small{

font-size: 12px;

}

label{
font-size: 12px;

}
.form-control{
font-size: 14px;
/*height: 25px;*/

}
.btn{
font-size: 14px;
padding-top: 3px;
font-weight: bolder;
}

.info-box{
background-color: #fff;
border: 1px solid lightgrey;
min-height:58px;
width:232px;

border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
display: block;
margin-bottom: 15px;

}
.badge{
font-size: 8px;
}
.info-box-icon{
height:56px;
width: 53px;
}
.info-box-content{
margin-left:50px;
padding:4px 10px;
}

.progress-description, .info-box-text
{
font-size: 15px;
}
section[class*="col-xs-12"]{
width:10px;
}

/*
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year
{
font-size: 10px;

}
.ui-datepicker table{
font-size: 10px;

}
*/
/*
.ui-widget{
font-size: 10px;
}
.ui-widget-header    {
width: 80%;
}
*/
.top1{
margin-top:-8%;
}
.displaydatafont{
font-size: 12px;
}
#footer{
/*margin-top: 2%;*/
/*    height:18px; */
}
.pagination{
font-size:10px;
}
.dataTables_info{
font-size: 10px;
}
.alert{
font-size: 11px;
margin-top: 4px;
padding: 0 6px;
}
.close{
font-size: 15px;
}
.chkbox{
font-size:10px;
height: 0px;

}
    .margin{
    margin-left: -7%;
    }
    
.hidelabel{
    display: none;
    }


.btnwidth{
    width: 30%;
    height:10%
    }
    
#selectedFiles img{
height:80px;
width:80px;
}
.imgcross{
height:15px;
width:15px;
}
/*    login page css*/
.glyphicon{
font-size: 10px;
}
.loginheader{
font-size:15px;
height: 20px;
background-color:#3c8dbc; 
}
.fontloginlogoheader{
font-size: 15px;
}

/*    manage student*/

.top{
margin-top: 4%;
}

/*forgot password*/

.forgorpasswdheader{
font-size:15px;
}
.forgotpsswddatetime{
float: none;
margin-top: 0px;

}
.login-box-body-width{
width: :0px;
border:1px solid grey;
box-shadow:4px 4px 4px grey;"
}
.control-label-forgotpwd{
margin-left:0px;
}

.ui-menu .ui-menu-item{
font-size:14px;
}

.ui-autocomplete-input{
/*height: 80px;*/
overflow: scroll;
/*max-height:20px;*/
}

.autocompletescroll{
overflow: scroll;
max-height: 40px;
/*height: 500px;*/
}

.markinput{
width: 50px;
}
}


@media screen and (min-width: 1280px) {
    
    .sortingalign{
    float: right;
    }
.hidetextdesk{
    font-size:27px; 
    margin-top:16%;
    }
    
    .hidesplabel{
    display: none;
    }
/*
.comingsoon{
    display: none;
    }
*/
    
.comingsoonstyles{
    display: none;
    }
   
    .hidetext{
    display: none;
    } 
    
   
.schooldate{

margin-top:5%;
color:black;
vertical-align:bottom;
}
.headingdatedisplaysmallscreen{
display:none;
}
.userlogo{
margin-top:44px;
}

.chkbox{
font-size:12px;
font-family:Sourse Sans Pro;
}
.loginheader{

background-color:#3c8dbc; 
text-align: center; 
position: relative; 
height: 40px;
}
.forgotpsswddatetime{
margin-top: 4%;
float: right;
}

.login-box-body-width{
width: 550px;
border:1px solid grey;
box-shadow:4px 4px 4px grey;
}

.top{
margin-top: 0px;
}

.studimg{
max-height: 150px;
max-width: 150px;

}
.marleft{
margin-left:0px;
}

.autocompletescroll{
overflow: scroll;
height: 50%;
/*    width: 40%!important;*/
}

.imgcross{
height:20px;
width:20px;
}

#selectedFiles img{
height:100px;
width:100px;
}

}


/*27November*/
@media screen and (min-width: 361px) and (max-width: 767px) {
    .hidetextdesk{
  display: none;
    }
    
 .comingsoon{
    display: none;
    }
    .comingsoonstyles{
    font-size:27px; 
    margin-top:66%;
    }
    .schoolheading1 {
/*        display: none;*/
    }
    .imgelogo{
    display: none;
}
    
    .hidelabel{
    display: none;
    }
    
.loginheader{

background-color:#3c8dbc; 
text-align: center; 
position: relative; 
height: 40px;
}
.headingdatedisplay{
    display:none;
}
.schoolheading{
    font-size: 17px;
    margin-top:0px;
}
.schooldate{
    margin-top:0%;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{
    font-size: 10px;
}
.logotogglebutton{
    margin-top: -29px;
}
    
.welcome{
    font-size:20px;
}
.header {
    background-color: #00bcd4;
    color: #ffffff;
    padding: 0px;
}
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
 .hidetextdesk{
  display: none;
    }
    .comingsoon{
    display: none;
    } 
    .comingsoonstyles{
    font-size:27px; 
    margin-top:66%;
    }
    .headingdatedisplaysmallscreen {
        display: none;
    }
    
    .loginheader{

background-color:#3c8dbc; 
text-align: center; 
position: relative; 
height: 40px;
}
    .headingdatedisplay {
        margin-top: 0px;
    }
    .headingdatedisplay > .schoolheading {
        margin-top: 15px;
    }
    .schooldate {
        margin-top: 10px;
    }
    .hidelabel{
    display: none;
    }
}