.doctors-tabs {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background: #F1F1F1;
margin-top: 30px;
border-radius: 65px;
margin-left: 0;
}
.doctor-card-photo {
max-height: 268.5px;
margin-top: 0;
width: 60%;
}
.doctor-card .doctor-card-photo img {
height: 100%;
object-fit: cover;
}
.doctor-card-text {
padding-bottom: 20px;
}
@media (max-width: 479px) {
.doctor-card-photo {
width: 100%;
}
.doctor-card-text {
padding-bottom: 0px;
}
}
.doctor-bio-button {
margin-bottom: 0;
}
.doctors__item .doctor-card {
min-height: 18rem;
}
.fancybox-toolbar .fancybox-button.fancybox-button--close {
top: 2rem;
right: 2rem;
}
.fancybox-navigation .fancybox-button {
padding: 0;
width: 2.75rem;
height: 2.75rem;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 2rem;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 2rem;
}
@media (max-width: 1400px) {
.doctors-tabs {
max-width: 660px;
}
}
@media (max-width: 959px) {
.doctors-tabs {
max-width: 530px;
}
}
@media (max-width: 767px) {
.doctors-tabs {
flex-direction: column;
background: none;
}
.doctor-card-photo {
max-height: unset;
}
.fancybox-toolbar .fancybox-button.fancybox-button--close {
top: .5rem;
right: .5rem;
}
.fancybox-navigation .fancybox-button {
padding: 0;
width: 1.5rem;
height: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
.fancybox-navigation .fancybox-button--arrow_right {
right: .25rem;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: .25rem;
}
}
.doctors-tabs__item {
display: flex;
justify-content: center;
align-items: center;
}
.doctors-tabs__item:first-child {
margin-right: -15px;
}
@media (max-width: 767px) {
.doctors-tabs__item {
width: 100%;
}
}
.doctors-tabs__item-link {
font-size: 18px;
font-weight: bold;
color: #000000;
background: #F1F1F1;
border-radius: 65px;
padding: 24px 105px;
box-sizing: border-box;
}
.doctors-tabs__item-link_active {
color: #FFFFFF;
background: #38C4F3;
z-index: 10;
}
.doctors-tabs__item-link_active:hover {
color: #fff;
}
@media (max-width: 1400px) {
.doctors-tabs__item-link {
font-size: 16px;
padding: 15px 70px;
}
}
@media (max-width: 959px) {
.doctors-tabs__item-link {
font-size: 14px;
padding: 15px 50px;
}
}
@media (max-width: 767px) {
.doctors-tabs__item-link {
width: 100%;
text-align: center;
padding: 15px 25px;
}
.doctors-tabs__item:not(:last-child) {
margin-bottom: 15px;
}
}
.site-wrap {
padding-top: 157px;
}
.banner-wrap {
padding-top: 0;
}
@media (max-width: 767px) {
.site-wrap {
padding-top: 80px;
}
}
.doctor-block {
position: absolute;
right: 0;
top: 20px;
width: 100%;
height: 100%;
}
.doctors-section__item__card__photo {
align-self: flex-end;
position: relative;
width: 100%;
padding-bottom: 82.5%;
margin-top: 0;
max-width: 244px;
right: 18px;
top: 0;
margin-left: auto;
height: 100%;
}
.doctors-section__item__card__info {
max-width: 50% !important;
}
.doctors-section__item__card__info .badges__badge {
width: max-content !important;
max-width: 150%;
white-space: normal !important;
}
@media (min-width: 1241px) and (max-width: 1265px) {
.doctors-section__item__card__photo {
right: 0;
}
}
@media (max-width: 991px) {
.doctors-section__item {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
gap: 0.75rem;
}
.span-three {
grid-column: span 1 !important;
}
}
.doctors-section__item__card__photo {
padding-bottom: 38.5% !important;
}
@media (max-width:768px) {
.doctors-section__item__card__photo {
padding-bottom: 34.5%;
}
.doctors-section__item__card__photo img {
bottom: 0 !important;
right: 0;
width: 90% !important;
}
.doctors-section__item__card__photo {
right: 0 !important;
max-width:200px;
}
.doctors-section__item__card__info {
max-width:61% !important;
}
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
display: none
}
@media (max-width: 1050px) {
.site-wrap {
padding-top: 90px;
}
.title h1 {
font-size: 28px;
}
.breadcrumbs {
padding: 20px 0 10px;
}
}
.filter-specialists__item.item2051111,
.filter-specialists__item.item275 {
display: none;
}
.banner-wrap {
background: #EEF7FC;
}
.fancybox__backdrop {
background: #00000033 !important;
}
.filters-section__info__select__dropdown.open {
display: block;
}