@media (min-width: 768px) and (max-width: 1024px) {

#hero-area .btn{margin-top: 15px;}

  .nav > li > a {
    padding:25px 8px 22px 8px;
    line-height: 21px;
  }
  .social-links{padding-top: 15px;}
}

@media (max-width: 768px) {

	#navbar{position:relative;z-index:999;background:rgba(26, 66, 106, 0.9);}
	ul.nav.navbar-nav li{
		float:none;
	}
	
	.navbar-nav > li > a {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
	}
	.navbar-default .navbar-nav > .active,
	.navbar-default .navbar-nav li:hover {
		padding-bottom:0;
		color:#fff;
	}

}

@media (min-width: 320px) and (max-width: 480px) {
  #hero-area .btn{margin-top: 15px;}
  .navbar-default{background: rgba(0, 0, 0, 0.9);}
  .social-links{padding-top: 15px;}
  .row {padding: 40px 0px;}

}