/*
Theme Name: Group1 Mahindra - Blog
Theme URI: https://group1mahindra.co.za/blog/
Description: A theme created for the Group1 Mahindra blog.
Version: 1.0
Author: Willem Louw (for WSI Web Marketing)
Author URI: http://willemlouw.co.za/
*/

/* CSS Document */

/*-- General Style --*/

body {
line-height: 21px;
font-family: 'Droid Sans', Arial, Verdana, sans-serif;
font-size: 13px;
color: #000;
min-height: 25px;
background-color: #fff;
}

a {
text-decoration: underline;
color: #000;
}

a:hover {
text-decoration: none;
}

h1 {
font-size: 24px;
color: #000;
padding: 5px 0 10px 0;
font-weight: bold;
}

.post h1 {
font-size: 20px;
}

h2 {
font-size: 18px;
color: #000;
padding: 8px 0 8px 0;
font-weight: bold;
}

h3 {
font-size: 16px;
color: #000;
}

h4 {
font-size: 14px;
color: #000;
}

p {
padding: 5px 0 5px 0;
line-height: 18px;
}

/*-- Main Style --*/

#container {

}

#headbg {
width: 100%;
background: #fff;
height: 100px;
}

#navbg {
width: 100%;
background: #262626;
}

.clear {
clear: both;
}

/*-- Header --*/

#fixedhead {
width: 100%;
position: fixed;
z-index: 9999;
}

#header {
width: 960px;
margin: auto;
background: #fff;
}

#logo {
display: inline;
float: left;
margin-top: 9px;
}

#socialmedia {
display: inline;
float: right;
margin-top: 9px;
}

#socialmedia a {
opacity: 0.5;
}

#socialmedia a:hover {
opacity: 1;
}

#space {
height: 132px;
width: 960px;
margin: auto;
}

#callnow {
width: 960px;
margin: auto;
z-index: 9999;
}

#callnow a {
margin: -60px 0px 0px 0px;
float: right;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #888;
}

#callnow a:hover {
color: #000;
}

.navigation {
margin: -5px 0px 0px 0px;
}

/*-- Main Navigation --*/

#navwrap {
width: 960px;
margin: auto;
}

#mainnav {
line-height: 18px;
margin: -13px 0 -13px 0;
clear: both;
}

ul#mainmenu {
height: 32px;
margin-left: 0px;
}

ul#mainmenu li {
float: left;
padding: 5px 0px;
}

ul#mainmenu a {
padding: 2px 20px;
color: #ebebeb;
font-weight: bold;
border-right: 1px solid #fff;
text-decoration: none;
}

ul#mainmenu li.first a {
padding-left: 10px;
}

ul#mainmenu li.last a {
border-right: none;
}

ul#mainmenu li a:hover {
color: #fff;
}

/*--- Drop Down Menu ---*/

.sub-menu {
border-right: none;
}

ul#mainmenu ul ul {
display: none;
}

ul#mainmenu ul li:hover > ul {
display: block;
}

ul#mainmenu ul {
list-style: none;
position: relative;
display: inline-table;
}
ul#mainmenu ul:after {
content: ""; 
clear: both; 
display: block;
}

ul#mainmenu ul li {
float: left;
}
ul#mainmenu ul li:hover {
background: #363636;
}
ul#mainmenu ul li:hover a {
color: #fff;
}

ul#mainmenu ul li a {
display: block; 
text-decoration: none;
}

ul#mainmenu ul ul {
background: #2c2c2c; 
padding: 0;
position: absolute; 
top: 100%;
}

ul#mainmenu ul ul li {
float: none; 
border-top: 1px solid 3d3d3d;
border-bottom: 1px solid 333333;
position: relative;
}

ul#mainmenu ul ul li a {
width: 150px;
border-right: none;
}

ul#mainmenu ul ul li a:hover {
background: #363636;
}

ul#mainmenu ul ul ul {
position: absolute; 
left: 100%; 
top:0;
}

/*-- CTA Navigation --*/

#fixedcta {
position: fixed;
margin: -25px 0 0 672px;
z-index: 9999;
}

#ctanav {
line-height: 20px;
margin: -13px 0 -13px 0;
clear: both;
float: right;
}

ul#ctamenu {
height: 32px;
margin-left: 0px;
}

ul#ctamenu li {
float: left;
padding: 5px 0px;
margin-left: 5px;
}

ul#ctamenu a {
padding: 4px 26px;
color: #fff;
font-weight: bold;
background: #666667;
text-decoration: none;
}

ul#ctamenu a.focus {
padding: 4px 40px;
background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

ul#ctamenu li a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

/*-- Secondary Navigation --*/

#secnav {
float: right;
}

ul#secmenu {
height: 50px;
margin-left: 0px;
font-size: 12px;
}

ul#secmenu li {
float: left;
}

ul#secmenu a {
padding: 4px 20px;
color: #888;
font-weight: bold;
border-right: 1px solid #000;
text-decoration: none;
}

ul#secmenu li.last a {
border-right: none;
padding-right: 0;
}

ul#secmenu li a:hover {
color: #000;
}

/*-- New Car Header --*/

#modelpageformarea {
width: 215px;
height: 314pxpx;
color: #fff;
padding: 10px;
position: absolute;
}

h1.modelheader {
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 0;
}

.carmodel {
color: #fff;
font-size: 30px;
}

p.modelsubtext {
padding: 0 0 13px 0;
}

.modelsubtext {
font-size: 12px;
color: #fff;
font-weight: normal;
}

.bigsubtext {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}

.termstext {
font-size: 10px;
}

/*--- Finance Page ---*/

table.finance {
margin: 10px 0px;
clear: both;
}

table.finance th, table.finance td {
padding: 8px;
border: 1px solid #ccc;
vertical-align: top;
}

table.finance tr:nth-child(even) {
background-color: #f1f1c1;
}

table.finance tr:nth-child(odd) {
background-color: #fff;
}

table.finance th {
color: #fff;
background-color: #333;
}

/*-------------------------*/

/*-- Specials Page --*/

.specialwrap {
position: absolute;
margin-top: -345px;
margin-left: 5px;
}

.specialbg {
background: #000;
width: 235px;
height: 334px;
opacity: .8;
position: absolute;
}

.specialarea {
width: 215px;
height: 314pxpx;
color: #fff;
padding: 10px;
position: absolute;
}

.specialblock {
margin-bottom: 5px;
width: 960px;
height: 350px;
}

.specialctabox {
position: absolute;
top: 164px;
margin-left: -3px;
}

h1.specialheader {
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 0;
}

.specialmodel {
color: #fff;
font-size: 30px;
line-height: 32px;
}

p.specialsubtext {
padding: 0 0 20px 0;
}

.specialsubtext {
font-size: 12px;
color: #fff;
font-weight: normal;
}

.specialbigsubtext {
font-size: 20px;
line-height: 24px;
font-weight: bold;
}

.specialtermstext {
font-size: 10px;
}

.sharespecial {
position: absolute;
margin: -34px 0px 0px 656px;
}

/*-- Test Drive Form --*/

#formwrap {
position: absolute;
margin-top: -345px;
margin-left: 5px;
}

#form h2 {
color: #fff;
padding: 0 0 10px 0;
}

#formbg {
background: #000;
width: 235px;
height: 334px;
opacity: .8;
position: absolute;
}

input[type="text"], input[type="email"], textarea, select {
font: normal 12px/18px 'helvetica', 'arial', sans-serif !important;
margin: 0;
background: #f2f2f2;
border: 1px solid #ccc;
padding: 2px;
height: 18px;
}

textarea {
resize: none;
overflow: auto;
height: 150px !important;
width: 630px !important;
margin: 10px 0px !important;
}

fieldset p {
line-height: 25px;
}

label {
line-height: 25px;
}

input[type="submit"] {
color: #fff;
font-weight: bold;
text-indent: 0px;
width: 215px;
height: 50px;
font: bold 16px/25px 'helvetica', 'arial', sans-serif !important;
margin: -5px 0px 0px 0px !important;
border: none;
cursor: pointer;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.box {
color: #fff;
}

textarea:focus, input:focus, select:focus {
background: #fff;
outline: none;
border: 1px solid #ccc;
}


/*-- Main --*/

#wrap {
width: 960px;
margin: auto;
margin-top: 10px;
}

#slider {
height: 350px;
}

p.modelname {
font: normal 30px/36px 'helvetica', 'arial', sans-serif;
font-weight: bold;
position: absolute;
top: 20px;
background: #ebebeb;

-moz-box-shadow: 2px 3px 0px #000;
-webkit-box-shadow: 2px 3px 0px #000;
box-shadow: 2px 3px 0px #000;
}

.promo {
background: #e41d38;
color: #fff;
padding: 6px;
}

.gallery_id_4 {
background: #ebebeb;
}

.orbit-wrapper {
z-index: 0;
}

.content {
visibility: hidden;
}

#homectabox {
position: absolute;
top: 250px;
margin-left: 10px;
}

.homecta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 220px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.homecta a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#nissandaytext {
font-weight: bold;
color: #fff;
position: absolute;
top: 178px;
right: 10px;
font-size: 26px;
text-align: right;
}

.nissandaycta a {
font: normal 18px/24px 'helvetica', 'arial', sans-serif;
width: 280px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.nissandaycta a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#bodycontent {
padding: 10px 0 0 0;
}

#content {
width: 635px;
float: left;
background: #fff;
margin-bottom: 20px;
}

#block {
background: #666667;
padding: 10px;
margin: 10px 0 5px 0;
color: #fff;
}

.list li {
list-style: disc !important;
margin-left: 18px;
}

.numberlist li {
list-style: decimal !important;
margin-left: 18px;
}

.boldlist li {
list-style: disc !important;
margin-left: 30px;
font-style: normal !important;
font-weight: bold !important;
font-size: 14px;
margin-bottom: 12px;
}

.listleft {
float: left;
width: 230px;
}

.listright {
float: right;
width: 200px;
}

#block h2 {
color: #fff;
padding: 0 0 8px 0;
}

#block a {
color: #ebebeb;
}

#block a:hover {
color: #fff;
}

#video {
float: left;
}

#videotext {
float: right;
width: 300px;
height: 360px;
padding: 0px 5px;
background: #ebebeb;
}

#imgtext {
float: right;
width: 300px;
min-height: 360px;
padding: 0px 5px;
background: #ebebeb;
}

#video, #videotext, #imgtext {
margin-bottom: 20px;
}

.fade_gallery .slide {
border: none !important;
}

/*-- Parts Page --*/

#contact-thirds {
clear: both;
width: 630px;
margin: auto;
}

.thirds {
width: 210px;
float: left;
margin: -5px 0px 15px 0px;
}

/*-- Brochure Download Page --*/

#brochurehead {
float: left;
}

#brochureshare {
float: right;
margin-top: 5px;
}

#brochurelinks {
clear: both;
}

.brochure {
margin-right: 33px;
width: 215px;
height: 150px;
display: inline;
float: left;
margin-bottom: 74px;
}

.brochure:nth-of-type(4n+4) {
margin-right: 0 !important;
}

.brochure:nth-of-type(4n+5) {
clear: both;
}

/*--  --*/

.showroomblock {
height: 311px;
margin: 10px 0;
}

.showroominfo {
float: left;
width: 469px;
border-right: 1px solid #999;
height: 295px;
background: #ebebeb;
padding: 5px 10px;
margin-bottom: 16px;
}

.showroommap {
float: right;
margin-bottom: 10px;
}

.top15 {
margin-top: 15px;
}

.textleft {
float: left;
width: 470px;
margin-bottom: 15px;
clear: both;
}

.textright {
float: right;
width: 470px;
margin-bottom: 15px;
}

.textleft2 {
float: left;
width: 460px;
margin-bottom: 15px;
clear: both;
}

.textright2 {
float: right;
width: 480px;
margin-bottom: 15px;
}

/*-- About Us Page --*/

#profiles {
clear: both;
width: 960px;
height: 274px;
}

#profiles img {
display: inline;
float: left;
border: 1px solid #ccc;
}

.profiletext {
width: 340px;
float: right;
}

#services {
background: #ebebeb;
height: 178px;
padding: 5px 10px;
margin-bottom: 20px;
}

#servicesused {
background: #ebebeb;
height: 120px;
padding: 5px 10px;
margin-bottom: 20px;
}

/*-- New Car Page --*/

.specialtag {
background: #e41d38;
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
width: 133px;
height: 28px;
margin: -8px 0px 10px 162px;
position: absolute;
}

.widgets_on_page ul, .widgets_on_page ul li {
margin: 10px 0px;
}

#newcarpage h2 {
margin-bottom: 15px;
}

.leftmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: left;
width: 470px;
margin-bottom: 15px;
}

.rightmodel {
background: #ebebeb;
border: 1px solid #ccc;
float: right;
width: 470px;
margin-bottom: 15px;
}

.rightmodel p, .leftmodel p {
float: right;
width: 265px;
margin-right: 5px;
}

.rightmodel img, .leftmodel img {
float: left;
}

.hide {
visibility: hidden;
}

.grey a {
background: #ccc !important;
}

/*-- Used Car Page --*/

#used {
float: left;
margin-bottom: 5px;
}

#usedside {
width: 245px;
height: 702px;
margin-bottom: 5px;
float: right;
}

#usedside img {
margin-bottom: 10px;
}

#usedtestimonials {
width: 225px;
height: 375px;
padding: 5px 10px;
background: #ebebeb;
}

.usedintro {
width: 700px;
}

#listingblocks {
clear: both;
}

.listblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 340px;
padding: 0px 10px 8px 10px;
}

.listblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.talllistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 355px;
padding: 0px 10px 8px 10px;
}

.talllistblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.extratalllistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 405px;
padding: 0px 10px 8px 10px;
}

.extratalllistblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

.navaralistblocks {
display: inline;
float: left;
margin: 0px 22px 25px 0px;
background: #ebebeb;
width: 285px;
height: 460px;
padding: 0px 10px 8px 10px;
}

.navaralistblocks:nth-of-type(3n+3) {
margin-right: 0px;
}

/*-- Test Drive Page --*/

.usedlist {
margin-bottom: 16px;
}

/*-- Kuilsriver / Stellenbosch / PE / Uitenhage Page --*/

#showroomsidebar {
width: 275px !important;
float: left;
}

.showroomtext {
width: 630px;
float: right;
}

.branchtextleft {
float: left;
width: 290px;
margin-bottom: 15px;
clear: both;
}

.branchtextright {
float: right;
width: 310px;
margin-bottom: 15px;
}

/*-- Expanding / Collapsible Content --*/

.expanding {
display: block;
vertical-align: top;
height: auto !important;
}

.expanded {
height: auto;
margin-top: -25px;
margin-bottom: 25px;
float: left;
width: 960px;
background: #ebebeb;
}

.aj-collapse {
font-weight: bold;
color: #fff;
text-align: center;
text-decoration: none;
float: right;
margin-top: 4px;
position: absolute;
margin-left: 870px;
}

.expanded p {
height: auto;
margin: 0;
}

.collapsed {
float: left;
height: auto;
width: 960px;
line-height: 20px;
margin-bottom: 25px;
background: #ebebeb;
}

.leftcolumnimg {
float: left;
width: 470px;
height: 340px;
}

.leftcolumn {
float: left;
width: 460px;
padding: 5px 10px;
}

.rightcolumn {
float: right;
width: 460px;
padding: 5px 10px;
}

.expanded {
position: relative;
}

.expshare {
text-align: center;
padding: 3px;
}

.expanderbar {
width: 960px;
height: 30px;
background: #e41d38;
color: #fff;
clear: both;
}

.halfcolumn-right {
float: right;
}

.halfcolumn-left {
float: left;
}

/*-- Sidebar --*/

#sidebar {
width: 305px;
float: right;
margin-top: -11px;
}

#ctabox {
margin: 18px 0 10px 0;
}

.cta a {
width: 305px;
margin: auto;
padding: 10px 0;
color: #fff;
font-weight: bold;
background: #666667;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;
}

.cta a.maincta {
background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.cta a:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

/*-- Pre-Footer --*/

.videoimage {
margin-right: 17px;
float: left;
}

.videoimage:nth-of-type(3n+3) {
margin-right: 0 !important;
}

#contentblocks {
margin: 0 0 30px 0;
height: 215px;
clear: both;
}

#specials, #tradein, #newsletter, #blog, #facebook, #misc, #modelblog {
display: inline;
float: left;
margin-bottom: 15px;
}

#blog {
padding: 0px 10px;
width: 460px;
height: 398px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#blog h3 {
font-weight: bold;
}

.titlelink {
font-size: 14px !important;
}

#facebook {
float: right;
height: 404px;
width: 460px;
}

#modelblog, #specials, #tradein {
margin-right: 22px;
}

#modelblog {
padding: 0px 10px;
width: 283px;
height: 200px;
background: #ebebeb;
border: 1px solid #ccc;
font-size: 13px;
overflow-y: scroll;
overflow-x: hidden;
}

#micrafeed, #livinafeed, #jukefeed, #qashqaifeed, #muranofeed, #pathfinderfeed, #xtrailfeed, #patrolfeed, #gtrfeed, #370zfeed, #np200feed, #np300feed, #patrolpickupfeed, #navarafeed, #nv200panelvanfeed, #nv200combifeed, #nv350feed {
height: 200px;
}

.widgettitle {
padding-top: 0px;
}

/*-- Footer --*/

#footbg {
width: 100%;
background: #ebebeb;
height: 174px;
clear: both;
}

#footer {
width: 960px;
margin: auto;
padding: 10px;
color: #000;
margin-top: -21px;
padding-top: 15px;
font-size: 12px;
}

#foot-image {
float: right;
width: 245px;
display: inline;
}

#foot-text {
float: right;
width: 840px;
display: inline;
margin-top: -6px;
}

#footer a {
color: #000;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

#group1branches {
overflow: auto;
}

.dealer {
float: left;
margin-right: 64px;
}

.dealerlast {
float: left
}

#wpstats {
display: none;
}

/*-- Blog Theme Style Elements --*/

.widget_categories {
margin-top: 5px;
}

.widget_categories h3 {
line-height: 25px;
}

.widget_categories ul {
margin-left: 15px;
}

select.postform {
width: 200px !important;
height: 25px !important;
float: right;
}

iframe {
width: 635px;
margin: 10px 0px;
}

.wp-caption {
background: #ebebeb;
border: 1px solid #ccc;
line-height: 18px;
max-width: 635px !important;
padding: 8px 4px 4px 4px;
text-align: center;
margin: 10px auto 20px auto;
}

.wp-caption img {
border: 1px solid #fff;
}

.nocaption {
padding: 8px 4px;
}

.nocaption .wp-caption-text {
display: none;
}

.nocap {
padding: 8px 4px;
line-height: 0;
}

.nocap p {
display: none;
}

#content img {
max-width: 635px !important;
height: auto !important;
text-align: center !important;
}

.socialshare {
margin: 10px 0px 5px -3px;
}

#blogslider {
height: 270px;
width: 960px;
margin: auto;
}

.post-edit-link {
display: none;
}

.readmore {
margin-top: 0px;
float: right;
font-size: 13px;
}

.moretext {
margin-top: 5px;
float: right;
text-decoration: none;
cursor: pointer;
font-size: 13px;
}

.moretext:hover {
text-decoration: none;
}

.comments {
margin-top: 0px;
float: left;
font-size: 13px;
}

.comments a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 13px;
}

.comments, .moretext {
padding: 0px 15px;
color: #fff;
font-weight: bold;
height: 32px;
line-height: 32px;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

.comments:hover, .moretext:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

.post-footer {
margin-bottom: 15px;
}

hr {
margin: 20px 0px;
}

#emailsubscriptionwidget-2 h3 {
font-weight: bold !important;
padding-top: 8px;
}

#emailSub-widget input[type="text"], input[type="email"], textarea, select {
width: 293px;
margin: auto;
margin: 0px 0px 20px 0px;
padding: 7px 5px;
}

#emailSub-widget input[type="submit"] {
width: 305px;
margin: auto;
color: #fff;
font-size: 13px !important;
font-weight: bold;
text-decoration: none;
display: block;
margin: 10px 0 0 0;
text-align: center;
height: 41px;
line-height: 41px;

background: #ff2d56;
background: -webkit-gradient(linear, left top, left bottom, from(#ff2d56), to(#c1182e));
background: -moz-linear-gradient(top, #ff2d56, #c1182e);
background: linear-gradient(to bottom, #ff2d56, #c1182e);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
}

#emailSub-widget input[type="submit"]:hover {
background: #ff3667;
background: -webkit-gradient(linear, left top, left bottom, from(#ff3667), to(#e81d37));
background: -moz-linear-gradient(top, #ff3667, #e81d37);
background: linear-gradient(to bottom, #ff3667, #e81d37);
-webkit-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
-moz-box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
box-shadow: inset 1px 2px 3px 0px #ff4d78, inset -1px -2px 5px 0px #aa0f26;
text-shadow: #b28c1b 1px 1px 1px;
color: #fff;
text-decoration: none;
}

#emailSub-form div {
display:none;
}

#emailSub-form {
margin-bottom: -20px;
}

#content hr:first-child {
display: none;
}

/*-- Google --*/

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/*-- Blog Comments --*/

img.avatar {
float: left;
margin-right: 8px;
padding-top: 4px;
}

.comment-list {
border-bottom: 1px solid #ccc;
margin: 20px 0px;
}

.comment-body {
padding: 10px 0px;
border-top: 1px solid #ccc;
}

.comment-meta {
padding-bottom: 10px;
}

.comment .reply {
padding-top: 10px;
}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 960px - 1079px ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 1079px),
only screen and (max-device-width : 1079px) {
.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 48%;
}
}

/*-------------------------------------------*/
/*-------------------------------------------*/
/*---- Responsive Design - 641px - 959px ----*/
/*-------------------------------------------*/
/*-------------------------------------------*/

@media only screen and (max-width : 959px),
only screen and (max-device-width : 959px) {

#headbg, #navbg, #fixedhead, #header, #space, #callnow, #navwrap, .specialblock, .contenttext, .tradetext, #wrap, #content, #content-thirds, #profiles, .showroomtext, .expanded, .collapsed, .expanderbar, #footbg, #footer, #foot-text, #terms, table, #blogslider {
width: 100%;
}

.post-footer {

}

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, #profiles, .tradetext {
width: 98%;
margin: auto;
}

.responsiveclear {
clear: both;
}

#contentblocks h1, #contentblocks h2, #contentblocks h3, #contentblocks h4, #contentblocks p  {
width: 98%;
}

body, html {
width: 100%;
overflow-x:hidden; 
}
body {
width: 100%;
overflow-x: hidden;
}
#container {
width: 100%;
}
#content {
width: 100%;
}
#content img {
width: 100%;
}
.wp-caption, .wp-caption-text {
width: 100% !important;
padding: 0px !important;
margin: 0px auto !important;
}
table  {
width: 100%;
margin: 3%;
font-size: 11px;
}
#headbg {
width: 100%;
}
#modelpageformarea, #modelpageformarea2 {
width: 97%;
}
#slider img, #blogslider img {
width: 100%;
height: auto;
}
.euroncap {
display: none;
}
#ctanav, .specialtestdrive {
display: none;
}
#navbg {
width: 100%;
}
#navwrap {
width: 100%;
}
#secnav {
display: none;
}
#callnow {
display: none;
}
#fixedhead {
position: static;
width: 100%;
}
#space {
display: none;
}
#wrap {
width: 100%;
margin: 0;
}
.jCarouselLite {
width: 100% !important;
}
ul.jCarouselLite {
width: 100% !important;
}
.prev, .next {
margin: -15px 5px 10px 5px;
height: 40px;
width: 46%;
}
.nonav {
display: block;
}
#header {
width: 100%;
}
#footer {
width: 100%;
margin: 0;
box-sizing: border-box;
}
.footlinks, .footcopy, #group1branches {
display: none;
}
#footbg {
width: 100%;
height: auto;
overflow: auto;
padding: 5px 0px 10px 0px;
}
#foot-image {
display: none;
}
.expshare {
position: absolute;
}
.collapsed {
float: none;
width: 100%;
}
.aj-collapse{
margin-left: 0;
position: static;
padding: 2px;
float: right;
}
.expanded {
float: none;
width: 100%;
}
.expanderbar {
width: 100%;
}
.collapsed img {
width: 100%;
height: auto;
}
.leftcolumnimg {
width: 100%;
height: auto;
}
.rightcolumn, .leftcolumn {
width: 97%;
}
.halfcolumn-right, .halfcolumn-left {
width: 97%;
margin: 1%;
float: none;
}
#videotext, #imgtext {
width: 97%;
height: auto;
}
img {
max-width: 100%;
height: auto;
}
iframe {
width: 100%;
}
#listingblocks, #tradein, #modelblog, #specials {
display: none;
}
.models .left {
width: 49%;
float: left;
}
.models .right {
width: 49%;
float: right;
margin-top: 10px;
}

/*-- Menu --*/

ul#mainmenu ul li {
float: none;
width: 959px;
border-bottom: 1px solid #FFFFFF;
}
ul#mainmenu a {
border: none;
}
ul#mainmenu {
height: auto;
}
ul#mainmenu a {
padding-left: 10px;
}
ul#mainmenu li.first a {
padding-left: 10px;
}
ul#mainmenu ul ul {
position: static;
}
ul#mainmenu ul ul ul {
position: static;
}

/*-- Home Page --*/

#homectabox, .orbit-slide p, #sidebar, #blog, #facebook, v.ideoheader, .videoimage, .videoimage-last {
display: none;
}

/*-- Model Info --*/

h1.modelheader, h1.modelheader2 {
font-size: 30px;
line-height: 38px;
}
.carmodel, .carmodel2 {
font-size: 60px;
line-height: 68px;
}
.carmodelsmaller {
font-size: 44px;
line-height: 68px;
}
.modelsubtext, .modelsubtext2 {
font-size: 22px;
}
.bigsubtext, .bigsubtext2 {
font-size: 34px;
line-height: 46px;
}
.smallerbigsubtext {
font-size: 30px;
line-height: 46px;
}
.termstext, .termstext2 {
font-size: 14px;
}

/*-- Model Test Drive Form --*/

#slider, #blogslider {
height: auto;
}
#formbg, #formbg2 {
width: 100%;
height: 602px;
}
#formwrap, #formwrap2 {
margin: 0;
height: 605px;
position: static;
}
#form h2 {
font: bold 32px/42px 'helvetica', 'arial', sans-serif !important;
}
input[type="text"], input[type="email"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select {
font: normal 38px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px;
}
input[type="submit"], #formwrap2 input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
label {
line-height: 42px;
width: auto !important;
}

/*-- Test Drive Page Form --*/

#testpage {
height: 538px;
padding: 3% !important;
width: 96% !important;
margin-bottom: 15px;
}
#testpagewrap {
width: 100% !important;
margin: 0;
}
#testpage h2 {
font: bold 32px/42px 'helvetica', 'arial', sans-serif !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
font: normal 38px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px;
}
#testpage input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#testpage li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#testpage label {
line-height: 42px;
width: auto !important;
}

/*-- Newsletter Form --*/

#newsletter {
width: 101% !important;
height: 305px !important;
}
#newsinput {
width: 94% !important;
padding: 3% !important;
height: 280px !important;
}
#newsletter h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
font: normal 38px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#newsinput input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#newsinput li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#newsinput label {
line-height: 42px;
width: auto !important;
}
mainnav {
ul {
display: none;
height: 100%;
}
label {
position: relative;
display: block;
width: 100%;
}
label:after {
position: absolute;
content: "\2261";
}
input:checked ~ ul {
display: block;   
> li {
width: 100%;
}
}
}

/*-- Animal Competition Form --*/

#animalform {
width: 94% !important;
padding: 3% !important;
}
#animalform label {
line-height: 42px;
width: auto !important;
}
#animalform input[type="text"], #animalform input[type="email"], #animalform textarea, #animalform select {
font: 38px/42px 'helvetica','arial',sans-serif !important;
height: 52px;
width: 70% !important;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#animalform input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#animalform li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}

/*-- Animal Competition --*/
.petbanner {
}
.petimg {
width: 100% !important;
height: auto;
}
.mobile {
display: block;
}
.desktop {
display: none;
}
.petsteps {
width: 100%;
padding: 0px;
background: none;
margin: 0px;
position: static;
}
.petsteps h3 {
font-size: 24px;
padding: 10px 0;
}
.petfb {
width: 100% !important;
}
.petfb iframe {
width: 100% !important;
}
.petform {
width: 100% !important;
}
.stepicon {
display: none;
}
.petcontent {
width: 100% !important;
float: none;
}
.petsidebar {
width: 100% !important;
float: none;
}
.petsidebar img {
display: none;
}

/*-- Animal Competition Form --*/

#animalformwrap {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}
#animalformwrap label {
line-height: 42px;
width: auto !important;
}
#animalformwrap input[type="text"], #animalformwrap input[type="email"], #animalformwrap textarea, #animalformwrap select {
font: 38px/42px 'helvetica','arial',sans-serif !important;
height: 52px;
width: 70% !important;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#animalformwrap input[type="submit"] {
width: 100% !important;
height: 90px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#animalformwrap li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}

/*-- Animal Competition --*/

.animalheader {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
.fblikecounter p {
line-height: 38px;
}
.animalbanner {
width: 100%;
float: none;
padding: 0px
margin: 0px;
}
.animalwrap {
width: 100%;
float: none;
padding: 0px
margin: 0px;
}
.animalbanner img {
width: 100%;
}

/*-- All Vehicles Page --*/

.leftmodel, .rightmodel {
width: 100%;
margin: 0px 0px 10px 0px;
float: left;
}
.leftmodel img, .rightmodel img {
width: 30%;
}
.leftmodel p, .rightmodel p {
width: 68%;
}

/*-- Used Vehicles Page --*/

#used {
width: 100%;
}
#usedside {
display: none;
}
.textleft, .textright, .textleft2, .textright2, .branchtextleft, .branchtextright {
width: 98%;
margin: auto 0;
float: none;
}
#brochurehead {
float: none;
}

/*-- Service Form --*/

#servicewrap {
}
#service {
width: 99% !important;
}
#service h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#service input[type="text"], #service input[type="email"], #service select {
font: normal 38px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px !important;
}
#service input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#service li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#service label {
line-height: 42px;
width: auto !important;
}

/*-- Contact Us Page --*/

.showroominfo {
width: 100%;
padding: 0px;
margin-bottom: 0px;
height: auto;
}
.showroommap {
width: 100%
}
.mapbutton, .branchbutton {
margin: 10px;
width: 45%;
}
.contacttext {
width: 100%;
padding: 0px;
}
#contactwrap {
width: 100%;
}
#contact {
width: 94% !important;
padding: 3% !important;
height: auto !important;
}
#contact img {
display: none;
}

/*-- Contact Form --*/

#contact h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea {
font: normal 38px/42px 'helvetica', 'arial', sans-serif !important;
width: 75% !important;
height: 42px;
}
#contact textarea {
height: 92px !important;
}
#contact input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#contact li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#contact label {
line-height: 42px;
width: auto !important;
}

/*-- Trade In Form --*/

#tradeformwrap {
width: 100%;
}

#tradeform {
height: auto;
padding: 3% !important;
width: 94% !important;
}

#tradeform h2 {
font: bold 22px/42px 'helvetica', 'arial', sans-serif !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
font: normal 38px/42px 'helvetica', 'arial', sans-serif !important;
width: 66% !important;
height: 42px;
}
#tradeform textarea {
height: 92px !important;
}
#tradeform input[type="submit"] {
width: 100% !important;
height: 60px !important;
font: bold 28px/42px 'helvetica', 'arial', sans-serif !important;
}
#tradeform li.gfield {
font: normal 20px/42px 'helvetica', 'arial', sans-serif !important;
height: 42px;
}
#tradeform label {
line-height: 42px;
width: auto !important;
}

/*-- Specials Page --*/

.specialarea {
width: 98%;
padding: 1%;
}
.specialctabox {
width: 100%;
margin: 0;
}
.specialcta a {
width: 98%;
}
.specialblock {
height: auto;
margin: 0;
}
.specialwrap {
height: 340px;
position: static;
margin: -5px 0 0 0;
}
.sharespecial {
margin: 0 0 6px 2px;
position: static;
}
.specialbg {
width: 100%;
}

/*-- About Us Page --*/

#services, #servicesused {
height: auto;
}
.profiletext {
width: 80%;
margin: 5px 0;
}
#profiles img {
width: 19%;
margin: 5px 0;
clear: both;
}
#profiles {
height: auto;
margin: 10px auto;
}

/*-- Branch Pages --*/

#showroomsidebar {
width: 100% !important;
}

/*-- Brochure Download Page --*/

.brochure {
width: 21%;
}
.brochure img {
width: 100&;
height: auto;
}

.comments {
margin-left: 2%;
width: 40%;
text-align: center;
padding: 0px;
}

.moretext {
margin-right: 2%;
width: 40%;
text-align: center;
padding: 0px;
}

#emailSub-widget input[type="text"], input[type="email"], textarea, select {
width: 100% !important;
padding: 0px !important;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 461px - 640px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px) {

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, #profiles, .tradetext {
width: 96%;
margin: auto;
}
.listleft, .listright {
float: none;
}
#modelpageformarea, #modelpageformarea2 {
width: 95%;
}
.rightcolumn, .leftcolumn {
width: 95%;
}
.halfcolumn-right, .halfcolumn-left {
width: 95%;
margin: 2%;
float: none;
}
#videotext, #imgtext {
width: 95%;
height: auto;
}
input[type="text"], input[type="email"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select {
width: 58% !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
width: 58% !important;
}
#service input[type="text"], #service input[type="email"], #service select {
width: 58% !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea{
width: 58% !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
width: 54% !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
width: 58% !important;
}
#testpage {
height: 546px;
}
.textleft, .textright {
width: 96%;
}
#contact-thirds {
width: 100%;
}
.thirds {
float: none;
width: 96%;
}

/*-- All Vehicles Page --*/

.leftmodel p, .rightmodel p {
width: 67%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 26%;
}

}

/*--------------------------------------------*/
/*--------------------------------------------*/
/*---- Responsive Design - 395px - 460px  ----*/
/*--------------------------------------------*/
/*--------------------------------------------*/

@media only screen and (max-width : 460px),
only screen and (max-device-width : 460px) {
.mapbutton, .branchbutton {
float: none;
margin: 10px auto;
width: 90%;
}

/*-- Brochure Download Page --*/

.brochure {
width: 40%;
}

#socialmedia {
display: none;
}

}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---- Responsive Design - Device Width 395 Pixels and Less  ----*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media only screen and (max-width : 395px),
only screen and (max-device-width : 395px) {

#brochurehead h1, h1, h2, h3, h4, p, .usedintro, #profiles, .tradetext {
width: 94%;
margin: auto;
}
h1.specialheader, p.specialsubtext {
width: 100%;
}
input[type="text"], input[type="email"], #formwrap2 input[type="text"], #formwrap2 input[type="email"], select {
width: 54% !important;
}
#newsinput input[type="text"], #newsinput input[type="email"], #newsinput select {
width: 54% !important;
}
#service input[type="text"], #service input[type="email"], #service select {
width: 54% !important;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea{
width: 54% !important;
}
#tradeform input[type="text"], #tradeform input[type="email"], #tradeform select {
width: 50% !important;
}
#testpage input[type="text"], #testpage input[type="email"], #testpage select {
width: 54% !important;
}
.aj-collapse{
margin-left: 0;
position: static;
width: 100%;
margin-top: 30px;
margin-bottom: 15px;
padding: 2px;
}
.textleft, .textright {
width: 98%;
}
.thirds {
width: 94%;
}