/*@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%;
		height: 50px;
    }
    
    #logo {
        text-align: center;
		width: 100%;
		padding-top: 20px;
    }
    
    #logo img {
        width: 180px;
		margin:auto;
    }
    
    #menubar {
        display: none;
    }
    
    

    
    #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, #mobilecallbtnsred {
        display: block;
        width: 100%;
		text-align:center;
		padding-top: 20px;
        padding-bottom: 20px;
    }
    
    #mobilecallbtns a, #mobilecallbtnsred a {
        font-size: 1.8em;
        font-family: bebas_neueregular;
        display: inline-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 */
    }

    
    #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;
    }
    
    #sydmap {
        width: 100%;
        padding-bottom: 20px;
    }
    
    #map {
        display: none;
    }
    
    #sydcontactarea #map {
        display: block;
        width: 100%;
        margin: auto;
    }
    
    #sydcontact {
        display: block;
        width: 100%;
        margin: auto;
    }
    
	#contentareainner .sydtextcontent {
		padding-bottom: 40px;
	}
	
    .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;
    }
    
    #sydcontact .formgroup .sendbtn {
        font-family:13px;
        width: 100%;
		-webkit-appearance:none 
    }
}

@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) {
}