.section-doctor{ padding-top: 20px}
.section-doctor-info{padding: 15px; max-width: 460px; margin: auto; background:  #f3f9f9; border-radius:15px;}
.section-doctor-image{}
.section-doctor-image-inner{ width: 100%; height: 0; padding-top: 133%; border-radius: 15px;object-fit: cover;box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.25);margin: 0 auto; overflow: hidden}
.section-doctor-image img{display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.doctor-info{padding: 25px 15px;}
.doctor-info-name{ font-size: 1.2rem; font-weight: 900; text-transform: uppercase; margin-bottom: 10px}
.doctor-info-name span{ text-transform: none; white-space: nowrap; font-weight: 600;}
.doctor-info-post{ font-weight: 300; margin-bottom: 10px}
.doctor-info-exp{ font-weight: 500}
.doctor-info-desc{    margin-top: 15px;  padding-top: 10px;  border-top: 1px solid #087781; }
.doctor-info-desc p:not(:last-child){ margin-bottom: 7px;}
.doctor-info-buttons{ padding: 20px; background:  #cde7e9; border-radius:15px;  }
.doctor-info-buttons p{ margin-bottom: 5px; text-align: center; font-weight: 500 }
.doctor-info-buttons .phone{  white-space: nowrap; font-weight: 900; font-size: 1.2rem}
.doctor-info-buttons .button{ margin-top: 15px}
.section-doctor-html{ padding: 15px; background:  #FAF5F2; border-radius:15px; margin: 20px 0}
.section-doctor-html h2:not(:first-child){ margin-top: 20px}
.section-doctor-html h2{ font-weight: 600; margin-bottom: 20px}
.section-doctor-html h3{ font-weight: 600; margin: 20px 0; font-size: 1.2em}
.section-doctor-html p{ margin-bottom: 10px}
.doctor-docs-item{ display: flex; margin-bottom: 10px;  }
.doctor-docs-item a{  color: #087781; line-height: 1.3}
.doctor-docs-item:before{ display: block; content: ""; width: 20px; height: 20px; background-repeat: no-repeat; background-image:url(/images/doc.svg ); background-position: center; background-size: contain; margin-right: 10px; flex-shrink: 0; flex-grow: 0 }

.doctor-info-pd{    background: url(/images/pd.png);background-repeat: no-repeat;background-position: 8px center;margin-top: 10px;width: 230px;padding: 10px;padding-left: 45px;border-radius: 3px;margin-top: 10px;background-color: #cde7e9;}

@media only screen and (min-width: 600px) {


}


@media only screen and (min-width: 768px) {

    .section-doctor-info{ display: flex; justify-content: space-between; max-width: none;  }
    .section-doctor-image{width: calc(40% - 15px);}
    .section-doctor-content{  width: calc(60% - 15px); }
    .doctor-info{ padding: 15px 0}
    .doctor-info-name{ font-size:1.6rem }


    }

@media only screen and (min-width: 1024px) {


     .section-doctor-info{ padding: 30px}
    .section-doctor-image{width: calc(30% - 15px);}
    .section-doctor-content{  width: calc(70% - 15px); align-self: flex-end }
    .section-doctor-html{ padding: 30px}

    .doctor-info-buttons{ margin-top: 20px; display: flex; justify-content: space-between; align-items: center}
    .doctor-info-buttons > div{ text-align: left; margin-right: 20px}
    .doctor-info-buttons p{ text-align: left; }
    .doctor-info-buttons .button{ min-width: 230px}

}