.login-box{ margin:25px auto;}



@media(max-width:1400px) {
.navi .nav > li > a {font-size: 16px; margin-right: 0px;}
.task small{ font-size:16px;}
}

@media(max-width:1200px) {


.navbar-header, .navbar-brand, .navi .nav{ width:100%; text-align:center; margin:0px !important;  } 
.navi .nav > li{ float:none; display:inline-block; padding:0px;}
.navi .nav > li > a {font-size: 15px; margin-right: 0px;}
.navbar-brand > img{ display: inline;}

}

@media(max-width:990px) {
.task-title{ margin:0 0 15px 0px;}
.task-title ul {float: left;width: 100%;}
.task-title ul li{ margin:15px 15px 0 0px;}
.task-title ul li .btn{ margin:0px;}


.qube {margin: 30px 0 45px;}

}


@media(max-width:800px) {
	 
    .footer p{ text-align:center;}
}


@media(max-width:768px) {
	
	
.navbar-header, .navbar-brand, .navi .nav{ width: auto; text-align:left; margin:0px !important; } 
.navi .nav > li{ float:left; display:block; width:100%;}
.navi .nav > li > a {font-size: 16px; margin-right: 0px;padding: 10px 10px; border-bottom:solid 1px #e5e5e5;}
.navbar-brand > img{ display: block;}

.navi .navbar-right li.dropdown { padding:0px;}
.user-icon{ position:static;}
.task-title{ padding:15px;}
.task-form .mar-btm{ margin-bottom:15px;}
}

@media(max-width:640px) {
.status-info span{ width:100%; margin:0 0 15px 0px; border:0px; border-bottom:solid 1px #e5e5e5; padding-bottom:10px;}

}

@media(max-width:480px) {
.login-form {  padding: 20px;}
.login-form h2{ font-size:18px;}
.task small{  font-size: 18px;}
}