@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width:960px) {

/*footer css end*/
.footer { margin:0px auto; overflow:hidden;}
.copy { text-align:left; }
.powered_by { text-align:right;}
/*footer css end*/	

/*login page css start*/
.form-bottom .form-group input.code { width:73%;}
/*login page css end*/	

/*dashboard css start*/	
.dashboard { margin-top:10px;}
/*dashboard css end*/	
}

@media only screen and ( max-width:768px) {

/*top social media css start*/
.header { margin:0px auto; }
.logo { width:40%; float:none; margin:0px auto; text-align:center; }
.top_link li { width:45%; margin:0px auto; margin-top:10px; margin-bottom:10px;  float:right;  margin-right:10px; text-align:center; }
.top_link li a { padding:5px 10px 5px 10px;}
/*top link css end*/

/*footer css end*/
.footer { margin:0px auto; text-align:center; overflow:hidden; }
.copy { text-align:center; }
.powered_by { text-align:center; }
/*footer css end*/

/*login page css start*/
.form-bottom .form-group input.code { width:80%;}
/*login page css end*/	

/*dashboard css start*/	
.dashboard { margin-top:10px;}
.form_text { width:100%; float:none;}
.form_input_box { width:100%; float:none; }
/*dashboard css end*/	

}

@media only screen and ( max-width:480px) {

/*login page css start*/
.form-bottom .form-group input.code { width:67.1%; }
/*login page css end*/	

}

@media only screen and ( max-width:320px) {

/*login page css start*/
.form-top-left h3 { font-size:120%; }
.form-top-left p { font-size:100%; }
.form-bottom .form-group input.code { width:50%;}
/*login page css end*/	

}