/* Flex Box */

h2.subhead { font-size:25px; font-weight:300; }

.imageright { width:48%; display:inline-block; text-align:right; margin:0 0 2% 2%; float:right; }
.imageleft { width:48%; display:inline-block; text-align:right; margin:0 2% 2% 0; float:left; }
.imagefull { width:100%; margin:15px 0; clear:both; }


.two-img .imageright { width:48%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.two-img .imageleft { width:48%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }


.three-img .imageright { width:32%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.three-img .imageleft { width:32%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }
.three-img .imagemid { width:32%; display:inline-block; text-align:right; margin:2% 0% 2% 0%; float:left; }


@media (max-width:768px) {
	
.three-img .imageright { width:48%; display:inline-block; text-align:right; margin:2% 0% 2% 2%; float:right; }
.three-img .imageleft { width:48%; display:inline-block; text-align:right; margin:2% 2% 2% 0%; float:left; }

.three-img .imagemid { display:none; }


}



.twocol {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

@media (max-width:768px) { .twocol { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }	}

.twocol ul,
.twocol li { break-inside: avoid-column; -webkit-column-break-inside: avoid; }
.twocol p { margin:0 0 20px 0; }
.twocol h3 { margin:0 0 20px 0; }




.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-half {
	width:50%; float:left; margin:5px 20px 10px 0;
}



.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



hr {
    border: 0; height: 1px; margin:21px 0 20px 0;
    background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
}


.donwlod-file { margin-bottom:20px; }
.donwlod-file img { height:60px; }


.feature { padding: 30px 0 60px 0; margin: -30px 0; }
.feature h2 { margin:0; font-weight:300; text-align:center; }

/* Flex Box END */
















@media (min-width:1700px) { 


.home-services-holder { margin-top:-150px;  }
.home-services .title { font-size:28px;; }


}




/* hi-res laptops and desktops */
@media (max-width:1281px) { 

.home-dilo .info { width:45%; }
.menu-hold .bottom-menu nav ul li a { padding:25px 25px 27px 25px; letter-spacing:0px; }


.why-us { width:42%;}
.test { width:24%; }


.services .service-full .left { width:49%; float:left; height:auto; }
.services .service-full .right { width:50%; float:right; height:auto; margin-top:20px; }



}





/* big landscape tablets, laptops, and desktops */ 
@media (max-width:1025px) {
	
.menu-hold .bottom-menu nav ul li a { padding:25px 15px 27px 15px; letter-spacing:0px; }



.contactp .light-grey .left { width:47%; float:left; margin-left:2%; }
.contactp .light-grey .right { width:50%; float:right; }
.contactp .light-grey .inner .address { width:48%; margin-right:2%;  }


.install { width:47%; margin:1%; }


.services .service-full .left { width:100%; float:left; height:auto; }
.services .service-full .right { width:100%; float:right; height:auto; }



}


/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:961px) {

.home-services { width:30%; margin:1%; }
.home-wwd p { width:95%; }

.home-dilo .info { width:70%; text-align:right; bottom:2%; right:3%;  }


.over-banner { width:80%; max-width:80%; padding:20px; top: 35%; }

.over-banner h1 { font-size:2vw; letter-spacing:2px; }
.over-banner h2 { font-size:3.4vw; line-height:3.2vw; letter-spacing:2px;  }
.over-banner h2 strong { font-size:5vw; line-height:5vw; }

.why-us { width:60%; margin:0; }
.test { width:35%; margin-left:0; margin-right:0; float:right; }
.test2 { display:none; }

}


@media (max-width:880px) {

.menu-hold { height:auto; }
.menu-hold .bottom-menu { width: calc(100% - 100px);  height:auto; }
.menu-hold .logo { width: 100px; height: 90px; }

.menu-hold .bottom-menu .nav-collapse ul { width:100%; padding:0; }
.menu-hold .bottom-menu .nav-collapse ul li { display:block; text-align:center; }
.menu-hold .bottom-menu .nav-collapse ul li a { padding:10px 0; display: block; }



.menu-hold .top-menu span strong { font-size:200%; display:none; }

footer ul li { padding:5px; }



.contactp .light-grey .left { width:38%; float:left; margin-left:5%; }
.contactp .light-grey .right { width:56%; float:right; }
.contactp .light-grey .inner img { display:none; }
.contactp .light-grey .left .inner h4 { margin-left:0px; padding-left:0% }
.contactp .light-grey .inner a { font-size:16px; }

.services .service { width: 100%; margin:1% 0; }
.install { width: 100%; margin:1% 0; }
.install .title { font-size:4.5vw;  }


.contactp .form .left { width:100%; float:none; }
.contactp .form .right { width:100%; float:none; max-width:100%; }




}



@media (max-width:768px) {

.home-services-holder { bottom:-15vw }

.home-services-holder .home-services:nth-of-type(2) { display:none; }
.home-services { width:47%; margin:1%; }


.home-services a.find-out-more { letter-spacing:1px; font-size:10px; line-height:10px; }


}

 /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
@media (max-width:641px) {


.home-dilo .info { width:95%; }



footer { font-size:8px; padding:20px 5px; }
footer span { font-size:7px; }



.menu-hold .top-menu .icon { display:none; }
.menu-hold .top-menu { display:none; }

.menu-hold { background:#333; }


.home-dilo .info h4 { font-size:40px; line-height:35px; }


.menu-hold .bottom-menu { width: calc(100% - 70px);  height:auto; }
.menu-hold .logo { width: 70px; height: 57px; }


.why-us { width:100%; margin-bottom:20px; }
.test { width:90%; padding:5%; }


.contactp .light-grey .left { width:100%; float:none; margin-left:0; text-align:center; }
.contactp .light-grey .right { width:100%; float:none; }
.contactp .light-grey .inner .address { width:45%; margin:0 2.5%;  }
.contactp .light-grey .right h4 { text-align:center; }

.ad1 { text-align:right; }


.contactp .form .left { text-align:center; }


input.send { width:99%; float:none; }  
input.email { width:95%; float:none; }  
input.number { width:95%; float:none; } 

.light-grey-header { padding:0; } 


}




}



@media (max-width:580px) {
	
	
.services .service-full .left ul {
  columns: 1; -webkit-columns: 1; -moz-columns: 1;
}


}



 /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
@media (max-width:481px) {



}


@media (max-width:400px {
	
	
	
}



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





 /* smartphones, iPhone, portrait 480x320 phones */ 
@media (max-width:320px) {


	
}