Body{background: url(../images/Cedar-Grove-New-Jersey-locksmiths.jpg);}
#top_bg{background: url(../images/Cedar-Grove-New-Jersey-locksmith.jpg) repeat-x #4ea0ae;
border-bottom:5px solid #fafafa;
}
#schemacss{ font-size: 12px; color: #fff; padding-bottom: 10px;
	line-height:170%;}
#schemacss h2{margin: 0 !important; font-size: 24px; color: #fff}
#schemacss a{color: #fff}
.carousel-control > .glyphicon{color: #87c1af;}
.container > .span8{background: url(../images/Cedar-Grove-locksmith.jpg) no-repeat; 
border-top:2px solid #5d8677;
	border-bottom:2px solid #5d8677;
	border-left:2px solid #5d8677;
	border-right:2px solid #5d8677;
	 box-shadow: 0px 0px 5px #000;
	 margin-bottom: 10px;
	 max-height: 200px}
nav li > a{font: 12px Trebuchet MS;  }
.cc{margin: 11px 0 0 0;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right: 10%;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left: 18%;}
.carousel-indicators{bottom: 0px; margin-bottom: 0}
header h3{margin: 5px;}
header h1, header h3{font-family: Tahoma, Geneva, sans-serif;  color: #fff;}
header p{color: #669788; padding-bottom: 0}
header h1{}
.panel-heading.call{
	background:url(../images/locksmith-in-Cedar-Grove.jpg) right top no-repeat;
	
}
.panel-heading.call h3{color:#fff;}
.panel-default > .panel-heading{background-color:#354a43; color:#fff;}
.panel-body.promo{background:url(../images/sidebg1.html) #354A43; color:#fff;}
.panel-body.service{background:url(../images/locksmith-Cedar-Grove.jpg) #354A43; color:#fff;}
.navbar-nav > li > a{padding: 10px 15px; height: 45px}
.clearboth{clear: both;}
#banner {text-align: center; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: #b5cb42; color: #fff}
.btn-info{background: #b5cb42; border-color: #96ac24}
.glyphicon-home{font-size: 17px;}
.navbar-default{background: #354a43; border-color: #669788;}
.navbar-default .navbar-nav > li > a{color: #fff; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #87c1af;}


.nav-pills > li > a{border-radius:0; font-size: 13px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color:#008FD5; color:#fff;}
.nav > li > a:hover, .nav > li > a:focus{background-color:rgba(0, 105, 158, 0.1);}
.glyphicon-ok{color:#008FD5}
.active .glyphicon{
	color:#fff;
}

.panel a{color: #354a43;}
.panel .glyphicon{
	color:#354a43;
}


blockquote{
	background:url(../images/quote1.html) no-repeat 10px 10px;
}

footer{
	padding: 2em 0;
	margin: 3em 0 0;
	background-color:#354A43;	
}
footer a, footer p{
	color:#fff;
	font-size: 12px; font-weight: normal;
}
.glyphicon-map-marker{font-size: 30px;}
footer a:hover{color:#b5cb42;}
.wrapper h1{color: #87c1af; margin: 0;  font-weight: bold }
.wrapper p{color: #fff; margin: 0; font-weight: normal}
a{color:#b5cb42}
.nav > li > a:hover, .nav > li > a:focus{background: rgba(181, 203, 66, 0.1);}
a:hover, a:focus{color: #b5cb42;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background: rgb(181, 203, 66);}
.navbar-toggle{margin: 5px 5px 0}
.navbar{min-height: 45px;}
@media (max-width: 767px) {
.logo{font-size: 20px; margin: 0;}

@media(max-width: 300px){
.logo{ width: 150px !important; font-size: 16px !important}
}


#top_bg > .container{padding: 0}
body{padding-top: 43px}
.navbar-header > h1{font-size: 16px; margin: 12px 0 0 5px; color: #fff;}
header > .col-md-6 > h3{font-size: 14px;}
 .cc{margin: 0;} .pnum{margin: 0 !important;}
#schemacss{float: none;}
article > .col-md-6 > .panel.panel-default > .panel-body > ul {padding: 0 10px; text-align: left}
article{margin-left: 15px;margin-right: 15px; padding: 10px 5px;}
article h1{font-size: 20px; margin-top: 0;}
article h2{font-size: 22px;}

.item img{margin: 0 auto; padding-bottom: 5px}
.wrapper h1{ padding: 0;  font-size: 1.5em}
	.item{width: 100%; text-align: center;}
	#cc{margin: 20px 0 0 0;}
	header h1, header h3, header img{float: none;}
	header{ text-align: center !important;}
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center !important;
		float:none !important;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
	.text-center-xs img {margin:0 auto;}
	.panel-heading.call, .panel-body.promo, .panel-body.service{background:none; background-color:#354A43; text-align:center;}
	.panel-body, .panel-heading{ text-align:center;}
	.panel-body img.cc{display:none;}
	footer{text-align: center;}
}
@media (min-width: 768px) and (max-width: 991px) {
body{padding-top: 43px}
.color-fff{margin: 5px 0 0;}
.logo{font-size: 26px; margin: 5px 0 0 0;} .cc1{margin: 10px 0 0;} .pnum{margin: 0 0 5px;}
.carousel-inner{	padding: 0;}
article h1{font-size: 24px; margin-top: 0;}
article h2{font-size: 20px;}
article{padding: 10px 5px;}
.wrapper h1{margin: 10px 0 0 0; font-size: 18px;}
.wrapper p{margin: 0;  font-size: 13px; }
 .wrapper{float: left; width: 60%} 
.item img{float: right; margin: 10px 0}
.item{padding: 0 50px;}
	header h3{margin-top: 0;}
	header h1{margin: 0; font-size: 30px}
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center !important;
		float:none !important;
		
    }
    .text-right-sm {
        text-align: right;
		
    }
    .text-justify-sm {
        text-align: justify;
    }
	.text-center-sm img {margin:0 auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
body{padding-top: 43px}
.color-fff{margin: 5px 0 0;}
.logo{font-size: 26px; margin: 5px 0 0 0;} .cc1{margin: 10px 0 0;} .pnum{margin: 0 0 5px;}

article h1{font-size: 24px; margin-top: 0;}
article h2{font-size: 20px;}
article{padding: 10px 5px;}
.wrapper h1{margin: 10px 0 0 0; font-size: 18px;}
.wrapper p{margin: 0;  font-size: 13px; }
 .wrapper{float: left; width: 70%} 
.item img{float: right; margin: 10px 0}
.item{padding: 0 50px;}
	header h3{margin-top: 0;}
	header h1{margin-bottom: 0; font-size: 30px}
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
body{padding-top: 43px}
.logo{font-size: 30px; margin: 5px 0 10px 0;} .pnum{margin: 10px 0;}
.wrapper h1{margin: 10px 0 0 0; font-size: 25px;}
.wrapper p{margin: 0;  font-size: 16px; }
.wrapper{float: left; width: 65%}
.item img{float: right; margin: 10px 0}
.item{padding: 0 50px;}
	header h3{margin-top: 25px;}
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}