.headerHeight {
    height: 106px;
}

.headerBanner {
    height:106px;
    top:106px;
    position:absolute;
    opacity: 0.9;
    background-color: #00af41;
}

.headerBannerTop {
    position: absolute;
   top: 0px;
   color:white;
   padding-right:30px;
}

.headerDealerLoginDiv {
    float: right;
    width: 47px;
    height: 100%;
    position: relative;
    z-index:9999;
}

.headerDealerLoginImage {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.dealerLoginText {
    line-height:105px;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-right:20px;
}

.menuItemsDiv > ul > li {
    float:left;
    height:100%;
    display:table;
    position:relative;
    padding-left: 40px;
    padding-right: 40px;
}

.menuItemsDiv >ul > li > ul {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 105px;
    height:auto;
    opacity:.9;
}

.menuItemsDiv >ul > li > ul > li {
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: center;
    height: 100%;
    padding: 0px 5px;
    padding-bottom: 16px;
    color: white;
    font-weight:300;
}

.menuItemsDiv >ul > li > ul > li:nth-child(1) {
    padding-top:16px;
}

.menuItemsDiv > ul > li >span {
    display:table-cell;
    vertical-align:middle;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.8px;
    color:white;
}

.menuItemsDiv {
    float:right;
    height:100%;
}


.navbar {
    height: 105px;
    margin-bottom: 0px;
    z-index: 99;
    border: 0px;
}

.navbar-collapse {
    background-color: white;
    margin-top: 40px;
    width: 100%;
}

.navbar-nav > li > a {
    color:black;
}

.nav>li>a {
    padding: 11px 30px;
}

.nav>li:first-child>a {
    padding-top:22px;
}

.navbar-nav {
    margin-top:0px;
}

/*.nav>li {
    padding: 20px 30px;
}*/

.navbar-toggle .icon-bar {
    background-color:white;
    display: block;
    width: 33px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle {
    padding: 14px 25px;
}


.hoverDown {
    display:none;
}

.menuItemText {
    padding-bottom:5px;
}
.menuItemText.active {
    border-bottom:2px solid white;
}

.menuItemTextHover {
    padding-bottom:5px;
}

.menuItemTextHover.active {
    border-bottom:2px solid white;
}

.menuItem {
    cursor:pointer;
}

.navbar-toggle {
    float:left;
    padding:0px;
    padding-top:46px;
    padding-left:22px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

.menubarLogoArea {
    width: 308px;
    float: none;
     margin-left: 0px;
    height: 100%;
    display: table;
    margin: 0 auto;
}

.menubarImage {
    display: table-cell;
    vertical-align: middle;
}

.headerImage {
    height: 212px;
    /*background-size: 500px;
    background-position: -83px;*/
    background-size:cover;
    background-repeat:no-repeat;
}

.headerImage.home {
    background-image: url('../assets/images/home/Home_Slider_1.jpg');
}

.headerImage.about {
    height:450px;
    background-image: url('../assets/images/menubar/About_Header.jpg');
}

.headerImage.about-zc {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/ZCRubber_Header.jpg');
}

.headerImage.testimonials {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/passengerWheelsHeader.jpg');
}

.headerImage.passenger, .headerImage.wheels {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/category/passengerWheelsHeader.jpg');
}

.headerImage.tyres {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/Our_Tyre_Range_Header.jpg');
}

.headerImage.contactus {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/ContactUs_Header.jpg');
}

.headerImage.map {
    height:450px;
    background-position:left;
    background-image: url('../assets/images/menubar/FindADealer_Header.jpg');
}

.headerImage.ultra-hp {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/category/UltraHighPerformance_Header.jpg');
}

.headerImage.suv-rv {
    height:450px;
    background-position:right;
    background-image: url('../assets/images/menubar/category/SUV_Header.jpg');
}

.headerImage.commercial-lt, .headerImage.truck-bus-radial, .headerImage.truck-lt-bias {
    height:450px;
    background-position:left;
    background-image: url('../assets/images/menubar/category/CommercialLT_Header.jpg');
}

.headerImage.otr-radial, .headerImage.otr-bias {
    height:450px;
    background-position:left;
    background-image: url('../assets/images/menubar/category/OTRRadial_Header.jpg');
}

.headerImage.agriculture, .headerImage.bobcat, .headerImage.forklift {
    height:450px;
    background-position:left;
    background-image: url('../assets/images/menubar/category/Agriculture_Header.jpg');
}

.mobileHeaderTextDiv {
    position:absolute;
    top:212px;
    height: calc(100% - 212px);
    width:100%;
}

.mobileHeaderTextDiv > div {
    padding-left: 22px;
    padding-right: 22px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display:table;
}

.mobileHeaderTextDiv > div > div.top {
    font-size:30px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.7px;
    text-align: left;
    color:white;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
    line-height:1.2;
}

.mobileHeaderTextDiv > div > div.bottom {
    padding-top:4px;
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.4px;
    text-align: left;
    color:white;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
    line-height:1.2;
}

.menubarTopLocation {
    height: 106px;
    top: 106px;
    position: absolute;
    background-color: transparent;
    width: 100%;
}

.menubarDisplayOver584 {
    display:none;
}

.menubarDisplayUnder584 {
    display:block;
}

.dropdown-menu {
    padding-left:11px;
    padding-top:11px;
}

.dealerLoginGoButton {
    position:relative;
    top:38px;
    width:35px;
    height:29px;
    background-color:#00af41;
    color:white;
    font-size:19px;
    letter-spacing:1px;
    text-align:center;
    line-height:29px;
    padding-right:0px;
    z-index:9999;
}

input[type="radio"] {
    display: none;
}

.customRadio {
    position: relative;
    top: 5px;
}
input[type="radio"] + label span{
    width: 21px;
    height: 21px;
    display: inline-block;
    cursor: pointer;
    background: url(../assets/images/menubar/unchecked.png) left top no-repeat;
    background-size: contain;
}

input[type="radio"]:checked + label span {
    width: 21px;
    height: 21px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background: url(../assets/images/menubar/checked.png) left top no-repeat;
    background-size: contain;
}

.dealerStateDiv {
    margin-left:20px;
    cursor:pointer;
    padding-right:0px;
}

.dealerSecondInput {
    margin-left:14px;
    cursor:pointer;
}

.radioText {
    position: relative;
    top: 1px;
    padding-left: 2px;
    font-weight: 300;
    font-size: 18px;
}

.noPaddingRight {
    padding-right:0px;
}

.dealerExpanded {
    display:none;
    z-index:555;
}

.mobileDealerLoginText {
    position: absolute;
    top: -23px;
    left: 20px;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-weight: 400;
}

@media (max-width:369px) {
    .headerDealerLoginDiv.expanded {
        display:none;
    }
}

@media (max-width:767px) {
    .mobileRelativeTop {
        position:relative;
        top:13px;
    }

    .dealerLoginGoButton {
        top:51px;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .radioText {
        position: relative;
        top: 2px;
        padding-left: 2px;
        font-weight:300;
    }

    .dealerLoginGoButton {
        width:69px;
        height:64px;
        top:21px;
        line-height:64px;
    }
    .dealerLoginText {
        display:block;
    }

    .headerImage.normalSize {
        height:auto;
    }

    .menubarLogoArea {
        width: 324px;
        float: left;
        margin-left: 28px;
        height: 100%;
        display:table;
    }

    .menubarBackgroundImage {
        height: 450px;
        width: auto;
    }

    .mobileHeaderTextDiv > div {
        padding-left:50px;
        padding-right:50px;
    }

    .mobileHeaderTextDiv > div > div.top {
        font-size: 33px;
        letter-spacing: 1px;
    }

    .mobileHeaderTextDiv > div > div.bottom {
        font-size:25px;
        letter-spacing:0.9px;
        padding-left:40px;
    }

    .menubarLogoArea {
        width: 324px;
        float: left;
        margin-left: 28px;
        height: 100%;
        display:table;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .menubarBackgroundImage {
        height: auto;
        width: 100%;
    }

    .mobileHeaderTextDiv > div {
        padding-left:70px;
        padding-right:70px;
    }

    .mobileHeaderTextDiv > div > div.top {
        font-size: 40px;
        letter-spacing: 1px;
    }

    .mobileHeaderTextDiv > div > div.bottom {
        font-size:25px;
        letter-spacing:0.9px;
        padding-left:40px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .mobileHeaderTextDiv > div {
        padding-left:100px;
        padding-right:100px;
    }

    .mobileHeaderTextDiv > div > div.top {
        font-size: 55px;
        letter-spacing: 1px;
    }

    .mobileHeaderTextDiv > div > div.bottom {
        font-size:40px;
        letter-spacing:0.9px;
        padding-left:50px;
    }

}

/* CUSTOM MEDIA QUERIES OUTSIDE OF BOOTSTRAP */



@media (max-width:450px) {
    .headerImage.home {
        background-position: -90px;
    }

    .headerImage.about {
        background-position: -150px;
    }
}

@media (max-width:350px) {
    .headerImage.home {
        background-position: -150px;
    }

    .headerImage.about {
        background-position: -172px;
    }
}

@media (max-width:344px) {
    .menubarLogoArea {
        width:262px;
    }
}

@media (min-width:768px) and (max-width: 890px) {
    .menubarLogoArea {
        display:none;
    }
}

@media (min-width: 890px) {
    .menubarLogoArea {
        width:180px;
    }
}

@media (min-width: 1031px) {
    .menubarLogoArea {
        width:248px;
    }
}

@media (min-width: 1150px) {
    .menubarLogoArea {
        width:334px;
    }
}

/* CUSTOM MEDIA QUERIES OUTSIDE OF BOOTSTRAP */

@media (max-width:344px) {
    .menubarLogoArea {
        width:262px;
    }
}

@media (min-width:768px) and (max-width: 890px) {
    .menubarLogoArea {
        display:none;
    }
}

@media (min-width: 890px) {
    .menubarLogoArea {
        width:180px;
    }
}

@media (max-width:850px) {
    .menubarBackgroundImage.testimonials {
        position: relative;
        right: 224px;
    }
}

@media (max-width:888px) {
    .menubarBackgroundImage.testimonials {
        position: relative;
        right: 111px;
    }
}

@media (min-width: 1031px) {
    .menubarLogoArea {
        width:248px;
    }
}

@media (min-width: 1150px) {
    .menubarLogoArea {
        width:334px;
    }
}

@media (min-width: 584px) {
    .menubarDisplayOver584{
        display:block;
    }

    .menubarDisplayUnder584 {
        display:none;
    }
}