.contact_area{
    width:100%;
    display:flex;
}
.left_data{
    width: 40%;
    padding:25px;
    background-color:#fff;
}
.left_data h4{
    text-align: left;
   color: #000098;
   margin-bottom: 20px;
   width: 100%;
   margin-top:10px;
   font-weight:bold;
   font-size:20px;
}

.info_items{
    width:100%;
    margin-top:60px;
    
    
}
.info_items p{
    color:#000;
    font-size:16px;
    font-weight:bold;
}
.logo_contact{
   margin-top:60px;
   
 }

.logo_contact img{
    margin:100px auto 0 auto;
    border:2px solid #fff;
    padding:0;
    margin-left:-10px;
    background:#fff;
}
.right_data{
   width:60%;
   padding: 20px;
   background-color:#e0e0e0;
}
.right_data h4{
   text-align:left;
   margin-bottom:30px;
   font-size:18px;
   font-weight:bold;
}
.form-horizontal .form-group{
margin-right:0;
margin-left:0;
}
.form-horizontal .control-label{
text-align:left;
padding: 7px 0 0 0;
}
.col-sm-offset-10{
margin-left:81.20%;
}

input.form-control, textarea {
    max-width: 530px;
}
.submit-message{
margin-left:16px;
}


@media only screen and (max-width : 480px) {

.contact_area{
flex-direction:column;
}
.left_data, .right_data{
width:100%;
}
.col-sm-10{
padding:0;
}
div.form-group{
margin-bottom:0;
}
div.logo_contact img{
margin-top:30px;
margin-left:-10px;
padding-left:0;
}
.submit-message{
margin:10px 0;
}
.col-sm-offset-10{
margin-left:0;
padding:0;
}

}

@media only screen and (min-width: 481px)  and (max-width: 767px){
.contact_area{
 flex-direction:column;
}
.left_data, .right_data{
width:100%;
}
div.logo_contact img{
margin-top:30px;
margin-left:-10px;
padding-left:0;
}
.col-sm-10{
padding:0;
}
input.form-control, textarea{
width:100%;
}
.submit-message{
margin:10px 0;
}
.col-sm-offset-10{
margin-left:0;
padding:0;
}


}