@media (max-width: 1400px) {
  #nav ul > li:last-child .dropdown{	left:-90px;}
}





  @media (max-width: 1140px) {

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

				.dropdown{
					width:190px;
				}
				#nav {
					margin: 0 10px 0 0px;
				}
				#actlogo {
				  float: right;
				  margin-left: 25px;
				  margin-right: 10px;
				  padding-top: 25px;
				}
				#logo {
				  margin-left: 20px;
			}
			#shopsearchtopheader, #mapheader, #shoplistings, #ourstaffwwrapper, #newswrapper, #jobswrapper, #brandswrapper, #serviceswrapper, #openinghourswrapper,
			 #shop-accreditationwrapper, #addressdetails,#box-directions {
			    margin-left: 5px;
			}

      .article   img{
				 max-width:100%;
				 height:auto;

			}

}



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

		#nav ul > li > a {
		padding:5px 5px 5px 5px;
		}


		#logoimage {
		margin-top: 15px;
		margin-left: 10px;
		width:  300px !important;
		height: auto;
		}

}


 @media (max-width: 840px) {
   #signupone,#signuptwo{
 	float:none;
 	width:width 100%;
 }




 #signuptwo{
padding-top:0px;
 }

 #signuptwo button.buttonsearch {
    margin-left: 0px;
    margin-top: 0px;
}


.boxcontent div.boxtwo {
      margin:0px 0px 0px 0px;
			padding:0px 0px 0px 20px;
			height:auto;
      width: 80%;
		}

   .boxcontent div.boxone {
      margin:4px 0px 0px 0px;
			padding:0px 0px 0px 20px;
			height:auto;
      width: 80%;
		}



.boxcontent div.boxthree {
      margin:0px 0px 4px 20px;
			padding:0px 0px 0px 0px;
			height:auto;
      width: auto;
		}

.boxcontent div p.searchbuttons {
    display: block;
    position: relative;
    right: auto;
    text-align: left;
    top: auto;
}





    .SlectBox {
 	width:250px!important;
}




 form.shopsearch input.search-input {
   	width:230px !important;
}


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;

 }






 }



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

		#nav ul > li > a {
		padding:5px 5px 5px 5px;
		}


		#logoimage {
		margin-top: 15px;
		margin-left: 10px;
		width:  300px !important;
		height: auto;
		}


   #sendtoafriendjob {
		 float:none !important;
		 display:none !important;;
		 border:solid red 1px;
	 }




 #content .joblistpanel dt {
	width:50px;;
	margin-right:10px;
}

  #content .joblistpanel dd {
	width:auto;
	margin-left:10px;

}




		.actsmartslideshow {
		width:100%;
		height:320px !important;
		}

		#sliderwrapper{
		text-align: center;
		padding:0px 0px 0px 0px;
		z-index:499;
		height:320px !important;
	}
}


@media (max-width: 740px) {
		#logoimage {
		margin-top: 20px;
		margin-left: 10px;
		width:  250px !important;
		height: auto;
		}
  #signupone, #signuptwo {
    float: none;
    width: 100%;
}

  #content textarea {
		width: 100%;
}


}

@media (max-width: 690px) {
		#logoimage {
		margin-top: 25px;
		margin-left: 10px;
		width:  200px !important;
		height: auto;
		}


#map {
	overflow: hidden;
	height:694px;
	font-size: 0.9em;
  margin: auto;
	position:relative;
	float:none;
	width:100%;
}


 #expandermapfull{
	display:none;
 }


  #expandermap{
	display:block !important;;
 }





 #shoplistings {
	margin-top:10px ;
	float:none;
	width:100%;
	margin-left:5px;
    overflow: hidden;
  height:auto;

}

#shoplistings #expanderresults.hidebig{
	display:block !important;;

}







  #shoplistings h2 span {
    display: block;
    padding: 0 0 0 0px;
    width: auto;


}



@media (max-width: 640px) {
		#logoimage {
		margin-top: 30px;
		margin-left: 10px;
		width:  150px !important;
		height: auto;
		}
}

@media (max-width: 640px) {
		#logoimage {
		margin-top: 30px;
		margin-left: 10px;
		width:  140px !important;
		height: auto;
		}
}