.referText { padding-bottom:35px; margin:0 auto }

.smo li:first-child a:link, .smo li:first-child a:visited { width:15px }
.smo li:last-child a:link, .smo li:last-child a:visited { margin-top:2px }

.tollFreeMob { display:none; position:fixed; left:30px; bottom:30px; z-index:15000; background-color:rgba(255,255,255,1); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31); padding:8px; border-radius:5px; width:54px;  overflow:hidden; transition:all 0.5s ease }
.tollFreeMob span { display:block; } .tollFreeMob .tollIocnMob { width:37px }
.tollFreeMob .tollIocnMob svg { width:100%; height:auto; vertical-align:top }
.tollFreeMob span.tollNumberMob { position:absolute; left:0; top:14px; font-size:13pt; padding-left:58px;  width:calc(160px - 0px); font-weight:800; line-height:20px  }
.tollFreeMob:hover { width:161px }

.abt-care-system-block { padding:45px 0 }
.abt-cs-test { width:calc(50% - 0px) }


.roofsolBlkHme li img, .hmeExtrlWall li img, .inm-ext-hme-blk li img, .whatwe-slider img, .inm-ext-hme-blk li img { transition:all 0.5s ease; transform: scale(1) ;
 }
.roofsolBlkHme li:hover img, .hmeExtrlWall li:hover img, .inm-ext-hme-blk li:hover img .inm-ext-hme-blk li a:hover img  { transform: scale(1.1) ;}
.roofsolBlkHme figure, .hmeExtrlWall figure, .inm-ext-hme-blk figure { overflow:hidden }


.mobMenu { display:none }

.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active:link, .ddsmoothmenu ul li a.active:visited { color:#d7e1d6 !important }
.ddsmoothmenu ul li a.active:link, .ddsmoothmenu ul li a.active:visited { background-color:rgba(0,0,0,0.1) !important }

.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited { background-color:rgba(0,0,0,0.7); color:#fff ; width:200px; font-size:10.5pt; padding:15px 15px; border-bottom:1px solid; border-color:rgba(255,255,255,0.4); text-align:left !important }
 .ddsmoothmenu ul li a.selected:link,  .ddsmoothmenu ul li a.selected:visited { background:none !important; background-color:rgba(0,0,0,0.1) !important;  }
  .ddsmoothmenu ul li ul li a.selected:link,  .ddsmoothmenu ul li ul li a.selected:visited { background:none !important; background-color:rgba(0,0,0,0.7) !important;  }
.ddsmoothmenu ul li a:hover { color:#E1DFDF}
.ddsmoothmenu ul li ul li a:hover {  background-color:rgba(0,0,0,0.9); }
.ddsmoothmenu ul li ul li:after { display:none }
.pdt-selector { position:relative } .pdt-selector svg { position:absolute; top:11px; right:15px; z-index:1200; fill:#b4b4b4 }
.ddsmoothmenu ul li ul li a.active:link, .ddsmoothmenu ul li ul li a.active:visited {
    background-color: rgba(0,0,0,0.7) !important; }

.careerBlk { padding-top:20px }
.modal {    z-index: 13050 !important; }
.pdt-page-top figcaption a:link, .pdt-page-top figcaption a:visited { color:#fff  }
.owl-theme .owl-nav { margin:0 }
.hme-testimonial-wrapp .owl-carousel .owl-nav button.owl-prev { position:absolute; left:-80px; top:0px; background-image:url(../images/arrow-left.jpg); background-repeat:no-repeat;     width: 31px;
    height: 61px;; }
.hme-testimonial-wrapp  .owl-carousel .owl-nav button.owl-next { position:absolute; right:-80px; top:0; background-image:url(../images/arrow-right.jpg); background-repeat:no-repeat;     width: 31px;
    height: 61px; background-position:0 0px; }
.inm-ext-hme-blk .rmBtn { font-size:9pt }


.what-we-land-blk figure:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;  transition:all 0.5s ease; z-index:100; border-radius:50%; transform: scale(0); 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.07+0,0+50,0.04+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.04) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.04) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.04) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#0a000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  }
.what-we-land-blk figcaption { z-index:300 }
.what-we-land-blk li:hover figure:before { background-color:rgba(0,0,0,0.2); border-radius:0; transform: scale(1) ;    }
.what-we-land-blk li img { transition:all 0.5s ease; grayscale(0); }
.what-we-land-blk li:hover img { filter: grayscale(50%); }
.pdt-page-top li { position:relative; } 
#mobmenu-app { position:fixed; top:0; right:0; }
.mh-head {    background: rgba(0,0,0,0.5) !important;} 
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before {    background: #ffffff; }
.prdt-gallery-two-colmn ul, .video-two-colmun ul  { margin-left:-35px }
.combo-roof-top { margin:35px 0; align-items:center } .combo-roof-top figure  img { width:100% }
.combo-roof-top figure { width:calc(45% - 0px); padding-right:35px }
.combo-roof-top article { width:calc(55% - 0px); text-align-last:left }
.pdt-page-top .comb-app-proce li {     width: calc(100% - 0px);    padding: 10px 0; }
.comb-app-proce h3  { font-size:14pt; padding-bottom:10px; text-transform:uppercase   }
.water-liq-sys-block, .conven-sys-block, .insulation-blk, .appProtCoat { border-top:1px solid #dadedf; margin-top:35px; padding-top:35px }
.comb-app-proce article { text-align:left; text-align-last: left; }
.water-liq-sys-block li, .water-liq-sys-block .listing-green li, .conven-sys-block li { padding:0 0 0 15px;     text-align-last: left; } 
.conven-sys-block ul { text-align:left !important }
.isulation-wrapp { padding-top:35px }
.isulation-wrapp h3, .sub-title { font-size:16pt; } .isulation-wrapp h4 { padding-top:20px; font-size:12pt }
.isulation-wrapp h2, .opencell-wrapp h2 { /*text-align:center*/ } .two-column-article { padding-top:30px }
.two-column-article article { width:calc(50% - 0px);  padding:10px 15px; border:1px dashed #b3dfb0; }
.opencell-wrapp { padding:45px 0;  } .appProtCoat { padding-bottom:0px }
.sub-title { text-transform:uppercase; padding-bottom:15px; color:#9b7a59 }
.mainTitleSub { color:#33a92a; font-weight:600 }
.pdt-selector .ddsmoothmenu ul li ul {    margin-top: 0; }
.footer-menu-wrapp .flex-container, .footer-branch-address .flex-container {    justify-content: space-between; }
.portfolio-items li { width: calc(32.33% - 0px); }
.cnt-map-align {    position: relative;    height: 620px; }
.pdt-page-top, .isulation-wrapp, .opencell-wrapp { background-image:none; }  .combo-roof-top { padding-top:0; margin-top:0 }
.border-title { border-top:1px solid #cccccc  }

.combo-roof-proce .img-left, .combo-roof-proce .img-right { padding-top:20px; padding-bottom:20px }

.pdt-page-top article {
    padding-top: 10px;
    text-align: justify;
    text-align-last: left;
}
.pdt-page-top article {
    padding-top: 10px;
    text-align: justify;
    text-align-last: left;
}
.img-right-no-width { float:right; padding:20px 0 20px 25px }
.step-text { width:80px; background-color:#4bac44; color:#fff; border-radius:50%; text-align:center; margin:0 auto; height:80px; line-height:80px; font-size:14pt }
.water-proof-img img, .convensional-image img { padding-top:40px !important }
.conven-sys-block  li {
    display: inline-block;    width: auto; margin-right:20px
}
.banner-caption { font-size:12pt; bottom:80px }
.banner-caption p { max-width:1000px; margin:0 auto; padding:45px 0 0 0; font-size:22pt; line-height:38px; color:#544e4e }
#pageLoader { z-index:12000 }
.footer-address address:nth-child(2n) {
    padding-top: 0;
}
.contact-page-top { max-width:600px; margin:0 auto; padding:0px }
.contact-page-top address { padding:45px 45px 25px 45px; }
.banner-capList { text-align:center }
.banner-capList li { display:inline-block; padding:10px 15px 10px 35px; position:relative;     color: #544e4e; font-size:14pt;     text-transform: none; font-weight:600; position:relative; color:#268f1f; text-shadow: 0px 0px 5px rgba(255,255,255,0.51); }
.banner-capList li:before { position:absolute; content:""; display:block; width:25px; height:13px; background-image:url(../images/banner-listing.png); background-repeat:no-repeat; background-size:100% auto; left:0; top:13px;  }
.sub-banner figcaption h4 {
font-size: 20pt;
    line-height: 38px;
    color: #544e4e;
    text-transform: none; font-weight:600; text-shadow: 0px 0px 5px rgba(255,255,255,0.51);
}
.banner-caption p { text-shadow: 1px 1px 5px rgba(255,255,255,0.5); }
.flex-container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; gap:0}
.contact-wrapp-new { border:1px solid #cccccc }
.address-block { width:calc(50% - 0px); text-align:center; padding:55px 0;   }
.address-blockfirst { border-right:1px solid #e3e2e1 }
.address-block address { padding-top:0px }
.gmap { position:relative; height:300px; margin-top:25px }
.gmap iframe { position:absolute; left:0; top:0; width:100%; height:100% }
.contact-logo { width:100%; text-align:center; padding:35px 0 }
.cnt-title-new { padding:20px 0; text-align:center; background-color:#E3E3E3; width:100%; font-size:18pt; text-transform:uppercase }
.contactNwCntBlock { padding:55px 0px 0px; border-top:1px solid #e3e2e1; margin-top:0px;  }
.address-block p { font-size:12pt }
.domain { text-align:center; padding-bottom:10px; padding-top:25px }
.tollfreeCnt { padding:15px; background-color:#E8E6E6; text-align:center; font-size:14pt; }
.cnt-btm h4, .address-block h4 { font-size:14pt;  text-transform:uppercase; padding-bottom:10px; }
.cnt-btm { width:calc(33.33% - 0px); padding:0 30px; } .cnt-btm + .cnt-btm { border-left:1px solid #e3e2e1 }
.btmWhats{ width:20px; height:auto; fill:#25d366; transition:all 0.5s ease }


@media (max-width: 1400px) { 
#page {  font-size:10.5pt; }
.welcome-title, .home-roof-solution-wrapp .widget-title, .page-title {    font-size: 30pt; }
.whyCRS  { padding-top:15px } 

}
@media (max-width: 1300px) { 

}
@media (max-width: 1200px) { 
.footTF, .footMail, .footCall { padding-left:5% } .footMail { padding-left:0 }
.footer-menu ul {    padding-right: 40px; }
}
@media (max-width: 1100px) { 
:root { --gutter:30px 0; }
.footer-address {    width: 345px; }
.footer-menu ul {    padding-right: 74px; }
}
@media (max-width: 1100px) { 
.footer-menu ul {    padding-right: 60px; }
.footer-branch-address address { width:calc(33% - 0px) }
.abt-content article {    position: static;    top: 0;    left: 0;    transform: translate(0, 0);    -ms-transform: translate(0, 0);    padding-right: 45px; float:left }
.page-title.container { padding-bottom:35px  }
.what-we-wrapp-sub { width:100%;  }
.owl-carousel .owl-nav button.owl-next { display:none }
.what-we-land-blk li, .pdt-page-top li {    display: inline-block;    width: calc(32% - 0px);    padding:15px 4px; }
}
@media (max-width: 1024px) { 
.welcome-title, .home-roof-solution-wrapp .widget-title, .page-title {    font-size: 26pt; }
.page-title.container {    padding-bottom: 20px; }
.smallTitle {    font-size: 19pt; }
.container { padding:0 30px }
.secondary-menu, .primary-menu { display:none }
.mobMenu-show { display:block  }
.header-right {    padding-top: 14px; }
.site-logo { position:relative; margin-left:0px }
.toll-free-top { padding-bottom:0; padding-top:10px; padding-right:46px }
.mh-head {  height: 102px; transition:all 0.5s ease }  
.header-fix .mh-head {    height: 65px; }
.header-fix .toll-free-top { padding-top:0 }
.client-slide-align {    max-width: 100%; overflow-x:hidden }
.who-we-block, .abt-cs-img {    width: calc(50% - 0px);    float: left;    padding: 35px 15px; }
 .abt-cs-img  { padding-left:0; padding-right:35px }
.vision-mission-block {    padding: 24px 0;    margin-bottom: 50px; }
.prdt-gallery-two-colmn li, .video-two-colmun li { padding:20px 0 0 20px }
.prdt-gallery-two-colmn ul, .video-two-colmun ul  { margin-left:-20px }
.why-work figure {    width: 300px;    padding-left: 20px; } 
.sub-banner figcaption.aboutcaption { bottom:10px }
.sub-banner figcaption.aboutcaption h4  {     font-size: 17pt;    line-height: 27px; }
}
@media (max-width: 990px) { 

.site-logo {    float: left;    width: 165px; } 
.header-fix .site-logo {    width: 130px; }
.mh-head {    height: 82px; } 
.header-fix .mh-head {    height: 60px; }
.toll-free-top {    padding-bottom: 0;    padding-top: 0;    padding-right: 46px; }
.sub-banner figcaption h2 {    font-size: 26pt;  } .sub-banner figcaption h3 { font-size:22pt }

.welcome-wrapp figure {     float: none; clear:both;    width: calc(50% - 0px); margin:0 auto }
.welcome-wrapp article, .whyCRS, .roofsolBlkHme {    width: calc(100% - 0px);    float: none; clear:both;     padding-left: 0; padding-right:0 }
.roofsolBlkHme li { display:inline-block; width:calc(49% - 0px) }
.awards-th { padding:20px 0; text-align:center }
.home-roof-solution-wrapp .widget-title { text-align:center;     padding-left: 0;    padding-bottom: 0;}
.banner-caption { }
.widget-title {    font-size: 26pt;  }
.hmeExtrlWall h2 { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.hmeExtrlWall h2 {    font-size: 16pt; }
.footer-menu ul {    padding-right: 40px; }
.inm-ext-hme-blk { margin-left:-20px }
.inm-ext-hme-blk li {    width: calc(50% - 0px);    float: left;    padding: 25px 0 25px 20px; }
.abt-content article { width:calc(100% - 0px); padding:0; } .abt-content figure { display:none }
.pdt-two-column {    padding-left: 26px; } .pdt-details-align { margin-left:-26px }
.portfolio-items li {    width: calc(33% - 0px); }
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    text-decoration: none;
      pointer-events: auto;
cursor: pointer;
}
}
@media (max-width: 880px) { 
.hmeExtrlWall li {    width: calc(50% - 0px); padding-bottom:20px }
.hmeExtrlWall li:last-child { padding-bottom:0; width:calc(100% - 0px); }
.hmeExtrlWall li:last-child figure { width:calc(50% - 0px); float:left; margin-right:20px }
.inm-ext-hme-blk {    margin-left: -20px; }
.inm-ext-hme-blk li {     padding: 15px 0 15px 20px; }
.footer-menu, .footer-menu ul { float:none; clear:both; padding:0; margin:0 auto; width:auto; text-align:center }
.footer-menu li { display:inline-block; padding:0 10px } .footer-menu ul { display:inline }
#footer-menu-service { padding-top:10px } .footer-address { width:calc(100% - 0px); float:left; clear:both; text-align:center; padding-top:20px }
.what-we-land-blk li, .pdt-page-top li {    width: calc(40% - 0px);    padding: 15px 4px; }
.pdt-video-right, .pdt-video-left { width:calc(80% - 0px); float:none; clear:both; margin:20px auto 0 auto !important }
 .video-text-left { width:calc(100% - 0px); float:none; clear:both; padding-right:0 }
 .abt-care-system-block {    padding: 25px 0; }
 .footer-menu-service { display:none }
 .address-block {
    width: calc(100% - 0px);
    text-align: center;

    padding-bottom: 55px;
}
 .address-block.address-blockfirst { padding-bottom:0 } 
.cnt-btm {
    width: calc(50% - 0px);
    padding: 0 30px;
    border-left: 1px solid #e3e2e1;
}
}
@media (max-width: 768px) { 
.footer-branch-address address { text-align:center;    width: calc(100% - 0px); }
.brTitle { text-align:center } .brTitle:before { left:0; bottom:-20px; top:auto}
.footer-top span { display:none }
.footMail, .footCall { float:right; padding-left:15px; padding-top:3px }
.cpr, .design, .smo-bottom, .smo-sub { float:none; clear:both; text-align:center }
.smo-bottom { padding-bottom:10px }
.smo-home {    position: static;    top: 0;    left: 0;    transform: translate(0, 0);    -ms-transform: translate(0, 0); float:none; clear:both; margin:0 auto !important } 
.welcome-title, .home-roof-solution-wrapp .widget-title, .page-title { text-align:center }
.welcome-wrapp { text-align-last:center ; }
.readmore { width:70px; margin:0 auto }
.roofsolBlkHme li, .inm-ext-hme-blk li {    width: calc(50% - 0px);    display: inline-block;    width: calc(100% - 0px); }
.inm-ext-hme-blk { margin:0 }
.inm-ext-hme-blk li { padding:10px 0 	}
.who-we-block, .abt-cs-img, .vision-block, .mission-block {    width: calc(100% - 0px);    float: none; clear:both;    padding: 20px 15px; }
.vision-block, .mission-block { padding:10px 0 }
.abt-who-we-wrapp { padding:20px }
.abt-cs-test article { padding-bottom:7px }
.abt-cs-img { padding:0 0 20px }
.what-we-land-blk li, .pdt-page-top li {    display: inline-block;    width: calc(49% - 0px);    padding: 15px 4px; }
.pdt-two-column { width:calc(100% - 0px); padding:0  } .pdt-details-align { margin-left:0px }
.pdt-advantages { padding:20px; margin-bottom:35px }
.img-right, .img-left { width:calc(300px - 0px); padding-bottom:20px }
.listing-two-column, .video-text-left {    float: none;    width: calc(100% - 0px);    padding-right: 0px; }
.prdt-gallery-four-colmn li {     width: calc(32% - 0px);  }
.why-combo figure {     width: calc(165px - 0px);    padding-left: 0;    z-index: 100; }
.icon-text {    padding-right: 155px; }
.pdt-item-blk { padding-top:25px 0 0 }
.small-icon-top-right { display:none }
.wool-cion-text { padding-right: 0 !important }
.pdt-item-video-blk { padding-top:0 }
 .video-two-colmun li {    width: calc(100% - 0px); }
 .smallTitle, .pdt-sub-title { text-align:center }
.portfolio-items li {    width: calc(49% - 0px); padding:4px 2px}
.contact-head-map { padding:0 }
.head-office-address {    width:calc(100% - 0px);    position: static;    top: 0;    left: 0;    transform: translate(0, 0);    -ms-transform: translate(0, 0);    z-index: 100; padding:45px 20px; text-align:center}
.contact-banch-wrapp { padding:45px 20px; }
.contact-banch-wrapp address { width:calc(100% - 0px); border-left:none; border-bottom:1px solid #cccccc }
.contact-banch-wrapp address.last-address { border:none }
.abt-cs-test, .abt-cs-img { width:calc(100% - 0px); padding:0 0 20px 0 }
.flex-container { flex-direction: column; }
.abt-care-system-block, .abt-care-system-block article, .abt-cs-test { padding-bottom:0 }
.combo-roof-top figure {  padding:10px 0 }
.combo-roof-top article {    width: calc(100% - 0px); }
.cnt-btm, .two-column-article article {    width: calc(100% - 0px); }
.cnt-btm { text-align:center }
.sub-banner figcaption.aboutcaption { position:static; padding:30px 30px 0 30px}
}

@media (max-width: 668px) { 
:root {
    --gutter: 40px 0;
}
.welcome-title, .home-roof-solution-wrapp .widget-title, .page-title { font-size:21pt  }
.welcome-wrapp .welcome-title { font-size:30pt; padding-top:15px }
.footer-top {
    padding: 10px 0 16px; }
	.footMail, .footCall {
    float: right;
    padding-left: 15px;
    padding-top: 8px;
	}
	.inm-ext-hme-blk h4, .hmeExtrlWall h2 { text-align:center; font-size:20pt }
.banner-caption {  }
.hmeExtrlWall li {    width: calc(100% - 0px);    padding-bottom: 20px; }
.hmeExtrlWall li:last-child figure, .hmeExtrlWall li figure {    width: calc(50% - 0px);    float: left;    margin-right: 20px; }
.welcome-wrapp figure {    width: calc(80% - 0px); }
.what-we-land-blk li, .pdt-page-top li {    width: calc(80% - 0px); }
.pdt-selector, .pdt-selector .ddsmoothmenu, .tile-single-prd .page-title { float:none; clear:both; text-align:center }
.pdt-selector { float:none; clear:both; margin:0 auto 15px auto; width:230px }
.why-combo figure {    width: calc(161px - 0px); }
.pdt-video-right { width:calc(100% - 0px); }
.prdt-gallery-two-colmn li, .video-two-colmun li { padding:20px 0 0 4px }
.prdt-gallery-two-colmn ul, .video-two-colmun ul  { margin-left:-4px }
.pblm-wrapp .pdt-item-blk { padding:10px 0 }
.appli-procediure-wrapp { padding:30px 0 0 0 } .pblm-wrapp { margin-top:10px }
.pattern-bg { padding:30px 0 40px 0} 
.prdt-gallery-four-colmn, .prd-application-wrapp, .chractristic-wrapp {    padding: 30px 0;    margin-top: 20px; }
.prdt-gallery-four-colmn li {     width: calc(49% - 0px);  }
.charc-block {    width: calc(100% - 0px);    padding: 0 0;    float: none; clear:both }
.charc-block-grp:after, .charc-block-grp:before { display:none }
.charc-block-grp {    margin:0;    position: relative; }
.charc-block { padding:10px 0 }
.pdt-item-blk { padding:10px 0 ; border:none}
.chractristic-wrapp { margin-bottom:20px }
.footTF { display:none }
.tollFreeMob { display:block }
.footer-menu-wrapp { padding:30px 0 15px 0 }
.footer-wrapp { background-position:center bottom; font-size:9.5pt }
.cpr-wrapp { padding:20px 0 }
.footer-branch-address address { padding-right:0 } .portfolio-menu li { margin:2px 0 }
.abtWhatweCnt { padding:0 !important }
.container {    padding: 0 15px; }
.why-work figure {    width: calc(100% - 0px);    padding-left: 0; padding-bottom:20px } 
.oppurtunity-block {    padding-top: 21px; }
.applyBtn { } .card-body { padding-top:70px}

.img-right-no-width { float:none; clear:both; padding:0 0 20px 0; text-align:center }
.warrenIocn { width:150px }
.conven-sys-block .pdt-page-top li { padding:3px 0 3px 15px !important }
.banner-caption { bottom:0 }
.banner-caption p { padding:20px }
.banner-caption p {
    max-width: 1000px;
    margin: 0 auto;
    padding:20px 45px 45px 45px;
    font-size: 15pt;
    line-height: 26px;
    color: #544e4e; text-align:justify; text-align-last:center
}
.sub-banner figcaption  br { display:none }
.contact-wrapp-new   { margin-top:35px }

.address-block { padding:30px 0 }
.contactNwCntBlock { padding:30px 0 0 0 }
 .address-block.address-blockfirst { padding-bottom:0 } 


}
@media (max-width: 460px) { 
.toll-free-top { display:none }
.header-fix .mh-head {    height: 53px; }
.img-right, .img-left { width:calc(100% - 0px); padding-bottom:20px } .img-right img, .img-left img { width:100% }
.pblm-img { padding-bottom:0; margin-bottom:20px; margin-top:15px }
.why-combo figure,  .small-icon-top-right { position:static; margin:0 auto; float:none; clear:both }
 .icon-text {    padding-right: 0; }
 .why-combo figure {    width: calc(127px - 0px); padding-bottom:0 }
 .what-we-wrapp-sub {    padding: 37px 0 40px 0; }
.portfolio-items li {    width: calc(100% - 0px); padding:4px 2px} 
.awards-th li { width:calc(49% - 0px); padding:3px }
.sub-banner figcaption h2 {    font-size: 16pt; } 
.sub-banner figcaption h3 {    font-size: 13pt;  }
.sub-banner figcaption {    position: absolute;    left: 0;    width: 100%;    bottom: 17px; }
.combo-roof-top figure{  padding:10px 0; width:calc(100% - 0px) }
.listing-green-convens li { padding:3px 0 3px 15px !important }
.sub-banner figcaption.aboutcaption { position:static; padding-top:30px }

}

@media (max-width: 400px) { 

.hmeExtrlWall li:last-child figure, .hmeExtrlWall li figure {
    width: calc(100% - 0px);    float: left;    margin-right: 0px; margin-bottom:15px}
.welcome-wrapp figure, .what-we-land-blk li, .pdt-page-top li  {    width: calc(100% - 0px); }

}