@media (max-width: 1140px) {
 	 div.frontpageservicegroup {
    width: auto;
	}
	.frontpageservicegroup .servicepagebox {
         	width:calc(24% - 30px);
	}

  #logoimage{
  margin-left: 28px ;
	}

    	#nav ul > li > a {
		padding:5px 10px 5px 10px;
		}
		#nav li a {
       font-size: 12px;
		}


}



@media (max-width: 1068px) {


   	#nav ul > li > a {
		padding:5px 6px 5px 6px;
		}
		#nav li a {
       font-size: 11px;
		}


		#nav li a {
       font-size: 11px;
		}
		#navabout #navabouttext p {
		    font-size: 100%;
		}
		#footerinner{

		}
		#footer{

		}
		#content{
			padding-right:10px;
			}
		.column2and3of3 {
		  width:auto;
		}

	.actsmartslideshow, #sliderwrapper {
  		height:400px !important;
		background-size: auto 100%  !important;
   }

	 .halfarticle h2 {
	    min-height: 70px;
	}
		div.frontpageservicegroup{
			width:100%
		}

}


 @media (max-width: 960px) {
			#logoimage{margin-left:28px;}
			#nav ul > li > a#searchlink{
			display:inline;
			border-right:none;
		}
		#nav li a {
       font-size: 10px;
		}

 .boxcontent div.boxfour, .boxcontent div.boxthree, .boxcontent div.boxtwo, .boxcontent div.boxone {
    display: block;
    float: left;
    height: 120px;
    width: calc(50% - 70px);
  }
 	#contentwrapper {
		padding: 180px 0 0 0px;
	}

  #boxfullwidth{
		width: auto;
	}





}

 @media (max-width: 900px) {
		#logoimage {
       height: 90px;
		}
		#nav li a {
       font-size: 12px;
		}

		#nav{
			padding:0px;
			margin-top:10px;
		}

		#topbar  {
	  		height:100px;
		}
		#nav {
			margin-top: 8px;
			padding: 0;
		}


div.serviceicon {
    float: left;
    height: 130px;
    padding: 0 0 10px;
    text-align: left;
    width: 100%;
}

.serviceiconinner{
			display:block;
			float:none;
      width: 90% ;
			margin-right:50px;

 }

		 .halfarticle .jointop  {
		   	min-height:300px;
				height:auto;
		}

		.halfarticle h2 {
		 display:block;
		 	min-height:65px;
		}
}







@media (max-width: 870px) {
 		#nav li a {
      font-size: 9px;
		}

		 .halfarticle .jointop  {
		   	min-height:365px;
				height:auto;
		}

		.halfarticle h2 {
		 display:block;
		min-height:75px;
		}


		 .halfarticle .joinbottom  {

		}

		#nav ul > li > a {
				padding:5px 5px 5px 5px;
		}
		
		#boxfullwidth td label {
				width: 185px;
		}

}


 @media (max-width: 865px) {
 @media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari and Google Chrome only - fix margins */
  a.formbutton  {
    padding-top: 8px;
    padding-bottom: 8px;
  }


   a.formbutton.hidesmall {
   	  display:none !important;
	 }
    a.formbutton.hidebig {
			margin-top:10px;
	 }


td.fullwidth  a.formbutton  {
    padding-top: 10px;
    padding-bottom: 10px;
  }


.payoption a.button{
    padding-top: 8px !important;
    padding-bottom: 4px !important;
    display:inline-block   !important;
  }

  button.formbutton  {
    padding-top: 8px;
    padding-bottom: 8px;
		height:38px !important;
  }
}






	#nav li a {
		font-size: 10px;
		}

		#boxfullwidth table td {
    display: block;
    width: 90%;
}

 #boxfullwidth td label{
 width:90%    ;
}

 #boxfullwidth input.text, #boxfullwidth input.password {
			line-height: 28px;
			height: 32px;
			width:220px;
}

 #boxfullwidth select {
			line-height: 28px;
			height: 32px;
			width:235px;
}



#boxfullwidth td label {
    float: none;
}

 #boxfullwidth td.left,
#boxfullwidth td.right {
	 width:calc(100% - 10px) !important;
}


#logojoin{
	display:none;
}

#boxfullwidth h2 {
   font-size: 100%;
	font-weight: bold;
}


#boxfullwidth div.select{
  width:calc(100% - 30px) !important;
}


#boxfullwidth select#WebTradeOrganisations,
#boxfullwidth select#SubscriptionBusinessInsuranceRenewal,
#boxfullwidth select#RegistrationBusinessInsuranceRenewal {
	margin-top: 0px;
}

#boxfullwidth td.fullwidth a.formbutton.cancelmedium{
display:block;
margin:10px 0 0 3px;
}

a.formbutton.cancellarge{
display:none;
}


#boxfullwidth table.mceToolbar  td {
	float:left;
	width:auto;
}

#boxfullwidth td.left, #boxfullwidth td.middle, #boxfullwidth td.right{
  padding:0px;
}

#boxfullwidth .right textarea {
     width:calc(100% - 30px) ;

}

#boxfullwidth .right .select label{
   display:inline;

}

 #boxfullwidth td.left input,
#boxfullwidth td.right input {
width:240px;

}

 #boxfullwidth td.left select {
width:255px;
}

 #boxfullwidth td.right input.checkbox {
    width: 30px;
}



#boxfullwidth p.checkbox label{
	 width:80%;
}

#boxfullwidth p {
	 width:90%;
}



#boxfullwidth td.fullwidth{
	text-align:right;
	padding-top: 5px;
	padding-right: 0px;
 width:calc(100% - 30px) ;
	display:block;
	text-align:center;
}

 #boxfullwidth td.fullwidth a.formbutton {
		float:left;
		margin:0 0 10px 0;
		width:calc(100% - 5px);
  	line-height: 29px;
  	max-width:400px;
}


 @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
      #boxfullwidth td.fullwidth a.formbutton {
       padding-top: 6px !important;
    }
}
}



 #boxfullwidth td.fullwidth button.formbutton {
		margin:0 0 0 0;
		float:left;
		width:calc(100% - 5px) !important;
		line-height:21px;
		max-width:400px;
}

   @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
       #boxfullwidth td.fullwidth button.formbutton{
     padding-top: 8px !important;
     padding-bottom: 26px !important;
    }
}
}


#boxfullwidth td.right div.select{
 	width:calc(100% - 20px) !important;

}



#boxfullwidth td.fullwidth p.compulsory {
		display:block;
		text-align:left;
}

    .benefittitle{
			height:auto;
		}
.benefittitle h2 {
    color: #00a0c3;
    font-size: 24px;
    font-weight: normal !important;
    line-height: 110%;
    text-transform: uppercase;
		font-weight:bold;
 		padding-top:0px;
}

	.keybenefits {
		    height: auto;
		}

		.benefitpanelinner{
		 	height:auto;
		}

		.benefitpanelinner img.priceimage{
		 	width: auto;
		 }

       .benefitmiddle{
			height:auto;
			margin-top:-10px;
		}





#boxfullwidth div.select{
	 width:100%   ;
}

div.question{ display:none;}




}




  @media (max-width: 760px) {
    		#logoimage {
       height: 60px;
		}
		#topbar  {
	  		height:70px;
		}
   	#contentwrapper {
		padding: 155px 0 0 0px;
	}
   	#nav  {
		margin-left: 10px;
		}


  #logojoin {
	 margin-right:5px;
	}
	
	#nav ul > li > a {
    padding: 2px 2px 2px 2px;
	}


}
@media (max-width: 690px) {
#nav ul > li > a {
    padding: 2px 1px 2px 1px;
	}
}



   @media (max-width: 620px) {
   		#logoimage {
       height: 70px;
		}

       


}