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

@media screen and (max-width: 1600px){

	
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		.table, thead, tbody, th, td, tr {
			display: block;
			width:100%;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

    tr {
      margin: 0 0 1rem 0;
    }
      
    tr:nth-child(odd) {
      background: #e4e4e4;
    }
    
		td {
			/* Behave  like a "row" */
			border: none;
			width:50%;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
	/*	td:nth-of-type(1):before { content: "Tender #"; }
		td:nth-of-type(2):before { content: "Title"; }
		td:nth-of-type(3):before { content: "Location"; }
		td:nth-of-type(4):before { content: "Category"; }
		td:nth-of-type(5):before { content: "Due Date"; }
		td:nth-of-type(6):before { content: "Pricing"; }
		td:nth-of-type(7):before { content: "View"; }
	*/
	}



@media screen and (min-width: 1203px) and (max-width: 1300px){
	
#block-views-block-news-block-1{
	position:relative;
	z-index:400;
	float:right;
	margin-right:1%;
	margin-top:-220px;
	max-width:250px;
	padding:10px;
	background:#FFF;	
}
	
	#block-views-block-news-block-1 h2{
	margin-left:-10px;
		margin-top:-10px;
	}
	
	
	
#section_3{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	margin-bottom:30px;
	background:none;
	background-position:left;
	background-size:contain;
		
}


#section_6{
	float:left;
	width:100%;
	padding:0px;	
}



#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{

	width:180px;
	margin-left:3px;
}
	
}

@media screen and (min-width: 915px) and (max-width: 1202px){
	
	#search-block-form{
	margin-top:10px;
}

#block-topheadercontactsection{
	display:none;	
	}
	
	 .path-frontpage #section_3 #block-views-block-national-sport-associations-block-1{
	 float:left;
	 width:80%;
	 margin-left:5%;
	 text-align:center;
	 margin-top:30px;
	 padding:10px 20px;
	 margin-bottom:30px;
 }

#search-block-form #edit-keys{
	width:200px;
	height:30px;
}

#search-block-form #edit-submit{
	height:30px;
	font-size:16px;
	margin-top:-5px;
}


#section_3{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
	margin-bottom:30px;
	background:none;
	background-position:left;
	background-size:contain;
}

#views_slideshow_cycle_div_homepage_slideshow-block_1_0 .views-field-body{

	margin-top: -22%;
	margin-right:14%;
}

#views_slideshow_cycle_div_homepage_slideshow-block_1_1 .views-field-body{
	
	margin-top: -350px;
	margin-left:200px;
	
}

#views-exposed-form-open-piece-jobs-page-1{
	width:80%;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:80%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:80%;
	margin-left:0px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:80%;
}

.field--name-field-project-description{
	 float:left;
	 width:100%;
 }
	
}


@media screen and (min-width: 801px) and (max-width: 914px){
	
#top_section #block-skmthfullname li:nth-child(1){
	display:none;
}
	
	#block-views-block-news-block-1{
	width:90%;
		max-width:90%;
		margin-top:10px;
}
	
	#block-topheadercontactsection{
	display:none;	
	}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-1{
	float:left;
	background:#FFF;
	padding:3%;
	width:90%;	
}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-2{
	float:left;
	background:#FFF;
	padding:3%;
	width:90%;		
}
	
.path-frontpage #section_4{
	 background:#fff;

	 width:90%;
	 padding-left:4%;
	 padding-right:4%;
	 padding-top:10px;
	 padding-bottom:20px;
	 overflow-x:hidden;
	 text-align:center; 
 }
	
	#search-block-form{
	margin-top:10px;
}

#search-block-form #edit-keys{
	width:200px;
	height:30px;
}

#search-block-form #edit-submit{
	height:30px;
	font-size:16px;
	margin-top:-5px;
}


	
	#content-area #block-b2u-breadcrumbs{
		display:none;	
	}

.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs{
	width:95%;
	margin-left:5%;
	float:left;
}
	
#views-exposed-form-open-piece-jobs-page-1{
	width:80%;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:80%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:80%;
	margin-left:0px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:80%;
}

#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
}

.field--name-field-project-description{
	 float:left;
	 width:100%;
 }

}




@media screen and (min-width: 601px) and (max-width: 800px){
	
	#block-views-block-news-block-1{
	width:90%;
		max-width:90%;
		margin-top:10px;
}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-1{
	float:left;
	background:#FFF;
	padding:3%;
	width:90%;	
}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-2{
	float:left;
	background:#FFF;
	padding:3%;
	width:90%;		
}
	#block-topheadercontactsection{
	display:none;	
	}

	.path-frontpage #section_4{
	 background:#fff;

	 width:90%;
	 padding-left:4%;
	 padding-right:4%;
	 padding-top:10px;
	 padding-bottom:20px;
	 overflow-x:hidden;
	 text-align:center; 
 }
	
.path-open-piece-jobs #block-b2u-content .view-id-open_piece_jobs{
	width:95%;
	margin-left:5%;
	float:left;
}
	
#views-exposed-form-open-piece-jobs-page-1{
	width:80%;	
}

.js-form-item-field-city-town-village-value{
	width:80%;
	max-width:none;
}

.js-form-item-field-city-town-village-value #edit-field-city-town-village-value{
	width:80%;
	max-width:none;
}

#edit-field-skills-required-piecejob-target-id--wrapper, #edit-field-type-of-work-target-id--wrapper{
	width:80%;
	margin-left:0px;
}

#edit-field-skills-required-piecejob-target-id--wrapper legend, #edit-field-type-of-work-target-id--wrapper legend{
	width:80%;
}

#block-socialauthlogin-2, #block-socialauthlogin{
	float:none;
	border:0px solid transparent !important;
	border-radius:8px;
	padding:10px;
	margin:0 auto;
	margin-top:20px;
	width:80% !important;
	text-align:left;		
}

#block-socialauthlogin-2 a, #block-socialauthlogin a{
	border-radius:15px;
	margin:0px 5px;
	padding:5px 10px;
	padding-left:35px;
	position:relative;
	text-align:center;
	float:left;
}

.path-user #block-b2u-local-tasks{
	z-index:20;	
}

.path-user #block-b2u-local-tasks, .path-user #block-b2u-content, #block-socialauthlogin-2, #block-socialauthlogin{
	margin-left:10%;
}

.path-user #block-b2u-local-tasks nav ul li a{
	font-size:14px;
	transition:ease-in-out 0.4s;
}

#block-socialauthlogin-2 .auth-link:nth-child(4), #block-socialauthlogin .auth-link:nth-child(4){
	margin-top:10px;
}

#block-adblock{
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	margin-top:10px;
	position:relative;
}

#block-views-block-user-quick-profile-block-1{
	width:86% !important;
	margin-left:2% !important;
	padding:5% !important;
	margin-bottom:3% !important;
	text-align:center !important;	
}

.field--name-field-project-description{
	 float:left;
	 width:100%;
 }
 
 .node-type-news .field--name-field-news-image{
	 float:left;
	 margin-right:0;
	 width:100%;
 }
 
 .node-type-news .field--name-field-news-article{
	 float:left;
	 width:100%;
 }

}

@media screen and (min-width: 360px) and (max-width: 600px){
	
	body{
		max-width:100%;
		overflow-x:hidden;
	}
	
	#block-b2u-branding{
		margin-left:120px;
		position:relative;
		z-index:300;	
	}
	
	.path-frontpage #slideshow{
		margin-top:-20px;
		
	}
	
	.path-frontpage #slideshow #block-views-block-slideshow-block-1 .views-field-field-slide-text{
		margin-top:-60px;
		height:50px;
		background:none;
	}
	
	.path-frontpage #slideshow #block-views-block-slideshow-block-1 .views-field-field-slide-text .field-content{
		font-size:4vw !important;
		line-height:auto;
	padding-top:20px;
	width:90%;
	}
	
	.path-frontpage #block-views-block-upcoming-events-block-2{
		margin-top:0px;
	}
	
	.path-frontpage #block-views-block-upcoming-events-block-2 .item-list ul li{
	float:left;
	width:300px;
	margin:5px 0px;
}
	
	.path-frontpage #block-views-block-upcoming-events-block-2 .item-list ul li img{
	width:300px;
		height:auto;
}
	
	.path-frontpage #block-views-block-news-block-1{
	width:94%;
		max-width:98%;
		margin-top:10px;
		margin-bottom: 70px;
		float:left;
		margin-left:6px !important;
}
	
	  .path-frontpage #section_2{
		  width:100%;
		  float:left;
	}
	
  .path-frontpage #section_2 .container{
	margin:10px 0;	
}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-1{
	float:left;
	background:#FFF;
	padding:3%;
	width:90%;
		max-width:350px;
}
	
		.path-frontpage #section_2 #block-views-block-facilities-block-1 h2{
			padding-left:25px;
	}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-2{
	float:left;
	background:#FFF;
	padding:3%;
	width:90%;		
}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-2 ul{
	display: inline-block;
}
	
	.path-frontpage #section_2 #block-views-block-facilities-block-2 ul li img{
		width:360px !important;
	}
	
	 .path-frontpage #section_2 #block-views-block-facilities-block-2 .more-link{
	 float:left;
	 width:340px;
	 margin-top: 10px;
	 margin-left:15px; 
 }
	
	 .path-frontpage #section_3 #block-views-block-national-sport-associations-block-1 .views-row{
		 float:left;
	 display:inline-block;
	 position:relative;
	 width:250px;
	 margin:0px;
	 margin-left:10px;
	 text-align:center;
	 overflow:visible;
}
	
	 .path-frontpage #section_3 #block-views-block-national-sport-associations-block-1 .views-field-field-affiliate-logo{
	 float:left;
	 margin-left:50px;
	 margin-top: -190px; 
	}
	
	 .path-frontpage #section_3 #block-views-block-national-sport-associations-block-1 .views-field-field-affiliate-logo img{
	 width:100px;
	 height:auto;
	 margin-top:10px; 
	}
	
	 .path-frontpage #section_3 #block-views-block-national-sport-associations-block-1 .views-field-field-nsa-bg-img{
	 background:#000;
		 height:200px !important;
		 border-bottom: 2px solid #09f;
		 margin-bottom:3px;
		 border-radius:5px;
		 text-align: center;
 }
	
	.path-frontpage #section_3 #block-views-block-national-sport-associations-block-1 .views-field-title{
	 margin-top:-60px;
	}
	
	#views_slideshow_controls_text_next_national_sport_associations-block_1 a, #views_slideshow_controls_text_previous_national_sport_associations-block_1 a{
		margin-top: 0px;
	}
	
	#views_slideshow_controls_text_next_national_sport_associations-block_1 a{
		margin-left:10px;
	}
	
	.path-frontpage #section_4{
	 background:#fff;

	 width:90%;
	 padding-left:4%;
	 padding-right:4%;
	 padding-top:10px;
	 padding-bottom:20px;
	 overflow-x:hidden;
	 text-align:center; 
 }
	
	.path-frontpage #block-aboutus h2{
		width:300px !important;
	}
	
	.path-frontpage #block-aboutus .field--name-body div:nth-child(1) p{
		width:300px !important;
		text-align:center;
	}
	
	.path-frontpage #block-views-block-projects-programmes-block-1{
		margin-top:40px !important;
	}
	
	.path-frontpage #block-views-block-projects-programmes-block-1 h2{
		margin-top:-10px !important;
		margin-left:10px !important;
	}
	
	#block-contactusfooter table{
		width:300px;
	}
	
	#block-contactusfooter table tr td{
		float: left;
		width:90%;
		padding:5px 5%;
		text-align:center;
	}
	
	#block-contactusfooter table tr td:nth-child(1){
		text-align:center;
		font-weight:bold;
		background:
	}
	
	#block-contactusfooter table *{
		background:none;
	}
	
	#block-quicklinks a{
	color:#fff;	
	}
	
	.site-logo{
		float:left;
	margin-left:-120px;
	}
	
	 .site-logo img{
	height:35px !important;
	padding:5px;
	float:left !important;
	background:#FFF;
	border-radius:10px;
	width:auto;
	transition:ease-in-out 0.5s;	
}

#slideshow{
	margin-top:120px;
	margin-bottom: -100px;	
}

#block-views-block-slideshow-block-1{
	font-size:10px;	
}

#top_sub_section{
	position:relative !important;
	z-index:50 !important;
}

#block-mainmenu{
	position:relative !important;
	z-index:50 !important;
	float:right;
	margin-left:0;
	margin-right:5%;
	margin-top:-60px;
	background:none;	
}

#block-mainmenu:before {
	display:none;	
}

#block-mainmenu:after {
	display:none;	
}

#block-mainmenu nav ul li{
	position:relative;
	text-align:left;
	z-index:9999 !important;
}

#block-mainmenu nav ul li a{
	color:#333;	
}



.overlay{
	display:none;
}

#search-block-form{
	position:absolute;
	right:5px;	
}

#search-block-form #edit-keys{
	width:100px;
	transition:ease-in-out 0.5s;
}

#search-block-form #edit-keys:focus{
	width:250px;
	transition:ease-in-out 0.5s;
}

#top_sub_section{
	float:left;
	width:90%;
	text-align:center;
}

#slideshow{
	margin-top:58px;

	-moz-box-shadow:none;
   -webkit-box-shadow:none;
   box-shadow:none;

}

#content-area #block-b2u-breadcrumbs{
		display:none;	
	}




#page-footer{
	text-align:center;	
}


#page-footer #foot_1, #page-footer #foot_2, #page-footer #foot_3, #page-footer #foot_4, #page-footer #foot_5{
	width:80%;
	min-width:250px;
	padding:20px 5%;
	border-bottom:1px solid #006;
	text-align:left;
}
#page-footer #foot_5{
	border-bottom:none;	
}

#page-footer #foot_2 .__body, #page-footer #foot_3 .__body, #page-footer #foot_4 .__body, #page-footer #foot_5 .__body{
	display:none;
}

#page-footer #foot_2 h2, #page-footer #foot_3 h2, #page-footer #foot_4 h2, #page-footer #foot_5 h2{
	text-align:center;
}

#block-footerecg, #block-views-block-research-and-academics-block-1 .view-content, #block-views-block-research-and-academics-block-1 .view-header, #block-views-block-front-testimonials-block-1, #block-views-block-our-specialists-block-1 .view-footer,  #block-whywearethebest .__body, #block-whyweare1 .__body, #block-topheadercontactsection, #block-b2u-b2u-block-10{
	display:none;	
}

.path-faq .view-faq .view-filters #edit-combine{
	 width:250px; 
 }
 
 .path-faq .view-faq .view-filters #edit-submit-faq{
	 margin-top:5px;
 }
 
 
  .node-type-facilities #facility-node-statistics .field {
	 float:left;
	 margin:15px 40px;
	 margin-left:0;
	 font-weight:bold;
 }
 
 .node-type-facilities #facility-node-statistics .field--name-field-type .field__item{
	 display:block;
	 margin:0 5px;
 }
	.views-field-field-images img{
		width:100px;
		height:auto;	
	}
	
	.field--name-field-project-description{
	 float:left;
	 width:100%;
 }
 
 .node-type-news .field--name-field-news-image{
	 float:left;
	 margin-right:0;
	 width:100%;
 }
 
 .node-type-news .field--name-field-news-article{
	 float:left;
	 width:100%;
 }
}