@media screen and (max-width: 767px) {
.carousel-caption {
    bottom: 5px;
}
.navbar {border-bottom: 1px solid #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent; }
.navbar-default .navbar-toggle {border: 0;}
.navbar-default .navbar-toggle .icon-bar {background-color: white;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #111;}
aside > div {margin: 10px 0;}
#home .upper-main{background-color: rgba(0, 0, 0, .5);}
#top .right img{height: 16px;}
#top p {text-align: center;}
#top p span {font-family: "RobotoCondensed-Bold";}

#content article h1 {font-size: 25px;}
#content article h2 {font-size: 23px;}
#content article h3 {font-size: 20px;}
#content article h4 {font-size: 18px;}
footer{text-align: center;}
footer h2{font-size: 25px;}
#innerpage .navbar-nav {float: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
#home .upper-main > .container .navbar-brand, #home .upper-main > .container-fluid .navbar-brand  {font-size: 36px; float: none; margin-left: 0; font-family: "PlayfairDisplay-Italic";}
#home .upper-main  .navbar-nav > .active > a, #home .upper-main  .navbar-nav > .active > a:focus, #home .upper-main  .navbar-nav > .active > a:hover {
background-color: transparent;  color: #ea2425; }
#home .upper-main  .navbar-nav > li > a{font-size: 15px; color: white;}

.navbar   .navbar-nav > li > a:focus, .navbar  .navbar-nav > li > a:hover {color: white; 
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
 #home .upper-main  .navbar-brand {display: inline-block; height: 70px;}
#home .upper-main {
	bottom: 61px;
}
#home .upper-main  .navbar-nav {
display:inline; float: none;  border-top: 1px solid #fff; border-bottom: 1px solid #fff;   width: 100%;
  text-align: center;
}
 .navbar-nav{padding: 15px 0;}
#home .upper-main  .navbar-nav > li {
  float: none;
  display: inline-block;
}
 .nav > li > a {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 5px;
   border-left: 1px solid transparent;
  border-right: 1px solid transparent; 
}
#bs-example-navbar-collapse-1 {text-align: center;}
.lower-main{	background-image: url('../images/bel-air-services-locksmith.jpg');
}
.lower-main .navbar-brand{color: #fff; font-family: "PlayfairDisplay-Italic"; }
.lower-main .navbar-brand:hover{color: #fff;}
.lower-main .navbar-nav{ float:right}
.lower-main.navbar-default .navbar-nav > li > a{color: #fff; font-family: "RobotoCondensed-Regular";}
.lower-main.navbar-default .navbar-nav > .active > a, .lower-main.navbar-default .navbar-nav > .active > a:focus, .lower-main.navbar-default .navbar-nav > .active > a:hover{background-color: rgba(255, 255, 255, .5); color: #fff;}

#top p span.home {display: none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
#home .upper-main > .container .navbar-brand, #home .upper-main > .container-fluid .navbar-brand  {font-size: 36px; float: none; margin-left: 0; font-family: "PlayfairDisplay-Italic";}
#home .upper-main  .navbar-nav > .active > a, #home .upper-main  .navbar-nav > .active > a:focus, #home .upper-main  .navbar-nav > .active > a:hover {
background-color: transparent;  color: #ea2425; }
#home .upper-main  .navbar-nav > li > a{font-size: 15px; color: white;}

.navbar  .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {color: white; 
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
#home .upper-main  .navbar-brand {display: inline-block; height: 70px;}
#home .upper-main {
	bottom: 61px;
}
#home .upper-main  .navbar-nav {
display:inline; float: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff;   width: 100%;
  text-align: center;
}
.navbar-nav{padding: 15px 0; }
#home .upper-main  .navbar-nav > li {
  float: none;
  display: inline-block;
}
.nav > li > a {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 5px;
   border-left: 1px solid transparent;
  border-right: 1px solid transparent; 
}
#bs-example-navbar-collapse-1 {text-align: center;}
.lower-main{	background-image: url('../images/bel-air-services-locksmith.jpg');
}

.lower-main .navbar-brand{color: #fff; font-family: "PlayfairDisplay-Italic"; }
.lower-main .navbar-brand:hover{color: #fff;}
.lower-main .navbar-nav{ float:right}
.lower-main.navbar-default .navbar-nav > li > a{color: #fff; font-family: "RobotoCondensed-Regular";}
.lower-main.navbar-default .navbar-nav > .active > a, .lower-main.navbar-default .navbar-nav > .active > a:focus, .lower-main.navbar-default .navbar-nav > .active > a:hover{background-color: rgba(255, 255, 255, .5); color: #fff;}

#top p span.home  {display: none;}
}

@media (min-width: 1200px) {
#home .upper-main > .container .navbar-brand, #home .upper-main > .container-fluid .navbar-brand  {font-size: 36px; float: none; margin-left: 0; font-family: "PlayfairDisplay-Italic";	 }
#home .upper-main  .navbar-nav > .active > a, #home .upper-main  .navbar-nav > .active > a:focus, #home .upper-main  .navbar-nav > .active > a:hover {
background-color: transparent;  color: #ea2425; }
#home .upper-main  .navbar-nav > li > a{font-size: 15px; color: white;}
.navbar  .navbar-nav > li > a:focus, .navbar  .navbar-nav > li > a:hover {color: white; 
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }
#home .upper-main  .navbar-brand {display: inline-block; height: 70px;}
.nav > li > a {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 5px;
   border-left: 1px solid transparent;
  border-right: 1px solid transparent; 
}
.navbar-nav{padding: 15px 0; }

#home .upper-main  .navbar-nav{display:inline; float: none;  border-top: 1px solid #fff; border-bottom: 1px solid #fff;   width: 100%;
  text-align: center;}
#bs-example-navbar-collapse-1 {text-align: center;}
#home .upper-main {
	bottom: 61px;
}
#home .upper-main  .navbar-nav > li {
  float: none;
  display: inline-block;
}

#s1, #s2, #s3, #s4{height: 300px;}

.lower-main{	background-image: url('../images/bel-air-services-locksmith.jpg');
}

.lower-main .navbar-header h2{display: none;}
.lower-main .navbar-brand{color: #fff; font-family: "PlayfairDisplay-Italic";}
.lower-main .navbar-brand:hover{color: #fff;}
.lower-main .navbar-nav{ float:right}
.lower-main.navbar-default .navbar-nav > li > a{color: #fff; font-family: "RobotoCondensed-Regular";}
.lower-main.navbar-default .navbar-nav > .active > a, .lower-main.navbar-default .navbar-nav > .active > a:focus, .lower-main.navbar-default .navbar-nav > .active > a:hover{background-color: rgba(255, 255, 255, .5); color: #fff;}

#top p span.home  {display: none;}
}


a[href^=tel] { color: inherit; text-decoration: none; }