@font-face {
    font-family: 'Open Sans';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	background:#fff;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color:#4f4f4f;	
	}

h1, h2, h3, h4, h5 {
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	}

* {
	margin: 0;
	padding: 0;
	}

/* Mozilla based browsers */
::-moz-selection {
       background-color: #0055a5;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #0055a5;
       color: #fff;
}	

.container-fluid {
	padding-left:0px;
	padding-right:0px;
	}

.container-fluid .row {
	margin-left:0px;
	margin-right:0px;
	}
	
a:focus {
	outline:none;
	}
	

/* -- Header -- */

header {
	width:100%;		
	background:#fff;
	border-top:3px solid #0055a5;	
	}

.top-header {
	padding-top:20px;
	padding-bottom:20px;
	background: #fff;
	}
	
.logo-header {
	text-align:left;
	padding:0;		
	}
	
.logo-header a {
	display:block;
	}

.logo-header img {
	max-width:100%;
	}


.phone-header {	
	display:block;
	text-align:right;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	}

.phone-header i {	
	display:block;
	color:#333;
	font-weight:bold;
	font-style:normal;
	font-size:171.4%;
	margin-bottom:5px;
	}
	
.phone-header i span{
	display:none;
	}	

.phone-header b {
	margin-left:10px;
	display:inline-block;	
	color:#0055a5;
	font-size:168.4%; padding-bottom:6px;
	}
	.phone-header b img { float:right; margin-left:5px;

	}

.phone-header b a {
	text-decoration:none;
	background:url(icon-phone-header.png) no-repeat left;
	padding-left:30px;
	padding-bottom:2px;
	}
.phone-header b a:hover {
	color:#0055a5;
	text-decoration:none;
}

.patch-header {
	text-align:center;
	}

.patch-header b {
	background:#0055a5;
	-webkit-border-radius: 10px;
border-radius: 10px;
font-size:128.6%;
line-height:26px;
display:inline-block;
color:#fff;
padding:5px 20px;
margin:0 0px;
}

.patch-header b span {
	display:block;
	}


/* -- Main Navigation -- */

.main-navigation {
border-top:2px solid #717171;		
border-bottom:2px solid #111111;		
	}
	
.main-navigation .container {
	padding:0px;
	}

.main-navigation .navbar-default {	
	border:none;
	-webkit-border-radius: 0;
	border-radius: 0;	
	background: rgb(93,93,93); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(93,93,93,1) 0%, rgba(17,17,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,93,93,1)), color-stop(100%,rgba(17,17,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(93,93,93,1) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(93,93,93,1) 0%,rgba(17,17,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(93,93,93,1) 0%,rgba(17,17,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(93,93,93,1) 0%,rgba(17,17,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#111111',GradientType=0 ); /* IE6-9 */

	}

#bs-example-navbar-collapse-1 {
	padding:0px;
	}

.main-navigation .navbar {
	margin-bottom:0px;
	}

.main-navigation .navbar-brand {
	display:none;
	}

.main-navigation ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	}

.main-navigation ul li {
	margin:0px;
	padding:0px;
	display:inline-block;
	position:relative;
	}	

.main-navigation ul li:first-child {	
	background:none;
	}

.main-navigation ul li a,
.main-navigation ul li a:visited {	
	display:block;
	padding:15px 28px;
	text-decoration:none;
	font-size:107.1%;
	color:#fff;
	text-transform:uppercase;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	}


.main-navigation ul li a:hover,
.main-navigation ul li a:active,
.main-navigation ul li a:focus {
	color:#fff;
	}

.main-navigation ul li:hover > a {
	color:#fff;
	}
	
	
	/* -- First Level Drop Down -- */
	
.main-navigation ul ul {
	display:none;
	position:absolute;
	z-index:102;
	width:300px;
	background:#111;
	text-align:left;
	border-top:2px solid #111;
	}

.main-navigation ul li:hover ul {
	display:block;
	}

.main-navigation ul ul li {	
	width:300px;
	background:none;
	padding:0px;
	border:0px;
	border-top:1px solid #333;
	}

.main-navigation ul ul li:first-child {		
	border:0px;
	}

.main-navigation ul ul li a,
.main-navigation ul ul li a:visited {	
	display:block;
	padding:6px 25px;
	text-decoration:none;
	font-size:92.9%;
	color:#fff;
	text-transform:none;
	border-radius:0px
	}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:active,
.main-navigation ul ul li a:focus {
	color:#fff;
	}	

.main-navigation ul ul li:hover > a {	
	color:#fff;
	}	

	
	/* -- Second Level Drop Down -- */

.main-navigation ul ul ul {	
	display:none !important;
	top:0px;
	left:300px;
	width:200px;
	border-top:none;
	}

.main-navigation ul ul li:hover ul {	
	display:block !important;
	}

.main-navigation ul ul ul li {		
	width:200px;
	}
	

/* -- Marketing Area -- */

.marketing-area {
	background:#fff;
	}
	
.rev_slider_wrapper {
	background:none !important;
	}

/* -- Breadcrumb Area -- */

.breadcrumb-area  {
	margin-bottom:5px;
	margin-top:10px;
	}

	.breadcrumb {
		margin-bottom:0px;
		padding:5px 0;		
		border-radius:0px;
		background:none;
		font-size:92.9%;
		}
	
	.breadcrumb li:first-child {	
		background:url("icon-home.png") no-repeat left 3px;
		padding-left:23px;
		}
	
	.breadcrumb > li + li:before {
		color:#444;
		content: "\00BB ";
		}		
	
	.breadcrumb a {
		color:#444;
		text-decoration:none;
		}
	
	.breadcrumb a:hover	 {
		text-decoration:none;
		}	




/* -- Feature Section -- */

.feature-area {	
	padding:30px 0 0 0px;
	color:#fff;
	}

.feature-area h2 {
	margin:0px 0 10px 0;
	padding:0 0 0 60px;
	text-transform:uppercase;
	font-size:114.3%;
	color:#fff;
	min-height:50px;
	}

.feature-box-01 h2 {
	background:url(icon-24.png) no-repeat left top;
	}

.feature-box-02 h2 {
	background:url(icon-watch.png) no-repeat left top;
	}
	
.feature-box-03 h2 {
	background:url(icon-calendar.png) no-repeat left top;
	}

.feature-box-04 h2 {
	background:url(icon-feature.png) no-repeat left top;
	}			


.feature-area p {
	margin:0 0 30px 0;
	}	

	
/* -- coupon List -- */


.coupon-area {
	padding-top:10px;
	padding-bottom:5px;
	}
	
body.home .coupon-area {
	margin-bottom:0px;
	padding-top:0px;
	}
	
.coupon-list  {
	text-align:center;
	padding:0px;
	}

.coupon-list img {
	margin:0 0 0 10px;
	float:left;
	width:153px;
	}

.coupon-list img.first-item {	
	margin-left:0px;
	}

.coupon-list .slidesjs-play,
.coupon-list .slidesjs-stop,
.coupon-list ul.slidesjs-pagination {
	display:none !important;
	}

.coupon-list .slidesjs-navigation {
	display:none;
	position:absolute;
	width:48px;
	height:80px;
	z-index:99;
	text-indent:49px;
	overflow:hidden;
	}

.coupon-list a.slidesjs-previous {
	background:url("slide-brands-prev.png") no-repeat center top;
	top:50%;
	left:25px;
	}

.coupon-list a.slidesjs-next {
	background:url("https://bayareahomegaragedoors.com/common_file/slide-brands-next.png") no-repeat center top;
	top:50%;
	right:25px;
	}

/* -- Brands List -- */

.brands-list  {
	padding:0px 0 20px 0;
	text-align:center;
	}

.brands-list h3 {
	font-size: 114.3%;
    text-transform: uppercase;
	margin:0;
	padding:0px;
	line-height:42px;
	text-align:left;
	color:#333;
	}

.brand-content {
	margin-top:0px;
	}

.brands-list img {
	margin:0 4px;
	width: 79px;
	height: 60px;    
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float:left;
	}

.brands-list .slidesjs-play,
.brands-list .slidesjs-stop,
.brands-list ul.slidesjs-pagination {
	display:none !important;
	}

.brands-list .slidesjs-navigation {
	display:none;
	position:absolute;
	width:48px;
	height:80px;
	z-index:99;
	text-indent:49px;
	overflow:hidden;
	}

.brands-list a.slidesjs-previous {
	background:url("slide-brands-prev.png") no-repeat center top;
	top:57%;
	left:15px;
	}

.brands-list a.slidesjs-next {
	background:url("https://bayareahomegaragedoors.com/common_file/slide-brands-next.png") no-repeat center top;
	top:57%;
	right:15px;
	}	


/* -- Service Area -- */

.service-area {
	color:#fff;
	padding:25px 0 20px 0;
	border-bottom:2px solid #fff;
	background: #4f4f4f; 

	}

.service-area-inner {
	}

.service-area h2 {	
	color: #fff;
    font-size: 128.6%;
    margin: 0 0 20px 0;
	}	

.service-area h3 {	
	color: #fff;
    font-size: 114.3%;
    margin: 0 0 5px 0;
	}	

.service-area h3.address-footer {		
	background:url(icon-address.png) no-repeat left top;
	line-height:20px;
	padding-left:30px;
	background-size:20px;
	}

.service-area h3.contact-footer {		
	background:url(icon-address.png) no-repeat left -61px;
	line-height:20px;
	padding-left:30px;
	background-size:20px;
	}

.service-area h3.email-footer {		
	background:url(icon-address.png) no-repeat left bottom;
	line-height:20px;
	padding-left:30px;
	background-size:20px;
	}		

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

.service-area a:hover {	
	color:#55acee;
	}


.service-area .phone-footer {		
	margin-bottom:20px;
	}

.service-area address {
	margin-bottom:20px;
	}

.service-area .phone-footer p {
	margin-bottom:0px;
	}

.service-area ul {
	margin:0px 0 0 0;
	padding:0px;
	list-style:none;
	}

.service-area ul li {
	   border-right: 1px dotted #ccc;
    float: left;
    font-size: 11px;
    line-height: 12px;
    margin: 0 0 14px;
    padding: 0 10px;
    text-transform: capitalize;
    width: 105px;
}
	}
.disn{ display:none;}
/* -- Home Badge Section -- */

.badge-box {
	padding:10px 0px;
	text-align:center;
	background:#c29709;
	}


.badge-box img {	
	max-width:100%;
	margin-top:7px;
	margin-bottom:7px;
	}

/* -- Mid Section -- */

.page-title h1 {
    color: #333;
    font-size:214.3%;
    font-weight: normal;
    margin:0px;
	}
	
.banner {
	margin-top:20px;
	}
	
.banner figure img {	
	max-width:100%;
	}

/* -- Phone Area -- */

.phone-area {
	width:100%;
	text-align:center;
	color:#fff;
	padding:20px 0px;
	font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
	font-size:208.6%;
	}

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

.footer-bottom > .col-md-2{ text-align:center;}
div.footer-bottom p{
	margin-bottom:0 !important;
}

/* -- Main Content -- */

.mid-section {
	margin-top:20px;	
	}
	
.content .divider-content {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
	margin-left:15px;
	margin-right:15px;
	}

.content {
	padding-bottom:20px;
	font-size:14px;
	}

.content a,
.content a:visited {
	color:#0055a5;
	text-decoration:none;
	}

.content a:hover,
.content a:active,
.content a:focus {
	color:#444;	
	}

.content img {
	max-width:100%;
	background-color:#fff;	
	border: 1px solid #dfdfdf;
	}
	
.coupon-list-content img {
	margin: 10px 10px;
	background:none;
	border:none;
	}	

.remove-border {
	border:0px !important;
	background:none !important;
	}

.content p {
	margin:0 0 10px 0;
	}		

.content h1 {
	margin:0 0 5px 0;
	color:#444; /* Change color */
	font-size:215.4%;
	line-height:38px;
	}

.content h2 {
	margin:0px 0 5px 0;
	padding-top:10px;
	color:#0055a5; /* Change color */
	text-transform:uppercase;
	font-size:142%;
	}	

.content h2 span {	
	color:#663399;
	}

.content h3 {
	margin:0 0 5px 0;
	color:#333; /* Change color */
	font-size:123.1%;
	}		

.content h4 {
	margin:0 0 5px 0;
	color:#00b22d;
	font-size:115.4%;
	}		

.content h5 {
	margin:0 0 5px 0;
	color:#000;
	font-size:100%;
	}		

.content ul {
	margin:0 0 20px 15px;
	padding:0px;
	list-style:none;
	}

.content ul li {
	margin:0px;
	padding:4px 15px;
	background:url("arrow-content.png") no-repeat left 12px;
	}

.mrg-top {
	margin-top:30px;
	}

.mid-section .brand-content {
	padding:10px 0px;
	margin-bottom:20px;
	}
	
.mid-section .brand-content	img {
	margin:0 5px;
	width:70px;
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	max-width:100%;
	}

.badge-content {
	text-align:center;
	padding:10px 0px;
	margin-bottom:20px;
	}

.badge-content img {
	max-width:100%;
	}

.list-contact {
	margin:0px;
	padding:0px;
	}

.list-contact img{ border:none;}
.list-contact li {
	margin:0px;
	padding:3px 0px !important;
	background:none !important;
	}	

span.address,
span.phone,
span.email,
span.web {
	padding-left:25px;
	font-weight:bold;
	}

span.address {	
	background:url("icon-map.png") no-repeat left top;
	}
	
span.phone {
	background:url("icon-phone.png") no-repeat left top;
	}

span.email {
	background:url("icon-email.png") no-repeat left top;
	}

span.web {
	background:url("icon-web.png") no-repeat left top;
	}			

.map-area iframe {
	width:100%;
	height:280px;
	margin-bottom:20px;
	}

.map-area h2 {	
    font-size: 128.6%;
    line-height: 42px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
	}


/* --  Home page mid section classes --*/

body.home .mid-section {				
	margin:0px;
	padding:20px 0 20px 0;
	}

body.home .mid-section h1 {				
	font-size: 157.1%;
    margin: 0 0px 20px 0;
	color:#333;
	}

body.home .mid-section h3 {				
	font-size: 128.6%;
    margin: 10px 0px 10px 0;
	color:#333;
	}	

body.home .mid-section img {	
	max-width:100%;
	margin-top:6px;
	}

body.home .mid-section .col-sm-10 p {		
	margin-bottom:25px;
	}

body.home .mid-section p a {			
	color:#0055a5;
	}
	
body.home .mid-section .mrg-btm {
	margin-bottom:15px;
	}

body.home .mid-section ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}

body.home .mid-section ul {
	margin:0 0 0 15px;
	padding:0px;
	list-style:none;
	}	

body.home .mid-section ul li {
	margin:0px;
	padding:0px;
	background:url(bullet-common.png) no-repeat left 13px;
	padding:7px 25px;
	font-size:115.2%;
	}		


/* -- Sidebar -- */

.sidebar {
	padding-top:5px;
	}

.sidebar h3,
.coupon-area h3 {
    font-size: 114.3%;
    text-transform: uppercase;
	margin:0;
	padding:0px;
	line-height:42px;
	text-align:left;
	color:#0055a5;
	font-weight:bold;
	}	
	
.box-sidebar {
	margin-bottom:20px;	
	position: relative;
	border-top:3px solid #404040;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	}

.box-sidebar h3 {	
	color:#fff;
	padding-left: 10px;
	}
	
.content-sidebar {
	 background:#404040;
	}
	.content-sidebar img { padding:5px 0 0 3px;
	
	}	
	
.links-sidebar ul {
	margin:0px;
	padding:0px;
	list-style:none;	
	}

.links-sidebar ul li {
	margin:0px;
	padding:0px;
	font-size:100.0%;
	}	

.links-sidebar ul li a {
	background:url("arrow-sidebar.png") no-repeat 10px 13px;
	display:block;
	padding:3px 10px 3px 25px;
	text-decoration:none;
	color:#fff;
	}

.links-sidebar ul li a:hover {
	background-image:url("arrow-sidebar.png");
	color:#55acee;
	}

.links-sidebar ul ul li a {
	background: url("icon-dash.png") no-repeat scroll 25px 15px;
	padding:3px 45px;
	}

.links-sidebar ul ul li a:hover {	
	background-image:url("icon-dash.png");
	}

.testimonial-sidebar .content-sidebar {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	}

.testimonial-sidebar img {
	max-width:100%;
	}
	

.phone-sidebar .content-sidebar {
	padding:10px;
	}

.phone-sidebar .content-sidebar b {	
	padding-left:40px;
	display:block;
	background:url(icon-phone-sidebar.png) no-repeat 5px 5px;
	font-size:186.0%;
	line-height:36px;
	font-weight:normal;
	}

.phone-sidebar .content-sidebar b a {		
	text-decoration:none;
	color:#fff;
	}
	
.phone-sidebar .content-sidebar b a:hover {		
	color:#fff;
	}	

.badge-sidebar {
	text-align:center;
	border:1px solid #d7d7d7;	
	}

.badge-sidebar .content-sidebar {
	padding:10px 0;
	text-align:center;
	background:none;
	}	

.badge-sidebar img {
	width:115px;
	height:115px;
	margin-bottom:10px;
	}

.banner-sidebar {
	text-align:center;
	border:1px solid #d7d7d7;
	}

.banner-sidebar .content-sidebar {
	background:none;
	}
	
.banner-sidebar img {
	max-width:100%;
	}

/* -- Footer -- */

footer {
	padding:10px 0 20px;
	color:#fff;
	background:#323232;
	font-size:12px;
	}
	
footer a,
footer a:visited {	
	color:#fff;
	text-decoration:none;
	}

footer a:hover,
footer a:active,
footer a:focus {
	color:#87c2ed;
	text-decoration:none;
	}

.footlinks {
	text-align:right;
	}

.footlinks span {
	padding:0 3px;
	}

.copyrights {
	}

a#scroll-top {
	display:none;
	position:fixed;
	right:20px;
	bottom:4px;
	height:51px;
	width:51px;
	line-height:51px;
	background:url(up-arrow.png) no-repeat center center;
	
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	z-index:9999;
}
a#scroll-top:hover {
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
}

.scroll-to-fixed-fixed {
	border-top:3px solid #333;
	}

.tagline {    
    border-radius: 4px;
    color: #fff !important;
    font-size: 174.3%;
    padding: 5px 10px;
    text-align: center;
	line-height:30px;
}
.tagline i{ font-style:normal;}
.tagline-area {
	margin-top:20px;
}

.tagline-area-2 {
	display:none;
	margin-top:20px;
}

.banner-home {
	display:none;
	}

.banner-home img {
	max-width:100%;
	}

.desktop{ display:block;}

.disn-n{ display:none !important;}
.dbn{ display:none;}

/*============= COUPON SLIDER =============*/
div.couponSlider{
	/*padding-bottom:37px;*/
}
div.couponSlider div.couponSliderArea{
	padding-left:40px;
	padding-right:40px;
}
div.couponSlider div.couponSliderArea button.slick-prev,
div.couponSlider div.couponSliderArea button.slick-next{
	/*display:block !important;*/
	width:32px !important;
	height:31px !important;
	top:120px !important;
	border:none !important;
	background-image:url(controls.png) !important;
	background-repeat:no-repeat !important;
}
div.couponSlider div.couponSliderArea button.slick-prev{
	left:0 !important;
	background-position:0 0 !important;
}
div.couponSlider div.couponSliderArea button.slick-next{
	right:0 !important;
	background-position:-43px 0 !important;
}
div.couponSlider div.couponSliderArea div.couponSliderBlock{
	outline:none !important;
}
div.couponSlider div.couponSliderArea div.couponSliderBlock img{
	display:block;
	margin:0 9px;
}



/* ----- Media Queries ----- */
/* ----- These follow after primary styles so they will successfully override. ----- */


/* Large Screen - screen sizes greater than (1200px) */
@media (min-width: 1200px) {
	
.coupon-list-content img {
	width:145px;
	height:210px;
	}
	  
}

/* DESKTOP - screen sizes between (992px) and (1200px) */
@media (min-width: 992px) and (max-width: 1199px) {

.phone-header b {
	font-size:158.4%;
	}

.main-navigation ul li a {
	padding:14px 14px;
	}

.marketing-area img	{
	width:970px;
	}

.phone-area {
    font-size: 200.0%;
}	
	
.coupon-list-content img {
	width:130px;
	height:189px;
	}

.coupon-list img {
	width:125px;
	height:181px;
	}

.brands-list img {
	width:64px;
	height:49px;
	}

.mid-section .brand-content img {
	width:100px;
	}
	
.service-area ul li {
	padding:4px 0px;	
	width:134px;
	}	
  
}

/* TABLET - screen sizes between (768px) and (992px) */
@media (min-width: 768px) and (max-width: 991px) {

.logo-header {
	text-align:center;	
	margin-bottom:15px;
	}



.phone-header b {
	font-size:154.9%;
	}
	.phone-header b a {
	background: url(icon-phone-header-m.jpg) no-repeat left center;
	}

.phone-header i {
	font-size:118.4%;
	}	
	
.phone-header i span{
	display:inline-block;
	}	
	
.main-navigation ul li a {
	padding:14px 4px !important;
	font-size:92.9%;
	}	

.marketing-area img	{
	width:750px;
	}
	
.phone-area {
    font-size: 148.6%;
}	

body.home .mid-section {
	padding-bottom:0px;
	}

body.home .mid-section h2,
body.home .mid-section p {	
	text-align:left;
	background-position:left bottom;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	}

.content-sidebar {
	 background:url(phon-no-right-tab.jpg) no-repeat 10px 157px #404040; padding-bottom:54px !important;
	}

body.home .content h1 {
	font-size:271.9%;
	line-height:46px;
	}
	
body.home .mid-section figure {
	text-align:center;
	}	

body.home .content h2 {
	font-size:236%;
	}

.mid-section .brand-content img {
	width:70px;
	}

.brands-list h3 {
	font-size:130.8%;	
	}

.brands-list img {
	width:47px;
	height:38px;
	}
	

.phone-sidebar {
	min-height:200px;
	}

	
.phone-sidebar .content-sidebar {
	padding: 5px 5px 0;
	}
	
.phone-sidebar .content-sidebar b {
	font-size:160%;
	}

.coupon-list-content img {
	width:93px;
	height:135px;
	}	
	
.coupon-list img {
	width:94px;
	height:136px;
	}


.sidebar h3 {
	font-size:115.4%;
	}

.badge-sidebar {
	padding-bottom:0px;
	padding-top:0px;
	}	

.badge-sidebar img {
	width:90px;
	height:90px;
	margin:0 5px;
	}

.service-area ul li {
	font-size: 11px;
    padding: 2px 0;
    width: 97px;
	}

.footlinks,
.copyrights {
	text-align:center;
	}
	
a#scroll-top {
	display:none;
	position:fixed;
	right:20px;
	bottom:70px;
	height:35px;
	width:35px;
	line-height:35px;
	background:url(up-arrow.png) no-repeat center center;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	z-index:9999;
}


}

/* MOBILE - screen sizes less than (768px) */
@media (max-width: 767px) {
.desktop{ display:none;}
.disn{ display:block;}
.disn-n{ display:block !important;}
.tagline i{ font-style:normal;}
.dbn{ display:inline-block;}
header{
	/*margin-bottom:10px;*/
		}
		
.top-header {
	padding-top:5px;
	padding-bottom:5px;
	}

.banner-home {
	display:block;
	margin-bottom:15px;
	}	

.marketing-area {
	display:none;
}


.tagline-area {
	margin-top:0px;
}	

body.home .tagline-area {
	display:none;
}

.tagline-area-2 {
	display:block;
	margin-top:0px;
	margin-bottom:15px;
}

.logo-header {
		text-align:center;
	}
	
.navbar-header {
	float:right; display:none;
	}

.navbar-toggle {
	background:url(icon-menu.png) no-repeat left top;
	background-size: 32px;
	overflow:hidden;
	text-indent:45px;
	display:inline-block;
	width:32px;
	height:33px;	
    border: 0;
    border-radius: 0px;
    float: none;
    margin: 5px 0 0 0;
    padding: 0px;
    position: inherit;

	}

.navbar-toggle:hover {
	background-position:left bottom;
	}

.phone-header {
	text-align:center;
	 background:#0055a5; overflow:hidden; margin:10px -15px 0px -15px; padding:5px 0;
	 color:#FFF !important;
	}
	
.phone-header i{
	color:#FFF;
	}

.phone-header b {
	font-size:117.3%;
	display:block;

	}
	.phone-header b img {
		float:none; padding-left:50px;

	}
	
.phone-header b a {
		 width:50%; float:left;
	background:none !important;
	padding-left:0 !important;
		color:#fff;
 /*background-size:14px 20px;
	padding-left:22px;*/
	}
	.phone-header b a:hover {
		color:#fff;
 /*background-size:14px 20px;
	padding-left:22px;*/
	}
	
.phone-header i {
	font-size:100.0%;
	text-shadow: 2px 2px #333;
	
	
	}	
	
.phone-header i span{
	display:inline-block;
	}	

.marketing-area img	{
	width:100%;
	}

.rev_slider_wrapper	{
	top:0;
	}

.phone-area {
	padding:7px 0px;
	font-size:108.0%;
	}	
.phone-area a{ width:50%; float:left;}

.phone-area span{ display:none;}	
.coupon-area img {
	margin-bottom:10px;
	}
.feature-area{ margin-bottom:15px;}
.feature-area img {
	margin-bottom:10px;
	}

.feature-area h2 {
    color: #fff;
    font-size: 106.3%;
    margin: 0 0 10px;
    min-height: 26px;
	line-height:26px;
    padding: 0 0 0 33px;
    text-transform: uppercase;
}	
	

.feature-box-01 h2 {
	background:url(icon-24-m.png) no-repeat left top;
	}

.feature-box-02 h2 {
	background:url(icon-watch-m.png) no-repeat left top;
	}
	
.feature-box-03 h2 {
	background:url(icon-calendar-m.png) no-repeat left top;
	}

.feature-box-04 h2 {
	background:url(https://bayareahomegaragedoors.com/common_file/icon-feature-m.png) no-repeat left top;
	}

.none{ display:none;}

body.home .mid-section {				
	padding-bottom:0px;
	}

body.home .mid-section h2,
body.home .mid-section p {	
	text-align:left;
	background-position:left bottom;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	}	

body.home .mid-section h1 {
	font-size:145.0%;
	line-height:normal;
	font-weight:bold;
	margin-bottom:10px
	}

.mid-section .brand-content {
	text-align:center;
	}

.mid-section .brand-content img {
	margin-bottom:10px;
	}

.brands-list h3	{
	font-size:100%;
	background:none;
	color:#333;
	line-height:normal;
	margin-top:15px;
	}

.brands-list .slidesjs-container {
	height:135px !important;
	}

.brands-list img {
	margin-bottom:5px;
	width:49px;
	height:40px;
	}		

.page-title h1 { 	
	font-size:145.0%;
	font-weight:bold;
	line-height:normal;
	}

.phone-sidebar {
	margin-top:5px;
	}

.coupon-list-content {
	text-align:center;
	}

.coupon-list-content img {
	width:160px;
	height:232px;
	margin:0px;
	}	
	
.coupon-area h3 {
	line-height:normal;
	}
	
.coupon-list .slidesjs-container {
	height:245px !important;
	}

.coupon-list a {
	text-align:center;
	}

.coupon-list img {
	width:160px;
	height:232px;
	float:none;
	}	

.service-area ul li {
	font-size: 11px;    
    width: auto;
	border-bottom:0px;
	border-left:1px dotted #ccc;
	line-height:12px;
	padding: 0 10px;
	margin:0 0 10px 0;
	}

.service-area ul li:first-child {	
	padding-left:0px;
	border:0px;
	}
		
footer address {
	padding-top:25px;
	text-align:center;
	}

.copyrights {
	text-align:center;
	}

.footlinks {
	padding-top:5px;
	text-align:center;
	}

.sm-footer {
	margin-bottom:20px;
	}

	
/*-- Main Navigation --*/

.main-navigation {
	position:absolute;
	top:56px;
	border:0px;
	width:100%;
	z-index:999;
	}

.main-navigation .navbar-default {
	background: none;
	padding-left:15px;
	padding-right:15px;
	}

.main-navigation ul {
	margin:0px;
	padding:0px;
	list-style:none;
	float:none;
	text-align:left;
	}

.main-navigation ul li {
	margin:0px;
	padding:0px;
	display:block;
	float:none;
	border-top:1px solid #534f49 !important;
	}	

.main-navigation ul li:first-child {
	border:0px;
	}

.main-navigation ul li a,
.main-navigation ul li a:visited,
.main-navigation ul ul li a,
.main-navigation ul ul ul li a {	
	display:block;
	text-transform:none;
	padding:10px 10px; 
	font-size:100%;
	font-weight:bold;
	background:#f8f8f8;
	color:#333;
	border-radius:0px;	
	}

.main-navigation ul li a:hover,
.main-navigation ul li a:active,
.main-navigation ul li a:focus {
	color:#fff;
	background:#0055a5;
	}

.main-navigation ul ul li a {		
	font-weight:normal;
	padding:10px 20px;
	color:#333 !important;
	}

.main-navigation ul ul ul li a {			
	font-weight:normal;
	padding:10px 30px;
	color:#333 !important;
	}

.main-navigation ul ul li a:hover,
.main-navigation ul ul ul li a:hover {
	color:#fff !important;
	background:#0055a5;
	}

.main-navigation ul ul {
	display:block;
	position:relative;	
	z-index:99;
	width:auto;
	border:0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}

.main-navigation ul ul,
.main-navigation ul ul li,
.main-navigation ul ul ul li {	
	width:auto;
	}

.main-navigation ul ul li:hover > a {
	background:#0055a5;	
	color:#fff !important;
	}	
	
.main-navigation ul ul ul {
	display:block !important;
	position:relative;	
	width:auto;
	left:auto;
	}	

.phone-area img{ width:37%;} 

a#scroll-top {
	display:none;
	position:fixed;
	right:20px;
	bottom:100px;
	height:35px;
	width:35px;
	line-height:35px;
	background:url(up-arrow.png) no-repeat center center;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	z-index:9999;
}

.tagline {
    background: none repeat scroll 0 0 #0055a5;
    border-radius: 0px;
    color: #fff !important;
    font-size:82.3%;
	line-height:18px;
	font-weight:bold;
    padding: 5px;
    text-align: center;
	margin:0 -15px;
}

.tagline b{
	color:#FF0;
	}
.logo-header{ padding:0 15px;}
.lrg101 { font-size:107.3% !important;}

.patch-header{ display:none;}
}



.cont-no { background:#4d443e; overflow:hidden; padding:10px;  font:bold 16px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; line-height:24px; border-radius:4px; margin:0 0 15px 0;}
.cont-no a { color:#FFF; text-decoration:none;}
.cont-no a:hover { color:#f05523; text-decoration:none;}

.mg-tp25 { margin-top:25px;}
.txt-cnt { text-align:center !important;}


/*images/icon-phone-header-m.jpg
images/phon-no-right-tab.jpg
images/icon-menu.png*/