bf12412dee9c62ddf97586f68732525ebe4d635cf95170e2186c10b54b034db0

Source Code:

body { font-family: 'Roboto', sans-serif; font-size: 16px; }
.mb-0 { margin-bottom: 0 !important; }
.mb-3 { margin-bottom: 1rem !important; }
/* New */
.ml-0 { margin-left: 0 !important; }
/* New */
.ml-2 { margin-left: .5rem !important; }
.mr-2, .mx-2 { margin-right: .5rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-6 { margin-bottom: 6rem; }
.no-border { border: none !important; padding-bottom: 0 !important; }

.main-row { padding: 15px 0; }

.provider-left-nav { border-radius: 6px; box-shadow: 0px 0px 14.55px 0.45px rgba(29, 78, 114, 0.2); padding: 15px; }
.provider-left-nav h1 { background-color: #f15f3f; border-radius: 30px 30px 30px 0; color: #fff; display: inline-block; font-size: 24px; margin: 0 -15px 25px -30px; padding: 10px 40px; position: relative; }
.provider-left-nav h1::after { content: ''; position: absolute; left: 0; top: 100%; width: 15px; height: 26px; background: url(../images/nearby-shap02.png); background-repeat: no-repeat; background-size: contain; }
.provider-left-nav .location-hours { margin-bottom: 20px; }
.provider-left-nav h4 { color: #296ab1; font-size: 16px; font-weight: 500; margin: 10px 0; }
.provider-left-nav p { font-size: 16px; margin-bottom: 5px; }
.provider-left-nav .location-hours ul { list-style: none; margin: 0 0 25px; padding: 0; }
.provider-left-nav .location-hours ul li { align-items: center; display: flex; font-size: 16px; justify-content: space-between; padding: 5px 0; }
.provider-left-nav .location-hours ul li span.days { width: 48%; }
.provider-left-nav .location-hours ul li span.time { width: 52%; }

.provider-left-nav .other-locations-outer { margin-bottom: 30px; }
.provider-left-nav .other-locations { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; }
.provider-left-nav .other-locations:last-child { border: none; margin: 0; padding: 0; }
.provider-left-nav .other-locations h4.practice { color: #272727; }
.provider-left-nav .other-locations p { font-size: 14px; font-weight: 400;}
.provider-left-nav .other-locations p a { font-size: 14px; }
.provider-left-nav .other-locations p span { color: #296ab1; }
.provider-left-nav .other-locations p span i { transform: rotate(90deg); }
.provider-left-nav .other-locations p.phone-para { color: #296ab1; font-size: 14px; font-weight: 500; }
.provider-left-nav .website a { color: #296ab1; font-size: 16px; }
.provider-left-nav .website a:hover { text-decoration: none; }
.provider-left-nav .other-locations.practice-name, .provider-left-nav .website, .provider-left-nav .npi, .provider-left-nav .network, .provider-left-nav .board, .provider-left-nav .hospital, .provider-left-nav .education { margin-bottom: 30px; }
.provider-left-nav .language { margin-bottom: 15px; }

.provider-left-nav .website p { color: #296ab1; }

.provider-main-content { border-radius: 6px; box-shadow: 0px 0px 14.55px 0.45px rgba(29, 78, 114, 0.2); padding: 0 0 10px; }
.provider-main-content iframe { border-radius: 6px; }
.provider-main-content .user-info { display: flex; margin-bottom: 30px; }
.provider-main-content .user-info .user-phone { align-items: center; display: flex; flex-direction: column; margin: -75px 0 0 0; padding: 0; position: relative; width: 35%; }
.provider-main-content .user-info .user-phone .user-initials { align-items: center; background-color: #e9f0f7; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 0 5px 0 #aaa; color: #296ab1; display: flex; font-size: 75px; height: 150px; justify-content: center; margin-bottom: 15px; width: 150px; }
.provider-main-content .user-info .user-phone .phone-para { color: #296ab1; font-size: 14px; font-weight: 500; margin: 5px 0; }
.provider-main-content .user-info .user-phone .phone-para i { transform: rotate(90deg); }
.provider-main-content .user-info .user-phone a { font-size: 14px; font-weight: 500; }
.provider-main-content .user-info .user-phone button { background-color: #296ab1; border: none; border-radius: 25px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; min-width: 138px; padding: 6px 0; }
.provider-main-content .user-info .user-phone button i { margin-right: 10px !important; }
.provider-main-content .user-info .user-phone .for-mob { display: none; }

.provider-main-content .user-info .user-name h3 { font-weight: 400; margin: 20px 0 5px; }
.provider-main-content .user-info .user-name h4 { font-weight: 400; margin-bottom: 0; }
.provider-main-content .user-info .user-name p { margin-top: 25px; }
.provider-main-content .user-info .user-name p a { font-size: 16px; }
.provider-main-content .user-info .user-name p span { color: #296ab1; }
.provider-main-content .user-info .user-name p.prac-loc { color: #296ab1; }
.provider-main-content .about { padding: 0 15px; }

.provider-main-content h3.service { background-color: #296ab1; border-radius: 6px 6px 0 0; color: #fff; margin: 20px 0 10px; padding: 8px 30px; }
.provider-main-content .common-cols { border-bottom: 1px solid #e9f0f7; margin: 0 15px; padding: 20px 15px; }
.provider-main-content .common-cols:last-child { border: none; }
.provider-main-content .common-cols p { color: #296ab1; font-size: 20px; font-weight: 600; }
.provider-main-content .common-cols p.desc { color: #272727; font-size: 14px; font-weight: 400; }
.provider-main-content .common-cols p.detail { color: #a9c3e0; cursor: pointer; font-size: 14px; font-weight: 500; padding: 0 15px; }
.provider-main-content .common-cols button { background-color: #296ab1; border: none; border-radius: 25px; color: #fff; font-size: 13px; font-weight: 500; padding: 3px 0; width: 80%; }
.provider-main-content .common-cols a { color: #fff;display: block; font-size: 13px; }

.provider-right-nav { border-radius: 6px; box-shadow: 0px 0px 14.55px 0.45px rgba(29, 78, 114, 0.2); margin-bottom: 20px; padding: 15px; }
.provider-right-nav h1 { background-color: #296ab1; border-radius: 30px 30px 30px 0; color: #fff; display: inline-block; font-size: 24px; margin: 0 -15px 10px -30px; padding: 10px 40px; position: relative; }
.provider-right-nav h1::after {content: ''; position: absolute; left: 0; top: 100%; width: 15px; height: 26px; background: url(../images/nearby-shap.png); background-repeat: no-repeat; background-size: contain; }

.provider-right-nav address { border-bottom: 1px solid #e9f0f7; display: flex; margin-bottom: 0; padding: 15px 0; }
.provider-right-nav address:last-child { border: none; }
.provider-right-nav address span.initials { align-items: center; background-color: #e9f0f7; border-radius: 50%; color: #296ab1; display: flex; font-size: 25px; height: 60px; justify-content: center; margin-right: 15px; width: 60px; }
.provider-right-nav address span.initials a:hover { color: #f15f3f; text-decoration: none; }
.provider-right-nav address .pro-nearby-address { width: 70%; }
.provider-right-nav address h6 { font-size: 16px; font-weight: 700; margin: 0 0 5px;  word-break: break-word; }
.provider-right-nav address h6 a { color: #296ab1; }
.provider-right-nav address h6 a:hover { color: #f15f3f; text-decoration: none;  }
.provider-right-nav address p { font-size: 14px; font-weight: 400; margin: 0; }
.provider-right-nav address p a { font-size: 14px; }
.provider-right-nav address p span { color: #296ab1; }
.provider-right-nav address p i { color: #fff200; font-size: 14px; margin: 8px 3px 0 0; }
.provider-right-nav address p i.grey { color: #e1e1e1; }

.groups-btns { margin-top: 15px; text-align: center; }
.groups-btns a { color: rgba(41, 106, 177, 0.3); display: block; }
.groups-btns span { display: block; font-size: 14px; font-weight: 700; }
.groups-btns i { color: rgba(41, 106, 177, 0.3); font-size: 26px; }
/*.groups-btns img { opacity: 0.5; }*/

@media (min-width: 1310px) {
    .container {
        max-width: 1290px;
        width: auto;
    }
}

@media only screen and (max-width: 991px) {
    .provider-left-nav { margin-bottom: 20px; }
    .main-row { display: flex; flex-direction: column; }
    .col-left { order: 2; }
    .col-middle { order: 1; margin-bottom: 20px; }
    .col-right { order: 3; }
}

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

@media only screen and (max-width: 575px) {
    .provider-main-content .user-info { align-items: center; flex-direction: column; }
    .provider-main-content .user-info .user-phone { margin: -75px 0 0; padding: 0; width: auto; }
    .provider-main-content .user-info .user-phone .user-initials { margin: 0; }
    .provider-main-content .user-info .user-phone .for-mob { display: block; }
    .provider-main-content .user-info .user-name .for-desk { display: none; }
    .provider-main-content .user-info .user-phone h3 { margin: 20px 0 0; }
    .provider-main-content .user-info .user-phone h4 { margin: 0 0 15px; }
    .provider-main-content .user-info .user-phone button { margin: 0 0 5px; width: 200px; }
    .provider-main-content .user-info .user-name { padding: 0 15px; }
    .provider-main-content .common-cols p { font-size: 16px; }
    .provider-main-content .common-cols .col-xs-12 { text-align: center; }
    .provider-main-content .common-cols button { font-size: 14px; margin-top: 15px; padding: 8px 0; width: 70%; }
    .provider-main-content .common-cols p.desc { margin: 20px 0 10px; }
    .provider-main-content .common-cols p.detail { margin: 15px 0 0; text-align: center; }
}

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