/*==========  Mobile First Method  ==========*/
 
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px){
 
 	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
 
	}
 
 
 
	/*==========  Non-Mobile First Method  ==========*/
 
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px){
 
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px){
.menu .navbar-toggle
{
	background-color:#2f2e2e;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
	border-color:#2f2e2e !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
	background-color:#2f2e2e;
}
#header ul.nav.navbar-nav.navbar-right li a
{
	padding:10px;
	border:none;
	text-align:center;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #2f2e2e29;
}

#header ul.nav.navbar-nav.navbar-right li:hover a
{
	background-color:#2f2e2e;
	color:#fff;
}

.navbar-default .navbar-toggle .icon-bar
{
	background-color:#fff;
}

#banner-text h1
{
	font-size:72px;
}
.services-left p, .services-right p
{
	margin-bottom:25px;
}

#why h1
{
	font-size:72px;
}

#footer .address p
{
	text-align:center;
}

#footer h1
{
	font-size:52px;	
}

}	
	
		/* Extra Small Devices, Phones */
	@media only screen and (max-width : 576px){
	.top-header .logo
	{
		width:100%;
		text-align:center;
	}
	
	.top-header .email
	{
		width:100%;
		
	}
	.top-header .email p{
		text-align:center;
		margin:20px 0px !important;
	}
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){
 
	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){
 
	}
	
	

@media (min-width:1024px) and (max-width: 1200px) { 
#header ul.nav.navbar-nav.navbar-right li a {
    padding: 10px 90px;
    
}
}
@media (min-width:992px) and (max-width: 1024px) { 
#header ul.nav.navbar-nav.navbar-right li a {
    padding: 10px 85px;
  
}
}
@media (min-width:767px) and (max-width: 992px) { 
#header .navbar-default .navbar-nav>li>a {
    
}

#header ul.nav.navbar-nav.navbar-right li a {
    padding: 10px 60px;
   
}

}