@media(max-width:1050px){
/* Global Reset & Standards ---------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}
    .toppart .rightsection .phone a{ color: #003882;}
    .toppart .rightsection .rbqa{ color: #E60D2E;}  
     body{overflow-y: scroll!important;}
}

@media(max-width:767px){


.container{padding: 0 15px;}
.toppart .logo{ width:110px; margin: 0 0 0 15px;}    
.toppart .logo img{width: 213%;}  


.toppart .rightsection ul.lang{position: absolute; top: 0;right:0; left: 0;display:none;}
.toppart .rightsection .phone{background: none; padding: 0;font-size: 20px; line-height: 1;}
.toppart .rightsection .rbq{text-align: center;font-size: 12px;}

.links--responsive{display: inline-block; position: absolute; right: 15px; top:10px; margin: 0;}
.toppart .rightsection{width: 100%; float: none;display: inline-block;}
.toppart .rightsection:after{clear: both; display: block; content: "";}
.toppart .container{padding: 0;}

.slide{height:240px;background-size:240%;}
.callbacks_container{height: auto;}
.callbacks_container .caption{right: auto; width: 100%; height: auto;display: inline-block;box-shadow: none;border: none; padding:15px; margin: 0; position: relative;}
.callbacks li{height: auto;}
.btnbox{bottom: auto;top: 110px; margin: 0; height: auto;width: 100%;display: inline-block;right: 0; left: 0;}
.callbacks_nav{margin: 0;top: auto; right: 0;bottom: auto;left: 0; height: 40px;}
.callbacks_nav.next {left: auto;right: 0;}
.callbacks_container .caption h3{font-size: 20px; margin: 0 0 5px 0;}
.callbacks_container .caption h4{font-size: 20px; line-height:normal;}
.fully_insured{right: 20px; width: 80px!important;top: -40px;}
.callbacks_container .caption .span1, .callbacks_container .caption .span2{font-size: 14px; margin-bottom: 5px;line-height: 20px;}
.freeestimate h1{font-size: 20px; line-height: 1.4; margin: 0 0 10px 0;}
.freeestimate{padding-bottom: 20px;}
h2.welcometxt{font-size: 15px; line-height: 1.4;background-position: 48% bottom;}
.roofing-sections{background-position: 48% bottom;}
.freeestimate .click{padding: 2px 15px;font-size: 14px;}
.roofing-sections dl, .about-connect-sections .about{width: 100%;text-align: center;}
.roofing-sections dl h5, .about-connect-sections .about h5, .connect h5{font-size: 18px; margin: 0 0 5px 0;}
.container p,.about-connect-sections .about p{ line-height: 1.5;}
.roofing-sections dl{padding: 10px 0 0;}
.about-connect-sections .connect{width: 100%; padding: 15px 0 0;text-align: center;}
.connect form input[type="text"]{width: 49%; float: left;}
.connect form input[type="text"].field--even{width: 49%; float: right;}
.connect form textarea{width: 100%;}
.roofing-sections dl img{max-width: 100%;}
.input-submit{width: 100%; margin: 0;}
.footer-top .part1,.footer-top .part{width: 100%;}

.toggle__title{ position:relative;text-align:left; display:block; position:relative;margin:1px 0 0 0; cursor:pointer; font-size:14px!important; line-height: normal!important;text-transform:uppercase;padding:10px 10px 10px 15px; color:#fff;background: #373435;border-left:5px solid #E60D2E; }
.toggle__title:before{position: absolute; right: 15px; top: 18px; width:14px; height: 2px; background:#fff; content: "";}
.toggle__title:after{position: absolute; right: 15px; top: 18px; width:14px; height: 2px; background:#fff; content: "";
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);}
.toggle__title.active:after{display: none;}

.toggle__wrap{background:rgba(0,0,0,0.2);display: none; padding: 15px;}
.footer-top{padding: 15px 0;}
.footer-top .part.left{width: 50%; float: left; margin: 15px 0 0;}

.footer-top .part.right{width: 50%; float: right; margin: 15px 0 0;}
.footer-top .part.left img, .footer-top .part.right img{width:100px;display: block; margin: auto;}
.footer-bottom{height: auto; padding: 15px 0;}
.footer-bottom .copyright{position: static; text-align: center;font-size: 12px; margin: 0;}
.footer-bottom .copyright span{display: block;}
.footer-bottom ul li{float: none; display: inline-block; vertical-align: top;}
.footer-bottom ul{float: none;display: table; margin: 0 auto; text-align: center;}
.fully_insured_footer{position: static; height: 91px;display: block; margin: 0 auto 0; transform: scale(0.7);-webkit-transform: scale(0.7);-ms-transform: scale(0.7);}
.footer-bottom ul li{margin-right: 0;}
.footer-bottom ul li a{margin-right: 4px; font-size: 12px;}
.readmore{float:none;}

.toppart {z-index: 10;overflow: visible; position: fixed; left: 0; right: 0; top: 0; padding: 6px 0 0;}
.toppart .rightsection ul.lang{text-align: center;}
.toppart .rightsection ul.lang li{background: rgb(168 191 239)); padding:5px;  font-size: 0; float:none;display: inline-block; vertical-align: top; margin: 0 -4px;width: 49%;}
.toppart .rightsection ul.lang li a.active{background: #fff; color: #E60D2E;}
.toppart .rightsection ul.lang li a{display: block; padding:6px 10px; margin: 0;text-transform: uppercase;}
.toppart .rightsection ul.lang li:after{display: none;}
.elementsgroup{width: 100%; position:relative;background: #fff; padding:5px;z-index: 10;text-align: center; border-top: 1px solid #e9ddbe; }
.elementsgroup:after{clear: both;display: block; content: "";}
.toggle--menu{ width:28px; height:28px; position: relative;display: inline-block; padding:10px 0 0;}
.toggle--menu span{height:5px;border-radius: 100%; width:5px; background: #003882; display:block; margin:0 auto; position: relative;}
.toggle--menu span:before{height: 5px;border-radius: 100%;  width:5px;  content:""; background: #003882; top:-8px; position: absolute;}
.toggle--menu span:after{height: 5px; content:"";border-radius: 100%;   width:5px;  background: #003882; bottom:-8px; position: absolute;}


.navbar{position: fixed; left: 0; top: 0; bottom: 0;width:250px;background: #E5EBF2;overflow: auto; padding:10px;box-shadow: 0 0 15px rgba(0,0,0,0.3);opacity: 0;
transform: translate(-100%,0);-webkit-transform: translate(-100%,0);-ms-transform: translate(-100%,0);
-webkit-transition: all 300ms ease 0s;
-o-transition:  all 300ms ease 0s;
transition: all 300ms ease 0s; z-index: 0;}

.navbar .container{padding: 0;}
body.toggled_left .navbar{ opacity: 1;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);z-index: 1001;}
.navbar ul li{float: none; margin: 0; display: block; border-bottom: 1px dashed rgba(0,0,0,0.07);background: none;}
.navbar ul li a{height: auto; margin: 0; padding: 10px; line-height: normal; color: #333;}
.navbar ul li a:hover, .navbar ul li.selected a{color: #fff;background: none; background-color: #E60D2E;}
.navbar ul li:hover, .navbar ul li.selected{background: none;}
.toppart .rightsection ul.lang .link__close{right: 0; top: 0;}
body{padding:108px 0 0;}
body.fixed .elementsgroup{display: none;}
body.fixed .toppart{box-shadow: 0 0 5px rgba(0,0,0,0.3);}
body.fixed .toppart .rightsection{display:block;}
.toppart .rightsection ul.lang .link__close{display:block;}  
.footer-top .part1 h5{margin: 0;}

.pageheading{height:100px; background-size: 300%; margin: 0 0 0 0;}    
.pageheading h1{font-size:18px; color: #fff; line-height:1.2; padding:10px 20px;background: rgb(16 52 129 / 62%);display: inline-block; position: absolute; top: 50%; left: 15px; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);}
.left_container{width: 100%; padding: 0;}
.right_container{width: 100%; padding:20px 0;}
.service_picture{height: auto; margin-bottom: 0 ;}
.service_picture img{display: block;}
.left_container h3{font-size: 18px;}
.small_banner_free_estimate .fully_insured2{height: 91px;}
.small_banner_free_estimate{margin:20px auto;}
.photo_thumb_gallery{width: 247px; margin: 0 auto;}
ul.gallery{margin: 0 0 0 -10px;}
ul.gallery li{float: left; width: 50%; padding: 10px 0 0 10px; margin: 0;}
ul.gallery li img{width: 100%;}
ul.pagination{margin-top: 15px; margin-bottom: 15px;}
.contactForm input[type="text"],.contactForm textarea{width: 100%;}
input.submit{display: inline-block;}
.left_container .g-recaptcha {clear: left;float: left;transform: scale(0.9); margin: 0 0 0 -15px;}    
.connect form textarea{margin: 6px 0 2px;}      
    .fancybox-nav span{visibility: visible!important;}   
}

@media (max-width:500px){
.service_picture {height: auto; display: inline-block; float: none; margin-right: 0;}
.footer-bottom .container{padding: 0 10px;}
body{overflow-x: hidden;}       
}


@media (min-width:768px) and (max-width:990px){
.container{padding: 0 15px;}
.toppart .logo{ width:180px; }    
/*.toppart .logo img{width: 100%;}   */
.toppart .rightsection .phone{font-size: 30px;display: inline-block;}  
.navbar ul li a{padding: 0 40px;}
.toppart .rightsection ul.lang{margin: 0;}
.callbacks_container .caption{right: 30px; margin: 0; padding: 30px;}
.callbacks_container .caption h4{font-size: 24px;}
.btnbox{width:485px; margin: 0; right: 0;}
.freeestimate h1{font-size: 30px;}
h2.welcometxt,.roofing-sections{font-size: 20px; line-height: 1.3;background-position:46% bottom;}
.roofing-sections dl img{max-width: 100%;}
.connect form input[type="text"]{width: 49%; float: left;}
.connect form input[type="text"].field--even{width: 49%; float: right;}
.connect form textarea{width: 100%;}

.input-submit{width: 100%; margin: 0;}
.footer-top .part1,.footer-top .part{width: 50%; min-height: 200px;}
.footer-top .part.left{ clear: left;min-height: 1%; padding: 0 30px 0 0;}
.footer-top .part.right{ min-height: 1%;}

.footer-top .part.left img, .footer-top .part.right img{width:150px;display: block;}
.fully_insured_footer{height: 91px;display: block;bottom: 5px; right: 20px;}
.footer-bottom{height: auto; padding:20px 0;}
.footer-bottom .copyright{position: static; float: left; clear: left; margin: 10px 0 0;}
.right_container{width: 30%;}
.right_container .small_banner_free_estimate{width:100%; height: auto; padding-bottom:10px;}
.small_banner_free_estimate .fully_insured2{height: 91px; margin-right: -10px;}
.small_banner_free_estimate h4{font-size:16px;}
.small_banner_free_estimate h4 span{display: block;font-size: 20px;}
.photo_thumb_gallery ul li {float: left;padding: 7px 0 0 7px;width: 50%; margin: 0;}
.photo_thumb_gallery ul li img{width: 100%;}
.pageheading h1{padding-left: 15px;}
.left_container .service_picture{float: none;}
ul.gallery{margin: 0 0 0 -15px;}
ul.gallery li{float: left; width:33.3%; padding: 15px 0 0 15px; margin: 0;}
ul.gallery li img{width: 100%;}
ul.pagination{margin-top: 15px; margin-bottom: 15px;}
.elementsgroup{text-align: right;}
.company_contact dt{width: 100%;line-height: 1;}
.company_contact dl{padding: 10px 0 0;}
    .fancybox-nav span{visibility: visible!important;}   
}

@media (min-width:990px) and (max-width:1050px){
.container{padding: 0 15px;}
.footer-top .part.left img, .footer-top .part.right img{width:180px;display: block;}
.footer-top .part.left{width: auto; float: left;}
.footer-top .part.right{width: auto; float: right;}
.footer-top .part1{width: 24%;}
.footer-top .part{width: 32%;}
.callbacks_container .caption{right: 30px; margin: 0; padding: 30px;}
.callbacks_container .caption h4{font-size: 26px;}
.btnbox{width:485px; margin: 0; right: 0;}
.fully_insured_footer{height: 91px;display: block;bottom: 5px; right: 20px;}
.footer-bottom{height: auto; padding:20px 0;}
.footer-bottom .copyright{position: static; float: left; clear: left; margin: 10px 0 0;}
h2.welcometxt,.roofing-sections{font-size: 20px; line-height: 1.3;background-position:38% bottom;}
.roofing-sections dl img{max-width: 100%;}
.connect form input[type="text"]{width: 49%; float: left;}
.connect form input[type="text"].field--even{width: 49%; float: right;}
.input-submit{width: 200px; float: right;}
.connect form textarea{width: 100%;}

.right_container{width: 30%;}
.right_container .small_banner_free_estimate{width:100%; height: auto; padding-bottom:10px;background-size: cover;}
.small_banner_free_estimate .fully_insured2{height: 91px; margin-right: -10px;}
.small_banner_free_estimate h4{font-size:16px;}
.small_banner_free_estimate h4 span{display: block;font-size: 20px;}
.photo_thumb_gallery ul li {float: left;padding: 7px 0 0 7px;width: 50%; margin: 0;}
.photo_thumb_gallery ul li img{width: 100%;}
.pageheading h1{padding-left: 15px;}

ul.gallery{margin: 0 0 0 -15px;}
ul.gallery li{float: left; width:33.3%; padding: 15px 0 0 15px; margin: 0;}
ul.gallery li img{width: 100%;}
ul.pagination{margin-top: 15px; margin-bottom:20px;}
.company_contact dt{width: 100%;line-height: 1;}
.company_contact dl{padding: 10px 0 0;}    
.fancybox-nav span{visibility: visible!important;}   
}