/*Extra small devices (portrait phones, less than 576px)*/
 

@media (max-width: 575.99px){
	 .login-box{
	 	width: 90%!important;
	 }
	 .nav-tabs.nav-stacked{
	 	height: 400px;
	 	overflow-y: auto;
	 }
	 .navbar-inner .container-fluid{
 	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	 }
	 .navbar-inner {
	 	padding-right: 0px;
	 	padding-left: 0px;
	 }
	 .main-menu-span{
	 	width: 90%!important;
	    position: absolute!important;
	    left: top;
	    left: 10px;
	    top: 100px;
	    z-index: 99!important;
	 }
	 .row-fluid .span10 {
	 	width: 95%!important;
	 }
	 .row-fluid .span9 {
	 	width: 63%!important;
	 }
	 .row-fluid .span4{
	 	width: 100%;
	 	margin: 0px;
	 }
	 textarea,
	 .controls .input{
	 	width: 97%;
	 }

	 select,
	 .controls .form-control{
	 	width: 100%!important;
	 }
	 .row-fluid .span6{
	 	width: 100%;
	 }
	 .height60{
		height: 60px;
	}
	.modal {
	    width: 85%;
	    left: 50%;
	}
	/*.modal.fade{
		top: -123%;
	}*/
	.modal.fade.in {
		top: 50%;
		z-index: 9999999;
	}
	.row-fluid .box-header .span4 {
		width: 100%;
	}

}



 


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	 .row-fluid .span10 {
	 	width: 70%!important;
	 }
	 .hidden-tablet{
	 	display: block!important;
	 }
	 .main-menu-span{
	 	width: 140px!important;
	 }
	 .row-fluid .span4 {
	 	width: 51%;
	 }
	.row-fluid .box-header .span4{
		width: 50%;
	}
	.height60{
		height: 60px;
	}
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 910px) and (max-width: 1199.98px) {
	 
}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 1199.98px) and (max-width: 1290.98px) {
	 

}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1380px) {
	 
	

 }