.mapInputBoxText {
    color:#4a4a4a;
    font-size: 16px;
    line-height: 1.81;
    letter-spacing: 0.8px;
}

.tinyBoxPading {
    padding:22px;
}

.mapBoxText {
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
    color:white;
}

.mapBoxInput {
    height: 64px;
    border: 0px;
    padding: 18px 36px;
    width:100%;
}

.mapBoxInputText {
    font-size: 16px;
    line-height: 1.81;
    letter-spacing: 0.8px;
    text-align: center;
    color:black;
    font-weight:500;
    width:100%;
    font-style:normal;
}

.mapGoButton {
    color:#00af41;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1px;
    font-style:normal;
    top:0px;
    background-color: #efefef;
    width:100%;
    max-width:100%;
    margin-left:0px;
    margin-top: 11px;
}

.mapEnterLocation {
    padding-bottom:20px;
}


#dealerMap {
    width:100%;
    height:100%;
}

.mapInsidePadding {
    padding:20px 15px;
}

.mapHeadingPadding {
    padding-top:14px;
    padding-bottom:14px;
}

.mapHeadingText {
    font-family: Lato;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
    color:white;
    text-align:center;
}


.mapDealers {
    font-size:18px;
    letter-spacing:0.6px;
    text-align:left;
}

.dealerSectionRight {
    background-color:white;
    overflow:auto;
}

.mapDealers .heading {
    font-weight:700;
}

.mapDealers .km {
    font-style:italic;
    font-weight:700;
}

.street1 {

}

.mapDealers .padding {
    padding-top:20px;
}

.mapDealers > .dealerArea:not(:first-child) {
    margin-top:37px;
    padding-top:37px;
    border-top: solid 2px #00af41;
}

/*.mapMatchHeight {
    min-height:
}*/

.mapBoxPadding {
    padding: 10px 0px;
}

.mapDealerSection {
    padding-right:0px;
    padding-left:0px;
}

.mapLightGreyBackground {
    background-color:white;
}

.dealer:hover {
    color:#00af41;
    transition:0.2s;
}

.dealer {
    transition:0.2s;
    cursor:pointer;
}

.mapHeading {
    display:none;
}

.goButton:hover {
    background-color:black;
    color:white;
    transition:0.2s;
}

.goButton {
    transition:0.2s;
}

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

    /*.mapBoxPadding {
        padding:22px;
    }*/

    .mapInsidePadding {
        padding:37px;
    }

    .mapDealers {
        font-size:24px;
    }

    .mapLightGreyBackground {
        background-color:#efefef;
    }

    .mapDealerSection {
        padding-top:58px;
    }
    .mapHeadingText {
        text-align: left;
    }
    .mapBoxPadding {
        padding:58px;
    }

    .mapBoxInputText {
        /*width:100%;*/
        width:80%;
        font-size: 20px;
        line-height: 1.45;
        letter-spacing: 1px;
    }

    .mapGoButton {
        width:20%;
        max-width:69px;
        margin-top:0px;
    }

    .mapBoxText {
        font-size: 30px;
        font-weight: 700;
        font-style: italic;
        letter-spacing: 0.8px;
        color:white;
    }

    .mapInputDiv {
        padding-bottom:10px;
    }

    .mapHeading {
        display:block;
    }

}

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

    .mapDealerSection {
        padding-top:0px;
        padding-left:15px;
    }

    .mapInsidePadding {
        padding:25px;
    }

    .mapDealers {
        font-size:18px;
    }
}

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

    .mapInsidePadding {
        padding:37px;
    }

    .mapDealers {
        font-size:24px;
    }

    .mapBoxInputText {
        float:right;
    }

    .mapGoButton {
        float:right;
        margin-left:8px;
    }

    .mapEnterLocation {
        height: 69px;
        line-height: 58px;
    }

    .mapInputDiv {
        padding-bottom:0px;
    }

    .mapEnterLocation {
        padding-bottom:0px;
    }
}

@media (min-width: 1290px) {
    .mapBoxText {
        font-size:32px
    }
}
