/*********
***************************
            RESPONSIVE DESIGN 
*/

@media only screen and (max-width: 850px) {
  	#navbar { display:none !important; }
  	#menu-open { display:block; }
}

@media only screen and (max-width: 992px) {
	.nopad-sm-clear {
	        padding-left: 10px !important;
    		padding-right: 10px !important;
	}
}

@media only screen and (max-width: 980px) {
#header .navbar-nav>li>a {     margin: 10px 12px;     font-size: 12px; }
}

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

.services-col .col-xs-12 { width:50% !important; }
}


@media only screen and (max-width: 500px) {
  	#header {   }
	#header img { max-height:80px; }
	#menu-open {  margin-top: 35px; }
	#home-banner, #content-banner { margin-top:86px;}

	h1 { font-size: 28px; }
	#home-banner p, #content-banner p { font-size:12px !important;}
    .banner-height-small { min-height:250px; }

	.services-col .col-xs-12 { width:100% !important; }

}

@media only screen and (max-width: 450px) {
	.team-width-fix { width:100% !important;     max-width: 300px;
    margin: 5px auto; }
}