b09cceb82a40c4d877343c426c2441a18425f7ad35a3ba12ba8348e141f66e58

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; }
.no-border { border: none !important; padding-bottom: 0 !important; }

.nearby-main-content { background-color: #fff; border-radius: 6px; box-shadow: 0px 0px 14.55px 0.45px rgba(29, 78, 114, 0.2); padding: 0 15px 10px; }
.nearby-main-content h1 { border-bottom: 1px solid #296ab1; color: #296ab1; font-size: 24px; font-weight: 700; margin: 0 0 30px; padding: 15px 0 5px; }
.nearby-main-content .benefits { border-bottom: 1px solid #eee; margin: 0 0 30px; padding: 0 0 28px; }
.nearby-main-content .benefits a:hover { text-decoration: none; }
.nearby-main-content .username { align-items: center; background-color: #f1f4f6; border-radius: 50%; box-shadow: 0 0 0 1px #ddd; color: #296ab1; display: inline-flex; font-family: Raleway, sans-serif; font-size: 50px; font-weight: 300; height: 100px; justify-content: center; width: 100px; }
.nearby-main-content .personalDiv h6 { font-size: 16px; font-weight: 700; margin: 0 0 5px; }
.nearby-main-content .personalDiv h6.heading { color: #296ab1; }
.nearby-main-content .personalDiv h6.name { margin: 0 0 3px; }
.nearby-main-content .personalDiv h6.name a { color: #296ab1; }
.nearby-main-content .personalDiv h6.name a:hover { text-decoration: none; }
/*.nearby-main-content p { text-align: justify; }*/
.nearby-main-content .personalDiv p { font-size: 14px; font-weight: 400; margin: 0 0 2px; }
.nearby-main-content .personalDiv p a { font-size: 14px; }
.nearby-main-content .personalDiv p.designation { margin: 0 0 8px; }
.nearby-main-content .personalDiv p span { color: #296ab1; }
.nearby-main-content .benefits .mailDiv { color: #296ab1; font-weight: 500; margin: 10px 0 2px 27px; }
.nearby-main-content .benefits .mailDiv a { display: inline-flex; margin-bottom: 8px; }
.nearby-main-content .benefits .mailDiv span { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 176px; }
.nearby-main-content .benefits .mailDiv span.watchlist { background-color: #296ab1; border-radius: 25px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; min-width: 138px; padding: 6px 0; text-align: center; width: auto; }
.nearby-main-content .placeDiv { color: #296ab1; font-weight: 500; padding: 8px 0 0; }
.nearby-main-content .benefits .placeDiv { margin-left: 27px; padding: 0; }
.nearby-main-content .benefits .placeDiv span.profile { background-color: #296ab1; border-radius: 25px; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; min-width: 138px; padding: 6px 0; text-align: center; width: auto; }


.nearby-right-nav { background-color: #fff; border-radius: 6px; box-shadow: 0px 0px 14.55px 0.45px rgba(29, 78, 114, 0.2); margin-bottom: 20px; padding: 15px; }
.nearby-right-nav h1.grp-nearby { 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; }
.nearby-right-nav h1.grp-nearby::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; }
.nearby-right-nav h1.popular-heading { background: none; color: #ff5c39; font-size: 24px; margin: 0 0 15px; padding: 0 15px; text-align: center; }
.nearby-right-nav h1.popular-heading::before { content: none; }

.nearby-right-nav .specialties { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 25px; }
.nearby-right-nav .specialties .special { align-items: center; display: flex; flex-direction: column; margin-bottom: 15px; }
.nearby-right-nav .specialties .special button { background: transparent; border: none; padding: 0; }
.nearby-right-nav .specialties .special img { margin-bottom: 10px; }
.nearby-right-nav .specialties .special p { color: #296ab1; font-weight: 600; }

.nearby-right-nav address { border-bottom: 1px solid #e9f0f7; display: flex; margin-bottom: 0; padding: 15px 0; }
.nearby-right-nav address:last-child { border: none; }
.nearby-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; }
.nearby-right-nav address span.initials a:hover { text-decoration: none; }
.nearby-right-nav address h6 { font-size: 16px; font-weight: 700; margin: 0 0 5px; word-break: break-word; }
.nearby-right-nav address p { font-size: 14px; font-weight: 400; margin: 0; }
.nearby-right-nav address p a { font-size: 14px; }  
.nearby-right-nav address p span { color: #296ab1; }
.nearby-right-nav address p i { color: #fff200; font-size: 14px; margin: 8px 3px 0 0; }
.nearby-right-nav address p i.grey { color: #e1e1e1; }

.group-pagination { list-style: none; padding: 0; text-align: center; }
.group-pagination .pagination{ margin: 0 !important; }
.group-pagination ul li { color: #a9c3e0; cursor: pointer; display: inline; font-size: 14px; padding:  0 8px; }
.group-pagination ul li a { font-size: 14px; color: #a9c3e0; }
.group-pagination ul li a { font-size: 14px; color: #a9c3e0; }
.group-pagination ul li:hover { background-color: #a9c3e0; border-radius: 50%; color: #fff; padding: 4px 8px; }
.group-pagination ul li:hover a { color: #fff; }
.group-pagination ul li.active { background-color: #a9c3e0; border-radius: 50%; color: #fff; padding: 4px 8px; }
.group-pagination ul li.active a { color: #fff; }

.for-mob { display: none; }
.for-mob .special { align-items: center; display: flex; flex-direction: column; margin-bottom: 15px; min-height: 160px; }
.for-mob .special img { margin-bottom: 10px; max-width: inherit; }
.for-mob .special p { color: #296ab1; font-weight: 600; }
.for-mob .special button { background: transparent; border: none; }

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

@media only screen and (max-width: 991px) {
    /* .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) {
    .nearby-main-content { margin-bottom: 20px; }
}

@media only screen and (max-width: 575px) {
    .nearby-main-content .col-sm-4 {
        text-align: center;
    }
    .nearby-right-nav .specialties { padding: 0; }
    .for-mob { display: block; }
    .for-desk { display: none; }
    .nearby-main-content .benefits .mailDiv { margin: 15px 0 5px 0; }
    .nearby-main-content .benefits .mailDiv span.watchlist { width: 200px; }
    .nearby-main-content .benefits .mailDiv span.watchlist i { margin-right: 10px !important; }
    .nearby-main-content .benefits .placeDiv { margin-left: 0; }
    .nearby-main-content .benefits .placeDiv span.profile { width: 200px; }
    .nearby-main-content .benefits .placeDiv span.profile i { margin-right: 10px !important; }
}

@media only screen and (max-width: 402px) {
    .for-mob .special { min-height: 155px; }
}