@charset "UTF-8";

/*=========================DEVICES===============================*/
/*===============================================================*/
/*===============================================================*/
/*==============Smartphones (portrait and landscape)==================*/


@media only screen and (min-width : 320px) and (max-width : 1100px){
	
/*===========HOME============*/
/*===========================*/
p,ul{
	font-size: 40px;
}
	
h2{
		font-size: 60px;
	}
	
h3{
		font-size: 60px;
	}
	
#evSlides{
	height:1000px;	
}

.topRowWrapper{
	height:1000px;	
}
	
#menuWrapper{display:none;}
	
#hamMenuInnerWrapper{
	position:relative;
	display:inline-block;
	clear:both;
	margin:170px auto 0 auto;
	align:center;
	width:100%;
	min-width:950px;
	z-index: 60000;
	overflow-y: scroll;
}
	
#pageTopPicOhme{
		background-position: 100% -15%;
	background-size: 310% 120%;
}
	
#pageTopPicEasee{
	background-position:35% 5%;
	background-size: 330% 120%;
}
	
#pageTopPicAndersen{
	background-position: 45% 100%;
}
	
#pageTopPicWallbox{
	background-position: 45% 100%;
}

}


/*================================================================*/
/*================================================================*/
/*===================iPads For portrait layouts only======================*/

@media only screen and (min-width : 950px) and (max-width : 1100px){
	
p,ul{
	font-size: 40px;
}

h2{
		font-size: 60px;
	}
	
h3{
		font-size: 55px;
	padding-bottom:15px;
	}

  /*===========HOME============*/
/*===========================*/

#evSlides{
	height:1000px;	
}

.topRowWrapper{
	height:1000px;	
}
	
#menuWrapper{display:none;}
	
#hamMenuInnerWrapper{
	position:relative;
	display:inline-block;
	clear:both;
	margin:170px auto 0 auto;
	align:center;
	width:100%;
	min-width:950px;
	z-index: 60000;
	overflow-y: scroll;
}


.homeSlide1{ 
	background-position:90% 50%;
	background-size:auto;
} 

.homeSlide2{ 
	background-position:60% 50%;
	background-size: 60% 70%;
} 

.homeSlide3{ 
	background-position:50% 50%;
	background-size: contain;
}

.homeSlide4{ 
	background-position:50% 50%;
	background-size: contain;
}

#homeTitleEV{
	height: 371px;
    width: 600px;
    top: 420px;
    left: 10%;
	text-align: left;
}

#homeTitleSolar{
	height: 371px;
    width: 600px;
    top: 550px;
    left: 15%;
	text-align: left;
}

#homeTitleElectrical{
	height: 371px;
    width: 600px;
    top: 500px;
    left: 35%;
}
	
#pageTopPicOhme{
	background-position: 100% -15%;
	background-size: 310% 120%;
}
	
#pageTopPicEasee{
	background-position:35% 5%;
	background-size: 330% 120%;
}

#pageTopPicAndersen{
	background-position: 45% 100%;
}
	
#pageTopPicWallbox{
	background-position: 45% 100%;
}

}
	
/*==========================================================================*/
/*==========================================================================*/
/*===================Laptops (portrait and landscape)=======================*/

	
 @media only screen 
	 and (min-width : 1100px) and (max-width :1700px) {
		 
.headerOuterWrapper{
    height: 110px;
}
		 
#globalLogoOuterWrapper{
	width: 170px;
	height:140px;
}

#topWave{
	top:100px;
	height:140px;
}

#menuWrapper{
	margin:50px 60px 0px 0px;
	width:520px; 
}
		
.topRowWrapper{
	margin:100px auto 0;
	height:500px;	
}

.contentOuterWrapper{
	margin:110px auto 0;
}
		
.pageTopPic{
	width:100%;
	height:350px;
	background-size: cover;
}
		

 /*===========HOME============*/
/*===========================*/

#evSlides{
	height:500px;	
}

.topRowWrapper{
	height:500px;	
}


#homeTitleEV{
    top: 130px;
    left: 30%;
	text-align: left;
}

#homeTitleSolar{
    top: 270px;
    left: 8%;
	text-align: left;
}

#homeTitleElectrical{
    top: 200px;
    left: 40%;
}
		
.telNo {
  margin: 30px auto 0px;
}
		
.homeTitle{
	font-size:44px;
	line-height:46px;
}

.clickHere{
    font-size: 28px;
    line-height: 30px;
}
		 

		 
}
	
	
	
/*==========================================================================*/
/*==========================================================================*/
/* --------------------------- Retina Screens ----------------------------- */


@media screen 
	and (min-width: 1100px) and (max-width: 1700px) and (min-resolution: 192dpi) {

.headerOuterWrapper{
    height: 100px;
}

#globalLogoOuterWrapper{
	width: 170px;
	height:140px;
}

#topWave{
	top:100px;
	height:110px;
}

#menuWrapper{
	margin:50px 60px 0px 0px;
	width:520px; 
}
		
.topRowWrapper{
	margin:100px auto 0;
	height:500px;	
}

.contentOuterWrapper{
	margin:110px auto 0;
}
		
.pageTopPic{
	width:100%;
	height:350px;
	background-size: cover;
}
		

 /*===========HOME============*/
/*===========================*/

#evSlides{
	height:500px;	
}

.topRowWrapper{
	height:500px;	
}


#homeTitleEV{
    top: 130px;
    left: 30%;
	text-align: left;
}

#homeTitleSolar{
    top: 270px;
    left: 8%;
	text-align: left;
}

#homeTitleElectrical{
    top: 200px;
    left: 40%;
}
		
.telNo {
  margin: 30px auto 0px;
}
		
.homeTitle{
	font-size:44px;
	line-height:46px;
}

.clickHere{
    font-size: 28px;
    line-height: 30px;
}
		


}