/*--------------- Useful for block switching --------------*/
/*---------------------------------------------------------*/
	
.hideOnPhone{
	display:block;
}
.hideOnSmallTablet{
	display:block;
}
.showOnPhone{
	display:none;
}
.showOnSmallTablet{
	display:none;
}

/*
Saeed - 10 Sept 2015
Some anchor links in the responsive versions of the site may span across and break the layout.
Uncomment the following line to fix this issue.  Left it commented at the moment but uncomment in 
2dev if you feel that it's safe to keep is available on responsive sites.
*/
/*
a {
	word-break: break-all;
}
*/

/*Apply to all Responsive*/
@media (max-width: 1200px) {

	img{
		max-width: 100%;
		height: auto;
	}
	
	#header_graphic{
		z-index:500;
	}
	
	.wrapper-inner {
		padding-left: 2%;
		padding-right: 2%;
		max-width:1180px;
		width: 96%;
	}
	
	#navigation {
		width: 100%;
	}
	
	#centerc{
		margin-left:28%;
		width:72%;
	}
	#centerc-2col {
		margin-left: 24%;
		width: 76%;
	}
	#centerc-1col {
		width: 100%;
	}

	#leftc{
		margin-left:-100%;
		margin-right:2%;
		width: 22%;
	}
	
	
	#leftc ul{
		margin:0px;
		padding:0px;
	}
	
	#leftc ul li {
		margin-right:2%;
		margin-left:2%;
		width: 96%;
	}
		
	#leftc ul li a, #leftc ul li a:visited {
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}
	
	#leftc ul li ul li {
		margin:0px;
		width:100%;
	}
	
	#leftc ul li ul li a, #leftc ul li ul li a:visited{
		padding-left: 9%;
		padding-right: 2%;
		width: 89%;
	}
	
	#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
		padding-left: 18%;
		padding-right:2%;
		width: 80%;
	}

	#membersLoginDetails {	
		margin-right: 2%;
		width: 22%;
	}
	#MemberWelcomeStatement {
		width: 76%;
	}
	
	
	.menu_header {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}

	.joindhfBanner {
		padding-right:5%;
		padding-left:5%;
		width:90%;
	}
	.joindhfBannerTop, .joindhfBannerBottom {
		width:100%;
	}
	.joindhfBannerTop p {
		font-size:1.6em;
	}
	.joindhfBannerBottom span{
		display:inline-block;
	}
	.joindhfBannerBottom p, .joindhfBannerBottom a, .joindhfBannerBottom a:visited {
		font-size:1.2em;
	}
	
	#foot, #foot2{
		width:100%;
	}

	/*.headerPhone {
		padding-right: 25px;
	}*/
	
	#navigation ul {
		width: 88%;
	}
	
	#navigation ul li a, #navigation ul li a:visited, #navigation ul li .subnavTitle {
		font-size: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	#navigation ul li ul {
		width:42%;
	}
	
	.sublist-ul-first, .sublist-ul-second {
		margin-right:5% !important;
	}
	
	#search{
		width:960px;
	}	
	#search form {
		padding-bottom: 12px;
	}
	
	#search form #searchLabel {
		float:none;
	}
	
	#search form .selectContainer#searchProductGroupContainer{
		border-left:0px;
		padding-left:0px;
	}	
	
	#search form .selectContainer {
		width: 227px;
	}
	#search form select {
		width: 228px;
	}
	
	#search form .postcodeContainer {
		padding-right: 0px;
		width: 210px;
	}
	
	#search form .postcodeContainer #m_postcode {
		width: 194px;
	}
	
	.searchFieldOverlay {
		top: 6px;
		left: 0px;
		width: 228px;
	}
	
	#searchProductGroupContainer .searchFieldOverlay{
		padding-left:0px;
	}
	#searchProductAreaContainer .searchFieldOverlay, #searchServicesContainer .searchFieldOverlay{
		width: 232px;
	}
	
	#searchProductGroupContainer .searchSelectedOverlay{
		padding-left: 0px;
		left: 0px;
	    width: 224px;
	}
	
	.submitButtonSearch{
		float:right;
	}	
	
	.homeBoxText h2{
		font-size:1.2em;
		padding-right:20px;
	}
	.homeBoxText h2 a, .homeBoxText	h2 a:visited{
		height:60px;
	}
	
	#homeAbout, #pageAbout {
		width: 59.2%;
	}
	
	.homeAboutButton {
		width: 100%;
	}
	
	#homeTrainingImage, #pageTrainingImage{
		margin-right:2%;
		width:34%;
	}
	#homeTrainingText, #pageTrainingText {
		width: 61%;
	}

	#homeTrainingBox, #homeNewsBulletin {
		margin-right: 2%;
		width: 28.5%;
	}

	
	#home-slider-wrapper {
		margin-bottom:20px;
	}

	.sliderContainer, .sliderImage {
		height:auto;
	}
	.sliderContainer {
		width:35%;
	}
	.sliderImage {
		width:65%;
	}
	.sliderImage img{
		display:block;
	}
	#sliderhome {
		background-color: #013a57;
	}
	#sliderhome li {
		height:auto;
	}
	.sliderContent {
		padding-top: 30px;
		padding-bottom: 0px;
	}

	.sliderContent h2 {
		font-size:2.2em;
	}

	.sliderContent h2, .sliderContent p {
		margin-bottom: 15px;
	}

	.sliderLink a {
		width:80%;
	}

	.membersSearchImage {
		margin-right: 3%;
		margin-left: 2%;
		width: 17%;
	}
	.membersSearchTitle {
		margin-right: 2%;
		width: 28%;
	}
	.membersSearchDistance {
		margin-right:2%;
		margin-top:30px;
		max-width:115px;
		width:12%;
	}
	.membersSearchAddress {
		margin-right: 2%;
		width: 27%;
	}
	
	.membersSearchEnquiry {
		margin-right: 0px;
		width: 27%;
	}

	.memberList a {
		height:57px;
	}

	#selectGroupAdvanced #selectGroup {
		margin-right:2%;
	}
	#selectGroupAdvanced select, #selectGroupAdvanced input[type=text] {
		margin-right:2%;
	}
	#selectGroupAdvanced select {
		width:35%;
	}
	#selectGroupAdvanced #selectGroup, #selectGroupAdvanced #selectCompany {		
		width:12%;
	}
	#selectGroupAdvanced input[type=text] {
		width: 28%;
	}

	#selectProductsAdvancedLeft, #selectProductsAdvancedRight {
		width:49%;
	}

	#selectProductsAdvancedLeft, #selectServicesAdvancedLeft, #selectFilterAdvancedLeft {
		margin-right: 2%;
	} 

	#selectProductsAdvanced label {
		margin-right:2%;
		width:93%;
	}

	
	#homeNewsContainer .col2 {
		width: 49%;
	}
	
	#homeNewsContainer {
		margin-right: 2%;
		width: 65%;
	}

	.news-3col {	
		margin-right: 2%;
		width: 32%;
	}
	
	#footContact {
		width: 624px;
	}
	
	.col {
		float: left;
		margin-right: 2%;
	}
	.colLast {
		margin-right: 0px;
	}
	
	.col2 {
		width: 49%;
	}
	.col3 {
		width: 33%;
	}
	.col4 {
		width: 23.5%;
	}
	.col5 {
		width: 18.4%;
	}

	
	#Enquiry_ContainerLeft, #Enquiry_ContainerRight{
		width:49%;
	}
	#Enquiry_ContainerLeft{
		margin-right:2%;
	}

	#divMapEnquiry {
		width:100%;
	}
	#divMapCanvasEnquiry{
		width:100%;
	}
	
	#enquiryForm label, #bookingForm label {
		width: 110px;
	}
	#enquiryForm .submitButton, #bookingForm .submitButton {
		margin-left: 120px;
	}


	#contact-details {
		margin-right:2%;
		width:38%;
	}
	#contact-form {
		width:60%;
	}
	
	#endorsements-left{
		margin-right: 2%;
   		width: 49%;
	}
	#endorsements-right{
		width: 49%;
	}

	#divMapCanvas {
		height: 360px;
	}
	
	
	.MemberBenefitsLeft {
		float: left;
		margin-right: 4%;
		width: 40%;
	}
	.MemberBenefitsRight {
		width: 56%;
	}
	
	.MemberBenefits ul li {
		padding-right: 54px;
	}

	.memberList {
		padding-right:2%;
		width:49%;
	}
	
	.downloadsImage, .membersDownloadsImage{
		margin-right:40px;
	}
	.downloadsText, .membersDownloadsText{
		width:558px;
	}
	
	#advancedSearchHardware {
		width: 100%;
	}
	
	.Template2colContainer, .Template2colMembersContainer {
		width:100%;
	}
	.Template2colColumn, .Template2colMembersColumn  {
		padding-right:2%;
		width:48%;
	}
	
	#courseKeys{
		width:688px;
	}
	
	#ipadMoreContainer{
		background-color: #01334c;
		color: #FFFFFF;
		cursor: pointer;
		padding-left: 18px;
		padding-bottom: 16px;
		padding-top: 17px;
		position: absolute;
		width: 76px;
		right: 118px;
	}
	#ipadMoreList{
		background-color: #01334c;
		clear: both;
		display:none;
		position: absolute;
		top: 52px;
		left: 0px;
		width: 100%;
	}	
	#navigation #ipadMoreList ul{
		display:block;
		float:none;
		height:auto;
		padding-bottom: 50px;
		padding-top:20px;
		width:100%;
	}
	#ipadMoreList ul li{
		display:block;
	}
	#ipadMoreList ul li a, #ipadMoreList ul li a:visited{
		border-bottom: 1px solid #e6e6e6;
		color: #ffffff !important;
		display: block;
		float: none;
		font-size:15px;
		padding-bottom: 8px;
		padding-top: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	#gsmNewsContainer {
		/*margin-right: 2%;
		width: 65%;*/
		width:100%;
	}
	#gsmNewsContainer .col2 {
		/*margin-right:0px;
		width: 100%;*/
		margin-right:2%;
		width:49%;
	}
	
	.publicationsitem {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 40px;
	}
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 494px;
	}

	#footerleft{
		float:right;
	}
	#footerleft ul{
		position:static;
	}
	#footerleft ul li{
    	padding-right: 0px;	
	}
	#footerright{
		clear:both;
	}
	
	#companyInfo{
		text-align:right;
	}
	
	#photo-id-checkbox label, #covid-checkbox label {
		width: 436px;
	}
	
	#cscs-application-form label {
		width: 100%;
	}
	
	.x-large-label label {
		width: 95%;
	}
		
}

/*Apply to all Responsive*/
@media (max-width: 1139px) {
	#addOfferCodeButton {
    	margin-left: 0px;
	}	

}

/*Apply to all Responsive*/
@media (max-width: 1110px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	.sliderContent h2 {
		font-size: 2em;
	}
	.sliderContent p {
		font-size: 1.1em;
	}
	
	
	.newsitem {	
		margin-right: 2%;
		width: 32%;
	}
	
	.membersNewsContainer .newsitem {	
		margin-right: 2%;
		width: 49%;
	}
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 442px;
	}
	
}

/*Apply to all Responsive*/
@media (max-width: 999px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	
	#navigation ul li.navHideIpad{
		display:none;
	}
	
	#navigation ul {
		/*height:52px;
		overflow:hidden;*/
		width: 85%;
	}
	
	#centerc-1col {
		width: 100%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
	
	#map-wrap, #map-placeholder{ 
		width: 100%; 
	}
	#map-placeholder{
		height: 580px;
	}
	#map-wrap img{
		display:block;
	}
	
	.newsitem{
		width:32%;
		margin-right:2%;
	}	
	.newsimage{
		height:auto;
		overflow:hidden;
		width:100%;
	}
	.newsdate{
		left:auto;
		right:0px;
	}
	
	#header-left{
		width: 41%;
	}

	#header_graphic{
		margin-right: 9px;
		z-index:600;
	}
	
	.headerTitle {
		float: right;
		margin-top: 20px;
	}
	
	#strapLine {
    	padding-left: 8px;
	}
	
	/*.headerPhone {
		padding-right:25px;
	}*/
	.headerPhoneNumber a {
		font-size: 1.2em;
	}
	#headerJoinDhf {
		display:none;
	}
	.headerPhone, #headerLogin {
		padding-right: 10px;
		margin-right: 10px;
	}
	/*#headerLogin {
		border-right: none;
		padding-right: 0px;
		margin-right: 0px;
	}*/
	
	#headerSearchContainer {
    	width: 430px;
	}

	#headerSearchCompanyContainer #m_searchcompany {
		font-size: 15px;
		height: 17px;
		padding-top: 9px;
		padding-bottom: 9px;
		width: 195px;
	}
	#headerSearchCompanyContainer #searchCompanySubmit {
		font-size: 15px;
		padding: 10px 15px;
	}

	#navigation ul li ul li a, #navigation ul li ul li a:visited {
		font-size:15px;
	}

	#centerc{
		margin-left:28%;
		width:72%;
	}
	#centerc-2col {
		margin-left: 28%;
		width: 72%;
	}

	#leftc{
		margin-left:-100%;
		margin-right:2%;
		width: 26%;
	}
	#leftc ul li a, #leftc ul li a:visited {
		font-size:0.8em;
	}
	
	#menu ul li a, #menu ul li a:visited {
		height:auto;
		padding-left: 2%;
		width: 98%;
	}
	#menu ul li ul li a, #menu ul li ul li a:visited{
		padding-left: 6%;
		width: 94%;
	}
	#menu ul li ul li ul li a, #menu ul li ul li ul li a:visited{
		padding-left: 10%;
		width: 90%;
	}	
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	.headerTitle h1 {
		font-size:1.3em;
	}

	.breadcrumbs p, .breadcrumbs a, .breadcrumbs a:visited {
		margin-top: 2px;
	}
	
	.breadcrumbs {
		padding-top: 23px;
	}

	.homeBoxText h2 {
		font-size: 1.0em;
	}
	
	.homeBoxText h2 a, .homeBoxText	h2 a:visited {
    	padding-right: 16px;
	}
	
	#homeNewsContainer {
		margin-bottom:24px;
		margin-right: 0px;
		width: 100%;
	}
	#twitterContainer {
		clear:both;
		float:none;
		width:100%;
	}
	
	#footContact span, #footContact a, #footContact a:visited, #footSocial h2 {
		font-size: 1.2em;
	}
	
	#footSocial h2 {
		width: 136px;
	}
	
	#footContact span#footEmail {
		padding-left: 18px;
	}
	
	#footContact {
		width: 420px;
	}
	#footSocial {
		width: 252px;
	}
	
	#foot {
    	padding-bottom: 12px;
    	padding-top: 30px;
	}
	
	#foot .col4{
		margin-bottom:22px;
		margin-right:2%;
		width:49%;
	}	
	
	#foot #footCol2, #foot #footCol4{
		margin-right:0px;
	}
	#foot #footCol3{
		clear:both;
	}	
	
	.homeAboutButton a, .homeAboutButton a:visited {
    	margin-top: 30px;
	}
	
	.pageAboutText h2, .pageAboutText h3 {
		font-size: 1.1em;
		line-height: 1.4em;
	}
	
	#homeTrainingImage, #pageTrainingImage {
		margin-right: 2%;
		width: 47%;
	}
	#homeTrainingText, #pageTrainingText {
		padding-top: 16px;
		padding-right:3%;
		width: 47%;
	}
	#homeTrainingText h2, #pageTrainingText h2{
		margin-bottom:18px;
	}
	#homeTrainingText p, #pageTrainingText p{	
		font-size:0.85em;
	}
	
	#search {
    	width: 100%;
	}
	#search form .selectContainer {
		width: 226px;
	}
	
	#homeContent {
		padding-bottom: 28px;
	}
	
	
	.sliderContainer, .sliderImage {
		width: 50%;
	}
	
	.sliderContent {
		padding-top:24px;
		padding-right: 14px;
		padding-left: 14px;
	}
	.sliderContent h2 {
		font-size: 1.8em;
		margin-bottom: 15px;
	}
	.sliderContent p {
		font-size: 1.1em;
		margin-bottom: 15px;
	}
	.sliderLink a {
		font-size: 1.1em;
		width: 83%;
	}

	#membersSearchFilter ul li {
		padding-right:15px;
	}

	.membersSearchTitle {
		width: 36%;
	}
	.membersSearchDistance {
		margin-right:2%;
		margin-top: 0px;
		width:18%;
	}
	
	.membersSearchAddress {
		width: 36%;
	}

	.membersSearchEnquiry {
		float:right;
		margin-right: 0px;
		width: 34%;
	}
	.membersSearchEnquiry .membersSearchButton, .membersSearchEnquiry .membersSearchButton:visited {
		padding: 10px 42px 11px 8px;
	}
	
	#search form select{
		visibility:visible !important;
	}	
	
	#selectGroupAdvanced #selectGroup, #selectPostcodeAdvanced input[type=text] {
		margin-right:0px;
	}
	#selectGroupAdvanced input[type=text] {
		clear:both;
		width: 290px;
	}
	#selectGroupAdvanced input[type=text], #selectGroupAdvanced #selectCompany {
		margin-top:20px;
	}
	#selectGroupAdvanced select {
		width: 354px;
	}
	.selectButton {
		width: auto !important;
	}

	#selectProductsAdvanced label, #selectServicesAdvanced label, #selectFilterAdvanced label {
		font-size:15px;
	}
	#selectProductsAdvanced label {
		width: 92%;
	}

	.searchOverlayActive {
		display: none;
	}
	
	#search form .postcodeContainer{
		border-left:0px;
		border-right: 1px solid #628597;
		clear:both;
		margin-right:10px;
		padding-left: 0px;
		padding-right:11px;
		width: 227px;
	}
	
	#search form .postcodeContainer #m_postcode {
		text-align:left;
		width: 211px;
	}

	.submitButtonSearch{
		float: left;
		width: 228px;
	}

	#enquiryForm label, #contact-form label, #bookingForm label {
		padding-right:0px;
		width: 100%;
	}
	#enquiryForm .submitButton, #contact-form .submitButton, #bookingForm .submitButton, .g-recaptcha {
		margin-left: 0px;
	}

	#contact-details, #contact-form {
		width:48%;
	}

	#homeBoxContainerLeft {
		margin-right:2%;
		float:left;
		width:59%;
	}
	#homeNewsBulletin {
		margin-bottom:20px;
	}
	#homeTrainingBox, #homeNewsBulletin {
		margin-right: 0px;
		width:100%;
	}
	
	#homeAboutLeft{
		margin-bottom: 20px;
	}	
	#homeAboutLeft, #homeAboutRight{
		margin-right:0px;
		width:38.8%;
	}
	
	#homeAboutLeft .homeBoxImage, #homeAboutRight .homeBoxImage{
		display:none;
	}
	
	#homeAboutLeft .homeBoxText h2, #homeAboutRight .homeBoxText h2 {
		font-size: 1.4em;
		margin-bottom: 18px;
	}
	
	.resultDiv, #mapContainer {
		padding-bottom: 20px;
	}	
	
	#divMapCanvasEnquiry {
		height:320px;
	}
	#membersSearchEnquiryContainer {
		margin-bottom:25px;
	}
	
	.groupFilterProducts {
		clear:both;
		float:none;
		margin-right: 0px;
		width: 100%;
	}
	
	.MemberBenefitsLeft {
		float: none;
		margin-right: 0px;
		width: 90%;
	}
	.MemberBenefitsRight {
		float:none;
		width: 90%;
	}
	
	#pageAboutLeft, #pageAboutRight{
		margin-right:0px;
		margin-bottom:20px;
		width:38.8%;
	}	
	#pageAboutRight{
		margin-bottom:0px;
	}	
	
	.pageBoxImage img{
		width:100%;
	}
	
	.downloadsImage, .membersDownloadsImage{
		margin-right:2%;
	}
	.downloadsText{
		width:390px;
	}
	.documentName {
		padding-top: 36px;
	}
	
	#courseKeys {
		margin-top:6px;
		width: 530px;
	}
	
	#gsmNewsContainer {
		float:none;
		margin-right: 0px;
		width: 100%;
	}
	#gsmNewsContainer .col2 {
		padding-top:20px;
		width:100%;
	}
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 332px;
	}
	
	#delegateheadings .delegateheading, .accreditedeheading{
		font-size:1.1em;
	}
	
	#courseLoginButton, #courseBackButton{
		padding-left:8px;
		padding-right:8px;
	}
	
	.endorsement-checkboxes label {
		width: 320px;
	}
	
	#photo-id-checkbox label, #covid-checkbox label {
		width: 334px;
	}
	
	#contact-form #cscs-statements label{
		width:326px;
	}
	
	#courseBookingContainer{
		overflow-x:scroll;
	}
	
	
	#progress-bar ul li{
		display: block;
		float:left;
		font-size:0.9em;
		margin-bottom:8px;
		margin-right:8px;
		width:23.9%%;
	}
	#progress-bar ul li a, #progress-bar ul li a:visited{
		display: block;
	}	
		
}

@media (max-width: 880px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	.sliderContent {
		padding-top: 14px;
		padding-bottom:0px;
	}
	.sliderContent h2 {
		font-size:1.4em;
	}
	.sliderContent p, .sliderLink a {
		font-size:1em;
	}
	
	#replacementcard-container{
		margin-bottom:18px;
	}
	
	.x-large-label label {
		width: 94%;
	}
}

/*Small Tablet Sized */
@media (max-width: 767px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnSmallTablet{
		display:none;
	}
	.showOnSmallTablet{
		display:block;
	}
	
	#wrap{
		padding-left:2%;
		padding-right:2%;
		width:96%;
	}
	
	#header {
    	padding-top: 6px;
	}
	
	#wrapper-header{
		height: 164px;
		/* height:222px; covid amend */
	}
	
	#header-left {
		width: 23%;
	}
	#header-right {
		float:none;
		margin: auto;
    	padding-top: 0px;
		z-index:2000;
	}
	
	#header-right img{
		display:block;
	}	
	
	#header_graphic{
		z-index:700;
	}

	#header-right .headerPhone{
		margin-top:11px;
		padding-right:22px;
	}
	
	.headerPhoneNumber{
		display:none;
	}
	
	.headTablet{
		display:block !important;
	}	
	.headDesktop{
		display:none !important;
	}

	#header-right-responsive {
		float:right;
		margin-right: 100px;
		margin-top: 30px;
		padding-top: 0px;
		position: relative;
		z-index: 2000;
	}
	#header-right {
		clear:both;
	}

	.icon-menu-closed {
		display:none;
	}
	.icon-menu-open {
		display:block !important;
	}
	.icon-menu-open img {
		padding-right:5px;
	}
	#nav-menu{
		padding-left:15px;
		padding-top: 5px;
	}

	#navigation-right-menu #nav-menu p {
		padding-top: 6px;	
	}

	#headerSearchCompanyContainer {
		margin-top:5px;
	}
	#headerSearchIcon {
		float:right;
		margin-top:15px;
	}

	.headerPhone {
		margin-right:15px;
	}
	.headerPhone, #headerLogin {
		padding-right: 15px;
	}

	.headerPhoneIcon, .headerLoginIcon, .headerJoinDhfIcon {
		padding-right: 0px;
	}
	
	#headerLogin {
		border-right:1px solid #d1d1d1;
		width: 27px;
	}
	
	#headerLogin .buttonContainer{
		padding-top:0px;
	}
	
	#headerLogin .buttonContainer a, #headerLogin .buttonContainer a:visited {
		background-color: #FFFFFF;
		height:auto;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	#headerSearchContainer {
		top: 4px;
		width: 100%;
	}

	#wrapper-navigation {
		height:0px;
	}
	
	#navigation-right-menu {
		right:0px;
	}
	#ipadMoreContainer, #ipadMoreList{
		display:none !important;
	}
	
	#navigation-inner{
		padding-left:0%;
		padding-right:0%;
		width:100%;
	}
	
	#navigation{	
		float:none;
		border-bottom:0px;
		margin:0px;
		width:100%;
		position:absolute;	
		top:-140px;
	}
	#navigation ul{	
		background-color: #01334c;
		border:0px;
		border-top:0px;
		position: absolute;
		top:51px;
		right:0px;
		z-index:600;
		display:none;
		width:100%;
	}
	#nav-icon {
		display: block;
		background-repeat:no-repeat;
		float:right;
		margin-right:2%;
		height:31px;
		width:34px;
	}

	#navigation ul li {
		border-bottom:1px solid #FFFFFF;
		display: block;
	}
	#navigation ul li a, #navigation ul li a:visited, #navigation ul li span.menuItem, #navigation ul li .subnavTitle{		
		color:#FFFFFF;
		display:block;
		float:none;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:2%;
		padding-right:2%;
	}
	#navigation ul li#first a, #navigation ul li#first a:hover, #navigation ul li#first .subnavTitle, #navigation ul li#first .subnavTitle:hover {
		padding-left: 2%;
	}
	
	#navigation ul li ul{
		padding-bottom: 18px;
	    position: static;
		top: auto;
		right: auto;
		width:100%;
	}
	#navigation ul li ul li{
		border-bottom:0px;
	}	
	
	#navigation ul li ul li a, #navigation ul li ul li a:visited{
		border-bottom:0px;
		color: #FFFFFF;
		float:none;
		padding-left:4%;
		padding-right:4%;
	}
	
	#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li .subnavTitle:hover, #navigation ul li .subnavTitle:active {
		color: #FFFFFF;
	}	
	
	#navigation ul li .sub {
		position: static; 
		top: auto; 
		left: auto; 
		right: auto; 
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.closed{
		display:none;
	}
	.open{
		display:block !important;	
	}
	
	.sublist {
		padding-bottom: 0px; 
		padding-top: 0px; 
	}
	
	.sublist-li-first {
		border-top: 0px; 
	}
	
	#navigation ul li#first #firstImage span{
		display:block;
	}
	#navigation ul li#first #firstImage img{
		display:none;
	}
	
	#navigation ul li#first #firstImage {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	#mobileMenu{
		display:block;
	}
	
	
	#strapLine {
		display:none;
	}
		
		
	#search form #searchLabelMobile{
		background-color:#163a55;
		background-position: 92%;
		display:block;
		margin-left:auto;
		margin-right:auto;
		padding-top:14px;
		padding-bottom:14px;
		text-align:center;
		width:544px;
	}	
	
	#search form #searchContainer{
		display:none;
		margin-top: 12px;
	}
	#search form  #searchLabel{
		display:none;
	}
	
	#searchContainerMain{
		background-color:#bababa;
		border-bottom:2px solid #FFFFFF;
	}
	
	#search form .selectContainer{
		border-left:0px;
	}	
		
	
	#centerc{
		display: block;
		float:none;
		margin-left:0px;
		width:100%;
	}
	
	#centerc-2col {
		display: block;
		float: none;
		margin-left: 0px;
		width: 100%;;
	}

	#leftc{
		display:inline-block;
		float:none;
		margin-left:0px;
		margin-right:0px;
		width: 100%;
	}
	#leftc ul li ul li a, #leftc ul li ul li a:visited {
		padding-left: 6%;
		padding-right: 2%;
		width: 92%;
	}
	#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited {
		padding-left: 12%;
		padding-right: 2%;
		width: 86%;
	}
	#leftc ul li a, #leftc ul li a:visited {
		font-size: 0.9em;
	}
	
	.menu_header, #leftc ul li {
		padding-top:0px;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	
	.menu_header{
		background-color:#013a57;
		border-bottom:0px;
		color:#FFFFFF;
		padding-bottom:8px;
		padding-top:8px;
		padding-left: 2%;
		padding-right: 2%;
		width:96%;
	}	
	.menu_header span{
		background-position:right;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	.menu_header span.leftmenu-arrowOpen{
		background-image: url(../images/arrow-down-white.png);
	}
	.menu_header span.leftmenu-arrowClosed{
		background-image: url(../images/arrow-up-white.png);
	}
	
	#membersLoginDetails {	
		float:none;
		margin-right: 0px;
		width: 100%;
	}
	#MemberWelcomeStatement {
		float:none;
		width: 100%;
	}
	
	.joindhfBannerTop p {
		font-size: 1.8em;
	}
	.joindhfBannerBottom p {
		font-size: 1.4em;
	}
	.joindhfBannerBottom a {
		width:173px;
	}

	#foot{
		width:100%;
	}
	
	.contactInputLarge {
		max-width:326px;
		padding-left:2%;
		padding-right:2%;
		width:95%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:400px;
	}
	
	.stockist1, .stockist2, .stockist3{
		width:50%;
	}
	
	#homebox-left, #homebox-center, #homebox-right {
		float:none;
		margin-bottom:12px;
		padding-left: 0%;
		padding-right: 0%;
		text-align:center;
		width: 100%;
	}



	/*Start of Changes*/

	.homeBoxText h2 {
		font-size: 0.9em;
	}
	.homeBoxText h2 a, .homeBoxText	h2 a:visited{
		height:65px;
	}

	#homeAbout, #pageAbout {
		width: 59.2%;
	}
	.homeAboutText, .productGroupText {
		padding-right:14px;
		padding-left:14px;
	}
	.homeAboutText p, #pageContent p {
		line-height:1.4em;
	}

	#homeAbout{
		padding-bottom: 49px;
	}
	.homeAboutButton {
		bottom: 0px;
		top: auto;
	}
	.homeAboutButton a, .homeAboutButton a:visited {
		display:block;
		float:none;
		margin: 0px;
		padding-left:14px;
	}
	
	.homeBoxText p{
		font-size:0.85em;
	}

	#homeBoxContainerLeft {
		margin-right:0px;
		width:100%;
	}

	#homeTrainingBox, #homeNewsBulletin, #homeAboutLeft, #homeAboutRight {
		margin-bottom:2%;
		margin-right:2%;
		width: 49%;
	}
	#homeTrainingBox, #homeAboutRight {
		margin-right: 0px;
	}
	.sliderContent p {
		display:none;
	}

	#membersSearchHeading, #membersSearchFilter {
		width:100%;
	}
	#membersSearchFilter {
		clear:both;
		float:left;
		padding-bottom: 12px;
	}

	.membersSearchImage {
		width:28%;
	}
	.membersSearchTitle {
		width:48%;
	}
	.membersSearchDistance {
		margin-right: 0%;
		width: 28%;
	}
	.membersSearchAddress {
		margin-right:0px;
		width: 50%;
	}
	
	.membersSearchEnquiry {
		clear:both;
		float:right;
		width:50%;
	}

	#selectProductsAdvanced label {
		width: 91%;
	}

	.sliderContent h2 {
		margin-bottom:25px;
	}

	.sliderLink a {
		width: 70%;
	}

	
	#foot2{
		padding-top:0px;
	}
	#footerleft {
		float: left;
	}
	#footerleft ul li {
		white-space:normal;
	}
	#footerright{
		float:left;
	}
	#footerright ul, #footerright ul li{
		padding-left:0px;
	}
	#footerright ul li {
		padding-right:11px;
	}
	#companyInfo {
		text-align: left;
	}

	#footContact{
		width:365px;
	}
	#footContact span, #footContact a, #footSocial h2 {
		font-size: 1em;
	}
	#footSocial{
		width:210px;
	}
	#footSocial h2 {
		width: 126px;
	}
	#footSocial img {
		height:40px;
		width:40px;
	}

	/*End Of Changes*/

	#search form .selectContainer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right:0px;
		margin-right:2%;
		width: 49%;
	}
	#search form .selectContainer:nth-child(odd) {
		margin-right:0px;
	}
	
	#search form select {
		width: 100%;
	}	
	
	#search form .selectContainer#searchServicesContainer{
		border-left:0px;
		padding-left: 0px;
	}
	
	#search form .postcodeContainer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 0px;
		clear: none;
		margin-right: 0px;
		padding-left: 10px;
		padding-right: 0px;
		width: 49%;
	}
	
	#search form .postcodeContainer #m_postcode{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	
	.submitButtonSearch {
		width: 49%;
	}
	
	.resultDiv, #mapContainer {
		padding-bottom: 20px;
	}
	
	#membersSearchEnquiryContainer, #divMapEnquiry {
		width:100%;
	}

	#divMapCanvasEnquiry {
		height: 280px;
	}
	
	.MemberBenefitsLeft {
		float: left;
		margin-right: 4%;
		width: 36%;
	}
	.MemberBenefitsRight {
		float: left;
		width: 60%;
	}
	
	.downloadsText {
		width: 472px;
	}
	
	.newsitem, .membersNewsContainer .newsitem {
		float:none;
		margin-right: 0px;
		width: 100%;
	}
	
	.newsimage {
		float: left;
		margin-right:2%;
		width: 40%;
	}
	.newstext{
		float:left;
		width:58%;
	}
	.newsitem h2 {
    	margin-top: 0px;
	}	
	
	
	#downloadContainer{
		border-bottom:1px solid #cccccc;
		margin-bottom:22px;
		padding-bottom:12px;
	}
	
	.col2{
		float:none;
		margin-right:0px;
		width:100%;
	}
	#homeNewsContainer .col2 {
		float:left;
		margin-right: 2%;
		width: 49%;
	}
	#homeNewsContainer .colLast {
		margin-right: 0px;
	}
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 584px;
	}
	
	#preferenceForm{
		margin-bottom:20px;
	}	
	
	#courseBookingContainer{
		overflow-x:scroll;
		width:100%;
	}
	
	#delegateheadings .delegateheading{
		font-size:0.9em;
	}
	.accreditedeheading {
		font-size:0.9em;
		width: 195px;
	}
	.accreditedInput, .accreditedInputQualTwo  {
		margin-top:0px;
	}
	.accreditedInput label, .accreditedInputQualTwo label {
		font-size: 0.9em;
	}
	
	.delegatecontainer .contactInputLarge{
		width:46%;
	}	
	
	#courseLoginButton, #courseBackButton {
		float:none;
		margin-right:0px;
		padding-left: 12px;
		padding-right: 12px;
		width:auto;
	}
	#courseLoginButton{
		margin-bottom:0px;
	}
	#courseBackButton{
		margin-top:8px;
	}
	
	.cardSelection{
		overflow-x: scroll;
	}	
	
	.endorsement-checkboxes label {
		width: 260px;
	}
	
	#photo-id-checkbox label, #covid-checkbox label {
		width: 264px;
	}
	
	#contact-form #cscs-statements label{
		width:266px;
	}
	
	.x-large-label label {
		width: 93%;
	}
	
	#progress-bar ul li{
		font-size: 0.7em;
		width:23.69%;
	}

}

/*Mobile Sized */
@media (max-width: 639px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	#header-left {
		width: 31%;
	}

	#strapLine{
		display:none;
	}
	
	#search form #searchLabelMobile {
		width: 100%;
	}
	

	/*Start of Changes*/

	#homeBoxContainer .col5 {
		margin-bottom:2%;
		width:32%;
	}
	#homeBoxContainer .col5:nth-child(3n){
		margin-right:0px;
	}

	.breadcrumbs, .headerTitle {
		clear:both;
		float:none;
		margin-top: 8px;
	}
	.breadcrumbs {
		margin-bottom:0px;
		padding-top: 2px;
	}

	#homeAbout, #pageAbout {
		clear:both;
		float:none;
		margin-bottom:20px;
		margin-top:20px;
		width:100%;
	}
	.homeBoxText h2 a, .homeBoxText	h2 a:visited {
		height: 40px;
	}


	#homeTraining, #pageTraining {
		margin-top:20px;
	}

	
	#homeBanner{
		margin-top:0px;
	}
	#homeBanner img {
		display:none;
	}
	
	#home-slider-wrapper, #sliderhome, #sliderhome li, #sliderhome li img {
		height: auto;
		margin-bottom:0px;
	}
	.sliderContainer, .sliderImage {
	    height: auto;
		width: 100%;
	}
	.sliderContent h2 {
		font-size: 1.3em;
	}
	.sliderLink {
		margin-bottom:20px;
	}
	.sliderLink a {
		width: 85%;
	}

	#membersSearchTop {
		margin-bottom: 0px;
	}
	.membersSearchImage, .membersSearchTitle, .membersSearchDistance, .membersSearchEnquiry {
		float:none;
		margin-right: 0px;
		width:100%;
	}
	.membersSearchTitle {
		margin-bottom: 20px;
	}
	.membersSearchDistance{
		clear: both;
		float: none;
		margin-top: 0px;
	}
	
	.membersSearchAddress p{
		margin-bottom:20px;
	}	
	
	.memberList a {
		font-size:0.9em;
	}

	#selectGroupAdvanced select {
		width: 329px;
	}
	#selectGroupAdvanced input[type=text] {
		width:265px;
	}
	#selectProductsAdvanced label {
		width: 88%;
	}

	#Enquiry_ContainerLeft, #Enquiry_ContainerRight {
		clear:both;
		margin:0px;
		padding:0px;
		width: 100%;
	}

	#divMapEnquiry h2 {
		display:block;
	}
	#enquiryServices {
		margin-bottom:40px;
	}

	#contact-details, #contact-form {
		float:none;
		margin-right:0px;
		width:100%;
	}
	#divMap {
		margin-top:25px;
	}
	#divMapCanvas {
		height: 280px;
	}

	#footContact {
		margin-right: 10px;
		/*padding-top:5px;*/
		padding-top:9px;
	}
	#footSocial {
		width:86px;
		/*width:64px;*/
	}
	#footSocial h2 {
		display:none;
	}
	/*#footSocial img {
		height:30px;
		width:30px;
	}*/

	/*End of Changes*/
	
	#homeTrainingImage, #pageTrainingImage{
		display:none;
	}
	
	.homeBoxImage img, .pageBoxImage img, #homeTrainingImage img, #pageTrainingImage img{
		width: 100%;
	}
	
	#homeTrainingText p, #pageTrainingText p {
		font-size: 1.0em;
		padding-left:13px;
		padding-right:13px;
	}
	
	.homeBoxText p{
		font-size:1.0em;
	}
	
	#homeAboutLeft .homeBoxText h2, #homeAboutRight .homeBoxText h2 {
    	font-size: 1.4em;
	}
	
	#homeTrainingText, #pageTrainingText {
		padding-bottom: 39px;
		padding-left:0px;
		padding-right:0px;
		width:100%;
	}
	
	#homeTrainingText h2, #pageTrainingText h2{
		padding-left:13px;
		padding-right:13px;
	}	
	#homeNewsContainer .newsBox{
		margin-bottom:20px;
	}
	#homeNewsContainer{
		margin-bottom:4px;
	}	
	#homeNewsContainer .newsBoxContent {
		padding: 13px;
	}
	
	#homeAboutLeft, #pageAboutLeft{
		margin-right:2%;
	}
	
	
	#mapContainer{
		margin-top:20px;
	}
	
	.groupFilterServices {
		clear:both;
		float: none;
		margin-right: 0px;
	}
	
	.MemberBenefitsLeft {
		float: none;
		margin-right: 0px;
		width: 90%;
	}
	.MemberBenefitsRight {
		float:none;
		width: 90%;
	}	
	
	.downloadsText {
		width: 322px;
	}
	
	#calendar {
		display:none;
	}
	#courseList {
		display:block;
		margin-top: 34px;
	}
	
	#searchmain fieldset label{
		float:none;
	}	
	#searchmain #searchquery{
		float:none;
		margin-bottom:12px;
		margin-right:0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
	}	
	#searchmain #submit{
		float:right;
	}	
	
	#courseKeyContainer{
		display:none;
	}
	
	#navigation ul li ul li a, #navigation ul li ul li a:visited {
		padding-left: 6%;
		padding-right: 6%;
	}
	
	.openTab {
		background-position: 95%;
		padding-left:2% !important;
		padding-right: 2% !important;
		width: 96%;
	}
	
	#mobileJoin{
		display:block;
		margin-left:2%;
	}	
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 428px;
	}
	
	#delegateheadings .delegateheading{
		font-size:1.2em;
	}

	.accreditedeheading {
		font-size:1.2em;
		width: 250px;
	}
	.accreditedInput, .accreditedInputQualTwo  {
		margin-top:4px;
	}
	.accreditedInput label, .accreditedInputQualTwo label {
		font-size: 1em;
	}
	
	.delegatecontainer .contactInputLarge{
		width:47%;
	}
	
	#courseLoginButton, #courseBackButton {
		float:left;		
	}
	#courseLoginButton{
		margin-top:8px;
		margin-right:10px;
		width:185px;
	}
	#courseBackButton{
		width:128px;
	}
	
	#imageformcontainer{
		width: 80%;
		margin-left: -40%;
	}	
	
	#endorsements-left {
		float:none;
		margin-right: 0px;
		width: 100%;
	}
	
	#endorsements-right {
		float:none;
		width: 100%;
	}	
	
	.endorsement-checkboxes label {
		width: 430px;
	}
	
	#photo-id-checkbox label, #covid-checkbox label {
		width: 430px;
	}
	
	#contact-form #cscs-statements label{
		width:434px;
	}

	.online-courses-videos-container {
	    width: 100%;
	    height: auto;
	}
	
	#progress-bar{
		display:none;
	}

}

@media (max-width:700px) {
	.Template2colColumn, .Template2colMembersColumn {
		padding-right:0px;
		width:100%;
	}
}

@media (max-width:600px) {
	label {
		margin-right:0px;
		width:100%;
	}
	.submitButton {
		margin-left:0px;
	}

	.joindhfBannerTop p {
		font-size: 1.6em;
	}
	.joindhfBannerBottom p {
		font-size: 1.3em;
	}
	
	#m_replacementcard{
		max-width:490px;
		width:100%;
	}
	#cscs-card-payment-details {
		width:100%;
	}
	#cscs-card-payment-btn {
		float:left;
	}
	
	
}

/*Mobile Sized */
@media (max-width: 480px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnPhone{
		display:none;
	}
	.showOnPhone{
		display:block;
	}
	
	
	img.ImgFloatRightNoBorder, img.ImgFloatLeftNoBorder, img.ImgFloatNoneNoBorder, img.alignRight, img.alignLeft{
		float:none;
		display:block;
		margin:0px;
		margin-bottom:12px;
	}
	
	#header {
    	padding-top: 6px;
		padding-left: 2%;
    	padding-right: 2%;
	}
	
	#wrapper-header .wrapper-inner {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}

	
	#headerLogin .buttonContainer {
		margin-right:0px;
	}

	#header-right-bottom {
		float: none;
	}

	#wrapper-header {
		height: 124px;
		/* height: 184px;  covid19 amend */
	}
	
	#header-left{
		width: 96px;
	}
				
	#header_graphic{
		width:100%;
		z-index:800;
	}
	#header-bottom .headerPhoneIcon {
		padding-right: 10px;
	}

	#header-right {
		width:100%;
	}
	
	#header-right-responsive {
		margin-top:15px;
		margin-right: 42px;
	}

	#headerSearchCompanyContainer {
		margin-right:2%;
		margin-top:0px;
		width:62%;
	}
	#headerSearchCompanyContainer #m_searchcompany {
		font-size: 11px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 6px;
		padding-right: 6px;
		width:74%;
	}
	#headerSearchCompanyContainer #searchCompanySubmit {
		font-size: 11px;
		height:35px;
		margin-right: 0px;
		padding: 9px 0px;
		width:18%
	}
	#headerSearchIcon {
		margin-top: 10px;
		padding: 6px 8px 7px 8px;
	}
	#headerSearchIcon .headerSearchText {
		font-size: 0.7em;
		padding-top:4px;
	}


	#headerSearchContainer {
		top: 10px;
		padding-top: 0px;
		padding-left:2%;
		padding-right:2%;
		width: 96%;
		z-index:800;
	}	

	
	#headerSearchContainer #query {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 16px;
		float:none;
		margin-right: 0px;
		margin-bottom:8px;
		width: 178px;
	}
	
	#headerSearchContainer #searchSubmit {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
    	float:none;
		font-size:16px;
		margin-right:0px;
		width:95px;
	}
	
	#searchform {
    	float: none;
		margin-right: auto;
		margin-left: auto;
		width: 278px;
	}
	#search form {
		padding-bottom: 6px;
		padding-top:6px;
	}

	#rightmenu {
		width:100%;
		max-width:390px;
	}
	
	.menu-text{
		display:none !important;
	}

	#navigation-right-menu #nav-menu img, #navigation-right-menu #nav-menu svg {
		float: right;
	}
	
	#nav-menu{
		padding-top: 11px;
		width:56px;
	}	
	
	#navigation {
		top: -120px;
	}
	#navigation-right-menu #nav-menu img {
		height: 27px;
		width: auto;
		padding-top: 4px;
		padding-left: 15px;
	}
	
	.joindhfBannerTop {
	    width: 173px;
		margin: 0 auto;
	}
	.joindhfBannerBottom p {
		display:none;
	}
	.joindhfBannerBottom a {
		margin:0 auto;
	}

	iframe {
		width: 100%;
	}
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/

	#search form .selectContainer, #search form .postcodeContainer {
		border:0px;
		float:none;
		padding-left:0px;
		padding-right: 0px;
		margin-right: 0px;
		width: 100%;
	}
	#search form select{
		float:none;
	}	
	#search form .postcodeContainer #m_postcode{
		float:none;
	}	
	
	#homeContent {
		padding-top: 12px;
	}
	
	.submitButtonSearch {
    	width: 100%;
	}
	
	/*Start of Changes*/
	.homeAboutImage {
		display:none;
	}
	#homeAboutRight, #homeAboutLeft, #homeTrainingImage, #homeNewsContainer .col2, #homeTrainingBox, #homeNewsBulletin {
		margin-right:0px;
		width: 100%;
	}
	#pageAboutRight, #pageAboutLeft, #pageTrainingImage {
		margin-right:0px;
		width: 100%;
	}

	#homeTrainingBoxImage {
		display: none;
	}
	
	#homeNewsContainer .newsBox {
		padding-top:14px;
		padding-bottom:2px;
	}

	#homeBoxContainer .col5 {
		width:49%;
	}
	#homeBoxContainer .col5:nth-child(2n) {
		margin-right: 0px;
	}
	#homeBoxContainer .col5:nth-child(3n) {
		margin-right:2%;
	}

	#membersSearchFilter ul li {
		display:block;
		padding-bottom:8px;
		padding-right:2%;
		width:47%;
	}
	.membersSearchEnquiry .membersSearchButton {
		font-size:1em;
	}

	#selectProductsAdvancedLeft, #selectProductsAdvancedRight {
		clear:both;
		float:none;
		margin-right:0px;
		width:100%;
	}
	#selectGroupAdvanced #selectGroup, #selectGroupAdvanced #selectCompany {
		padding:6px;
		width:30% !important;
	}
	#selectGroupAdvanced select {
		padding: 1%;
		width:67%;
	}

	#selectGroupAdvanced input[type=text] {
		width:64%;
	}
	
	.groupFilterServices{
		width:100%;
	}
	#selectGroupAdvanced label {
		width: 240px;
		
	}	

	#footContact, #footSocial {
		clear:both;
		float:none;
		margin-right:0px;
		padding-top:0px;
		width:100%;
	}
	#footSocial {
		margin-top:10px;
	}
	#footContact #footTel, #footContact #footEmailAddress {
		clear:both;
		float:none;
		margin-bottom:10px;
	}
	#footContact span#footEmail {
		padding-left:0px;
	}
	#foot h2 {
		height:40px;
	}
	#footerleft ul li, #footerright ul li, #companyInfo {
		font-size:0.9em;
	}
	#footerright ul li {
		display:block;
	}
	/*End of Changes*/


	
	#map-wrap, #map-placeholder, #map-wrap{ 
		height:300px;
	}

	#divMapCanvasEnquiry, #divMapCanvas {
		height: 240px;
	}
	
	
	#gallery a, #gallery a:visited{
		margin-right: 1%;
		margin-bottom: 1%;
		max-width:185px;
		width:48%;
	}

	.newsitem, .news-3col{
		float:none;
		width:100%;
		max-width:300px;
		margin-left:auto;
		margin-right:auto !important;
	}
	
	.newsimage {
		float: none;
		margin-right: 0px;
		width: 100%;
	}	
	.newstext {
		float: none;
		width: 100%;
	}
	.newsitem h2, .news-3col h2 {
		margin-top: 10px;
	}

	.newsdate{
		left:auto;
		right:0px;
	}
	
	#homeTrainingImage, #pageTrainingImage{
		display:block;
	}		
	
	#selectGroupAdvanced h2{
		font-size:1.2em;
	}	
	/*#selectGroupAdvanced label {
		width: 350px;
	}*/
	.groupFilterProducts label span {
		margin-right:20px;
		width: 200px;
	}
	.groupFilterServices label span, #selectFilterAdvanced label span {
		display: block;
		float: left;
		margin-right:20px;
		width: 200px;
	}
	
	#selectCompanyAdvanced #m_company{
		margin-bottom:12px;
	}
	
	.MemberBenefitsLeft {
		width: 100%;
	}
	.MemberBenefitsRight {
		width: 100%;
	}
	
	.MemberBenefits ul {
		padding-right: 16px;
	}
	
	.MemberBenefits h2 {
		width: auto;
	}	

	.memberList {
		padding-right:0px;
		width:100%;
	}

	.memberList a {
		height:auto;
	}
	
	#pageAboutLeft{
		margin-bottom:20px;
	}	
	
	#pageAbout {
		margin-top: 8px;
	}
	#pageContent {
    	padding-bottom: 12px;
	}
	
	.downloadsText, .membersDownloadsText {
		float:right;
		width: 62%;
	}
	.downloadsImage, .membersDownloadsImage{
		float:left;
		margin-bottom: 20px;
		margin-left:auto;
		margin-right:auto;
		width:30%;
	}	
	.documentName {
		padding-top: 0px;	
	}	
	
	#searchmain #submit{
		float:right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width:100%;
	}	
	
	.publicationsitem {
		float:none;
		max-width:265px;
		width: 100%;
		margin-left:auto;
		margin-right: auto !important;
		margin-bottom: 16px;
	}
	
	#homeBoxContainer .col5#mobileJoin{
		margin-right:0px;
	}
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 354px;
	}	
	
	#delegateheadings .delegateheading{
		font-size:0.9em;
	}

	.accreditedeheading {
		font-size:0.9em;
		width: 195px;
	}
	.accreditedInput, .accreditedInputQualTwo  {
		margin-top:0px;
	}
	.accreditedInput label, .accreditedInputQualTwo label {
		font-size: 0.9em;
	}
	
	.delegatecontainer .contactInputLarge{
		width:46%;
	}
	
	#courseLoginButton, #courseBackButton {
		float:none;
		margin-right:0px;
		width:auto;
	}
	
	.endorsement-checkboxes label {
		width: 256px;
	}
	
	.terms-container label {
		margin-right: 0px;
		width: 256px;
	}
	
	#photo-id-checkbox label, #covid-checkbox label {
		width: 256px;
	}

	#cscs-blue-btn {
		margin-bottom:10px;
	}
	
	#contact-form #cscs-statements label{
		width:260px;
	}
	
	.x-large-label label {
		width: 90%;
	}
	
	.large-label label {
		width: 352px;
	}

}

@media (max-width: 400px) {

	#selectGroupAdvanced #selectGroup, #selectGroupAdvanced #selectCompany {
		width: 107px !important;
	}
	#selectGroupAdvanced #selectGroup {
		margin-top: 20px;
	}
	#selectGroupAdvanced select {
		margin-right:0px;
		width:100%;
	}
	#selectGroupAdvanced input[type=text] {
		margin-right:0px;
		width: 97%;
	}

	.searchResult span a, .searchResult span a:visited{
		/* These are technically the same, but use both */
		overflow-wrap: break-word;
		word-wrap: break-word;
		
		-ms-word-break: break-all;
		/* This is the dangerous one in WebKit, as it breaks things wherever */
		word-break: break-all;
		/* Instead use this non-standard one: */
		word-break: break-word;
		
		/* Adds a hyphen where the word breaks, if supported (No Blink) */
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	
	.searchResult p img{
		float: left;
		margin-bottom: 12px;
		margin-right: 20px;
	}
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 275px;
	}
	
	
}


/* small mobile fix */
@media (max-width: 394px) {
	.headerPhoneNumber{
		display:none;
	}	
	
	.large-label label{
		width:260px;
	}
}

/* small mobile fix */
@media (max-width: 345px) {
	div#coupon-box div.basketCol2 label {
		float: left;
		margin-right: 0px;
		padding-top: 5px;
		text-align: left;
		width: 100%;
	}
	div#coupon-box div.basketCol2 input[type="text"] {
		float: left;
		margin-right: 0px;
		padding-left: 3%;
		padding-right: 3%;
		width: 93%;
	}
}


@media (max-width: 318px) {
	
	.formInformationPreference label, .formMembershipBenefits label, .formShareAvalon label {
		width: 250px;
	}
}