.contact__two-left-item-socialIcon ul { padding: 0; margin: 0; margin-top: 20px;}
.contact__two-left-item-socialIcon ul li { list-style: none; display: inline-block; margin-right: 10px;}
.contact__two-left-item-socialIcon ul li a i { display: inline-block; width: 43px; height: 43px; line-height: 43px; text-align: center; background: #f4f4f4; font-size: 20px; border-radius: 50%; transition: 0.4s;}
.contact__two-left-item-socialIcon li a { color: #333; }
.contact__two-left-item-socialIcon h6 { font-size: 21px; font-weight: 600; font-family: 'Poppins';}
.contact__two-left-item-socialIcon i.fa.fa-facebook-f:hover { background: #39558f; color: #FFF;}
.contact__two-left-item-socialIcon i.fa.fa-twitter:hover { background: #1b9ccf; color: #FFF;}
.contact__two-left-item-socialIcon i.fa.fa-linkedin:hover { background: #036ba5; color: #FFF;}
.contect-image img{height: 100%; object-fit: cover;width: 100%;}
.who-are .bg-white-contact {box-shadow: none;background: none;}
.contact-frm .row div {box-shadow: none; background: none; border: none;}
.contact-info .about-contact {font-size: 15px; font-weight: 600; font-family: 'Poppins';}
#getAppointment button {min-width: 190px;}
.about-header { height: 447px; align-items: center; display: flex; padding: 0px !important;}
.about-header .container h1{  text-transform: none;}
.about-header .container em { font-size: 15px; max-width: 250px; border: none; padding-left: 0px;}

iframe { width: 100%;}
.contact-info em{color: #A8A8A8;}
 
form#getAppointment em a{text-decoration: none;color: #f85c12;} 
li.contact-twitter-icon svg {display: inline-block;width: 43px;height: 43px;line-height: 43px;text-align: center;font-size: 20px;border-radius: 50%;transition: 0.4s;padding: 10px;background: #f4f4f4;}
li.contact-twitter-icon:hover svg{fill: #fff;background-color: #0f1419;} 
 
@media (max-width: 767.98px) { 
    .about-header { height: auto; align-items: center; display: flex; padding: 18px 0px !important;background-position-x: right;}
    .about-header h1 {font-size: 20px;}
    .about-header .container em {max-width: max-content;}
    #getAppointment button { min-width: 190px; margin-bottom: 20px;}

}
@media (min-width: 768px) and (max-width: 1024px) { 
    .about-header { height: 200px; align-items: center; display: flex; padding: 0px 0px !important;}
    .about-header h1 {font-size: 25px;}
    .about-header button.action.save.primary {padding: 10px 11px;}
    .about-header .container em {max-width: max-content;}

 }

@media only screen and (max-width:1199.98px){
    div .row .addres {padding: 17px 20px;}  
}
@media(min-width:576px){
    iframe { height: 100%;}
}