html {scroll-behavior: smooth}

/* --------------------------------------

   Body 

	 disable code:

 -webkit-user-select: none;

        -webkit-touch-callout: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

   -------------------------------------- */



@font-face {

    font-family: 'barristercondssiregular';

    src: url('../fonts/barrcs-webfont.woff2') format('woff2'),

         url('../fonts/barrcs-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'cheltenhamitcteebold';

    src: url('../fonts/ce07016t-webfont.woff2') format('woff2'),

         url('../fonts/ce07016t-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



.row {margin-left: 0; margin-right: 0;}



body, html { 

	overflow-x:hidden !important; 

}



a, a:hover {color: inherit;}



a[href^=tel] { 

	color: inherit; 

	text-decoration: none; } 



body {

	

	font-family: "Georgia", Arial;	

	color: #111; 

	background-color: #fff;	

	font-size: 18px; 

	overflow-x: hidden; 

}



h1 {

	font-size: 32px; 

	font-family: "cheltenhamitcteebold", Arial; letter-spacing: 1px;

	color:#132440; 

}



h2, h3, h4, h5, h6 {

	font-size: 25px; 

	font-family: "cheltenhamitcteebold", Arial; 

	 color:#132440; letter-spacing: 1px;

}





a{ 

	transition: all 0.2s ease-in-out 0s;}

 a:hover { 

 text-decoration: underline;

	transition: all 0.2s ease-in-out 0s;

}



p {	

	font-family: "Georgia", Arial; 

	text-shadow:none;

	font-size:18px;

}



div.container {	

	position:relative;}



.floatLeft { float:left}

.floatRight { float:right}

.SedroanP_nopadding{padding:0!important}

.SedroanP_nomargin{margin:0!important}

.SedroanP_socialmedia{width:90px;  height: auto; margin: 0px auto !important}
.SedroanP_socialmedia img:hover{opacity: 0.8; border-radius:20px; }
.SedroanP_socialmedia img{border-radius: 10px; padding: 5px;  width: 40px;   -webkit-transition:all 0.3s 0s ease-in-out;
	transition:all 0.3s 0s ease-in-out; float: left !important}




.SedroanP_socialmedia2{width: 40px; padding: 1px; border-radius: 5px; height: auto;  }

.SedroanP_socialmedia2 img:hover{opacity: 0.8; }

.SedroanP_socialmedia2 img{border-radius: 20px;     -webkit-transition:all 0.3s 0s ease-in-out;

    transition:all 0.3s 0s ease-in-out; }

/* --------------------------------------

   header padding and background

   -------------------------------------- */

.SedroanP-padding_around {

	padding: 0vh 2vw;

}

#SedroanP-main_heading_bg {

	background:#132440;

}





.SedroanP-padding_around3 {

	padding: 2vh 12vw;

}

/* --------------------------------------

   logo and phone header

   -------------------------------------- */

.SedroanP-logo { margin-bottom: 5px;}

.SedroanP-logo img{width:150px; height: auto}



.SedroanP-logo h1{ 	font-size: 36px;    font-family: 'barristercondssiregular', California;

 margin: 10px 0; text-transform: uppercase}

.SedroanP-logo a{color: #bf092f;}

.SedroanP-logo a:hover{color: #111; }

.SedroanP-logo p{color:rgba(255, 255, 255, 0.7)}

.SedroanP_phoneheader{ 

	text-align: right; 

}

.SedroanP_phoneheader img{float:right; margin-left: 20px; display: inline-block}

.SedroanP_phoneheader {margin-top:5px; margin-bottom: 5px;}

p.SedroanP_phoneheader a{color: #777; font-family: "cheltenhamitcteebold", Arial; font-size: 23px}



.SedroanP_phoneheader a:hover{ 

	color: #333;

}

img.SedroanP_phoneheader {width: 160px; height: auto; float: right;  }

.SedroanP_bgheader {background: #ffffff}







/* --------------------------------------

   Navigation

   -------------------------------------- */

.navbar-inverse{ border-top:none;

	 	transition: all 0.2s ease-in-out 0s; color: #fff;	

		font-family: "cheltenhamitcteebold", Arial;  }



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {   padding:10px 25px !important;

	color:#fff;

background: #3b9797;





  text-shadow:none;  }



	

.navbar-inverse .navbar-nav > li > a{

		 font-family: "cheltenhamitcteebold", Arial;  background:none;

	 padding:10px 25px; text-shadow:none;	

transition: all 0.2s ease-in-out 0s;

	 font-size:18px;  	 color: #fdf5bd;}



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#3b9797;     transition: all 0.3s; }



.navbar { 

	margin-bottom:0; }

	

.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;}



.navbar .navbar-collapse {

  text-align: center;}



/* --------------------------------------

  banner services

   -------------------------------------- */



.SedroanP_banner-wallpaper {background:#333; 

	background-image: url(../images/garage-door-san-pedro_1.jpg);	

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important; 

		background-position:bottom center;

  background-size: cover !important; }

.SedroanP-box-service-padding {padding: 20px;}



.SedroanP-box-service img:hover {  transform: scale(1.1);

transition: all .5s; cursor: pointer; filter:grayscale(100%)}



/* --------------------------------------

  video

   -------------------------------------- */



.SedroanP-2 {padding: 15px;}



.SedroanP-2_responsive-video {

    position: relative;

    padding-bottom: 50%;

    padding-top: 30px; overflow: hidden;

}



.SedroanP-2_responsive-video iframe,

.SedroanP-2_responsive-video object,

.SedroanP-2_responsive-video embed {

    position: absolute; 

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

	

/* --------------------------------------

   (white)

   -------------------------------------- */

.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {

  content: "";

  position: absolute;

  left: 560px;

  top: 60px;

  width: 50px;

  height: 3px;

  border-radius: 5px;

  background-color: #3b9797;

}

.SedroanP-white {margin-top: 20px; margin-bottom: 20px; background: #fff;}

.SedroanP-white_lg_img{padding: 20px 0; width: 100%; height: auto; margin: 0 auto; }



.SedroanP-white h1, .SedroanP-white h2, .SedroanP-white h3, .SedroanP-white h4, .SedroanP-white h5 {font-size: 25px;

	color: #132440; padding-bottom: 20px; text-align: center}

.SedroanP-white a {color:#132440}

.SedroanP-white a:hover{text-decoration: underline}

.SedroanP-white p, .SedroanP-white ul, .SedroanP-white li{color:#444;}

.SedroanP-white ul{ margin-left: 30px; }

.SedroanP-white li{list-style: square}

.SedroanP-white-text {padding:20px;}



.SedroanP-boxlist{border-radius: 5px; background: #3b9797; display: inline-block; padding: 10px 30px; margin-top: 20px; color:#fff !important}



/* --------------------------------------

   (Dark_section)

   -------------------------------------- */

	

.SedroanP-dark { margin-top: 20px; margin-bottom: 20px;  background: #f4f4f4 }

.SedroanP-dark_padding{padding: 90px 0px}



.SedroanP-dark-top {background-image: url(../images/garage-door-san-pedro-1.png); background-repeat:repeat-x; background-position: left top;}



.SedroanP-dark-bottom {background-image: url(../images/garage-door-san-pedro-2.png); background-repeat:repeat-x;  background-position: left bottom;}







.SedroanP-dark h1, .SedroanP-dark h2, .SedroanP-dark h3, .SedroanP-dark h4, .SedroanP-dark h5, .SedroanP-dark h6 {font-size: 25px;

	color: #132440; padding-top: 10px; }



.SedroanP-dark a:hover { 

	text-decoration: underline; }.SedroanP-dark p, .SedroanP-dark ul, .SedroanP-dark li{color:#302d29;}

.SedroanP-dark a{color:#132440}

.SedroanP-dark p, .SedroanP-dark ul, .SedroanP-dark li{color:#302d29;}

.SedroanP-dark ul{ margin-left: 30px;}

.SedroanP-dark  li{list-style:square;}



.SedroanP-darkimgside{float: right; margin: 20px 0px 20px 30px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(84, 76, 69, 0.3) 0px 30px 60px -30px; border-left: 7px solid #c0fafa; border-bottom: 7px solid #c0fafa; width: 450px; height: auto; border-radius: 5px}





/* --------------------------------------

   Section footer services

   -------------------------------------- */

.SedroanP_serright{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(84, 76, 69, 0.3) 0px 30px 60px -30px; border: 7px solid #c0fafa; margin-top: 10px;}

.SedroanP_ser_pad a{color:#fff}

.SedroanP_ser_pad{padding: 0px 5px 40px 0px;}

.SedroanP_ser_orange{padding: 15px; background: #3b9797; color:#21110b !important}

.SedroanP_ser_orange p{color:#21110b !important; font-size: 14px;}

.SedroanP_ser_orange strong, .SedroanP_ser_green strong{font-family: "cheltenhamitcteebold", Arial; letter-spacing: 1px; font-size: 16px;}

.SedroanP_ser_orange, .SedroanP_ser_green{min-height: 220px;}

.SedroanP_sertext-center img{width: 100px !important; height: auto; float: inherit !important; padding: 5px; margin: 0 auto !important}

.SedroanP_sertext-center {text-align: center;font-family: "cheltenhamitcteebold", Arial; letter-spacing: 1px; font-size: 20px !important; }

.SedroanP_ser_orange:hover{filter:grayscale(100%)}

.SedroanP_ser_green{padding: 15px; background: #132440;}

.SedroanP_ser_green:hover{filter: grayscale(100%)}

.SedroanP_ser_green p{ color:rgba(255, 255, 255, 0.9) !important; font-size: 14px;}

.SedroanP_ser_green img, .SedroanP_ser_orange img{float: left; margin: 10px; width: 40px; height: auto}

/* --------------------------------------

   Section footer links

   -------------------------------------- */

 #SedroanP-footer { padding: 40px;  text-align: center; color: #333}



#SedroanP-footer a{ color:#666; transition: all 0.2s ease-in-out 0s;}

#SedroanP-footer a:hover{color:#132440; text-decoration: underline;}



.SedroanP-footerCopyright{background:#fff; padding: 10px 40px; color:#777; display: inline-block; border-radius: 5px; margin-top: 10px;}

/* --------------------------------------

   phone button

   -------------------------------------- */

.SedroanP-phone a{ color:#3f1f13 !important; text-align: center; font-size: 20px; 

	 font-weight: bold; text-shadow: none;

background: #59d9d9; border-radius: 0px 0px 30px 0px;

display: inline-block; border-bottom: 5px solid #3b9797;

	transition: all 0.2s ease-in-out 0s !important;	

	font-family: "cheltenhamitcteebold", Arial; letter-spacing: 1px;

	padding:10px 15px !important

}

.SedroanP-phone {margin:10px 0;}

.SedroanP-phone p{margin: 30px 0px;}

.SedroanP-phone a:hover{	

background: #132440; 

	color:#ffffff !important;  text-decoration: none;

}





/* footer Schema */ 

#schemacss {

	

	 color:#333; }

#schemacss a{color:#222;} 		

.schema_add_map div {

	display: inline;}





/* --------------------------------------

BackToTop button css 

-------------------------------------- */

#scrolltop {

	position:fixed;

	right:0px; 

	bottom:20px;

	cursor:pointer;

	width:40px;

	height:40px;

	background-color:rgba(1,88,79, 0.7);

	text-indent:-9999px;

	display:none;

border-radius: 2px;}

	

#scrolltop span {

	position:absolute;

	top:50%;

	left:50%;

	margin-left:-8px;

	margin-top:-12px;

	height:0;

	width:0;

	border:8px solid transparent;

	border-bottom-color:#ffffff}

	

#scrolltop:hover {

	background-color:#132440;

	

	opacity:1;filter:"alpha(opacity=100)";

	-ms-filter:"alpha(opacity=100)";}

	



/* video responsiveness */

.embed-responsive {



  position: relative;  display: block;  height: 0;  padding: 0;  overflow: hidden;}



.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,

.embed-responsive object,.embed-responsive video {

  position: absolute;  top: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;}



.embed-responsive-16by9 {  padding-bottom: 56.25%;}



.embed-responsive-4by3 {  padding-bottom: 75%;}




.customer-testimonials ul, .customer-testimonials li {
    margin-right: 0;
    margin-left: 0;
	list-style: none;
}

.customer-testimonials{
	overflow:hidden;
	list-style:none;
	padding:0;
}

.customer-testimonials .testimonial-holder {
    box-shadow: 0 8px 6px -6px #e5e5e5;
    background-color: #f4eade40;
    padding: 15px;
    margin: 30px 5px;
    font-size: 0.9em;
}

.testimonials-title {
    font-weight: bold;
    color: #008577;
}

.testimonials-rating{
	color: #035cb0;
}

.testimonial-holder p{
	text-align:left !important;    
}

.page-customer-testimonials {
    margin-top: 10px;
    padding: 20px 10px;
}

.page-customer-testimonials h2 {
    padding: 10px 0px;
    margin: 10px 20px;
    text-align:center;
}

.page-customer-testimonials .testimonial-holder p{
	font-size:1.2em ;
}

.page-customer-testimonials  .customer-testimonials {
    padding: 0;
}

.testimonials-btn {
    background: #132440;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 3px 2px 2px 0px #091d2d;
}

.testimonials-btn:hover {
    background: #001321;
}

.testimonials-btn a{
color:#ffffff;
}




@media (max-width: 1350px) {

	.SedroanP-padding_around {padding: 0vh 1vw;}

	.SedroanP-logo p {font-size: 12px;}

	h2, h3, h4, h5, h6 {font-size: 20px;}

	.SedroanP-phone_top {width: 100px}

	.SedroanP_phoneheader a {font-size: 18px; line-height: normal;}

		.SedroanP-logo h1{ font-size: 20px;}

	.SedroanP-mobiletext {font-size: 14px;}

	.SedroanP-contact_info_text { border:30px solid #0f418c}

	.sticky.SedroanP-logo a {font-size: 18px}

	.sticky.SedroanP-mobiletext {font-size: 10px}

	.SedroanP-bannertext h5 {font-size: 18px;}

	.SedroanP-bannertext p{font-size: 12px}

	.SedroanP-boxbg {margin-top: -80px}	

	.SedroanP-phone a{font-size: 18px !important; }

	.SedroanP-padding_around3 {padding: 2vh 5vw;}

	p.SedroanP_phoneheader a {font-size: 18px;}

	.SedroanP_phoneheader {margin-top: 0px; padding-top: 0;}

		.SedroanP_banner{margin-top: 5px; margin-bottom: 5px;}

	.SedroanP-box-service-padding {padding: 5px; margin-top: 5px; margin-bottom: 5px;}

	

	.SedroanP_banner-wallpaper {

	background-image: url(../images/garage-door-san-pedro_1a.jpg);	

		background-position:bottom center; }



	

}



/* Small screen laptop and pc */

@media (max-width: 1150px) {

		.SedroanP_banner{margin-top: 5px; margin-bottom: 5px;}

	.SedroanP-box-service-padding {padding: 5px;}

	.SedroanP-box-service {min-height: 210px}

	.SedroanP-padding_around {padding: 0vh 2vw;}

		.SedroanP-logo h1{ font-size: 20px;}

	.SedroanP_phoneheader a {font-size: 15px}

	.SedroanP-mobiletext {font-size: 10px}

	.sticky.SedroanP-logo a {font-size: 16px;}

	.sticky.SedroanP-mobiletext {font-size: 9px}

	.SedroanP_phoneheader a {font-size: 12px}

.navbar-inverse{

background:#132440; 

          border-bottom: none;

            -webkit-transition: all 0.4s ease;

            transition: all 0.4s ease;}

	.navbar .navbar-nav {padding-top: 5px; padding-bottom: 5px;}

#SedroanP_banner{margin:0px auto 0; background:#05175b;}



.navbar-nav{margin:0;}

.navbar-inverse.sticky {top:0;

            position: fixed;

	font-size:14px;

            width: 100%;          

		background:#132440!important;

            text-align: left;

           			opacity:0.94;	 }		

	

.navbar-inverse.sticky .navbar-nav > li > a{font-size:14px; 	

 padding:20px 5px;

 }

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color:#ffffff;  padding:20px 5px;

			 font-family: "California", Arial;text-shadow:none;  }

	.navbar-inverse.sticky .navbar-nav{margin: 0;}	





.navbar-inverse .navbar-nav > li > a{

		 	 font-family: "California", Arial;

background: none; 

	font-size:12px; }

	.SedroanP-box-servicefooter {min-height: 550px}

	img.SedroanP_phoneheader {width: 100px !important}

	p.SedroanP_phoneheader a {font-size: 18px;}

	.SedroanP-darkimgside {width: 250px; }

	.SedroanP_ser_orange, .SedroanP_ser_green {min-height: inherit}

	.SedroanP_ser_pad {padding: 5px;}

	.SedroanP_ser_green img, .SedroanP_ser_orange img {float: inherit; width: 100px; margin: 5px auto}

	.SedroanP_ser_green, .SedroanP_ser_orange {text-align: center !important}

	.SedroanP_serright{width: 400px; height: auto; margin: 15px auto}

		.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 440px}

	

}





@media (max-width: 1123px) {.SedroanP-padding_around3 {padding: 2vh 2vw;}

	.SedroanP-footerPadding {padding: 5px}



	.SedroanP-footerCopyright {margin-top: 0}

		.SedroanP-boxbg {margin-top: -20px}

	.SedroanP-logo img {width:100px}

	.SedroanP_phoneheader, .SedroanP-logo h1{margin-top: 0; margin-bottom: 0;}

	.SedroanP-white-img-side { width: 300px; height: auto; }

.SedroanP-padding_around {padding: 0vh 2vw;}

	.navbar .navbar-nav {padding-top: 10px; }

.SedroanP-phone_footer {font-size: 25px}

.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}



.SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {right:330px}

}

@media (max-width:1033px) {

	.SedroanP-phone_top p{font-size: 12px;}

.SedroanP-white-img-side { width: 250px; height: auto; }

			.SedroanP-contact_info_text {padding: 10px 20px} 	.SedroanP-1_banner_main_left h5{ font-size: 20px;}	

	.SedroanP-contact_info_text a{font-size: 20px;}

	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}

	

.SedroanP_banner-wallpaper {

	background-image: url(../images/garage-door-san-pedro_1b.jpg);	

		background-position:bottom center; }

.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 340px}



	

	}



@media (max-width:980px) {	

	

	.SedroanP-banner_services-text-info h6, .SedroanP-banner_services-text-info h5 {font-size: 16px}

	.SedroanP-banner_services-text-info p{font-size: 12px; text-shadow: 1px 1px 1px #fff}

	.SedroanP-logo a{font-size: 11px}

	.sticky.SedroanP-logo a {font-size: 10px}

	

	.SedroanP-mobiletext {font-size: 8px}

	.SedroanP_phoneheader a {font-size: 8px; line-height: normal}

/*   Navigation */	

.navbar-inverse .navbar-nav > li > a{

	 font-size:9px; padding: 20px 4px}

	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 8.5px;}

.SedroanP-cc img{display:inline-block; width: 90px; height: auto}		

	.SedroanP-footer_services_shadow {min-height: 270px; }

		.SedroanP-phone a {font-size: 14px;}

img.SedroanP-phone_top {width: 80px;}

	

	.SedroanP-banner_services{padding:1vh 1vw	}

#SedroanP-footer h5 {font-size: 20px;}

.SedroanP-box-servicefooter {min-height: inherit}

	.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 350px}

}



/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	.SedroanP-dark_padding {padding: 5px;}

		.SedroanP-darkimgside {width: 250px; float: inherit; margin: 5px auto !important; border:1px; box-shadow: none}

	.SedroanP-white, .SedroanP-dark {margin-top: 5px; margin-bottom: 5px;}

	.SedroanP-dark-bottom, .SedroanP-dark-top {background-image: none; margin: 0; padding: 0;}

	.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 270px; top:0px;}

	.SedroanP_banner-wallpaper {

	background-image: url(../images/garage-door-san-pedro_1c.jpg);	

		background-position:bottom center; }

	.SedroanP_ser_pad{padding: 5px;}

	.SedroanP-white-img-side{float: inherit; margin: 5px auto; width:250px}

	.SedroanP-white h1, .SedroanP-white h2, .SedroanP-white h3, .SedroanP-white h4, .SedroanP-white h5 {width: inherit}

	.SedroanP-dark h1, .SedroanP-dark h2, .SedroanP-dark h3, .SedroanP-dark h4, .SedroanP-dark h5, .SedroanP-dark h6  {width: inherit}

	.SedroanP-footerBoxtop {width: inherit}

	.SedroanP-box-servicefooter, .SedroanP-box-service{min-height: inherit}

	.SedroanP-boxbg {margin-top: 10px;}

	.SedroanP-white {	background-image:none}

	.SedroanP-box-service p{font-size: 12px;}

	.SedroanP-box-servicefooter img{width: 400px; height: auto;margin: 0 auto}

	.SedroanP-contact-emCon {padding:10px}

	.SedroanP-contact-footerbg h5, .SedroanP-contact-footerbg h6{font-size: 20px;}

	.SedroanP-contact-footerbg h5, .SedroanP-contact-footerbg h6 {font-size: 18px;}

	body {background-color: #fff; }

	.SedroanP-banner_servicesbg{padding: 5px !important;}

	.SedroanP-banner_servicesbg img{margin: 5px 0}

		.SedroanP-logo_small_screen a{color: #fdfda5}

.SedroanP-logo_small_screen{font-size: 22px;    font-family: 'barristercondssiregular', California;

 margin: 5px; text-transform: uppercase;}

		

		.SedroanP-bg_phone_tablet_area {text-align: center; padding: 1vh 2vw; background: #a8fafa; color:#444; font-size: 18px }

	.SedroanP-bg_phone_tablet_area a{color:#333; font-size: 18px}

	.SedroanP-bg_phone_tablet_area a:hover{text-decoration: underline; font-size: 18px}



	.SedroanP-dark, .SedroanP-white{ padding: 1vh 4vw; margin: 5px}

	.SedroanP-contact-footerbg{ padding: 3vh 11vw; margin: 5px}

	



		.SedroanP-phone a:hover, .SedroanP-phone a{font-size: 20px}

	.SedroanP-phone{display:flex; 

								justify-content:center;	align-items:center; width: 96%}	



	.SedroanP-contact-emCon img{width: 130px; margin: 5px auto}

	.SedroanP-Phone_visible_area_bg img{width: 130px; margin: 5px auto}

	.navbar .navbar-collapse {padding-top: 5px; text-align: left}

	.SedroanP-darkgray, .SedroanP-white, .SedroanP-quick_services {padding: 1vh 11vw; }

	.SedroanP-footer_services_action_bg img{display: none;}

	.SedroanP-footer_services_action_bg {padding: 10px; margin:5px 0 0px 0; min-height: inherit;}

	.SedroanP-footer_services_item {min-height: inherit;}

	.SedroanP-contact-footer {margin-top: 5px; margin-bottom: 5px}

.SedroanP-footer_services_action .post {

	padding: 5px;}

	.SedroanP-footer_services_shadow {padding: 10px 20px; min-height: inherit;}

	.SedroanP-contact {padding: 10px; }

	.SedroanP-2_bg h1 {font-size: 22px}

	.SedroanP-phone a:hover, .SedroanP-phone a{font-size: 16px; display: inherit;}

	.SedroanP-padding_around_services_footer {

    padding: 1vh 2vw;

}

	a, a:hover {font-size: 17px}

	.SedroanP-2, #SedroanP-footer, .SedroanP-darkgray,.SedroanP-white,.SedroanP-footer_services_action_bg

	{padding: 10px 20px;}

	.SedroanP-contact{padding: 30px;}

	.SedroanP-footer_services_action h5 {font-size: 22px; }

	

	.SedroanP-1_banner_main_right_service > .col-sm-12 {padding: 0}

					.SedroanP-1_banner_main_left{text-align: center; }

				.SedroanP-1_banner_main_left > .clearfix, .SedroanP-1_banner_main_right, .SedroanP-phone{display:flex; 

								justify-content:center;	align-items:center; width: 96%}	

.SedroanP-1_banner_main_right_service{width: 155px; height: auto;  padding-right: 10px}

			.SedroanP-banner_services {padding: 2vh 3vw;}

	

	

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: rgba(0, 0, 0, 0.1); }

	.pull-right{float: inherit !important }

	

.navbar-inverse{

	height:auto;

	opacity:0.9;}

	

.navbar-inverse .navbar-nav > li > a{

	font-size:18px; background: none; 

	font-weight:bold;

	padding:5px 20px !important;}

	

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse 

.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > 							

.active > a:hover {

	border:none;

	padding:5px 20px}



.navbar-nav{

	float: inherit!important;

	clear:left;

	margin:0px;}	



.navbar-collapse{

	padding-bottom:5px;}	



.navbar-inverse.sticky .navbar-nav > li > a{

	font-size:18px;

	font-weight:bold;

	padding:5px 30px !important; }

	

.navbar-inverse.sticky .navbar-nav > .active > a, 

.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav > 

.active > a:hover {	font-size:16px;

	border:none;

	padding:5px 30px}

	

.navbar-inverse.sticky{

	height:auto;

	opacity:0.9; }

	

.navbar-collapse.sticky{

	padding-bottom:5px;}	

	

	

	.SedroanP-darkgray img {width: 250px; height: auto}

	.SedroanP-white_img_services img {width: 250px; height: auto}

	

	h1, h2, h3, h4, h5, h6 {font-size: 20px}

	/* navbar-toggle */

	.navbar-inverse .navbar-toggle { 



		border: none;

background: none;}	

	.navbar-inverse .navbar-toggle:hover { color: #fff; background: rgba(0, 0, 0, 0.4); }}



/* Portrait & landscape phone */

@media (max-width: 670px) { 

	.SedroanP_banner-wallpaper {

	background-image: url(../images/garage-door-san-pedro_1d.jpg);	

		background-position:bottom center; }

	#SedroanP-footer h5 {font-size: 18px}

.SedroanP-banner_services {

	background-image: url(../images/garage-door-san-pedro_0_bg_1_d.jpg);

	background-position: left top; 

}

	.SedroanP-white-img-side{float: inherit;  width:200px}

	.SedroanP-footer_services_action_bg h6 {font-size: 20px}

	.SedroanP-logo_small_screen a{font-size: 15px;}

	.SedroanP-bg_phone_tablet_area a{font-size: 18px}

.SedroanP-box-service p{font-size: 9px;}

	.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 250px}

}



@media (max-width: 420px) {	

	body {background-color: #fff; background-image:none; }

	.SedroanP-contact-footer_img_services {display: none}

		.SedroanP-phone a:hover, .SedroanP-phone a{font-size: 16px; display: inline-block}

	.SedroanP-dark {background-image: url(../images/garage-door-san-pedro_11_a.png);}

	.SedroanP-logo_small_screen{font-size: 12px;}



	p, ul, li {font-size: 14px;}

		h1, h2, h3, h4, h5, h6 {font-size: 18px}.SedroanP-phone a:hover, .SedroanP-phone a{font-size: 16px; display: inline-block}

	#scrolltop{display: none !important}

	

		.SedroanP-banner_services, .SedroanP-Dark_bg_1, .SedroanP-Dark_bg_2, .SedroanP-Dark_bg_3, .SedroanP-contact-footerbg  { background-image: none;}

	.SedroanP_banner-wallpaper {

	background-image: url(../images/garage-door-san-pedro_1f.jpg);	

		background-position:bottom center; }

	.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 160px}

	

}



@media (max-width: 360px) {		h1, h2, h3, h4, h5, h6 {font-size: 18px}	

	.SedroanP-dark {background-image: url(../images/garage-door-san-pedro_11_b.png);}

		.SedroanP-banner_services{display: none;}

	.SedroanP-logo_small_screen{font-size: 13px;}	

	.SedroanP-white-img-side, .SedroanP-Dark-img-side{display: none}

.SedroanP-2, #SedroanP-footer, .SedroanP-darkgray,.SedroanP-white,.SedroanP-contact,.SedroanP-footer_services_action_bg

	{padding: 1vh 1vw;} 

.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 130px; }

				.SedroanP-white_container { margin: 0; padding: 1vh 1vw;}



.SedroanP-bg_phone_tablet_area a{font-size: 18px}

	.SedroanP-phone_footer {font-size: 18px; padding: 1vh 1vw;}

	.SedroanP-boxbg {display: none}

	

}



@media (max-width: 280px) {	.SedroanP-logo_small_screen{font-size: 10px;}	

	.SedroanP-dark {background-image: url(../images/garage-door-san-pedro_11_c.png);}

	.SedroanP-footer_services_action {text-align: center}

	#SedroanP-schema {display: none}

	.SedroanP-white-img-side img {display: none}

	.SedroanP-bg_phone_tablet_area a{font-size: 16px}

	.SedroanP-white h1::after, .SedroanP-white h2::after, .SedroanP-white h3::after, .SedroanP-white h4::after, .SedroanP-white h5::after {left: 70px; top:0px;}

}









@media (min-width: 1200px) {	

	

	body {background-size: contain}

	

.navbar-inverse{

background: #132440;



          border-bottom: none;

            -webkit-transition: all 0.4s ease;

            transition: all 0.4s ease;}



#SedroanP_banner{margin:0px auto 0; background:#132440;}



.navbar-nav{margin:0;}

.navbar-inverse.sticky {top:0;

            position: fixed;

	font-size:18px;

            width: 100%;          

		background:#132440!important;

            text-align: left;

           			opacity:0.9;

					 }	

	.sticky.SedroanP-logo img{width: 100px;}

	.sticky.SedroanP-logo p{font-size: 16px}

	.sticky.SedroanP-logo h1{font-size: 25px;}

	.sticky.SedroanP-mobiletext {font-size: 12px}

.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; 	

 padding:15px;

 }

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color:#ffffff;  padding:15px;

			font-family: "cheltenhamitcteebold", Arial; text-shadow:none; letter-spacing: 1px; }

	.navbar-inverse.sticky .navbar-nav{margin: 0;}	





.navbar-inverse .navbar-nav > li > a{

		 	 font-family: "cheltenhamitcteebold", Arial; letter-spacing: 1px;

background: none; 

	 font-size:17px;  }



	

	

}



@media screen and (min-width: 1600px) and (max-width: 1912px) {

	.navbar-inverse .navbar-nav > li > a{

	 font-size: 18px;  }

		.SedroanP-banner_services {padding: 1vh 2vw;}

	.navbar-inverse.sticky {font-size: 18px;}

	.SedroanP-banner_services {background-size:100% 80%!important;} 

.SedroanP-contact-emCon {padding: 62px 20px;}

	.SedroanP-Dark_bg_padding {padding: 0vh 0vw;}

}

	

@media screen and (min-width: 1920px) and (max-width: 2559px){ 





.navbar-inverse .navbar-nav > li > a{

	  font-size: 20px;  }

	

	.SedroanP-padding_around {padding: 0vh 12vw;}



		.SedroanP-padding_around2, .SedroanP-padding_around3{padding: 0vh 20vw;}



	.SedroanP-boxbgfooter {padding: 3vh 14vw;}

	

	.SedroanP_banner-wallpaper {background:#333; 

	background-image: url(../images/garage-door-san-pedro_1.jpg);	

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important; 

		background-position:center center;

  background-size: cover !important; 

	 background-size:auto 100% !important;

	}

}



@media (min-width: 2560px) and (max-width: 3499px) {

	

	.SedroanP-padding_around {padding: 0vh 20vw;}

	.SedroanP-logo h1{ font-size: 30px;}

		.SedroanP-padding_around2, .SedroanP-padding_around3{padding: 0vh 25vw;}

#scrolltop {right:25vw}	

	.SedroanP-boxbgfooter {padding: 3vh 20vw;}

	.SedroanP_banner-wallpaper {background:#333; 

	background-image: url(../images/garage-door-san-pedro_1.jpg);	

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important; 

		background-position:center center;

  background-size: cover !important; 

	 background-size:auto 100% !important;

	}

		

}

@media screen and (min-width: 3500px)  and (max-width: 4499px) {

	

	.SedroanP-padding_around {padding: 0vh 32vw;}

	.SedroanP-logo h1{ font-size: 30px;}

		.SedroanP-padding_around2{padding: 0vh 34vw;}

#scrolltop {right:25vw}	

	.SedroanP-boxbgfooter {padding: 3vh 34vw;}

	.SedroanP-padding_around3{padding: 0vh 34vw;}

	

.SedroanP_banner-wallpaper {background:#333; 

	background-image: url(../images/garage-door-san-pedro_1.jpg);	

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important; 

		background-position:center center;

  background-size: cover !important; 

	 background-size:auto 100% !important;

	}

}



@media screen and (min-width: 4500px) {

	.SedroanP-padding_around {padding: 0vh 32vw;}

	.SedroanP-logo h1{ font-size: 30px;}

		.SedroanP-padding_around2, .SedroanP-padding_around3{padding: 0vh 34vw;}

#scrolltop {right:25vw}	

	.SedroanP-boxbgfooter {padding: 3vh 34vw;}

	

.SedroanP_banner-wallpaper {background:#333; 

	background-image: url(../images/garage-door-san-pedro_1.jpg);	

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important; 

		background-position:center center;

  background-size: cover !important; 

	 background-size:auto 100% !important;

	}



	

}