@media screen and (max-width: 1024px){
	.logo{
		width: 35%;
	}
	.middle-banner{
	    background-position: 47% top;
	}
	.right-side{
	    top: 93px;
	}
}
@media screen and (max-width: 768px){
	.middle-banner {
	    background-position: 35% top;
	    background-size: 250%;
	    height: auto;
	}
	.middle-banner .content-block{
		padding-top: 800px;
    	position: static;
	}
	.middle-banner .content-block .right-side{
	    position: static;
    	margin: 0 auto;
    	height: auto;
	}
	.fixing-block .content-block div{
		width: 100%;
		max-width: 100%;
		float: none;
	}
	.fixing-block video{
		width: 100%;
	    max-width: 540px;
	    margin: 20px auto 0;
	    display: block;
	    float: none;
	}
	.footer-logos{
		text-align: center;
	}
	.footer-logos img{
		margin-top: 15px;
	}
        
        
        .nav { display: none;}
        .dl-menuwrapper { display: block !important; background: #1a8bd2; max-width: 100%; z-index: 9999; margin-top: 10px; }
        .dl-menuwrapper button { background: #1a8bd2 !important; }
        .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #1a8bd2 !important; }
        .dl-menuwrapper ul { z-index: 9999;}
        
        .page-template-template-inner section article { width: 100%; float: none; }
        .inner-right-side { float: none; margin: 0 auto; }
        .copyright { text-align: center; float: none; max-width: 100%;}
        .page-template-template-inner h1 { font-size: 40px; line-height: 1;}
        .fixing-block h2 { font-size: 40px; line-height: 1; margin-top: 0; }
        .fixing-block video { margin-top: 0; }
        .service-block { margin-top: 30px;}
        .service-block h2 { font-size: 40px !important; padding-top: 50px; }
        
        
}
@media screen and (max-width: 736px){
	.logo {
	    width: 100%;
	    max-width: 370px;
	    float: none;
	    margin: 0 auto 14px;
	    display: block;
	}
	.call-now{
		float: right;
	    width: 50%;
	    margin: 0;
	    box-sizing: border-box;
        line-height: 1.2;
    	margin-top: 10px;
	}
	.mid-atlantic{
		text-align: center;
	    width: 50%;
	    float: left;
	}
	
	.page-template-template-blog .inner-right-side, .single-post .inner-right-side { display: none; }
	.page-template-template-blog section article, .single-post section article { width: 100%; }
	
	.page-id-588 .right-side-form { display: none; } 
	
	.page-id-588 section article, .page-id-588 section article { width: 95%; margin: 0 auto; }
	
	.page-id-588 .inner-right-side { top: 20px !important; }
	.page-template-template-stages h1 { margin-top: 20px; font-size: 40px; }
	        
	
}
@media screen and (max-width: 667px){
	.middle-banner .content-block{
	    padding-top: 700px;
	}
}
@media screen and (max-width: 568px){
	.middle-banner .content-block{
	    padding-top: 600px;
	}
}
@media screen and (max-width: 480px){
	.content-block{
		overflow: hidden;
	}
	.middle-banner .content-block{
	    padding-top: 500px;
	    width: 100%;
	}
	.right-side{
		width: 100%;
	}
        
        article iframe { width: 100% !important; }
}
@media screen and (max-width: 414px){
	.middle-banner .content-block{
		padding-top: 440px;
	}
	.middle-banner .content-block .right-side{
		padding: 298px 20px 0;
	    box-sizing: border-box;
	    margin: 0;
	    width: 100%;
	    max-width: 100%;
	    background-size: 100%;
	}
	
	.alignright { float: none; display: block; }
	
	.call-now {
    width: 100%;
    float: none;
    text-align: center;
    background: none;
}

.call-now .phone {
    background: url(../img/phone.png) no-repeat 100px center;
    font-size: 20px;
}
	
}
@media screen and (max-width: 414px){
	.middle-banner .content-block{
	    padding-top: 391px;
	}
	form input[type=text], form input[type=email], form input[type=tel],form select{
		max-width: 100%;
	    width: 100%;
	    box-sizing: border-box;
	    height: 45px;
	    line-height: 45px;
	}
	form input[type=submit]{
		font-size: 30px;
	    height: 50px;
	    box-sizing: border-box;
	    line-height: 50px;
	        display: block;
	}
	.mid-atlantic{
		width: 45%;
	}
	.mid-atlantic img{
		width: 100%;
		max-width: 210px;
	}
	.call-now{
		margin-top: 0;
	}
	.service-block .content-block div img{
		float: none;
	    width: 100%;
	    padding: 0;
	    margin: 10px auto!important;
	    max-width: 270px;
	}
	.service-block{
		height: auto;
	}
	.service-block h2{
		font-size: 50px;
		line-height: 1;
	}
	.service-block a{
		margin: 50px auto;
	}
}
@media screen and (max-width: 375px){
        
        .middle-banner .content-block{
	    padding-top: 354px;
	}
    
	.middle-banner .content-block .right-side{
	    padding: 251px 20px 0;
	}
	.call-now{
	    width: 100%;
	    float: none;
	    text-align: center;
	    background: none;
	}
	.mid-atlantic{
		float: none;
		width: 100%;
	}
	.call-now .phone{
		width: 170px;
    	margin: 0 auto;
	}
	
	.call-now .phone {
    background: url(../img/phone.png) no-repeat 0 center;
    font-size: 20px;
}
}
@media screen and (max-width: 320px){
	.middle-banner .content-block {
	    padding-top: 302px;
	}
	.middle-banner .content-block .right-side {
	    padding: 211px 20px 0;
	}
	.fixing-block h2{
		font-size: 45px;
	}
	.fixing-block .content-block div{
		padding:20px 0;
	}
	form input[type=submit]{
		font-size: 25px;
	}
	.fixing-block video{
		height: auto;
	}
	.service-block a {
	    margin: 30px auto;
	    font-size: 22px;
	    width: 100%;
	}
}