@media screen and (max-width:1450px) {
#masthead {
padding: 0 15px;
}
#primary-menu-list a {
font-size: 14px;
padding: 7px 16px 9px 11px;
}
.phone-nav li a {
font-size: 13px;
padding:21px 15px;
}
.auto-container {
width: 100%;
}
.about-outer {
padding: 70px 0 0;
}
.portfolio-img-outer {
padding: 20px 0 0;
}
.about-outer.roofing .about-left {
padding: 50px 100px 0 30px;
}.insta-outer {
padding: 20px 210px 0;
}.footer-top {
padding: 40px 15px 60px;
}
.footer-inner {
padding: 30px 15px 0;
}
.expert-para {
padding: 80px 20%;
}
.title-outer.roofinh-title h2 {
font-size: 44px;
}
.post-inner {
padding: 30px 15px 0;
}
.about_us_banner {
padding: 140px 15px 100px;
}
.related-stories {
padding: 80px 0 20px;
}
.address-outer li span {
font-size: 17px;
width: 86%;
}.address-outer li strong {
font-size: 34px;
}
.main-title h2 {
font-size: 29PX;
line-height: 40px;
}
.insta-con {
top: 9px;
height: 81%;
width: 91% !important;
}
.slider-inner-left p {
font-size: 28px;
}
.slider-inner-left h3 {
font-size: 17px;
line-height: 21px;
}	
}
@media screen and (max-width:1200px) {
.banner-outer h2 {
font-size: 50px;
line-height: 56px;
}
.about-left {
padding: 0 20px 0 50px;
}
.btn-outer.btn-work {
height: 68%;
top: 42%;
}
.insta-outer {
padding: 20px 110px 0;
}
.footer-top-left li a img {
width: auto;
max-width: 82%;
}
.footer-top-right h2 {
font-size: 40px;
}
.site-logo {
width: 18%;
}.site-logo .custom-logo {
max-width: 140px;
}
#masthead {
padding: 0 0 0 15px;
}	
.expert-para {
padding: 80px 15%;
}
.installed-cedar .portfolio-img-outer {
padding: 0;
}
#site-navigation {
width: 81%;
}	
#primary-menu-list a {
font-size: 12px;
padding: 10px 15px 14px 8px;
}
.phone-nav li a {
font-size: 12px;
padding: 18px 5px;
}
.cedar-outer {
padding: 0 10px 30px;
}
.cedar-outer h2 {
font-size: 32px;
}.begin {
padding: 20px 200px 0 0px;
}
.safety-right .elementor-widget-wrap.elementor-element-populated {
padding: 60px 20px 60px 60px !important;
}.main-title h2 {
font-size: 30px;
line-height: 40px;
}
.title-para p {
font-size: 18px;
line-height: 1.7;
}
.current-open {
padding: 20px 0% 50px;
}
.social-icons li a {
margin: 4px 11px 4px 0;
}
.redmond-right-inner {
padding: 5px 7px 20px;
}
.redmond-right {
padding: 0 0 0 50px;
}
.title-outer h2 {
font-size: 36px;
}
.roof-position .field-main-left {
padding: 0;
}
.about_us_banner h1 {
font-size: 40px;
padding: 30px 0 0;
line-height: 50px;
}
.related-stories .attachment-large.size-large.wp-post-image {
height: 190px !important;
object-fit: cover;
}
.address-outer li strong {
width: 32px;
}.address-outer li span {
font-size: 14px;
width: 85%;
}
.categories-posts article h2 {
font-size: 22px;
}.categories-posts article {
min-height: 730px;
}
.review-left {
padding: 20px 10px;
}
.slider-inner {
padding: 0 5px;
}
.slider-inner-right {
width: 35%;
text-align: right;
}
.slider-outer {
padding: 60px 0px 0;
}
.astm-search-menu.is-menu.is-dropdown.menu-item a {
padding: 10px 0 0 7px !important;
}
}
@media screen and (max-width:991px) {
.header-phone {
display: none;
}
#site-navigation {	
display: none;
}
.phone-nav {
display: none;
}
.banner-outer h2 {
font-size: 40px;
line-height: 46px;
padding: 0;
}
.btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
font-size: 18px;
}
.about-outer h2 {
font-size: 30px;
line-height: 40px;
}.about-outer p {
font-size: 18px;
}
.title-outer h2 {
font-size: 40px;
}
.about-outer.roofing .about-left {
padding: 50px 0 0 30px;
}.roof-inner .elementor-widget-wrap.elementor-element-populated {
height: 180px;
}
.roof-inner h2 {
font-size: 20px;
}
.roof-inner .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm{
font-size: 16px;
}.insta-outer {
padding: 20px 0px 0;
}.footer-top-right h2 {
font-size: 30px;
}.footer-get-left.footer-get-left a {
word-wrap: anywhere;
}
.footer-inner-left {
width: 60%;
}
.footer-inner-right {
width: 40%;
}
.banner-outer.banner-inner {
padding: 140px 0 80px;
}
.expert-para {
padding: 30px 15px;
}.btn-outer.btn-work {
height: 77%;
top: 49%;
}
.cedar-outer p {
font-size: 19px;
line-height: 25px;
}
.begin {
padding: 20px 110px 0 0px;
}
.about-left .btn-outer a.elementor-button-link.elementor-button.elementor-size-sm {
font-size: 15px;
}
.title-outer h2 {
font-size: 28px;
line-height: 36px;
}
.about-outer.need-roof.reroof {
padding: 10px 0 0px;
}
.title-para p {
font-size: 17px;
line-height: 1.5;
}
.our-mission-outer h2 {
font-size: 22px;
line-height: 39px;
padding: 20px 0 10px;
}
.ready-inner {
padding: 250px 9% 0;
}
.redmond-right {
padding: 0 0 0 10px;
}.social-icons li a {
margin: 4px 9px 4px 0;
}
.qurstion-inner .elementor-widget-wrap.elementor-element-populated {
padding: 20px;
}
.contact-left {
padding: 20px 10px 5px 0;
}
.address-outer li strong {
width: 20px;
font-size: 24px;
}
.address-outer li span {
font-size: 12px;
width: 89%;
}
.main-title h2 {
font-size: 26px;
line-height: 35px;
}.contact-inner {
padding: 0 0 60px;
margin: 0 0 52px;
}.about-outer.need-roof.free {
padding: 40px 0 0;
}
.entry-content p {
font-size: 17px;
line-height: 25px;
}
.categories-posts article .entry-content .more-link {
font-size: 16px;
}
.categories-posts article {
min-height: 740px;
}
.review-left {
padding: 20px 0px;
}
.slider-inner-left p {
font-size: 20px;
line-height: 30px;
}
.slider-inner-right img {
width: 170px !important;
height: 170px !important;
}
.astm-search-menu.is-menu.is-dropdown.menu-item {
display: none;
}
}
@media screen and (max-width:767px) {
.banner-outer {
padding: 90px 0 70px;
}.btn-outer.btn-work {
height: 78%;
top: 48%;
}.about-outer.roofing .about-left {
padding: 30px 10px 40px 50px;
}.insta-con {
width: 170px !important;
}
.footer-top-left {
width: 100%;
}
.footer-top-left li {
padding: 0 10px 0;
}
.footer-top-right {
width: 100%;
padding: 30px 0 0;
}
.footer-inner-left {
width: 100%;
}
.footer-inner-right {
width: 100%;
text-align: left;
}
.footer-inner-right ul {
float: left;
}
.footer-inner-right li {
margin: 0 20px 0 0;
}
.about-left {
padding: 0 15px 50px 50px;
}
.projects-btns li a {
margin: 0 10px;
}
.port-folio {
padding: 50px 0;
}
.reroof .elementor-column.elementor-col-50.elementor-top-column.elementor-element {
width: 100%;
}
.reroof .about-left {
padding: 40px 15px 50px 50px;
}
.cedar-outer {
margin: 0;
}
.cedar-outer:first-child {
margin: -50px 0 0;
}
.begin-left .elementor-widget-image {
text-align: left !important;
}
.begin {
padding: 20px 0px 0 0px;
}.free .elementor-column.elementor-col-50.elementor-top-column.elementor-element {
width: 100%;
padding: 10px 0;
}.about-outer.need-roof.free {
padding: 20px 0 0;
}.port-folio {
padding: 50px 0 43px;
}
.natural-img {
margin: 0;
}.about-outer.natural-look {
padding: 0 0 60px;
}
.cedar-outer h2 {
font-size: 23px;
}
.port-folio.our-process {
padding: 0;
margin: -70px 0 0;
}
.our-mission-outer {
padding: 0 10px 70px;
margin: 80PX 0 120px;
}
.about-outer.employment .elementor-column.elementor-col-50.elementor-top-column.elementor-element {
width: 100%;
}
.about-outer.employment .elementor-widget.elementor-widget-image {
margin: 0 0 20px;
}
.about-outer.employment {
padding: 50px 0 0;
margin: 0 0 0px;
}
.intaller-bussiness h3 {
font-size: 20px;
}
.intaller-bussiness {
margin: 10px 0;
}
.about-outer.natural-look .about-left {
padding-top: 40px;
width: 100%;
}.contact-right {
margin: -30px 0 0;
width: 100% !important;
}
.redmond-right-inner {
padding: 5px 7px 20px;
margin: 20px 0 0 0;
}.redmond-right {
padding: 0 10px;
}.main-title h2 {
font-size: 27px;
}
.main-title h2 br {
display:none;
}
.quality-slider .elementor-swiper-button.elementor-swiper-button-prev {
right: 90px;
top: 83%;
font-size: 20px;
}
.quality-slider .elementor-swiper-button.elementor-swiper-button-next {
right: 47px;
top: 83%;
font-size: 20px;
}
.top-quilty {
padding: 30px 0 20px;
}
.title-outer.roofinh-title h2 {
font-size: 34px;
}
.roof-position .field-main {
width: 100%;
padding: 0 5px;
}.intaller-bussiness.roofing-install {
margin: 160px 0 20px;
}.about-left {
padding: 0 0 50px 0px;
}
.about-outer.need-roof .elementor-column.elementor-col-50.elementor-top-column.elementor-element {
width: 100%;
}
.related-stories li {
width: 100%;
padding: 0 15px;
}
.post-inner-left {
width: 100%;
}
.post-inner-right {
width: 100%;
padding: 0;
}
.post-inner-right ul {
float: left;
}
.post-inner-right li {
width: auto;
margin: 0;
}
.related-stories li .upl-post-title {
margin: 5px 0 10px;
}
.post-inner-left ul {
padding: 10px 0 25px 0;
}
.contact-inner .elementor-column.elementor-col-50.elementor-top-column.elementor-element {
width: 100%;
}
.contact-right {
margin: 0 0 0;
}
.categories-posts article {
width: 100%;
min-height: inherit;
}
.categories-posts article .post-thumbnail-inner.alignwide img {
margin: 0;
}
.post-thumbnail {
margin: 0 !important;
}
.category-banner {
padding: 120px 0 80px;
}
.category-banner h2 {
font-size: 40px;
padding: 0 15px;
line-height: 50px;
}
.categories-outer {
padding: 0 0 50px;
}
.categories-posts article h2 {
top: 271px;
height: 32px;
}
.categories-posts article .entry-content {
margin: 65px 0 0 !important;
}
.categories-inner.projects-btns li a {
padding: 7px 10px;
font-size: 14px;
margin: 0;
}
.projects-btns {
padding: 10px 0 0;
}
.review-left {
padding: 10px 0px;
}
.review-left .elementor-widget-wrap.elementor-element-populated {
padding: 0 5px;
}
.review-outer {
padding: 40px 0;
}
.slider-inner-left {
width: 100%;
padding: 10px 0 30px;
}
.slider-outer {
padding: 30px 0px 0;
}
.built-img.img-built img {
margin: -20px 0 0;
}
.contact-outer {
padding: 40px 0;
}
}
@media screen and (max-width:639px) {
.field-main-left {
width: 100%;
padding: 0 5px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit.field-btn {
font-size: 17px;
}.title-outer h2 {
font-size: 30px;
}
.portfolio-img1 {
padding: 0px 0 0;
}
.projects-btns .elementor-widget-wrap.elementor-element-populated {
padding: 0;
}.projects-btns li a {
margin: 0 ;
}
.projects-btns li a {
padding: 9px 18px;
}.port-folio.our-process h2 {
margin: 0;
}.davinci {
padding: 0;
}.about-outer.need-roof.reroof {
margin: 0;
padding: 10px 0 70px;
}
.title-outer h2 {
font-size: 22px;
line-height: 28px;
}
.title-outer h2 br
{
display:none;
}
.about-outer.natural-look .about-left {
padding-top: 40px;
}
.main-title h2 {
font-size: 22px;
line-height: 30px;
}
.quality-slider .elementor-swiper-button.elementor-swiper-button-prev {
right: 60px;
top: 80%;
font-size: 20px;
padding: 7px 8px;
}
.quality-slider .elementor-swiper-button.elementor-swiper-button-next {
right: 26px;
top: 80%;
font-size: 20px;
padding: 7px 8px;
}
.related-stories li .upl-post-title {
font-size: 22px;
margin: 5px 0 4px;
}
.related-stories {
padding: 80px 0 0px;
margin-bottom: 0 !important;
}
.date-post {
margin: 0 0 30px;
padding: 0 0 20px;
}
.quote-form {
padding: 0 10px 50px;
}.quote-form label {
font-size: 14px;
}.slider-inner-right {
width: 100%;
text-align: left;
}
.wpcf7-form-control.has-spinner.wpcf7-submit.field-btn {
margin: 20px 0 0;
}.built-img.img-built img {
margin: 0;
}
}
@media screen and (max-width:479px) {
.banner-outer h2 {
font-size: 30px;
line-height: 36px;
}
.footer-top-left li {
width: 50%;
}
.footer-get-left {
width: 100%;
padding: 0 0 10px 0;
}
.footer-top {
padding: 40px 15px 20px;
}
.footer-inner {
padding: 10px 15px 0;
}
.footer-inner-left li {
border-right: 1px solid #fff;
margin: 0 6px 0 0px;
padding: 0px 7px 0 0px;
}
.footer-inner-left li a {
font-size: 17px;
}
.footer-inner-left p {
font-size: 17px;
}
.footer-top-right h2 {
font-size: 27px;
}
.projects-btns li {
margin: 5px 0;
}
.begin-right h4 {
font-size: 24px;
}
.footer-inner-left li {
border-right: 1px solid #fff;
margin: 0 6px 0 0px;
padding: 0 6px 0 0px;
}.footer-inner-left p {
font-size: 17px;
}#colophon {
padding: 0px 0 40px;
}
.about-outer h2 {
font-size: 22px;
line-height: 32px;
}
.main-title h2 {
font-size: 24px;
line-height: 32px;
}
.qurstion-inner .elementor-widget-wrap.elementor-element-populated {
padding: 20px;
}
.ready-inner {
padding: 180px 0 0;
}
.title-outer.roofinh-title h2 {
font-size: 28px;
}.related-stories {
padding: 50px 0 0px;
}.post-inner-left p {
font-size: 18px;
}
.about_us_banner h1 {
font-size: 30px;
line-height: 40px;
}.about_us_banner {
padding: 90px 15px 70px;
}.address-outer li {
width: 100%;
padding: 10px 20px 10px 0;
}
}