/*@media screen and (device-aspect-ratio: 40/71) {*/

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



#wrapper

{

	background-image: none;

}



	#header

	{

		border: none;

	}

	#badge {
		display: none;
	}

    #nav .navitem {
        display: none;
    }

	#headerinner

	{

		width: 100%;

	}

	#logo

	{

		float: left;

		text-align: center;
		
		margin-left: 10px;

	}
	
	#logo img {
	    width: 150px;
	}
	
	#menubar {
	    display: none;
	}

	#mobiletaglineitems

	{

		display: block;

		margin-top: 10px;
		
		width: 150px;

		color: #FFFFFF;

		text-align: center;

		height: 130px;
		float: right;

	}

	#mobiletaglineitems #mobphone1

	{

		margin-top: 15px;

		font-size: 28px;

		margin-bottom: 10px;

	}

	#mobiletaglineitems A

	{

		color: #FFFFFF;

	}

    #mobiletaglineitems img {
        width: 60px;
    }

    #mobiletaglineitems h4 {
        font-size: 1.5em;
        width: 120px;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 10px;
        color: #22409C;
	    -moz-border-radius: 5px;
    	border-radius: 5px;
    	box-shadow: 0px 0px 5px #000000;
    	background: #FFFFFF;
       	/* Old browsers */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    	/* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* IE10+ */
    	background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%);
    	/* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    	/* IE6-9 */

    }
    
    #mobilemenu {
        width: 100%;
        margin: auto;
        position: absolute;
        text-align: center;
        font-size: 1.2em;
        margin-top: -40px;
        z-index: 9999;
    }
    
    #mobilemenu>ul {
        width: 90%;
        margin: auto;
        background-color: #fff;
         -moz-border-radius: 5px;
    	border-radius: 5px;
    	box-shadow: 0px 0px 5px #000000;
    	background: #FFFFFF;
    }

    #mobilemenu ul li{
        list-style-type: none;
    }
    
    #mobilemenu a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        color: #22409C;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #ccc;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
	#headerright

	{

		display: none;

	}
	
	#mobilecallbtns {
	    display: block;
	    width: 100%;
	}
	
	#mobilecallbtns a {
	    font-size: 1.8em;
	    font-family: bebas_neueregular;
	    display: block;
	    text-align: center;
	    text-decoration: none;
        width: 90%;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: auto;
        margin-bottom: 10px;
        color: #22409C;
	    -moz-border-radius: 5px;
    	border-radius: 5px;
    	box-shadow: 0px 0px 5px #000000;
    	background: #FFFFFF;
       	/* Old browsers */
    	background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    	/* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%);
    	/* IE10+ */
    	background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%);
    	/* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    	/* IE6-9 */
	}
	
	#mobilecallbtns  #mobilebookbtn {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

	#nav

	{

		width: 100%;

		text-align: center;

	}

	.navitem

	{
		
		margin: auto;
		
		margin-top: 15px;
		
		margin-bottom: 15px;

		display: inline-block;

	}

	.navitem IMG

	{

		width: 105px;

	}

	.navitem H2

	{

		font-size: 16px;

	}



	#redbtn

	{

		display: none;

	}



	#downloadsnav

	{

		display: none;

	}

	#contentbuttonsarea

	{

		width: 100%;

		height: auto;

		text-align: center;

		padding-bottom: 15px;

	}

	.ctabutton

	{

		margin: auto;

	}

	

	.ctabutton img {

		margin:auto;

		width: 300px;

		margin-top: 10px;

	}



	#contentarea

	{

		width: 100%;

	}

	

	#contentarea #contentareainner H1 {

		font-size:2.5em;

		margin:auto;
		
		margin-bottom: 20px;

		text-align:center;

	}


    #contentareainner H2 {
        text-align: center;
    }

	.homecontentarea #contentareainner {

		width: 90%;



	}
	
	#slidertextarea {
	    float: none;
	    margin: auto;
	}
	
	#contentareainner {
	    width: 90%;
	    margin: auto;
	}
	
	#contentareainner p img{
        margin: auto;
        width: 90% !important;
        height: auto !important;
        float: none !important;
	}
	
	#contentareainner p, #contentareainner ul, #contentareainner ol{
	    padding: 10px;
	}

	

	#hometextcontent {

		margin:auto;

	}

	

	.widecontent #textcontent

	{

	width: 90%;

	margin: auto;

	}

	

	#contentareainner H1

	{

		text-align: center;

	}

	

	#imagesliderholder {

		display:none;

	}

	

	#hometextcontent #homeareactas {

		float: none;

		text-align: center;

		width: 100%;

		margin: auto;

	}

	

	.homebtn {

		margin: auto;

		width: 208px;

		display:block;

	}

	

	#textcontent IMG {

		padding: 10px;

		float:none !important;

		margin:auto;

		margin-left: 10px;

		margin-bottom: 10px;

	}

	

	#textcontent IMG {

		display: none;

	}

	

	#textcontent ul li {

		margin-left: 20px;

	}

	

	.widecontent #textcontent #contactform

	{

	margin-left: 0px;

	font-size:12px;

	}

	

	#contactform INPUT, #contactform TEXTAREA, #contactform SELECT
	{
		margin-left: 2px;

		width: 100%;

		margin-right: 10px;

	}

	#contentareainner table {
        width: 100%;
    }

	#textcontent .fleetitem {

		width: 100%;

		float:none;

		margin: 5px;

		margin-left: 0px;

		text-align:center;

		height:auto;

		padding-bottom: 10px;

	}

	

	#textcontent .fleetitem img{

		display:block;

		width: 90%;

		margin:auto;

		padding: 5px;

	}

	

	.captchaholder #captchaholder {

	}

	

	#contactformholder {

		float: none;

		width: 90%;

		margin: 0 auto 20px;

	}

	

	#contactform .captchaholder {

		padding-left: 10px;

		text-align:center;

	}

	

	#textcontent

	{

		width: 90%;

		margin: auto;

		float: none;

	}

	#imagecontent

	{

		display: none;

	}

	.ctabutton

	{

		display: block;

	}

	#lowercontent

	{

		width: 100%;

		padding: 0px;

		padding-top: 20px;

		background-image: none;

		height:auto;

	}

	#contacttextcontent {

		float:none;

		text-align:center;

		width: 90%;

		margin:auto;

	}

	

	#contacttextcontent h2{

		margin-top: 20px;

		margin-bottom: 20px;

	}



#lowercontent

{

	margin: 0;

}



	#lowercontent H2

	{

		text-align: center;

	}



#lowercontentinner

{

	width: 90%;

}



#ourdepots {

	float:none;

	width: 100%;

}



.depotlist {

	float:none;

	width: 90%;

	margin:auto;

}



.depotlist ul li {

	list-style-type:none;	

}



#locationtextcontent {

	float:none;

	width: 90%;

	margin:auto;

}


.blogitem {
	margin:auto;
	padding-bottom: 20px;
	width: 90%;
}

.bloginfo {
	display: none;
}

.blogthumb {
	float:none;
	margin:inherit;
	margin-bottom: 10px;
	text-align:center;
}

.blogintro {
	float:none;
	width:auto;
}

.readmorebtn {
	width: 90%;
	margin:auto;
	text-align:center;
	float:none;
}

.readmorebtn A {
	float:none;
}

#map {

	display:none;

}

.blogitem {
	margin:auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 85%;
}

.bloginfo {
	display: none;
}

.blogthumb {
	float:none;
	margin:inherit;
	margin-bottom: 10px;
	text-align:center;
}

.blogintro {
	float:none;
	width:auto;
	height:auto;
	margin-bottom: 20px;
}

#blogtext {
    border: none;
}

.readmorebtn {
	width: 90%;
	margin:auto;
	text-align:center;
	float:none;
}

.readmorebtn A {
	float:none;
}

#spacerline {

	width: 100%;

}

.serviceitem {
    border: none;
}

.serviceitem p {
    display: none;
}

.serviceitemleft {
    float: none;
    margin: auto;
}


#membershipcontentareainner {
    width: 100%;
}

.membershipitem {
    float: none;
    width: 95% !important;
    height: auto;
    margin: auto;
    margin-bottom: 30px;
}

.fleetitem {
    float: none;
    width: 95%;
    height: auto;
    margin: auto;
    border: none;
}

.fleetitem IMG {
    width: 90%;
    padding:0px;
    margin: 0px;
}

.fleetitem P {
    padding: 0px;
    margin-top: -10px;
}

.galitem {
    width: 45%;
}

.galitem .galimage {
    width: 100%;
}

#towingorassist {
    width: 100%;
}

#towingorassist img {
    width: 42%;
}

	#footer

	{

		height: 400px;

	}

	#footerinner

	{

		width: 100%;

	}

	#footermobile

	{

		display: block;

		text-align: center;

		margin-top: 20px;

		margin-bottom: 20px;

	}

	
    .footercol {
        float: none;
        width: 100%;
        text-align: center;
        margin: auto;
        font-size: 1.2em;
    }

	.footercol h2 {

		display: none;

	}
	

	

	#footermobile H2

	{

		font-size: 28px;

	}

    #socialmediaicons {
        float: none;
        margin: auto;
        margin-top: 30px;
        width: 200px;
    }

    #socialmediaicons UL LI {
        display: inline;
        margin-left: 10px;
    }
    
    #twitterfeeds .twitfeed {
        margin: auto;
        width: 100%;
    }
    
    .timelineholder {
        display: none;
        margin: auto;
        text-align: center;
    }

    #twitterfeeds h3 span {
    display: inline;
    color: #0078C1;
    }

}

@media (min-width: 960px) and (max-width: 50000px) {

}

@media only screen and (max-width: 959px) {
#contentareainner,
#menubarinner,
#headerinner,
#lowercontentinner,
#footerinner,
#membershipcontentareainner,
#contentbuttonsarea {
    width: 92%;
}

#imagesliderholder {
    float: left;
    width: 68%;
}

#slider {
    margin: auto;
    position: relative !important;
    width: 489px;
}

#cycleholder {
    position: relative;
    width: auto;
}

#imagesliderholder .sliderimg {
    height: auto;
    margin-left: 0;
    width: 100%;
}

#contentbuttonsarea {
    height: auto;
    padding-bottom: 20px;
    width: 92%;
}

.ctabutton {
    display: inline-block;
    margin: 10px 20px;
    width: 27%;
}

.ctabutton IMG {
    height: auto;
    width: 100%;
}
}

@media only screen and (max-width: 909px) {
#headerright {
    width: 450px;
}

#tagline {
    margin-left: 129px;
}

#phonenumbers {
    margin-left: 157px;
    width: 292px;
}

#menubarinner A {
    font-size: 26px;
}
}

@media only screen and (max-width: 883px) {
#imagesliderholder {
    width: 63%;
}
}

@media only screen and (max-width: 775px) {
.membershipitem {
    width: 314px;
}
}

@media only screen and (max-width: 739px) {
.ctabutton {
    width: auto;
}
}

@media only screen and (max-width: 567px) {
#contactcontent table, #contactconten thead, #contactcontent tbody, #contactcontent th, #contactcontent td, #contactcontent tr {
    display: block;
}

.captchaholder #captchaholder {
    margin-left: 0;
}
}

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

}

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

}

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

}

@media only screen and (max-width: 320px) {
}