/* This is for larger display */
@media (min-width: 1200px){
    .vehicle-list{margin: 0; padding:0;}
    .vehicle-box{border-radius:5px; margin:7px;background:#F9F9F9;}
    
    .dashboard-menu{margin-top:50px;} 
}

/* This is for desktop display */
@media (min-width: 992px) and (max-width: 1199px){
	.vehicle-box{}
}

/* This is for Tab devices */
@media (min-width: 768px) and (max-width: 991px){

}

/* This is for mobile(vertical) display */
@media (max-width: 767px) and (min-width: 401px){    
    .db-block .panel-body{padding:0; margin:0;}
    .db-block .panel-body .nopad-left{ padding-left: 2px !important}
    .db-block .panel-body .nopad-right{ padding-right: 2px !important}
    .db-block .db-counter{font-size:1.5em;}
    .db-block{margin:0; border:1px solid red;}
    .db-block .panel-body .db-block-6{margin:5px 3px; padding:1px;}
	.footer_area {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	
	.vehicle-box{border-radius:0px; }
}

/* This is for mobile(horizontal) display */
@media screen and (max-width: 400px){
    .db-block{margin:-20px !important;}
    .db-block .req-single{margin:0 !important;}
    .req-single .param{font-size:0.8em;}
    .req-single .value{font-size:0.8em;}
    .req-single .vtype{font-size:1.2em;}
    .req-single .duration{font-size:1.2em;}
    .req-single select{font-size:0.8em;margin: 5px 0;}
    
    .big-table{display:none;}
    .mobile-table{display:block;}
    .header_area .header .logo{margin-top:0;}
    .header_area .header .logo h1{font-size: 1.5em;}
    .header_area .header .logo p{margin-top:2px; color:#AAA;}
    .header_area .header .user-info{margin-top:10px;}
    
   
    .panel{margin-top:20px; margin-bottom: 0;}
    .panel .title{font-size:1em; border-bottom:2px solid #BBB; margin-bottom: 8px;}
    .panel .title .btn-group{margin-top:-6px;}
    .panel .panel-body{padding-bottom: 0;}
    .panel .panel-heading button.icon-btn{display:inline; margin:0;}
    .panel .panel-heading button.text-btn{display:none;}
    .panel .req-form label{display:none;  /*color:blue; font-size:0.8em; font-weight:normal; padding-bottom:0;*/}
    .panel input[type="text"]{}
    
    #wrapper{
            min-height: 100%;
            height: auto !important;
            height: 100%;
    }

    .maincontent_area{height:100%; margin-bottom:15px !important;}
    .maincontent_area .dashboard .db-block .panel-body{padding:0; margin:0;}
    .maincontent_area .dashboard .db-block .panel-body .nopad-left{ padding-left: 2px !important}
    .maincontent_area .dashboard .db-block .panel-body .nopad-right{ padding-right: 2px !important}
    .maincontent_area .dashboard .db-block .db-counter{font-size:1.5em;}
    .maincontent_area .dashboard .db-block .panel-body .db-block-6{margin:5px 3px; padding:1px;}
    .login-box{margin-top:50px;}

    .dashboard .panel .panel-body{padding:5px 2px;}
    .vehicle-list{margin: 0; padding:0;}
    .vehicle-box{border-radius:5px; margin:7px;background:#F9F9F9;}

    .outer-panel{margin-top:30px;}
    #requestDetails{}
    #requestDetails .row{margin-top:0; margin-bottom:-15px;}
    #requestDetails label{color:#006dcc; margin-top:10px; font-size:0.8em;}
    
    .vehicle-engagement{display:none;}
    
    .menu-wrap{padding:5px;}
    .menu-block{border:1px solid transparent}
    .menu-block i{font-size:3em;padding:10px 0 5px 0;}
    .menu-block h3{font-size:1.5em; padding-bottom:5px; margin-top:5px; font-family:Agency FB;}
    .menu-block a{}
    .dashboard-menu a:hover .menu-block{
        -moz-transform: none;
	-webkit-transform: none;
	transform: none;
        color:greenyellow;
        text-decoration: none;
    }
    .dashboard-menu a:hover .menu-block h3{text-decoration:none; }
    
    .footer_area{display:none;}
}