@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; border: 0; }

body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; size: 16px; font-weight: 300; background-color: #1d1d1d; } 

h1 { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 40px; color: #f7942c; padding: 20px 0 15px; line-height: 50px; margin: 20px 0 10px;}
h2 { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 27px; color: #ec3d2c; padding: 20px 0 2px; }
h3 { font-family: 'Oswald', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 24px; color: #ec3d2c; padding: 20px 0 10px; }
h4 { padding: 0 0 5px; }

p, li { color: #5c5c5c; font-size: 20px; }
a { text-decoration: none; color: #f7942c; font-weight: 400; } 
a:hover { text-decoration: none; color: #f9c996; }
ul { margin: 0 0 20px 60px; color: #5c5c5c; }
strong { font-weight: 600; }


#header { width: 100%; background-color: #1d1d1d; border: 0px solid white; }
#header-wrapper { width: 990px; margin: 0 auto; } 
#logo { float: left; border: 0px solid orange; }

.book-now, .book-now-footer { float: right; margin-top: 3px; margin-bottom: 40px; }
.book-now ul, .book-now-footer ul { list-style-type: none; } 
.book-now li, .book-now-footer li { display: block; float: left; color: #fff; font-size: 15px; }
.book-now li a { color: #fff; }
.book-now li a:hover { color: #f5c796; } 
.book-now-footer li, .book-now-footer li a { color: #000; } 
.book-now li img { vertical-align:baseline; width: 20px; height: auto; margin-top: 2px; }


/* START MOBILE NAVIGATION  */
.mobile-nav {  z-index: 999; }
ul.nav, .nav li ul { margin: 0!important; }
.container { float: right; width: 650px; }
.toggleMenu { display:  none; padding: 6px 15px 10px; color: #FFFFFF; font-size: 20px; font-weight: bold; width: 100% }
.toggleMenu img { float: right; margin: 4px 30px 0 0; width: 28px; height: 20px; }
.nav { list-style: none; *zoom: 1; float: right; margin-bottom: 10px; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 9em; top: 50px;  }
.nav a { padding: 10px 17px 20px; color:#fff; font-size: 15px; text-transform: uppercase; font-weight: 300; }
.nav li { position: relative; }
.nav li .last { padding-right: 0!important; }
.nav > li { float: left; }
.nav > li > .parent { background-image: url("../images/downArrow.png");   background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; width: 200px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { display: block; background: #1d1d1d;position: relative; z-index:100; border-top: 1px solid #333; padding: 10px 17px 10px; }
.nav li li a:hover { background-color: #333; }
.nav li li li a { background:#249578; z-index:200; border-top: 1px solid #1d7a62; }
.active { display: block; }
.nav > li {  }
.nav > li > .parent { background-position: 95% 44%; }
.nav li li .parent { background-image: url("../images/downArrow.png"); 	background-repeat: no-repeat; background-position: 95% 50%;}
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: absolute; }
/* END MOBILE NAVIGATION  */




#slider1 { width: 100%; background-color: #1d1d1d; margin: 0; height: auto; z-index: 99; }

#consultation { width: 100%; background-color: #f7942c; overflow: auto; }
#consultation-wrapper { width: 990px; margin: 0 auto; overflow: auto; }
#consultation img { padding: 15px 14px 15px 0; float: left; display: block; }
#consultation-text { width: 545px; margin: 12px 0 0 0; display: block; float: left; }
#consultation-text h3 { font-size: 26px; color: #fff; padding: 20px 0 0; }
#consultation-text p { font-size: 16px; color: #fff; line-height: 20px; padding: 0px; }

#free-consultation { float: right; height: 87px; width: 257px; border: 1px solid white; border-radius: 7px; text-align: center; margin: 36px 33px 0 0; text-transform: uppercase; }
#free-consultation h3 { font-size: 22px; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 0 10px; text-transform: uppercase; }
#free-consultation p { font-size: 18px; color: #fff; padding: 14px 0 0 0; font-weight: 500; }
#free-consultation a { color: #fff; }
#free-consultation a:hover { color: #f9c996; }

#orange-bar { width: 100%; height: 6px; background-color: #f7942c; clear: both; }
#content { width: 100%; background:url(../images/hh-flame-background.jpg) center -320px no-repeat; clear: both; }
#content-wrapper { width: 990px; margin: 0 auto; background-color: #fff; overflow: auto; padding-bottom: 90px; }

#col1of1 { width: 860px; padding: 14px 65px 65px 65px; }
#col1of2 { float: left; width: 530px; padding: 14px 25px 0 65px; }
#col1of2 p, #col1of1 p { padding: 0 0 20px 0; line-height: 26px; font-size: 20px; }

#col2of2 { float: right; width: 242px; text-align: center; margin: 95px 48px 0 0; }
#col2of2 a { font-weight: bold; font-size: 23px; font-family: 'Oswald', Arial, Helvetica, sans-serif; }



#promotions { padding: 0 20px 20px; border-radius: 10px; background-color: #fff3e7; width: 202px;  }
#promotions img { margin: -50px 0 0 -13px }
#promotions h2 { padding: 0 0 5px; line-height: 31px; font-size: 22px; }
#promotions p { padding: 5px 0 5px; font-size: 19px; line-height: 22px; }

#seniors-discount { margin: 35px auto 35px; border-radius: 10px; background-color: #faf8c5; width: 202px; padding: 0 20px 30px; }
#seniors-discount h3 { color: #5c5c5c; margin: -8px 0 0 0; padding-bottom: 0; font-size: 28px; }
#seniors-discount p { font-size: 18px; line-height: 24px; }

#dryer-duct-cleaning { width: 100%; }
#dryer-duct-cleaning img { padding: 15px; box-shadow: 0 0 10px #888888; margin: 5px 0 15px; border: 1px solid #fff; }
#dryer-duct-cleaning h1 { color: #ec3d2c; font-weight: 600; padding: 10px 0 0; font-size: 27px; margin: 5px 0 0; }
#dryer-duct-cleaning p { font-size: 18px; }


.img-right { float: right; margin: 12px 0 20px 30px; max-width: 300px; height: auto; }
.price { float: right; margin: -30px 0 20px 30px; font-size: 14px; text-align: center; width: 100px; padding: 5px; border-radius: 10px; background-color: #eee; }
.price strong { font-size: 34px; display: block; } 
.small-type { font-style: italic; font-size: 80%; } 
.blue { font-weight: 600; color: blue; }

 .mobile-only { display: none; }

#testimonials { width: 100%; background-color: #f7942c; overflow: auto; clear: both; }
#testimonials-wrapper { width: 990px; margin: 0 auto; overflow: auto; padding-top: 27px; }
#testimonials-wrapper h2 { color: #000000; padding-left: 70px; }
#testimonials-wrapper h3 { color: #000000; padding: 0; }
#testimonials-wrapper p { color: #000000; padding: 10px; font-size: 15px; }
#testimonial-1 { float: left; width: 354px; text-align: center; margin: 20px 23px 24px 25px; line-height: 23px; }
#testimonial-2 { float: right; width: 354px; text-align: center; margin: 20px 64px 33px 0; line-height: 23px; }


#footer { width: 100%; background-color: #de8528; overflow: auto; padding-bottom: 20px; }
#footer-wrapper { width: 990px; margin: 0 auto; }
#footer img { float: left; margin-top: 40px; }
#footer-text { float: right; margin-top: 74px; }
#footer-text p { font-size: 12px; color: #90571d; padding-top: 10px; text-align: right;}
#footer-text a { font-size: 14px; text-transform: uppercase; color: #000000; font-weight: 300; text-align: center; }
#footer-text p a { text-transform: none; font-size: 12px; color: #90571d; }
#footer-text a:hover { color: #f9c996; }







/* =============================================================================
Media Queries for Responsive Design
========================================================================== */

@media (min-width:1025px) and (max-width: 1280px) { /* landscape tablet) --------------------------------------------------------------- */ 
#logo { border: 0px solid red; }

#header-wrapper { width: 890px; }
#content-wrapper { width: 940px; }

.container { width: 630px; }

}



@media (min-width:785px) and (max-width: 1024px) { /* portrait tablets --------------------------------------------------------------------- */ 
#logo { border: 0px solid blue; margin-top: 10px; }
 
#header-wrapper, #consultation-wrapper, #content-wrapper, #testimonials-wrapper  { width: 670px; }

#logo img { width: 180px; height: auto;  }
.book-now { margin-top: 7px; }
.book-now li { font-size: 12px; }
.book-now li img {  width: 14px; }

.container { width: 100%; margin-top: 5px;  }
.nav { float: none; margin: 0 auto; }
.nav a { padding: 10px 25px 20px; }




#consultation-text { width: 285px; margin: 25px 0 0 0; }
#consultation-text h3 { font-size: 24px; color: #fff; padding:  0 0; }
#consultation-text p { font-size: 12px; color: #fff; line-height: 20px; padding: 0px; }
#free-consultation { float: right; height: 72px; width: 222px; border: 1px solid white; border-radius: 7px; text-align: center; margin: 53px 5px 36px 0; text-transform: uppercase; }
#free-consultation h3 { font-size: 18px; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 0; text-transform: uppercase; }
#free-consultation p { font-size: 14px; color: #fff; padding: 14px 0 0 0; font-weight: 500; }

#content-wrapper { padding-bottom: 50px; }
#col1of2 { float: left; width: 46%; padding: 14px 25px 0 40px; }
#col1of2 h1 { line-height: 35px; font-size: 27px; }
#col1of2 p, #col1of2 li { line-height: 22px; font-size: 14px; }
#col1of2 ul { margin-left: 20px; }
#col2of2 { float: right; width: 34%; text-align: center; margin: 90px 40px 0 0; }
.img-right { max-width: 100%; }


#promotions, #seniors-discount { width: 82%; }
#promotions img { margin: -50px 0 0 -22px }
#promotions h2 { font-size: 19px; line-height: 22px; }
#promotions p { font-size: 14px; line-height: 19px; }
#seniors-discount h3 { font-size: 26px; }
#seniors-discount p { font-size: 15px; line-height: 22px; }

#dryer-duct-cleaning { width: 100%; }
#dryer-duct-cleaning h1 { color: #ec3d2c; font-weight: 600; line-height: 0px; padding: 10px 0 0; font-size: 22px; text-align: center; margin: 5px 0 0; }
#dryer-duct-cleaning img { width: 85%; margin: 30px auto 15px; }
#dryer-duct-cleaning p { font-size: 14px; }
#dryer-duct-cleaning p strong { font-size: 16px; }

#testimonials-wrapper h2 { padding-left: 0;  }
#testimonial-1, #testimonial-2 { width: 313px; text-align: center; margin: 20px 33px 0 0; 
	line-height: 23px; }
#testimonial-2 { margin: 20px 0 33px 0; }

#footer-wrapper { width: 665px; padding-bottom: 40px; overflow: auto; }
#footer img { margin-top: 0; }
.footer-logo { margin: 0 auto; overflow: auto; width: 230px; margin-top: 40px;}

#footer-text { width: 100%; text-align: center; margin-top: 40px; } 
#footer-text ul { margin: 0 auto; width: 72%; }
.book-now-footer { float: none; display: block; overflow: auto; }

#footer-text a, #footer-text li { font-size: 11px; }
#footer-text p { text-align: center; }

}





@media (min-width:691px) and (max-width: 784px) { /* smartphones landscape ---------------------------------------------------------------- */ 

#consultation-wrapper, #content-wrapper, #testimonials-wrapper  { width: 600px; }

#header-wrapper { width: 100%; }
#logo { margin: 10px 0 0 20px; }
#logo img { width: 150px; height: auto; border: 0px solid green; }
.book-now { margin-right: 20px; }
.book-now li { font-size: 12px; }
.book-now li img {  width: 14px; }

ul.nav { width: 100%; }
.container { width: 100%; margin-top: 5px; margin: 5px auto 0;  }
.toggleMenu { font-weight: 400; font-size: 17px; width: 95%;  }
.toggleMenu img { margin: 4px 0 0; }
.nav li { width: 100%; border-top: 1px solid #444; }
.nav a { padding: 20px 17px; }
.mobile-only { display: block; }
nav > li.hover > ul, .nav li li.hover ul { position: sticky; width: 100%; }
	.nav li li a { background-color: #333; width: 95%; padding: 20px 17px; border: 0; }/*. */



#consultation-wrapper { border: 0px solid red; }
#consultation-text { width: 240px; margin: 25px 0 0 0; }
#consultation-text h3 { font-size: 24px; color: #fff; padding:  0 0; }
#consultation-text p { font-size: 12px; color: #fff; line-height: 17px; padding: 0px; }
#free-consultation { float: right; height: 60px; width: 190px; border: 1px solid white; border-radius: 7px; text-align: center; margin: 36px 18px 36px 0; text-transform: uppercase; }
#free-consultation h3 { font-size: 16px; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 0; text-transform: uppercase; }
#free-consultation p { font-size: 12px; color: #fff; padding: 10px 0 0 0; font-weight: 500; }

#content-wrapper { padding-bottom: 35px; }
#col1of2 { float: left; width: 46%; padding: 14px 25px 0 40px; }
#col1of2 h1 { line-height: 30px; font-size: 25px; }
#col1of2 p, #col1of2 li { line-height: 22px; font-size: 14px; }
#col1of2 ul { margin-left: 20px; }
#col2of2 { float: right; width: 34%; text-align: center; margin: 90px 40px 0 0; }
.img-right { max-width: 100%; }

#promotions, #seniors-discount { width: 82%; }
#promotions img { margin: -50px 0 0 -31px }
#promotions h2 { font-size: 19px; line-height: 22px; }
#promotions p { font-size: 14px; line-height: 19px; }
#seniors-discount h3 { font-size: 26px; line-height: 28px; padding: 20px 0 15px; }
#seniors-discount p { font-size: 15px; line-height: 22px; }

#dryer-duct-cleaning { width: 100%; }
#dryer-duct-cleaning h1 { color: #ec3d2c; font-weight: 600; line-height: 0px; padding: 10px 0 0; font-size: 22px; text-align: center; margin: 5px 0 0; }
#dryer-duct-cleaning img { width: 85%; margin: 30px auto 15px; }
#dryer-duct-cleaning p { font-size: 14px; }
#dryer-duct-cleaning p strong { font-size: 16px; }

#testimonials-wrapper { padding-top: 10px;  }
#testimonials-wrapper h2 { padding-left: 0;  }

#testimonial-1 p, #testimonial-2 p { font-size: 13px; line-height: 20px; }
#testimonial-1, #testimonial-2 { width: 281px; text-align: center; margin: 20px 33px 0 0; 
	line-height: 23px; }
#testimonial-2 { margin: 20px 0 33px 0; }

#footer-wrapper { width: 600px; padding-bottom: 40px; overflow: auto; }
#footer img { margin-top: 0; width: 200px; }
#footer-text { float: right; margin-top: 40px; }
.footer-logo { margin: 0 auto; overflow: auto; width: 230px; margin-top: 35px;}

#footer-text { width: 100%; text-align: center; } 
#footer-text ul { margin: 0 auto; width: 77%; }
.book-now-footer { float: none; display: block; overflow: auto; }

#footer-text a, #footer-text li { font-size: 11px; }
#footer-text p { text-align: center; padding-top: 4px; }

}






@media (min-width:481px) and (max-width: 690px) { /* smartphones landscape ---------------------------------------------------------------- */ 

#logo img { width: 150px; height: auto; border: 0px solid purple; }

#content-wrapper, #testimonials-wrapper { width: 465px; }

#header-wrapper { width: 100%; }
#logo { margin: 10px 0 0 20px; }
.book-now { margin: 7px 20px 0 0; }
.book-now li { font-size: 11px; }
.book-now li img {  width: 14px; }

ul.nav { width: 100%; }
.container { width: 100%; margin: 5px auto 0;   }
.toggleMenu { font-weight: 400; font-size: 17px; width: 90%; }
.toggleMenu img { margin: 4px 0 0; }
.nav li { width: 100%; border-top: 1px solid #444; }
.nav a { padding: 20px 17px; }
.mobile-only { display: block; }
.nav > li.hover > ul, .nav li li.hover ul { position: sticky; width: 100%; }
	.nav li li a { background-color: #333; width: 95%; padding: 20px 17px; border: 0; }


#consultation-wrapper { width: 363px; }
#consultation img { padding: 28px 12px 15px 0; float: left; display: block; }
#consultation-text { width: 232px; margin: 30px 0 0 0; }
#consultation-text h3 { font-size: 23px; color: #fff; padding:  0 0; }
#consultation-text p { font-size: 11px; color: #fff; line-height: 15px; padding: 0px; }
#free-consultation { float: right; height: 57px; width: 186px; border: 1px solid white; border-radius: 7px; text-align: center; margin: 19px 57px 40px 0; text-transform: uppercase; }
#free-consultation h3 { font-size: 16px; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 0; text-transform: uppercase; }
#free-consultation p { font-size: 12px; color: #fff; padding: 10px 0 0 0; font-weight: 500; }

#content-wrapper { padding-bottom: 35px; width: 465px; }
#col1of2 { float: left; width: 42%; padding: 14px 25px 0 26px; }
#col1of2 h1 { line-height: 27px; font-size: 22px; }
#col1of2 p, #col1of2 li { line-height: 22px; font-size: 14px; }
#col1of2 ul { margin-left: 20px; }
#col2of2 { float: right; width: 46%; text-align: center; margin: 90px 0px 0 0; }
.img-right { max-width: 100%; }

#promotions { width: 66%; }
#promotions img { margin: -50px 0 0 -43px }
#promotions h2 { font-size: 19px; line-height: 22px; }
#promotions p { font-size: 14px; line-height: 19px; }

#seniors-discount { width: 66%; margin: 35px 0 35px 0; }
#seniors-discount h3 { font-size: 24px; line-height: 27px; padding: 20px 0 11px; }
#seniors-discount p { font-size: 15px; line-height: 22px; }

#dryer-duct-cleaning { width: 85%; }
#dryer-duct-cleaning h1 { color: #ec3d2c; font-weight: 600; line-height: 0px; padding: 10px 0 0; font-size: 22px; text-align: center; margin: 5px 0 0; }
#dryer-duct-cleaning img { width: 85%; margin: 30px auto 15px; }
#dryer-duct-cleaning p { font-size: 14px; }
#dryer-duct-cleaning p strong { font-size: 16px; }

#testimonials-wrapper { padding-top: 10px; width: 363px; }
#testimonials-wrapper h2 { padding-left: 40px;  }

#testimonial-1 p, #testimonial-2 p { font-size: 13px; line-height: 20px; }
#testimonial-1, #testimonial-2 { width: 360px; text-align: center; margin: 20px 0 0 0; 
	line-height: 23px; }
#testimonial-2 { margin: 20px 0 40px 0; }

#footer-wrapper { border: 0px solid purple; width: 363px; padding-bottom: 20px; overflow: auto; }
#footer img { margin-top: 0; width: 200px; }
#footer-text { float: right; margin-top: 20px; }
.footer-logo { margin: 0 auto; overflow: auto; width: 230px; margin-top: 30px;}

#footer-text { width: 100%; text-align: center; } 
#footer-text ul { margin: 0 auto; width: 77%; }
.book-now-footer { float: none; display: block; overflow: auto; }

#footer-text a, #footer-text li { font-size: 11px; }
#footer-text p { text-align: center; padding-top: 4px; }

}






@media (min-width:321px) and (max-width: 480px) { /* smartphones portrait  ---------------------------------------------------------------------- */ 
#logo { border: 0px solid orange; }

html { background-color: #1d1d1d; }
#consultation-wrapper, #content-wrapper, .book-now { width: 255px;  }
.book-now, #consultation img { display: none; }

#header-wrapper { width: 100%; }
#logo { margin: 10px auto 0; display: block; float: none; width: 200px; }
#logo img { width: 100%; }

/*.book-now { margin: 7px auto 0; float: none; text-align: center; }
.book-now li { font-size: 15px; }
.book-now li img {  width: 14px; } */

ul.nav { width: 100%; }
.container { width: 100%; margin: 5px auto 0;  }
.toggleMenu { font-weight: 400; font-size: 17px; width: 91%;  }
.toggleMenu img { margin: 4px 0 0; }
.nav li { width: 100%; border-top: 1px solid #444; }
.nav a { padding: 20px 17px; }
.mobile-only { display: block; }
.nav > li.hover > ul, .nav li li.hover ul { position: sticky; width: 100%; }
	.nav li li a { background-color: #333; width: 95%; padding: 20px 17px; border: 0; }

#consultation-text { width: 100%; }
#consultation-text h3 { font-size: 24px;  }
#consultation-text p { font-size: 13px; line-height: 17px; padding: 0px; }

#free-consultation {  width: 99%; border: 1px solid white; border-radius: 7px; text-align: center; margin: 30px 0 40px; height: inherit; }
#free-consultation h3 { font-size: 22px; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 15px; text-transform: uppercase; }
#free-consultation p { font-size: 17px; color: #fff; padding: 10px 0 0 0; font-weight: 500; }

#content-wrapper { padding-bottom: 35px;  }

#col1of2 { float: none; padding: 14px 30px 0 30px; width: 190px; }
#col1of2 h1 { line-height: 27px; font-size: 22px; }
#col1of2 p, #col1of2 li { line-height: 22px; font-size: 14px; }
#col1of2 ul { margin-left: 20px; }
.img-right { max-width: 100%; }

#col2of2 { float: none; width: 190px; text-align: center; padding: 14px 30px 0 30px; margin: 50px 0 0 0; }

#promotions { border: 0px solid purple; width: 160px; margin: 10px 0 0; }
#promotions img { margin: -58px 0 0 -34px }
#promotions h2 { font-size: 19px; line-height: 22px; }
#promotions p { font-size: 14px; line-height: 19px; }

#seniors-discount { width: 160px; margin: 50px 0 0; }
#seniors-discount h3 { font-size: 24px; line-height: 27px; padding: 20px 0 11px; }
#seniors-discount p { font-size: 14px; line-height: 19px; }

#dryer-duct-cleaning { width: 190px; margin: 50px 0 0; }
#dryer-duct-cleaning h1 { color: #ec3d2c; font-weight: 600; line-height: 0px; padding: 10px 0 0; font-size: 22px; text-align: center; margin: 5px 0 0; }
#dryer-duct-cleaning img { width: 85%; margin: 30px auto 15px; }
#dryer-duct-cleaning p { font-size: 14px; }
#dryer-duct-cleaning p strong { font-size: 16px; }

#testimonials-wrapper { padding-top: 10px; width: 280px; }
#testimonials-wrapper h2 { padding-left: 20px; font-size: 22px; }

#testimonial-1 p, #testimonial-2 p { font-size: 13px; line-height: 20px; }
#testimonial-1 h3, #testimonial-2 h3 { font-size: 22px; line-height: 24px; }
#testimonial-1, #testimonial-2 { width: 276px; text-align: center; margin: 20px 0 0 0; 
	line-height: 23px; }
#testimonial-2 { margin: 20px 0 33px 0; }

#footer-wrapper { border: 0px solid purple; width: 240px; padding-bottom: 20px; overflow: auto; }
#footer img { margin-top: 0; width: 150px; }
#footer-text { float: right; margin-top: 20px; }
.footer-logo { margin: 0 auto; overflow: auto; width: 200px; margin: 35px 0 0 30px;}

#footer-text { width: 100%; text-align: center; } 
#footer-text ul { margin: 0 auto; width: 100%; }
.book-now-footer { float: none; display: block; overflow: auto; }

#footer-text a, #footer-text li { font-size: 9px; }
#footer-text p { text-align: center; padding-top: 4px; width: 240px; font-size: 10px, line-height: 10px; }

}







@media (min-width:0px) and (max-width: 320px) { /* smartphones portrait  ---------------------------------------------------------------------- */ 
#logo { border: 0px solid blue; }

#consultation-wrapper, #content-wrapper, .toggleMenu  { width: 250px;  }
.book-now, #consultation img { display: none; }

html { background-color: #1d1d1d; }
#header-wrapper { width: 100% }

ul.nav { width: 100%; }
.container { width: 100%; margin: 5px auto 0;  }
.toggleMenu { font-weight: 400; font-size: 17px; }
.toggleMenu img { margin: 4px 0 0; }
.nav li { width: 100%; border-top: 1px solid #444; }
.nav a { padding: 20px 17px; }
.mobile-only { display: block; }
.nav > li.hover > ul, .nav li li.hover ul { position: sticky; width: 100%; }
	.nav li li a { background-color: #333; width: 95%; padding: 20px 17px; border: 0; } */


#logo { width: 70%; display: block; float: none; margin: 20px auto; }
#logo img { width: 100%; }

#consultation-text { width: 100%; }
#consultation-text h3 { font-size: 24px;  }
#consultation-text p { font-size: 13px; line-height: 17px; padding: 0px; }


#free-consultation {  width: 98%; border: 1px solid white; border-radius: 7px; text-align: center; margin: 30px auto 40px; height: inherit; }
#free-consultation h3 { font-size: 19px; color: #fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding: 0 0 15px; text-transform: uppercase; }
#free-consultation p { font-size: 17px; color: #fff; padding: 10px 0 0 0; font-weight: 500; }

#content-wrapper { padding-bottom: 35px;  }
#col1of2 { float: left; padding: 14px 30px 0 20px; width: 80%; }
#col1of2 h1 { line-height: 27px; font-size: 22px; }
#col1of2 p, #col1of2 li { line-height: 22px; font-size: 14px; }
#col1of2 ul { margin: 0 0 20px 20px; }
#col2of2 {  text-align: center; padding: 50px 20px 0; float: left; width: 210px; }
.img-right { max-width: 100%; }

#promotions {  width: 80%; }
#promotions img { margin: -58px 0 0 -31px }
#promotions h2 { font-size: 19px; line-height: 22px; }
#promotions p { font-size: 14px; line-height: 19px; }

#seniors-discount { width: 80%;  }
#seniors-discount h3 { font-size: 24px; line-height: 27px; padding: 20px 0 11px; }
#seniors-discount p { font-size: 14px; line-height: 19px; }


#dryer-duct-cleaning { width: 100%; }
#dryer-duct-cleaning h1 { color: #ec3d2c; font-weight: 600; line-height: 0px; padding: 10px 0 0; font-size: 22px; text-align: center; margin: 5px 0 0; line-height: 38px; }
#dryer-duct-cleaning img { width: 85%; margin: 30px auto 15px; }
#dryer-duct-cleaning p { font-size: 14px; }
#dryer-duct-cleaning p strong { font-size: 16px; }

#testimonials-wrapper { padding-top: 10px; width: 280px; }
#testimonials-wrapper h2 { padding-left: 20px; font-size: 22px; }

#testimonial-1 p, #testimonial-2 p { font-size: 13px; line-height: 20px; }
#testimonial-1 h3, #testimonial-2 h3 { font-size: 22px; line-height: 24px; }
#testimonial-1, #testimonial-2 { width: 276px; text-align: center; margin: 20px 0 0 0; 
	line-height: 23px; }
#testimonial-2 { margin: 20px 0 33px 0; }

#footer-wrapper { border: 0px solid purple; width: 250px; padding-bottom: 20px; overflow: auto; }
#footer img { margin-top: 0; width: 200px; }
#footer-text { float: right; margin-top: 20px; }
.footer-logo { margin: 0 auto; overflow: auto; width: 200px; margin-top: 35px;}

#footer-text { width: 100%; text-align: center; } 
#footer-text ul { margin: 0 auto; width: 100%; }
.book-now-footer { float: none; display: block; overflow: auto; }

#footer-text a, #footer-text li { font-size: 11px; }
#footer-text p { text-align: center; padding-top: 4px; width: 240px; }

}