@media (max-width: 991px) {
a.navbar-brand {padding:10px; font-size:22px;}
.navbar-default .navbar-nav > li > a  {display: block;
font-size: 14px;padding: 25px 3px 20px;margin: 0 0 5px 0;}
.agileits_banner_bottom_left {  min-height:292px
}
.agileinfo_footer_bottom_grid { min-height:300px;} 
 
}

@media (max-width: 767px) {
.top-bar .contact-details li {
display: inline-block;
padding: 0 5px;
line-height: 20px; font-size:12px!important;
}

.top-bar .contact-details li a  {font-size:12px!important;}
a.navbar-brand {padding:10px; font-size:22px;}

.navbar-default .navbar-nav > li > a { padding:5px 15px;     font-size: 12px;}

.agileinfo_footer_bottom_grid { min-height:inherit;} 
}

@media (max-width:480px) {

body {padding: 50px 0 0 0;}
.intro-text h1 {    font-size: 22px;
 
    letter-spacing: 3px;
    line-height:24px;
    margin-bottom:20px;}
	
	.intro-text p {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 15px;     margin-bottom: 5px;
	}
	
.intro-text .btn-primary {
    padding: 8px 12px;
    font-size: 12px	

}
@media (max-width:360px) {
.top-bar .contact-details li {
display: inline-block;
padding: 0 5px;
line-height: 20px; font-size:11px!important;
}

.top-bar .contact-details li a  {font-size:11px!important;}
a.navbar-brand {padding:10px; font-size:22px;}

.navbar-default .navbar-nav > li > a { padding:5px 15px;     font-size: 12px;}
.carousel-caption {}

}