@charset "UTF-8";
/* CSS Document */


/*Our services list */
@media screen and (max-width:1170px){
	#services_list_wrapper ul li a{
		font-size:0.7125em;
		padding-right:30px;
	}
	
	
}

/*CTA Height Fixes*/
@media screen and (max-width:1120px){
	#gallery_cta_wrapper .quote_box{
		height:229px;
	}
}

@media screen and (max-width:1156px){
	#electricals_cta_wrapper .small_cta_image{
		height:141px;	
	}
}




/*Ipad Landscape */
@media screen and (max-width:1024px){
	
	
	/**************************
	Header and banner stuff
	***************************/
	#home_header_wrapper{
		position:static;
	}
	
	#home_slider_wrapper .home_slide_content{
		width:100%;
	}
	
	.banner_content{
		width:100%;
	}
	
	.banner_content h1{
		padding-left:5%;
		bottom:25px;
	}
	
	/**************************
	Servcies Dropdown
	***************************/
	.sd_col1, .sd_col .sd_left_link{
		width:39.11%;
	}
	
	.sd_col2, .sd_col .sd_center_link{
		width:34.27%;
	}
	
	.sd_col3, .sd_col .sd_right_link{
		width:26.57%;
	}
	
	.sd_col3, .sd_col2, .sd_col1{
		margin-bottom:20px;
	}
	
	.sd_col4, .sd_col5{
		width:100%;
		float:left;
	}
	
	.sd_col4 a, .sd_col5 a{
		float:left;
	}
	/**************************
	Contact us page
	***************************/
	#map_wrap iframe{
		height:331px;	
	}


	/**************************
	Services logos
	***************************/
	.services_row .service#redgate_logos > div{
		width: 100%;
	}

	.services_row .service#redgate_logos .construction {padding: 25px 0;}
	.services_row .service#redgate_logos .property {padding: 0 0 25px 0;}

	.services_row .service#redgate_logos > div img{
		width: 40%;
		float: left;
	}

	.services_row .service#redgate_logos > div p.text{
		background: none;
		float: left;
		width: auto;
		margin-left: 15px;
		text-align: left;
	}

}





/*Ipad Landscape -1px */
@media screen and (max-width:1023px){
	/**************************
	Header and banner stuff
	***************************/
	
	.banner_img {
		height: 290px;
	}
	
	.banner_content h1{
		top:-50px;
	}
	
	/**************************
	 Our Services List 
	***************************/
	
	#services_list_wrapper #services_list_right, #services_list_wrapper #services_list_left{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	#services_list_wrapper #services_list_right li.services_list_top{
		border-top:0;
	}
	
	#services_list_wrapper ul li a {
		font-size: 0.8125em;
		padding-right: 40px;
	}
	
	/**************************
	CTA Changes 
	***************************/
	.double_cta, .quote_box, .areas_covered, .free_estimate, a.link_cta	{
		width:100%;
	}
	
	.cta_content>div, .cta_content>a{
		float:none !important;
	}
	
	.small_cta_image{
		height:130px !important;
	}
	
	#home_cta_wrapper .free_estimate, #services_cta_wrapper a.link_cta, #contact_cta_wrapper .quote_box, #gallery_cta_wrapper a.link_cta{
		margin-top:25px;
	}
	
	#contact_cta_wrapper .quote_box, #gallery_cta_wrapper .quote_box{
		height:auto;
	}
	
	/**************************
	Elecricals Services Page
	***************************/
	
	.general_info{
		text-align:center;
	}
	
	.general_info_left{
		width:100%;
		padding-right:0;
	}
	
	.general_info_right{
		width:100%;
		padding-left:0;
	}
	
	/**************************
	contact Page
	***************************/
	#contact_section_wrapper .section_left, #contact_section_wrapper .section_right{
		width:100%;
	}
	
	#contact_section_wrapper .section_right{
		margin-top:25px;
	}
}



/* Menu snap ––––––––––––––– */
@media screen and (max-width: 990px) {
	#logo{margin: 0;}
	#menu{
		padding-top: 20px;
		clear: both;
		width: 100%;
		float:none;
		margin-right: 0;
		margin-bottom: 0px;
		text-align: center;
	}

	#menu ul li{
		width: 25%;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#menu ul li.home {border: none;}

	#menu ul li a {padding: 45px 0 0 0; position: relative;}

	#menu li a span.icon{
		position: absolute;
		top: 0;
		left: 50%;
		margin-bottom: 0px;
	}

	#menu li.home a span.icon{margin-left: -19px;}
	#menu li.services a span.icon{margin-left: -20px;}
	#menu li.gallery a span.icon{margin-left: -23px;}
	#menu li.contact a span.icon{margin-left: -23px;}
	
	.header_caption {height: 310px; margin-top: -211px;}
	.header_caption h1 {bottom: 30px; font-size: 2em;}

}
/* End Menu snap ––––––––––––––– */



/*Gallery popup */
@media screen and (max-width:950px){
	.mfp-arrow.mfp-arrow-left{
		left: 0px
	}
	
	.mfp-arrow.mfp-arrow-right{
		right: 0px;		
	}
	
	.mfp-image-holder .mfp-content{
		width:100%;
		padding:0 70px;
	}
	
	.mfp-figure:after{
		background:none;
	}
	
	.mfp-image-holder .mfp-close{
		right:70px;
	}
	
}




/* Services logos ––––––––––––––– */
@media screen and (max-width: 870px) {
.services_row .service#redgate_logos .property {padding: 25px 0;}
.services_row .service#redgate_logos > div img {float: none; width: 55%; max-width: 190px; margin: 0 auto; display: block;}
.services_row .service#redgate_logos > div p.text {float: none; text-align: center; margin: 5px 0 0 0; padding: 0;}

}
/* End Services logos ––––––––––––––– */



/* Mark of integrity ––––––––––––––– */
@media screen and (max-width: 850px) {
	#mark_of_integrity .list_wrapper {padding: 0;}
	#mark_of_integrity .list_wrapper ul {border: none; padding-right: 0;}
	#mark_of_integrity .image{top: auto; position: relative; float: none; margin-top: 10px;}

}
/* End Mark of integrity ––––––––––––––– */




/*iPad portrait*/
@media screen and (max-width:768px){
	
	
	/**************************
	General section
	***************************/
	.section_left, .section_right{
		width:100%;
	}
	
	.section_right{
		margin-top:25px;
	}
	
	#services_list_wrapper #services_list_right{
		width:50%;
		padding-left:10px;
	}
	
	#services_list_wrapper #services_list_left{
		width:50%;
		padding-right:10px;
	}
	
	#services_list_wrapper #services_list_right li.services_list_top{
		border-top: 1px solid #EE2A24;
	}

	#mark_of_integrity .image{width: 140px; margin-top: 20px;}
	/**************************
	Electricals page 
	***************************/
	#electricals_left_col{
		width:49%;
		float:left;
	}
	
	#electricals_right_col{
		width:49%;
		float:right;
	}
	
	#electricals_right_col .enquire_link{
		margin:0 0 15px 0;
	}
	
	.general_info p{
		margin-bottom:5px;
	}
}

/*iPad portrait -1px*/
@media screen and (max-width:767px){
	
	/**************************
	Header and banner stuff
	***************************/
	
	#home_slider_wrapper .home_slide_caption{
		display:none;
	}
	
	/**************************
	Footer text
	***************************/
	
	#footer_content{
		text-align:center;
	}
	
	.span_drop{
		display:block;
	}
	
	#span1{
		display:none;
	}
	
	#footer_content p, .span_drop{
		margin-bottom:5px;
	}

	/**************************
	Services
	***************************/
	.services_row .service{
		width: 100%;
		float: none;
	}

	.services_row .service.left {margin-bottom: 25px;}

	.services_row .service#redgate_logos > div {width: 50%; float: left;}


}


@media screen and (max-width:600px){
	/*Electrical works single col*/
	#electricals_left_col, #electricals_right_col{
		width:100%;
		float:none;
	}
	
	 #electricals_right_col{
		 margin-top:20px;
	 }
		
}


/*Services List , contact page single col*/
@media screen and (max-width:585px){
	#services_list_wrapper #services_list_right{
		width:100%;
		padding-left:0px;
	}
	
	#services_list_wrapper #services_list_left{
		width:100%;
		padding-right:0px;
	}
	
	#services_list_wrapper #services_list_right li.services_list_top{
		border-top: 0;
	}
	
	/*contact page*/
	#contact_leftcol, #contact_rightcol{
		width:100%;
		padding:0;
		float:none;
		text-align:center;
	}
	
	#contact_rightcol{
		margin-top:15px;
	}
	
}

/*iPhone landscape*/
@media screen and (max-width:568px){
	
}

/*iPhone landscape -1px*/
@media screen and (max-width:567px){
	
	/*CTA Single column*/
	#estimate_form_left, #estimate_form_right, #contact_form_leftcol, #contact_form_rightcol, .double_cta>div{
		width:100%;
		padding:0;
		float:none;	
	}
	
	#contact_form_rightcol{
		margin-top:13px;
	}
	
	#electricals_cta_wrapper .team_cta_wrapper{
		margin-top:25px;	
	}
	
	#estimate_form_right{
		margin-top:15px;
	}
	
	/*Gallery */
	#gallery_left, #gallery_right{
		float:none;
		width:100%;
	}
	
	#gallery_wrapper a{
		margin-bottom:15px;
	}
	
	.mfp-arrow.mfp-arrow-left{
		left: 5px;
		top:auto;
		bottom: 5px;
	}
	
	.mfp-arrow.mfp-arrow-right{
		right: 5px;	
		top:auto;
		bottom: 5px;	
	}
	
	.mfp-image-holder .mfp-content, .mfp-bottom-bar{
		width:100%;
		padding:0;
	}
	
	.mfp-image-holder .mfp-close{
		right:5px;
	}
	
	.mfp-bottom-bar {position: absolute;}
	

	/*Mark of integrity*/
	#mark_of_integrity{
		padding-right:0;
		background:none;
	}
	
	#mark_of_integrity p{
		padding-right:0;
		border:0;
	}

	/* Servcies logos ––––––––––––––– */
	.services_row .service#redgate_logos > div{
		width: 100%;
		text-align: left;
	}
	.services_row .service#redgate_logos .property {padding-top: 0;}

	.services_row .service#redgate_logos > div img {margin: 0;}
	.services_row .service#redgate_logos > div p.text{text-align: left;}

}



/* Header single col ––––––––––––––– */
@media screen and (max-width: 500px) {	
	#home_slider_wrapper .bx-wrapper{display: none !important;}
	#logo {width: 100%; float: none; margin: 0 auto; text-align: center;}
	#here_to_help {float: none; margin: 0 auto; text-align: center; margin-top: 15px;}
	#here_to_help h6 {display: inline-block; margin: 0; line-height: 140%;}
	#here_to_help span {font-size: 1em; line-height: 140%;}
	#menu {padding: 0;  margin-top: 25px;}
	#menu ul li a {padding: 0;}
	#menu li a span.icon {display: none;}
	#menu li a span.text {font-size: 0.875em;}
}
/* End Header single col ––––––––––––––– */


/*Areas covered CTA*/
@media screen and (max-width:480px){
	#areas_covered_img{
		width:100%;
		display: none;
		position: relative;
		height:100px !important;
	}
	
	#areas_covered_right{
		width:100%;
		float:none;
		text-align:center;
	}

	.services_row .service .image, .services_row .service .grey_bg{display: none;}
	.services_row .service .text {width: 100%; float: none; min-width: 0px; padding-left: 0;}
}