.vehicleBox {
    cursor:pointer;
}

.vehicleBox > .boxHeader {
    padding-top:15px;
    padding-bottom:15px;
    background-color: #efefef;
    color:#4a4a4a;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    text-align:center;
}

.vehicleItemsBox > .vehicleItem {
    padding-left:0px;
    padding-right:0px;
}

.blockPaddingBottom {
    padding-bottom:8px;
}

.headerMobile {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
    padding-top:16px;
    padding-bottom:16px;
    background-color: #4a4a4a;
    color:white;
    text-align:center;
    margin-bottom:8px;
}

.vehicleItemsBox > .boxBottomPaddingMobile {
    padding-bottom:22px;
}

.findNearestDealer {
    background-image: url('../assets/images/home/FYND_Banner.jpg');
    background-size:cover;
}

.goButton {
    height: 64px;
    width: 22%;
    border: 0px;
    color: white;
    font-weight: 700;
    position: relative;
    margin-left: 4px;
    max-width: 69px;
}

#inputFieldArea > .inputFieldFindDealer {
    width: 72%;
    height: 64px;
    background-color: black;
    border: 0px;
    padding: 18px 36px;
}

#inputFieldArea > .inputFieldText {
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 0.9px;
    text-align: center;
}

/*Placeholder text styling*/
#inputFieldArea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:white;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 0.9px;
    text-align: center;
    font-weight:300;
}
#inputFieldArea ::-moz-placeholder { /* Firefox 19+ */
    color:white;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 0.9px;
    text-align: center;
    font-weight:300;
}
#inputFieldArea :-ms-input-placeholder { /* IE 10+ */
    color:white;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 0.9px;
    text-align: center;
    font-weight:300;
}
#inputFieldArea :-moz-placeholder { /* Firefox 18- */
    color:white;
    font-size: 18px;
    line-height: 1.61;
    letter-spacing: 0.9px;
    text-align: center;
    font-weight:300;
}

.boxContent {
    background-color: rgba(216, 216, 216, 0.25);
    position:relative;
}

.boxContent > div {
    width: 60%;
    height: 100%;
    margin: auto;
    position: relative;
}

.boxContent.otrBias > div {
    width: 48%;
}

.boxContent.agriculture > div {
    width: 48%;
}

.boxContent.wheels > div {
    width: 39%;
}

.boxContent.bobcat > div {
    width: 45%;
}

.boxContent.forklift > div {
    width: 52%;
}

.boxContent > div > img {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
}

.vehicleBox > .boxHeader.active {
    background-color:#00af41;
    color:white;
}

@media (max-width:320px) {
    #inputFieldArea > .inputFieldFindDealer {
        height:52px;
    }

    .goButton {
        height:52px;
    }
}

.vehicleItemsBox .smallLeftInsta {
    padding-left:0px;
    padding-right:3px;
}

.vehicleItemsBox .smallRightInsta {
    padding-left:3px;
    padding-right:0px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    #inputFieldArea > .inputFieldFindDealer {
        width: 287px;
    }

    .goButton {
       width: 69px;
       top:1px;
    }

    .vehicleBox > .boxHeader {
        padding-top:17px;
        padding-bottom:17px;
        background-color: #4a4a4a;
        color:white;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
        text-align:center;
    }

    .vehicleItemsBox > .vehicleItem {
        padding-left:7px;
        padding-right:7px;
    }

    .blockPaddingBottom {
        padding-bottom:14px;
    }

    .vehicleItemsBox .smallLeft {
        padding-left:0px;
        padding-right:7px;
    }

    .vehicleItemsBox .smallRight {
        padding-left:7px;
        padding-right:0px;
    }

    .vehicleItemsBox > .boxBottomPaddingSmall {
        padding-bottom:29px;
    }


}

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

    .vehicleItemsBox > .vehicleItem {
        padding-left:7px;
        padding-right:7px;
    }

    .vehicleItemsBox .smallLeft {
        padding-left:7px;
        padding-right:7px;
    }

    .vehicleItemsBox .smallRight {
        padding-left:7px;
        padding-right:7px;
    }

    .vehicleItemsBox .mediumLeft {
        padding-left:0px;
    }

    .vehicleItemsBox .mediumRight {
        padding-right:0px;
    }

    .vehicleBox > .boxHeader {
        font-size: 18px;
    }

    .vehicleItemsBox > .boxBottomPaddingMedium {
        padding-bottom:29px;
    }
}

@media (min-width:1080px) {
    .vehicleBox > .boxHeader {
        font-size: 20px;
    }
}

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

    .vehicleItemsBox .mediumLeft {
        padding-left:7px;
    }

    .vehicleItemsBox .mediumRight {
        padding-right:7px;
    }

    .vehicleBox > .boxHeader {
        font-size: 16px;
    }
    .vehicleItemsBox .largeLeft {
        padding-left:0px;
    }

    .vehicleItemsBox .largeRight {
        padding-right:0px;
    }

    .vehicleItemsBox > .boxBottomPaddingLarge {
        padding-bottom:29px;
    }
}
@media (min-width:1300px) {
    .vehicleBox > .boxHeader {
        font-size: 18px;
    }
}
@media (min-width:1394px) {
    .vehicleBox > .boxHeader {
        font-size: 20px;
    }
}