/*Environmental Sustainability starts*/
.wrapper.w3-col.chk-environmental-sustainability-banner {
    max-height: 808px;
    height: 650px;
}

.chk-environmental-sustainability-banner-img-wrapper {
    height: 100%;
}

.chk-environmental-sustainability-banner-img {
    height: 600px;
    background-size: cover;
}

.chk-environmental-sustainability-banner-text-wrapper {
    padding-left: 30px;
}

.chk-environmental-sustainability-banner-text-title.chk-header-h2 {
    padding-top: 50px;
}

.chk-environmental-sustainability-banner-text-btn-wrapper {
    padding-top: 30px;
}

    .chk-environmental-sustainability-banner-text-btn-wrapper button {
        /*width: 25% !important;*/
        cursor: pointer;
        background: #00AEEF !important;
        font-family: Sarabun-Bold;
        font-size: 20px;
        height: 50px !important;
        color: white;
        border-radius: 7px;
    }


/*Environmental Sustainability ends*/


@media (min-width:601px) and (max-width:1000px) {
    .chk-environmental-sustainability-banner-img {
        height: 1120px !important;
    }

    .wrapper.w3-col.chk-environmental-sustainability-banner {
        max-height: unset !important;
        height: 1120px !important;
    }

    .chk-environmental-sustainability-banner-text-btn-wrapper button {
        width: 50% !important;
    }

    [type="button"] {
        width: 50% !important;
    }
}

@media (min-width:601px) and (max-width:900px) {
    .chk-environmental-sustainability-banner-img {
        height: 1400px !important;
    }

    .wrapper.w3-col.chk-environmental-sustainability-banner {
        max-height: unset !important;
        height: 1400px !important;
    }

    .chk-environmental-sustainability-banner-text-btn-wrapper button {
        width: 50% !important;
    }

    [type="button"] {
        width: 50% !important;
    }
}

@media (max-width:600px)
{
    .chk-environmental-sustainability-banner-text-btn-wrapper button {
        width: 100% !important;
    }
}