body{ font: bold 12px 'Trebuchet MS', Helvetica, Arial; background: #FBF9F3}

.navbar-inverse{background: #342a2a; text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a{background: #FBF9F3; padding: 15px; margin: 5px 0px; border-right: 1px solid #342 NW 43rd St; color: #000; line-height: 15px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background: #fff; color: #155d8d}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:#f08b05;
}

.hidden-xs, .visible-xs{color:#000;}


.promo{margin: 5px 0;}
.panel{margin-bottom: 5px;}


.coupon-bg{background: url('.../images/Miami-FL-garage-door-repair.jpg') repeat 0 0 #99342c; border: 2px dashed #f08b05; text-align: center; padding: 0 15px;  display: table; height:10em; width: 100%; margin: 5px 0;}
.coupon-info{    display: table-cell;   vertical-align: middle;}
.coupon-info h2{margin: 0; font-family: Impact, Charcoal, Arial; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #f08b05;}
.coupon-info h4{margin: 0; font-size: 15px; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 2px #000;}

.navbar-collapse h1{margin: 5px 0 0 0;}
.top h5{margin: 8px 0;}
.top{color: #fff;} .top span{color: #9a5902;}
.top p{margin: 5px 0; font-size: 15px;} .top p img{height: 15px;}

.logo a{color:#fff; text-decoration: none;}

.border{border: 2px solid #fff;}
.banner{margin: 5px;}
.conbg{background: #fdfdfd; padding: 5px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #cccccc;}

.panel.panel-default.bg{background: url('../images/locksmith-in-Miami.jpg'); text-align: center;  border: 3px dotted #fbd8a9;}
.panel-body  h3, .panel-body  h2, .panel-body  h1, .panel-body  h4{margin: 0;}
.panel-body img{margin: 0 auto;}
.info h2, .info h4,  .info p{margin: 5px 0;}
.panel-body h2{font-family: Impact, Charcoal, sans-serif;}
.panel-body h1, .panel-body h2{color: #9a5902;   text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}

.panel-body h1{font-family: Impact, Charcoal, sans-serif;}

.panel-default > .panel-heading{background: #342a2a;}
article h1{font-size: 30px}
article h2{font-size: 25px}
article h3{margin-bottom: 0;}
footer{background: #342a2a; color: #fff; padding: 10px 0; margin-top: 5px;}
footer h2{margin:0;}
.services{margin: 5px 0;}
.panel{margin-bottom: 5px;}
.owl-theme .owl-controls{display: none !important;}
@media  (max-width: 767px) {
.top h2, .top h3{margin: 0; text-align: center;}
.top p, .top h5{margin: 0; text-align: center;}
.top h2{font-size: 25px;} .top h3{font-size: 20px;}
.top{padding: 10px 0;}
article h1{font-size: 25px}
article h2{font-size: 20px}
article{margin: 0 0 10px 0;}
.panel{margin-bottom: 10px;}
footer{text-align: center;}
.top h2{font-size: 18px}
.top h3{font-size: 15px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #be6f04}
.navbar-inverse .navbar-toggle{color: #fff; border-color: #fff;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background: #be6f04;}

.navbar-nav{float: none !important; margin: 0 -15px 5px -15px;}.navbar-inverse .navbar-nav > li > a{margin: 0; border-bottom: 1px solid #ccc;}
.navbar-nav > li:nth-child(1) > a, .navbar-nav > li:nth-last-child(1) > a{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
}

@media (min-width: 768px) and (max-width: 991px) {
.top h2, .top h3{margin: 5px 0}
.top p, .top h5{margin: 0}
.top h3{font-size: 22px;}
.top h5{font-size: 20px;}
.navbar-inverse{height: 55px;}
.top h5{font-size: 12px;}
.top h2{font-size: 25px;}
.top h3{font-size: 20px;}
article h1{font-size: 25px}
article h2{font-size: 20px}
}

@media (min-width: 992px) and (max-width: 1199px) {
.logo a{font-size: 20px}
.navbar-inverse{height: 55px;}

}

@media (min-width: 1200px) {
.logo a{font-size: 30px}
.navbar-inverse{height: 55px;}
}

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

/* owl banner code start here */

.thumbnail {  display: block;  padding: 4px;  margin-bottom: 20px;  line-height: 1.42857143;  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;  border-radius: 0;  border: none;  background-color: none;}

.carousel-control {  position: absolute;  top: 0;  left: 0;  bottom: 0;  width: 15%;  opacity: .5;  font-size: 20px;  color: #fff;  text-align: center;  text-shadow: none;
}

.carousel-control.left {	background-image: none;}
.carousel-control.right {left: auto; right: 0; background-image: none;}

.carousel-control {padding-top:10.25%; width:4%;}

.owl-theme .owl-controls{margin-top:0;}
#owl-demo .item{margin: 0;}
#owl-demo .item img{display: block; width: 100%; max-height: 180px;}
/* owl banner code ends here */