/* mobile */

@media all and (max-width:1024px){
    html, body{
        font-size: 10px;
    }
    .header{
        padding: 0 0 100px 0;
    }
    div.sub_container, div.sub_container_map{
        width: 90%;
        padding:30px 0 50px 0;
    }
    .parking > img{
        width: 50%;
    }
}
@media all and (min-width:320px) and (max-width:785px){
    html, body{
        font-size: 8px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        display:none;
    }
    .sub_nav{
        width: 80%;
    }
    .sub_nav > li{
        padding: 10px 20px;
    }
    #map{
        height: 300px;
    }
    .mySwiper2{
        height: 200px;
    }
}
@media all and (min-width:320px) and (max-width:350px){
    .sub_nav{
        width: 100%;
    }
}