/*ContactUp styles starts*/
#contact-up{
    margin-top: 8vh;
    margin-left: 0;
    background: #e4e4e4;
}


.contact-up--wrap {
    margin: 3vw 5vw 2vh 2vw;
    padding-bottom: 6vw;
}

.contact-up--wrap .pageTitle {
    margin-bottom: 1.5vw;
    font-family: "Arimo Regural";
    font-size: 32px;
    color: #323232;
}

.contact-up--wrap .title--explain{
    font-family: "Arimo Regural";
    font-size: 17px;
}

#contact-up .container{
    padding-left: 2.5vw;
}

#formWrap {
    margin-top: 1.5vw;
    margin-bottom: 1vw;
}

#formWrap textarea{
    resize: none;
}
/*ContactUp styles ends*/



/*ContactDown styles starts*/
#contact-down{
    background: #ffffff;
}

.contact-down--wrap {
    margin: 3vw 5vw 2vh 2vw;
    padding-bottom: 6vh;
}

.contact-down--wrap .pageTitle {
    margin-bottom: 1.5vh;
    color: #000000;
    font-family: "Arimo Bold";
    font-size: 24px;
}

#map{
    height: 500px;
}

#contact-down .container{
    margin-top: 1vw;
}


.region {
    font-family: "Arimo Bold";
    margin-bottom: .5vw;
}


.store-item{
    margin-bottom: 3vh;
}


.region--wrap .store {
    font-family: "Arimo Regural";
    font-size: 14px;
    line-height: 21px;
}

/*ContactDown styles ends*/


/*MEDIA QUERIES*/

@media (max-width: 1400px) {
    #contact-up {
        margin-top: 10vh;
    }

    .contact-up--wrap {
        margin: 4vw 5vw 2vh 2vw;
        width: 70%;
    }

}
@media (max-width: 1280px) {
    #contact-up {
        margin-top: 6vw;
    }

    .contact-up--wrap {
        margin: 4vw 5vw 2vh 2vw;
        width: 70%;
    }

    .contact-up--wrap .title--explain {
        font-size: 15px;
    }

}
@media (max-width: 1024px) {
    #contact-up {
        margin-top: 8vw;
    }

    #map-wrap{
        width: 70%;
    }

    #stores{
        width: 30%;
    }
}


@media (max-width: 815px) {

    .contact-up--wrap .pageTitle {
        margin-bottom: 3.5vw;
    }

    #map-wrap{
        width: 95%;
        margin-bottom: 7vw;
    }

    .contact-down--wrap {
        margin: 7vw 5vw 2vh 2vw;
    }

    #stores {
        width: 90%;
        margin: 0 auto;
    }

    .store-item {
        margin-bottom: 3vh;
        width: 50%;
    }

    .store-item hr{
        display: none;
    }

}
@media (max-width: 668px) {}
@media (max-width: 605px) {}
@media (max-width: 480px) {
    #contact-up {
        margin-top: 30vw;
    }

    .contact-up--wrap {
        margin: 7vw 5vw 2vh 5vw;
        width: 90%;
    }

    .contact-up--wrap .pageTitle {
        font-size: 22px;
        padding-left: 17px;
    }

    .contact-up--wrap .title--explain {
        font-size: 14px;
        line-height: 20px;
    }

    #formWrap {
        margin-top: 2.5vw;
        margin-bottom: 8vw;
    }

    .contactFormName {
        width: 100%;
        margin-bottom: 3vh;
    }

    #formWrap input, #formWrap textarea, #formWrap label{
        font-size: 15px;
    }

    .store-item {
        margin-bottom: 5vh;
        width: 100%;
    }

    .contact-down--wrap .pageTitle {
        margin-bottom: 2.5vh;
        font-size: 19px;
    }

    #map {
        height: 360px;
    }

    .contact-down--wrap {
        padding-bottom: 1vw;
    }

}