.banner{width:100%; float:left;}
.banner img{width:100%;}
.contact-details-wrapper{width:100%; float:left;}
contact-form-wrapper{width:100%; float:left;}
.contact-icon{width:5%; float:left;}
.contact-info{width:90%; float:right;}
.contact-icon span{font-size: 1.8em; text-align: center; display: block; color: #4f4abb;}
.contact-info h6{margin:0; font-size: 1.2em;font-weight: 600;font-family: corbel;color: #4f4abb;padding: 1%;}
.contact-info p{margin:0; font-size:1em; padding: 0 1%; color: #5d5d5d; font-family:Verdana,Arial, Helvetica, sans-serif;}
.contact-info a{text-decoration:none;}
.contact-info a:hover{text-decoration:none;}
.contact-info-row{width:100%; float:left; margin:2% 0;}
.google-map {position: relative;padding-bottom: 45%;height: 0;overflow: hidden; width:97%; float:left; margin:2% 1.5%;}
.google-map iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;border: 1px solid #c7c7c7;}
.contact-details-wrapper h5{background-color:#4e49b9; display: inline-block;color: white;font-size: 18px;width: 34px;height: 34px;line-height: 34px;text-align: center;vertical-align: middle;margin: 2% 1% 1% 1%;border: 1px solid #6b65d8;}
.contact-details-wrapper h5 a{color:white; text-decoration:none;transition:all ease-in-out 0.5s;}
.contact-details-wrapper h5:hover{background-color:white;color:#4e49b9; transition:all ease-in-out 0.5s;}
.contact-details-wrapper h5:hover a{color:#4e49b9}

 @media only screen and (max-width:991px){
.contact-info{float:left;}        
.contact-info-row{margin:1% 0;} 
.google-map{width:98%; margin:2.5% 1%;}                                         
}
@media only screen and (max-width:650px){
.contact-icon{width:8%;}                                                
}
@media only screen and (max-width:500px){ 
.contact-icon{width:12%;}  
.contact-info{width:88%;}  
.contact-info h6{padding:2%;}                                            
}