@media only screen and (min-width: 3072px) {
section.doctor {background-position: top; background-size: 100%; min-height: 1100px;}
}

@media only screen and (max-width: 1360px) {
section.doctor {background-position: top; background-size: 150%;}
}

@media only screen and (max-width: 1280px) {
.service-card {aspect-ratio: 1.5 / 1;}
.content {padding: 0 2rem;}
.media {padding: 0 2rem;}
.addresses {padding: 0 2rem;}
}

@media only screen and (max-width: 1080px) {
section.doctor {min-height: 600px;}
.presentation h1 {font-size: 2.5rem;}
.presentation h3 {font-size: 1.6rem;}
.presentation p {font-size: 1rem;}
.buttons a {font-size: 0.875rem;}
section.home-info .body {flex-direction: column; gap: 50px;}
section.home-info {padding: 2rem 3rem;}
.treatment h1 {font-size: 2.5rem; text-align: center;}
.treatment h3 {font-size: 1.6rem; text-align: center;}
section.areas-expertise .body h1{font-size: 2.5rem;}
h2 {font-size: 1.6rem;}
.service-card {aspect-ratio: 1.3 / 1;}
.treatment-view.show {text-align: center;}
.treatment-view img {width: 50%;}
.inner-title h1 {font-size: 2.5rem;}
}

@media only screen and (max-width: 1024px) {
.reg-form {padding: 0 2rem;}
}

@media only screen and (max-width: 960px) {
.services {grid-template-columns: repeat(2, 1fr);}
.service-card {aspect-ratio: 1.7 / 1;}
.social-logo::before {width: 35%;}
.social-logo::after {width: 35%;}
.content ul {margin: 0 0 0 1rem;}
}

@media only screen and (max-width: 800px) {
 section.doctor {min-height: 460px; background-position: inherit; background-size: 180%;}
.presentation {position: static; box-sizing: border-box; padding: 3rem 1rem; font-size: 1.25rem; text-align: center; margin: 29.3rem 0 0; background:#ffffff; width: 100vw; margin-left: calc(50% - 50vw);}
.buttons a{background: #876553; color: #ffffff;}
.treatment-view img {width: 65%;}
.service-card {aspect-ratio: 1.3 / 1;}
.footer-contacts {flex-direction: column; justify-content: center; align-items: center; gap: 50px;}
.content-contacts {padding: 0 2rem;}
}

@media only screen and (max-width: 640px) {
section.doctor{background-image: url("../img/bgr-mobile.jpg");}
section.doctor {min-height: 460px; background-position: top; background-size: 100%;}
.presentation h1 {font-size: 2.1rem;}
.presentation h3 {font-size: 1.5rem;}
.presentation p {font-size: 1rem;}
.treatment h1 {font-size: 2.1rem; text-align: center;}
.treatment h3 {font-size: 1.5rem; text-align: center;}
section.areas-expertise .body h1{font-size: 2.1rem;}
h2 {font-size: 1.3rem; padding: 0;}
.treatment-view img {width: 100%;}
.services {grid-template-columns: repeat(1, 1fr); padding-inline:1rem; }
.service-card {aspect-ratio: 2.5 / 1;}
.social-logo::before {width: 30%;}
.social-logo::after {width: 30%;}
.presentation {margin: 28rem 0 0; margin-left: calc(50% - 50vw);}
.inner-title h1 {font-size: 2.1rem;}
.content img {max-width: 100%; margin: 0;}
.content ul {margin: 0;}
.addresses {flex-direction: column;}
}

@media only screen and (max-width: 600px) {
.row-select span {flex: 1;}
}

@media only screen and (max-width: 568px) {
.presentation {margin: 26rem 0 0; margin-left: calc(50% - 50vw);}
}

@media only screen and (max-width: 480px) {
.logo img {max-width: 300px;}
section.doctor {min-height: 460px; background-position: top; background-size: 120%;}
.buttons {flex-direction: column;}
.services {padding: 0;}
.social-logo::before {width: 25%;}
.social-logo::after {width: 25%;}
section.inner .body {padding: 0 2rem;}
.content {padding: 0;}
.media {padding: 0;}
.media-item{font-size: 1rem;}
.media-item span.material-symbols-outlined{vertical-align:middle;}
.media-item:nth-child(2n) span.material-symbols-outlined{vertical-align:middle;}
.addresses {padding: 0;}
.content-contacts {padding: 0;}
.reg-form {padding: 0;}
.row-select {flex-direction: column; align-items: flex-start; gap: 10px;}
}

@media only screen and (max-width: 441px) {
.presentation {margin: 25rem 0 0; margin-left: calc(50% - 50vw);}    
.presentation h1 {font-size: 1.8rem;}
.presentation h3 {font-size: 1.3rem;}
.presentation p {font-size: 1rem;}
.treatment h1 {font-size: 1.8rem; text-align: center;}
.treatment h3 {font-size: 1.3rem; text-align: center;}
section.areas-expertise .body h1{font-size: 1.8rem;}
h2 {font-size: 1.3rem;}
.social-logo::before {width: 20%;}
.social-logo::after {width: 20%;}
.inner-title h1 {font-size: 1.8rem;}
}

@media only screen and (max-width: 384px) {
section.doctor {min-height: 460px; background-position: top; background-size: 160%;}
.presentation {margin: 29rem 0 0; margin-left: calc(50% - 50vw);}
}

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

.social-logo::before {width: 15%;}
.social-logo::after {width: 15%;}
}

@media only screen and (max-width: 360px) {
.presentation {margin: 28rem 0 0; margin-left: calc(50% - 50vw);}
}