
.inner-banner_main { position: relative; width: 100%; overflow: hidden; max-width: 1742px; margin: 0 auto;}
.inner-banner_main .inner-banner_image { position: relative; width: 100%; display: flex;height: 560px; max-height: 100%; overflow: hidden; border-radius: 0 0 60px 60px; }
.inner-banner_main .inner-banner_image picture { position: relative; width: 100%; border-radius: 0 0 60px 60px; }
.inner-banner_main .inner-banner_image picture img { width: 100%; height: 100%; object-fit: cover; border-radius: 0 0 60px 60px; }
.inner-banner_main .inner-banner_caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; }
.inner-banner_main .inner-banner_caption::after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background-image: linear-gradient(to bottom, rgba(62, 72, 39, 0), #3e4827 71%); content: ''; opacity: 0.73; border-radius: 0 0 60px 60px; }
.inner-banner_main .inner-banner_text { position: relative; max-width: 60%; padding-bottom: 40px; text-align: center; }
.inner-banner_main .inner-banner_text h1 { color: var(--white); margin-top: 27px;}
.inner-banner_main .inner-banner_text h3 { color: var(--white); text-transform: uppercase; }
.inner-banner_main .inner-logo_shape { position: absolute; right: -68px; bottom: -23px; z-index: 4; width: 482px; height: 474px; background: url('../images/logo-shape.svg') no-repeat center center; background-size: contain; pointer-events: none; opacity: 0.21; }
.inner-banner_main .inner-banner_text i {display: inline-flex; min-width: 60px; width: 60px;}
.inner-banner_main .inner-banner_text i img {width: 100%; height: auto;} 
.inner-banner-grp {display: flex; align-items: center; justify-content: space-between; padding: 0 50px; width: 100%; gap: 10px;}
.inner-banner-grp .btnbox {display: flex;}
.inner-banner-grp .btnbox a {display: flex; align-items: center; justify-content: center; font-size: 14px; color: #FFF; font-weight: 700; padding: 0 30px; line-height: 1.57; border: 2px solid #FFF; border-radius: 16px; height: 35px; transition: all ease-in-out 0.3s;}
.inner-banner-grp .btnbox a:hover {transform: scale(1.1);}

.kinder-page .inner-banner_main .inner-banner_caption::after { background: linear-gradient(to bottom, rgba(221,234,200,0) 0%,rgba(221,234,200,1) 100%); opacity: 0.95; }
.kinder-page .inner-banner-grp { padding-bottom: 42px; align-items: flex-end; }
.kinder-page .inner-banner_main .inner-banner_text { padding-bottom: 88px; }
.kinder-page .inner-banner_main .inner-banner_text h1 { color: #6D7C41; }
.kinder-page .inner-banner-grp .btnbox a { color: #6D7C41; border-color: #6D7C41; }

@media (min-width: 1701px) and (max-width: 1799px) {
    .inner-banner_main {max-width: 1670px;}
}

@media (min-width: 1600px) and (max-width: 1700px) {
    .inner-banner_main {max-width: 1570px;}
}

@media (min-width: 1400px) and (max-width: 1599px) {
    .inner-banner_main .inner-banner_image { min-height: 560px; height: 100%; }
    .inner-banner_main .inner-banner_text h1 {font-size: 50px;}
    .inner-banner_main .inner-banner_text {padding-bottom: 90px;}
    .inner-banner_main {max-width: 1330px;}
}

    
@media (min-width: 1200px) and (max-width: 1399px) {
    .inner-banner_main .inner-banner_image { min-height: 560px; height: 100%; }
    .inner-banner_main .inner-banner_text h1 {font-size: 40px;} 
    .inner-banner_main .inner-banner_text {padding-bottom: 90px;}
    .inner-banner_main {max-width: 1200px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .inner-banner-grp {padding: 0;}
    .inner-banner_main .inner-banner_text h1 {font-size: 35px;}
    .inner-banner-grp .btnbox a {padding:  0 20px;}
    .inner-banner_caption .container {width: 100%; padding:  0 50px;}
    .inner-banner_main .inner-logo_shape {width: 193px; right: -28px; bottom: -160px;}
    .inner-banner_main .inner-banner_text {padding-bottom: 90px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .inner-banner-grp {padding: 0;}
    .inner-banner_main .inner-banner_text h1 {font-size: 30px;}
    .inner-banner-grp .btnbox a {padding:  0 20px;}
     .inner-banner_main .inner-logo_shape {width: 193px; right: -28px; bottom: -160px;}
     .inner-banner_main .inner-banner_text {padding-bottom: 90px;}
}

@media (max-width: 991px) {

    .inner-banner_main .inner-banner_image,
    .inner-banner_main .inner-banner_image picture,
    .inner-banner_main .inner-banner_caption::after,
    .inner-banner_main .inner-banner_image picture img { border-radius: 0 0 30px 30px; }
    .kinder-page .inner-banner-grp { padding-bottom: 0; }
    .kinder-page .inner-banner_main .inner-banner_text { max-width: 100%;width: 100%; padding-bottom: 95px; }
    .inner-banner-grp .btnbox { display: none; }

}

@media (max-width: 767px) {
    .inner-banner-grp .btnbox {display: none;}
    .inner-banner-grp {padding: 0; justify-content: center;}
    .inner-banner_main .inner-banner_text h1 {font-size: 25px; margin-top: 25px;}
    .inner-banner_main .inner-banner_text {padding-bottom: 90px;}
    .inner-banner_main .inner-logo_shape {width: 193px; right: -28px; bottom: -160px;}
    
}