.vf_contact_us{
    width: 100%;
    float: left;
    padding: 60px 0 0 0;
}
.vf_contact_us .content{
    width: 100%;
    float: left;
    margin: 0 0 40px 0;
}
.vf_contact_us .content .inner{
    width: 100%;
    float: left;
    display: flex;
}
.vf_contact_us .content .inner .left{
    width: 50%;
    float: left;
}
.vf_contact_us .content .inner .left h4{
    width: 100%;
    float: left;
    margin: 0 0 30px 0;
    font-size: 20px;
}
.vf_contact_us .content .inner .left > div{
    width: 100%;
    float: left;
    display: flex;
    margin: 0 0 30px 0;
}
.vf_contact_us .content .inner .left > div .icon{
    width: 50px;
}
.vf_contact_us .content .inner .left > div .icon svg{
    width: 30px;
    height: 30px;
    fill: #7acaf5;
    color: #7acaf5;
}
.vf_contact_us .content .inner .left > div address,
.vf_contact_us .content .inner .left > div a{
    color: #000;
    font-style: normal;
    text-decoration: none;
}
.vf_contact_us .content .inner .left > div a:hover{
    color: #33A6E2;
}


.vf_contact_us .content .inner .right{
    width: 50%;
    float: left;
    background-color: #F7F7F7;
    padding: 30px;
    border-radius: 25px;
}

.vf_contact_us .contact_map{
    width: 100%;
    float: left;
    line-height: 0;
    padding: 20px 50px 50px 50px;
    height: 450px;
}
.vf_contact_us .contact_map iframe{
    width: 100%;
    height: 100%;
    border-radius: 25px;
}


@media only screen and (max-width: 991px) {
    .vf_contact_us{
        padding: 40px 0 0 0;
    }
}
@media only screen and (max-width: 768px) {
    .vf_contact_us .content{
        margin: 20px 0;
    }
    .vf_contact_us .content .inner{
        flex-direction: column;
    }
    .vf_contact_us .content .inner .left{
        width: 100%;
    }
    .vf_contact_us .content .inner .right{
        width: 100%;
        padding: 20px;
    }
    .vf_contact_us .contact_map{
        padding: 15px;
        height: 270px;
    }
}