.map{
    width:100%;
    height:500px;
    margin-top:40px;
}

.address{
    flex-wrap:wrap;
    margin-bottom:40px;
}
.address>.item{
    width:calc(50% - 20px);
    margin: 40px 0 0;
    padding:20px;
    background:#F5F5F5;
    cursor:pointer;
    transition:.3s all!important;
}
.address>.item:hover{
    box-shadow:0 0 10px #ccc;
}

/*.address>.item:last-child{*/
    /*width:100%;*/
/*}*/

.address>.item>div{
    color:#666;
    line-height: 25px;
    display:flex;
    font-size: 0.3rem;
}

.address>.item>div:first-child{
    color:#000;
    font-size:20px;
    margin-bottom: 15px;
}

.address>.item>div>div:first-child{
    margin-right:10px;
}

.header{
    display:none;
}

.banner{
    background-image:url('/website_page/img/contact/05content-01 banner.jpg')
}

@media screen and (max-width: 900px) {
    .header{
        display:flex;
    }

    .banner{
        background-image: url('/website_page/img/mobileBanner/banner_contact.jpg')
    }

    .map {
        height: 300px;
        width: calc(100% - 30px);
        margin: 15px auto;
    }

    .address{
        justify-content: center;
    }

    .address>.item ,.address>.item:last-child{
        width: calc(100% - 20px);
        margin: 15px 0 0;
        padding: 15px;
    }

    .address>.item>div:first-child,.address>.item:last-child{
        margin-bottom:5px;
    }
}