.promo-childs .banner-title{ padding: 30px 20px 0 20px; }
.promo-childs .banner-title h1{text-align: center; padding: 0;max-width: none; margin-bottom: 15px}
.promo-childs .banner-title p{text-align: center; margin-bottom: 15px}
.promo-childs .banner-image-mobile{ position: relative; transform: unset; width: 70%}

.promo-childs .banner-form   > * {max-width: 280px; margin: auto}
.promo-childs .banner-form  p { margin-bottom: 20px}

.promo-childs .promo-cards .section-title{ padding: 30px 0; margin-top: 10px;}
.promo-childs .cards-list .cards-item {background:#ecf5f5; display: block; margin-bottom: 30px }
.promo-childs .cards-list .card-image {line-height: 0}
.promo-childs .cards-list .card-image img{height: 180px;}

.promo-childs .promo-doctor-section .section-title{ padding: 40px 20px 20px 20px;}
.promo-childs .doctor-blocks{ padding-bottom: 10px}

.promo-childs-contact{ background: #459AA2; border-radius: 15px; color: #fff; margin: 15px 0; overflow: hidden; margin-bottom: 30px}
.childs-contact-text{ padding: 30px; text-align: center}
.childs-contact-text h2{color: #fff; text-transform: uppercase; font-size: 1.5em; font-weight: 600; text-align: center}
.childs-contact-form{ padding: 40px; text-align: center; background: #39949C}
.childs-contact-form .form_row.text input{ border: none; background: #d1e5e7; color: #054348; height: 50px; text-align: center; box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 25%)}
.childs-contact-form .form_row.text input::placeholder{ color: #054348; }
.childs-contact-form .form_row.submit{ margin-top: 10px}
.childs-contact-form .form_row.submit input{  background-color: #F36E21; max-width: unset; box-shadow: 0px 5px 10px 0 rgb(0 0 0 / 25%)}
.childs-contact-form .form-desc{ font-size: .8em; line-height: 1.4; font-weight: 100}
.childs-contact-form .form-desc a{ color: #fff}

.childs-usl1{ margin-bottom: 30px;}
.childs-usl2{ background: #ecf5f5;  }

@media only screen and (min-width: 768px) {
    .promo-childs .banner-title{ padding: 10px 0; margin-bottom: 0 }
    .promo-childs .banner-title h1{text-align: left; max-width: 320px}
    .promo-childs .banner-title p{text-align: left;}
    .promo-childs .promo-banner .banner-content {width:60%}

    .promo-childs .promo-banner .banner-image { object-fit: contain;   width: auto; right: -80px; }
    .promo-childs .promo-banner .banner-form {background: rgb(224 239 240 / 80%); max-width: 380px; padding: 30px}

    .promo-childs-contact{ display: flex;}
    .promo-childs-contact > div{ flex-basis: 50%; align-items: center}
    .promo-childs-contact .childs-contact-text{ text-align: left; display: flex; flex-direction: column; justify-content: center}
    .promo-childs-contact .childs-contact-text h2{ text-align: left; margin-bottom: 20px;}
    .promo-childs-contact .form{ max-width: 380px; margin: auto}
}
@media only screen and (min-width: 1024px) {

    .promo-childs .promo-cards .section-title{ padding: 40px 0}

    .promo-childs .promo-banner .banner-image { right: 0; }
    .promo-childs .promo-banner .banner-content{ width: 50%; padding-left:40px; }
    .promo-childs .banner-title h1 {font-size: 3.5em; }
    .promo-childs .banner-title p {font-size: 1.2em;line-height: 1.4;}

    .promo-text.childs-about{padding-left: calc(50% + 20px); padding-right: 20px}
    .promo-text.childs-about .promo-text-media{ right: auto; left: 0}

    .promo-childs .cards-list .cards-item {  display: flex }
    .promo-childs .cards-list .card-image img{ height: 100%}

    .promo-text.childs-usl2{padding-left: calc(50% + 20px); padding-right: 20px}
    .promo-text.childs-usl2 .promo-text-media{ right: auto; left: 0}


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

    .promo-childs .banner-title h1 {font-size: 4em; }

    .promo-childs .promo-banner .banner-content{ padding-left:60px; }
}