html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body {
font-family: 'Roboto Slab', serif;
font-size: 18px;
font-weight: 400;
line-height: 1.444em;
margin: 0 auto;
} a{text-decoration:none;transition:.5s;}
b, strong{font-weight:700;}
nav, section, footer, div, li, a, input, select, textarea, img, td{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input, select, textarea {
-webkit-appearance: none;
} p{margin:0 0 1.5em 0;}
p:last-child {
margin: 0 !important;
} a{text-decoration:none;transition:.5s;}
em, i{font-style:italic;}
img{height:auto;}
h1, h2, h3, h4, h5, h6{line-height:1.333em;}
#header{display:table;width:100%;background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/header-bg-inner-page.webp) center no-repeat #ffcc99;background-size:cover;}
#branding{display:table;width:90%;margin:3em auto 3em auto;}
#branding .left{display:table-cell;vertical-align:bottom;}
#branding .left img{display:table;width:51.889em;max-width:90%;margin:0;float:left;}
#branding .right{display:table-cell;vertical-align:bottom;font-size:2.667em;font-weight:700;}
#branding .right a{clear:both;display:table;float:right;color:#000;white-space:nowrap;margin:0.25em 0;}
#branding .right a:hover{color:#cc0000;}
.page-template-front-page #header{position:relative;}
.page-template-front-page .metaslider .flexslider{margin:0 0 0 0;}
.page-template-front-page #branding{margin:3em auto 3em auto;position:absolute;z-index:1;left:0;right:0;}
.page-template-front-page .headermenu{position:absolute;z-index:1;left:0;right:0;bottom:1.5em;}
.page-template-front-page .metaslider .flex-control-nav{bottom:1em;}
.page-template-front-page #metaslider-id-1496 .flexslider .flex-control-nav li a.flex-active{background:#000;}
.page-template-front-page #metaslider-id-1496 .flexslider .flex-control-nav li a{background:#ccc;}
.page-template-front-page .flex-control-paging li a{width:8px;height:8px;}
.page-template-front-page #metaslider-id-1496 .flexslider .caption-wrap{height:100%;background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%);}
.mobileheader{display:none;}
.headermenu{display:table;width:100%;padding:1.5em;}
#homeusps{display:table;width:100%;}
#homeusps .homeusps{display:table;width:1000px;margin:3em auto 3em auto;}
#homeusps .homeusps h3{display:none;font-size:3.333em;font-weight:300;text-align:center;margin:0 0 0.5em 0;}
#homeusps .homeusps ul{display:table;width:100%;margin:0 auto;}
#homeusps .homeusps li{list-style:none;display:table-cell;width:20%;margin:0;font-weight:700;text-align:center;position:relative;}
#homeusps .homeusps ul li:before{display:table;margin:0 auto 0 auto;width:8em;height:8em;}
#homeusps .homeusps ul li:nth-child(1):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp1.webp) left top no-repeat;background-size:auto;background-size:8em;}
#homeusps .homeusps ul li:nth-child(2):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp2.webp) left top no-repeat;background-size:auto;background-size:8em;}
#homeusps .homeusps ul li:nth-child(3):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp3.webp) left top no-repeat;background-size:auto;background-size:8em;}
#homeusps .homeusps ul li:nth-child(4):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp4.webp) left top no-repeat;background-size:auto;background-size:8em;}
#homeusps .homeusps ul li:nth-child(5):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp5.webp) left top no-repeat;background-size:auto;background-size:8em;}
#footer{display:table;width:100%;background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/header-footer-bg.webp) center no-repeat #ffcc99;background-size:cover;margin:3em 0 0 0;}
#footer .footer{display:table;width:1248px;margin:3em auto 2em auto;position:relative;}
#footer .footer .logo{display:table;width:100%;margin:0 auto;}
#footer .footer .logo img{display:table;margin:0 auto;width:42em;max-width:90%;}
#footer .footer .phone{display:table;width:100%;margin:0 0 0 0;font-size:3.333em;font-weight:700;line-height:1em;text-align:center;}
#footer .footer .phone a{color:#000;}
#footer .footer .phone a:hover{color:#cc0000;}
#footer .footer .address{display:table;width:100%;margin:1em 0;font-size:1.333em;font-weight:700;line-height:1.444em;text-align:center;}
#footer .footer .email{display:table;width:100%;margin:0 0;font-size:1.333em;font-weight:700;line-height:1.444em;text-align:center;}
#footer .footer .email a{color:#000;}
#footer .footer .email a:hover{color:#cc0000;}
#footer .footer .conklin{display:table;margin:0;width:9.278em;position:absolute;right:0;top:0;}
#footer .footer .greviews{display:table;margin:0;width:12em;position:absolute;right:0;bottom:0;}
#copyright{display:table;width:92%;margin:0 auto;margin:0 auto 2em auto;font-size:0.833em;font-weight:400;text-align:center;color:#fff;}
#copyright a{color:#fff;}
#copyright a:hover{color:#7c6e4a;}
#homeservices{display:table;width:100%;}
#homeservices .homeservices{display:table;width:90%;margin:3em auto 0 auto;background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/lb.webp) left bottom no-repeat, url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/rt.webp) right top no-repeat #2b2d2f;background-size:12em;}
#homeservices .homeservices ul{display:table;width:1248px;margin:6em auto 4em auto;text-align:center;}
#homeservices .homeservices ul li{list-style:none;width:32%;margin:0 0.5% 4em 0.5%;display:inline-block;position:relative;box-sizing:border-box;}
#homeservices .homeservices ul li h3{display:table;margin:0 auto;width:70%;font-size:1.333em;font-weight:700;text-align:center;line-height:1em;color:#fff;background:#000;position:absolute;bottom:-1.444em;left:0;right:0;border:7px solid #c00;border-radius:20px;padding:0.5em;box-sizing:border-box;z-index:1;}
#homeservices .homeservices ul li img{display:table;width:100%;margin:0 0 0 0;border:7px solid #c00;border-radius:20px;box-sizing:border-box;}
#homeservices .homeservices ul li .wp-caption{display:table;width:100% !important;height:100%;position:relative;}
#homeservices .homeservices ul li .block{display:table;width:100%;height:100%;position:relative;padding:0 0;}
#homeservices .homeservices ul li .block .overlay{display:table;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:1s ease;padding:1em;background:rgba(0, 0, 0, 0.8);color:#fff;font-size:0.889em;border:1px solid #c00;border-radius:20px;}
#homeservices .homeservices ul li .block:hover .overlay{opacity:0.8;}
#homeservices .homeservices ul li .block .overlay span{display:table-cell;vertical-align:middle;}
#homeservices .homeservices ul li .block:hover .overlay span{display:table-cell;vertical-align:middle;}
#homeservices .homeservices ul li .block .overlayanimate{display:table;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;transition:1s ease;padding:1em;background:rgba(0, 0, 0, 0.8);color:#fff;font-size:0.889em;border:1px solid #c00;border-radius:20px;}
#homeservices .homeservices ul li .block .overlayanimate span{display:table-cell;vertical-align:middle;}
#homeservices .homeservices ul li .block:hover .overlayanimate span{display:table-cell;vertical-align:middle;}
#whyqcrs{display:table;width:100%;}
#whyqcrs .whyqcrs{display:table;width:1248px;margin:2em auto 2em auto;padding:2em 2em;font-size:1.667em;line-height:1.444em;border:7px solid #cc0000;border-radius:20px;}
#whyqcrs .whyqcrs h3{font-size:1.600em;font-weight:700;text-align:center;margin:0 0 0.5em 0;}
#whyqcrs .whyqcrs ul{display:table;width:100%;margin:0;}
#whyqcrs .whyqcrs ul li{list-style:none;float:left;margin:0.10em 0;}
#homespecialist{display:table;width:100%;margin:3em 0 0 0;}
#homespecialist h2{font-size:2.667em;font-weight:700;text-align:center;color:#cc0000;margin:0 0 0.5em 0;}
#homespecialist h3{font-size:2.667em;font-weight:700;text-align:center;margin:0.5em 0 0 0;}
#homespecialist .homespecialist{display:table;width:90%;margin:2em auto 0 auto;background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/lb.webp) left bottom no-repeat, url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/rt.webp) right top no-repeat #2b2d2f;background-size:12em;}
#homespecialist .homespecialist ul{display:table;width:1248px;margin:6em auto 6em auto;text-align:center;}
#homespecialist .homespecialist ul li{list-style:none;width:49%;margin:0 2% 0 0;display:inline-table;}
#homespecialist .homespecialist ul li img{display:table;width:100%;margin:0 0 0 0;border-radius:20px;}
#homespecialist .homespecialist ul li:nth-child(2n){margin:0;}
#container #content a{color:#cc0000;font-weight:400;}
#container #content a:hover{color:#000;}
#container{width:1248px;display:table;margin:0 auto;padding:3em 0 3em 0;}
#content{float:left;width:70%;margin:0 auto 0 auto;padding:3em;background:#fff;border:7px solid #cc0000;border-radius:20px;}
#sidebar{float:right;width:28%;margin:0 0 0 0;}
#container #content h1{font-size:2.667em;line-height:1.35em;margin:0 0 0.5em 0;color:#1f1600;}
#container #content h2{font-size:2em;line-height:1.35em;margin:0 0 0.600em 0;color:#000;}
#container #content h3{font-size:1.75em;line-height:1.35em;margin:0 0 0.750em 0;color:#000;}
#container #content h4{font-size:1.5em;line-height:1.35em;margin:0 0 0.900em 0;color:#000;}
#container #content ul{line-height:1.5em;margin-bottom:1.5em;padding-left:1em;}
#container #content ul li{list-style:none;padding:0.1em 0 0.1em 1.25em;background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/bullet.webp) left 0.5em no-repeat;background-size:0.8em;}
#container #content ul li ul{margin-bottom:0.5em;}
#container #content ol{line-height:1.5em;margin-bottom:1.5em;padding-left:2em;list-style:decimal;}
#container #content ol li{padding:0.3em 0;}
#container #content .imgright{width:300px;float:right;margin:0 0 0.5em 1.5em;clear:right;}
#container #content .imgright img{width:100%;height:auto;margin:0;border-radius:20px;}
#container #content .threeimgs{display:table;width:100%;margin:0 0 2em 0;padding:0;}
#container #content .threeimgs li{width:32%;margin:0 2% 0 0;padding:0;list-style:none;background:none;float:left;}
#container #content .threeimgs li:last-child{margin:0;}
#container #content .threeimgs li img{display:table;width:100%;height:auto;margin:0;border-radius:20px;}
#container #content .threeimgs li.double{width:64%;margin:0 0 0 2%;}
.alignleft{float:left;margin:0 1.5em 0.5em 0;}
.alignright{float:right;margin:0 0 0.5em 1.5em;}
.alignnone{float:none;margin:1.5em auto;display:table;}
.aligncenter{float:none;margin:1.5em auto;display:table;}
.wpcf7 .wpcf7-form p{margin:0 !important;}
input{height:2.222em;font-family:'Roboto Slab', serif;font-weight:400;font-size:1em;width:100%;padding:0 0.75em;border:1px solid #ccc;margin:0 0 0.5em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;box-shadow:1px 1px 2px #333;border-radius:10px;}
textarea{height:7em;font-family:'Roboto Slab', serif;font-weight:400;font-size:1em;width:100%;padding:0.5em 0.75em;border:1px solid #ccc;margin:0 0 0.5em 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;resize:none;border-radius:10px;}
input[type="submit"]{display:table;font-family:'Roboto Slab', serif;text-decoration:none;color:#fff;font-size:1.111em;font-weight:700;line-height:2em;background:#cc0000;cursor:pointer;cursor:hand;border:none;padding:0 1em;height:inherit;margin:0 auto 0 auto;width:100%;text-transform:uppercase;transition:.5s;}
input[type="submit"]:hover{color:#fff;background:#000000;}
div.wpcf7 .ajax-loader{visibility:hidden;z-index:999;position:relative;top:-30px;right:10px;float:right;margin:0 0 -20px 0 !important;}
div.wpcf7 br{display:none;}
div.wpcf7-response-output{margin:10px 0 0 0 !important;padding:0 !important;color:yellow !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ng{margin:10px 0 0 0 !important;padding:0 !important;color:white !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
span.wpcf7-not-valid-tip{margin:0 0 5px 0 !important;color:yellow !important;font-size:1em !important;font-weight:400 !important;text-align:left !important;line-height:1.25em !important;}
div.wpcf7-validation-errors{color:yellow !important;border:none !important;font-weight:400;margin:0.556em 0 !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ok{border:none !important;margin:0.556em 0 !important;line-height:1.25em !important;}
#searchform #s{width:75%;float:left;border:1px solid #ccc;margin:0;font-size:1em;line-height:2.222em;padding:0 1em;box-shadow:1px 1px 2px #333;}
#searchform input[type="submit"]{width:25%;float:left;font-size:1em;line-height:2.222em;padding:0;box-shadow:1px 1px 2px #333;}
.entry-meta{margin:0 0 1em 0;}
.entry-footer{border:1px solid #ededed;background:#fbfbfb;padding:0.25em 1em;display:table;width:100%;margin:1.5em 0 0 0;border-radius:20px;}
.cat-links{float:left;display:table;width:100%;padding:0;}
.tag-links{float:left;display:table;width:100%;padding:0;}
#nav-below{margin:1.5em 0 0 0;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}
#container #content article{margin:0 0 3em 0 !important;}
.postmetadata{border:1px solid #ededed;background:#f9f9f9;padding:.75em;display:table;width:100%;margin:0;font-size:.883em;line-height:1.444em;color:#999;box-sizing:border-box;}
.page-template-front-page #branding{display:table;width:90%;margin:3em auto 15em auto;}
.page-template-front-page #container{display:table;width:100%;margin:3em auto 0 auto;padding:0;}
.page-template-front-page #container #content{float:none;display:table;width:1248px;margin:0 auto 0 auto;padding:3em;background:#fff;border:7px solid #cc0000;border-radius:20px;}
.page-template-front-page #container #content h1{font-size:2em;font-weight:700;color:#cc0000;text-align:center;margin:0 0 1em 0;}
.page-template-front-page #container #content .entry-content{font-size:1.333em;text-align:center;line-height:1.556em;}
.page-template-front-page #container #content .entry-content p:only-of-type{margin:0;}
.page-template-front-page #container #content .entry-content p:last-child{margin:0;}
.page-template-front-page #container #content article{margin:0 !important;}
#cta{width:100%;display:flex;justify-content:space-between;position:relative;}
#cta:before{content:'';position:absolute;top:50%;left:0;border-top:7px solid #cc0000;background:none;width:100%;transform:translateY(-50%);}
#cta .ctalink{display:table;margin:0 auto;width:auto;font-size:2em;font-weight:700;text-align:center;line-height:1em;color:#fff;background:#000;border:7px solid #c00;border-radius:20px;padding:0.5em 1em;z-index:1;}
#cta .ctalink:hover{background:#cc0000;}
.sidebarform{display:table;width:100%;background:#cc0000;padding:1em;text-align:center;margin:0 0 0.75em 0;color:#fff;border-radius:20px;}
.sidebarform h3{font-size:1.667em;font-weight:700;color:#fff;margin:0 0 0.25em 0;}
.sidebarform .wpcf7{margin:0;}
.sidebarform .wpcf7 table{display:table;margin:0 auto;}
.sidebarform .wpcf7 table tr td{float:left;width:100%;padding:0.2em;}
.sidebarform .wpcf7 table tr td input{margin:0;}
.sidebarform .wpcf7 table tr td textarea{margin:0;}
.sidebarform .wpcf7 table tr td input[type="submit"]{color:#fff;background:#000;}
.sidebarform .wpcf7 table tr td input[type="submit"]:hover{color:#fff;background:#2b2d2f;}
.sidebarform .wpcf7 div.wpcf7-response-output{color:yellow !important;}
.sidebarform .wpcf7 div.wpcf7-mail-sent-ng{color:white !important;}
.sidebarform .wpcf7 span.wpcf7-not-valid-tip{color:yellow !important;}
.sidebarform .wpcf7 div.wpcf7-validation-errors{color:yellow !important;}
.sidebarusps{display:table;width:100%;border:7px solid #cc0000;padding:1em;margin:0 0 1.5em 0;border-radius:20px;}
.sidebarusps h3{display:none;}
.sidebarusps ul{display:table;width:100%;margin:0 auto;text-align:center;}
.sidebarusps li{list-style:none;display:inline-table;width:49%;margin:0;font-size:0.883em;font-weight:700;text-align:center;line-height:1.333em;position:relative;}
.sidebarusps ul li:before{display:table;margin:0 auto 0 auto;width:7em;height:7em;}
.sidebarusps ul li:nth-child(1):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp1.webp) left top no-repeat;background-size:auto;background-size:7em;}
.sidebarusps ul li:nth-child(2):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp2.webp) left top no-repeat;background-size:auto;background-size:7em;}
.sidebarusps ul li:nth-child(3):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp3.webp) left top no-repeat;background-size:auto;background-size:7em;}
.sidebarusps ul li:nth-child(4):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp4.webp) left top no-repeat;background-size:auto;background-size:7em;}
.sidebarusps ul li:nth-child(5):before{content:"";background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/usp5.webp) left top no-repeat;background-size:auto;background-size:7em;}
.videocontainer{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.videocontainer .videosize{position:absolute;top:0;left:0;width:100%;height:100%;}
.videocontainer iframe{display:table;}
.contact{width:100%;display:table;padding:0 0 1.5em 0;margin:0 0 1.5em 0;border-bottom:1px dashed #cc0000;}
.contact .address{width:48%;float:left;display:table;text-align:left;font-size:1em;}
.contact .hours{width:48%;float:right;display:table;}
.contact .map{clear:both;float:left;display:table;width:100%;margin:2em 0 0 0;}
.contact .map iframe {
width: 100%;
height: 400px;
border: none;
}@media only screen and (max-width : 1248px) and (min-width : 1141px) {
body{font-size:15px;}
#container #content .imgright{width:32%;}
#footer .footer{width:92%;}
#homeservices .homeservices ul{width:92%;}
#whyqcrs .whyqcrs{width:92%;}
#homespecialist .homespecialist ul{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content{width:92%;}
#homeusps .homeusps{width:92%;}
}
@media only screen and (max-width : 1140px) and (min-width : 1025px) {
body{font-size:14px;}
#container #content .imgright{width:32%;}
#footer .footer{width:92%;}
#homeservices .homeservices ul{width:92%;}
#whyqcrs .whyqcrs{width:92%;}
#homespecialist .homespecialist ul{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content{width:92%;}
#homeusps .homeusps{width:92%;}
}
@media only screen and (max-width : 1024px) and (min-width : 901px) {
body{font-size:13px;}
#container #content .imgright{width:32%;}
#footer .footer{width:92%;}
#homeservices .homeservices ul{width:92%;}
#whyqcrs .whyqcrs{width:92%;}
#homespecialist .homespecialist ul{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content{width:92%;}
#homeusps .homeusps{width:92%;}
}
@media only screen and (max-width : 900px) and (min-width : 801px) {
body{font-size:12px;}
#container #content .imgright{width:32%;}
#footer .footer{width:92%;}
#homeservices .homeservices ul{width:92%;}
#whyqcrs .whyqcrs{width:92%;}
#homespecialist .homespecialist ul{width:92%;}
#container{width:92%;}
.page-template-front-page #container #content{width:92%;}
#homeusps .homeusps{width:92%;}
}
@media only screen and (max-width : 800px) {
body{font-size:16px;}
#container #content .imgright{width:32%;}
#container{width:92%;}
#content{width:100%;margin:-9em 0 3em 0;padding:2em;}
#sidebar{width:100%;margin:0;}
#footer .footer{width:92%;}
#homeservices .homeservices ul{width:92%;margin:3em auto 3em auto;}
#whyqcrs .whyqcrs{width:92%;}
#homespecialist .homespecialist ul{width:92%;margin:4em auto 4em auto;}
#container{width:92%;}
.page-template-front-page #container #content{width:92%;padding:2em;}
#homeusps .homeusps{width:92%;}
#footer .footer .conklin{margin:1em auto 0 auto;position:relative;}
#footer .footer .greviews{margin:1em auto 0 auto;position:relative;}
#homespecialist .homespecialist ul li{width:100%;margin:0 0 2em 0;display:table;}
#homespecialist .homespecialist{background-size:4em;}
#homeservices .homeservices ul li{width:100%;margin:0 0 2em 0;display:table;}
#homeservices .homeservices{background-size:4em;}
#homeservices .homeservices ul li .wp-caption .wp-caption-text{font-size:1.333em;line-height:1.444em;}
#homeusps .homeusps ul{text-align:center;}
#homeusps .homeusps li{display:inline-table;width:30%;}
#branding .left{display:table;width:100%;}
#branding .middle{display:table;width:100%;text-align:center;}
#branding .right{display:table;width:100%;}
#branding .left img{margin:0 auto 1em auto;float:none;}
#branding .right ul{width:100%;float:none;margin:2em 0 0 0;text-align:center;}
#branding .right ul li{display:inline-table;margin:0.5em;}
#branding .right .current_page_item a{color:#cc0000;}
.desktopheader{display:none !important;}
.mobileheader{display:table;width:100%;background:url(//www.qualitycoolroofs.com/wp-content/themes/qcrs/images/header-footer-bg.webp) center no-repeat #ffcc99;background-size:cover;position:fixed;z-index:999;top:0;}
.mobileheader ul{display:table;width:100%;}
.mobileheader #logo{width:30%;display:table-cell;vertical-align:middle;padding:0.5em 1em;}
.mobileheader ul #slogan{width:40%;display:table-cell;vertical-align:middle;text-align:center;}
.mobileheader ul #hamburgermenu{width:30%;display:table-cell;vertical-align:middle;text-align:center;background:none;}
.mobileheader .call{float:left;width:50%;border-bottom:2px solid #fff;}
.mobileheader .call a{width:100%;display:table;padding:0.75em 1em;color:#fff;background:#c00;font-size:1.1em;font-weight:600;text-align:center;}
.mobileheader .text{float:left;width:50%;border-bottom:2px solid #fff;}
.mobileheader .text a{width:100%;display:table;padding:0.75em 1em;color:#fff;background:#000;font-size:1.1em;font-weight:600;text-align:center;}
.mobileheader ul #logo img{display:table;margin:0;height:3em;width:auto;}
#menu{display:none;}
.page-template-front-page #container{margin:9em auto 0 auto;}
#container{padding:18em 0 3em 0;}
#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu{top:52px;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item{display:inherit !important;float:inherit !important;clear:inherit !important;}
}
@media only screen and (max-width : 690px) {
#container #content .imgright{width:100%;}
.contact .address{width:100%;margin:0 0 2em 0;}
.contact .hours{width:100%;margin:0 0 2em 0;}
#homeusps .homeusps li{display:inline-table;width:45%;}
#homeservices .homeservices ul li .wp-caption .wp-caption-text{font-size:1em;z-index:2;}
#whyqcrs .whyqcrs{font-size:1.333em;padding:1.5em;}
#homespecialist h2{font-size:2em;}
#homespecialist h3{font-size:2em;}
}
@media only screen and (max-width : 480px) {
#container #content .threeimgs li{width:100%;margin:0 0 1em 0;}
#container #content .imgright{width:100%;margin:0 0 1em 0;}
#container #content ul{float:left;width:100%;}
}
#hometestimonials .hometestimonials h3 strong{display:table;margin:0 auto;}}