.fifty-fifty-image-text p {
    font-size: 16px!important;
}
.section-responsibility h2, .section-responsabilité h2,.section-responsabilidad h2 {
    font-size: 30px!important;
}
.section-durability h2, .section-durabilidad h2, .section-durabilité h2  {
    font-size: 30px!important;

}
.section-operational-processes h2,.section-processus-opérationnels h2, .section-procesos-operativos h2 {
    font-size: 30px!important;

}
.section-health-and-safety h2,.section-santé-et-sécurité h2, .section-salud-y-seguridad h2 {
    font-size: 30px!important;

}
.section-wellness h2 {
    font-size: 30px!important;

}
.section-community h2,.section-communauté h2, .section-comunidad h2 {
    font-size: 30px!important;
}
.fifty-fifty-image-text p {
    margin-top: unset;
}
.button {
    padding: 5px 20px!important;
}    
#row_id-innovation h2 {
    display:none;
}
#row_id-recyclable h2 {
    display:none;
}
#row_id-recycled h2 {
    display:none;
}
@media only screen and (max-width: 991px) {
    #row_id-recyclable .fifty-fifty-image-text__left {
        background: none!important;
    }
    #row_id-recycled .fifty-fifty-image-text__left {
        background: none!important;
    }           
    #row_id-durability .fifty-fifty-image-text__right,
    #row_id-durabilidad .fifty-fifty-image-text__right,
    #row_id-durabilité .fifty-fifty-image-text__right,
    #row_id-innovation .fifty-fifty-image-text__left,
    #row_id-title .fifty-fifty-image-text__left,
    #row_id-title .fifty-fifty-image-text__right,
    #row_id-health-and-safety .fifty-fifty-image-text__left,
    #row_id-salud-y-seguridad .fifty-fifty-image-text__left,
    #row_id-santé-et-sécurité .fifty-fifty-image-text__left,
    #row_id-wellness .fifty-fifty-image-text__left {
        background: var(--behr-beige);  
    }

}
/* .section-practices {
    padding-bottom: 0rem!important;
    padding-top: 0rem!important;
    margin-bottom: 1.5rem;  
    margin-top: 1.5rem;
}
.section-practices.py-4{
    padding-bottom: 0rem;
    padding-top: 0rem !important;
}
.section-practices .container.py-4 {
    padding-bottom: 5rem!important;
    padding-top: 5rem!important;
} */
/* .section-people .container.py-4 {
    margin-top: 1.5rem;
    padding-bottom: 0rem!important;
    padding-top: 0rem!important;
    margin-bottom: 1.5rem;  
} */
/* .section-people.py-4{
    padding-bottom: 5rem;
    padding-top: 5rem;
}     */
@media (min-width:992px) {
    .prod-card {
        padding-left: 4em;
        padding-right: 3em; 
    }
}
/* .section-practices,.section-people {
    background: #F4F1ED;
    padding-bottom: 0rem!important;
    padding-top: 0rem!important;
} */
.sustainability_title {
    font-size: 122px;
    line-height: 102px;
    color: #212529;
    font-family: var(--behr-heading-font);
    text-transform: uppercase;
    font-weight: var(--behr-atf-500);
    margin-top: 35px;
}
.transforming-text {
    font-style: italic;
}
.prod-card__img img {
    width: unset !important;
    padding-bottom: 6%;
    margin: auto;
}
b.text-bold {
    text-transform: lowercase;
    font-size: unset !important;
    font-family: var(--behr-body-and-label-font--bold);
    font-weight: var(--behr-bold);
}
.rte__wrapper {
    width: 95%;
    margin: auto;
}
.prod-card__cta .button {
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
} 
p.sustainability_Subtitle {
    font-size: 18px;
    line-height: 24px;
}
.threeColLayout h3 {
    margin: auto;
}

.prod-card article p {
    margin: auto;
    text-align: center;
} 
.content_mobile-title,.content_mobile-health,.content_mobile-wellness,.content_mobile-durability,.content_mobile-durabilité, .content_mobile-durabilidad {
    background: #F4F1ED;
}
@media only screen and (min-width: 991px) {
    .image-text-left-title,.image-text-left-wellness,.image-text-left-health-and-safety,.image-text-left-santé-et-sécurité,.image-text-left-salud-y-seguridad  {
        padding-right: 0px;
    }
    .image-text-right-title,.image-text-right-durability,.image-text-right-durabilité {
        padding-left: 0px;
    }
    .content_desktop-innovation,.content_desktop-health-and-safety,.content_desktop-salud-y-seguridad,.content_desktop-santé-et-sécurité, .content_desktop-operational,.content_desktop-title,.content_desktop-responsibility,.content_desktop-responsabilité, .content_desktop-responsabilidad, .content_desktop-durability,.content_desktop-durabilité, .content_desktop-durabilidad,.content_desktop-health,.content_desktop-wellness,.content_desktop-community,.content_desktop-communauté, .content_desktop-comunidad, .content_desktop-operational-processes,.content_desktop-processus-opérationnels, .content_desktop-procesos-operativos {
        padding-left: 50px;
    }
}
@media only screen and (max-width: 991px) {
    /*.image-section-2 .container {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }*/   
    .sustainability_title {
        font-size: 64px;
        line-height: 64px;
    }
    .image-section-2,.image-text-left-innovation,.image-text-left-title,.image-text-left-wellness,.image-text-left-Health {
        padding: 0px;
    }
    .image-text-left-health-and-safety, .image-text-left-salud-y-seguridad,.image-text-left-santé-et-sécurité,.image-text-right-title,.image-text-right-durability,.image-text-right-durabilité,.image-text-right-durabilidad,.image-text-right-people,.image-text-right-gente,.image-text-right-practices,.image-text-right-prácticas,.image-text-left-health {
        padding: 0px;
    }
}
@media (max-width:400px) {
    .sustainability_title {
        font-size: 62px;
        line-height: 62px;
    }
}
.section-recycled .image-text-left-recycled .desktop_image {
    padding-left: 20px;
}

.p-small-legal {
    line-height: 12px !important;
}
.content_desktop-practices .py-3, .content_desktop-prácticas .py-3,.content_desktop-health-and-safety .py-3, .content_desktop-salud-y-seguridad .py-3,.content_desktop-santé-et-sécurité .py-3,
.content_desktop-wellness .py-3,.content_desktop-durability .py-3, 
.content_desktop-durabilité .py-3,
.content_desktop-durabilidad .py-3,
.content_desktop-health-and-safety .py-3, .content_desktop-wellness .py-3,
.content_desktop-salud-y-seguridad .py-3 {
    padding-right: 2rem;
}
.section-recycled .image-text-left-recycled .desktop_image {
    padding-left: 20px;
}
@media (min-width:992px) {
    .fifty-fifty-image-text .image-text-left-recyclable .desktop_image {
        margin-left: -20px;
    }
    #row_id-community .image-text-right-community,
    #row_id-comunidad .image-text-right-comunidad,
    #row_id-communauté .image-text-right-communauté,
    #row_id-responsibility .fifty-fifty-image-text__right,
    #row_id-responsabilité .fifty-fifty-image-text__right,
    #row_id-responsabilidad .fifty-fifty-image-text__right
    {
        justify-content: start !important;
        padding-left: 3rem !important;
    }
    /* #row_id-products .image-text-right-products {
        margin-top: 5%;
    } */
    .content_desktop-operational-processes .py-3, .content_desktop-recyclable .py-3,
    .content_desktop-processus-opérationnels .py-3,
    .content_desktop-procesos-operativos .py-3,
    #row_id-community .content_desktop-community .py-3,
    #row_id-comunidad .content_desktop-comunidad .py-3,
    #row_id-communauté .content_desktop-communauté .py-3,
    .content_desktop-recycled .py-3 {
        padding-right: 6rem !important;
    }
    .section-operational-processes .py-4, .section-processus-opérationnels .py-4, .section-procesos-operativos .py-4  {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
    #row_id-operational-processes h2.pt-3.pb-1,
    #row_id-procesos-operativos h2.pt-3.pb-1,
    #row_id-processus-opérationnels h2.pt-3.pb-1,
    #row_id-community .content_desktop-community h2.pt-3.pb-1,
    #row_id-comunidad .content_desktop-comunidad h2.pt-3.pb-1,
    #row_id-communauté .content_desktop-communauté h2.pt-3.pb-1 {
        padding-bottom: 0.5rem !important;
    }
    #row_id-recyclable .content_desktop-recyclable .py-3 {
        margin-top: -5%;
    }
    .content_desktop-recycled .py-3 {
        padding-left: 2rem !important;
    }
    #row_id-community .image-text-right-community .desktop_image,
    #row_id-comunidad .image-text-right-comunidad .desktop_image,
    #row_id-communauté .image-text-right-communauté .desktop_image {
        margin-top: 5%;
    }
}
@media (max-width: 400px) {
    .threeColLayout .button.black-secondary {
        width: max-content;
    }
}
@media (max-width:350px) {
    .prod-card {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }
}
@media (max-width:991px) {
    #row_id-responsibility .content_mobile-responsibility .fifty-fifty-image-text__logo-text-content,
    #row_id-responsabilidad .content_mobile-responsabilidad .fifty-fifty-image-text__logo-text-content,
    #row_id-responsabilité .content_mobile-responsabilité .fifty-fifty-image-text__logo-text-content,
    #row_id-title .content_mobile-title .fifty-fifty-image-text__logo-text-content,
    #row_id-operational-processes .content_mobile-operational-processes .fifty-fifty-image-text__logo-text-content,
    #row_id-procesos-operativos .content_mobile-procesos-operativos .fifty-fifty-image-text__logo-text-content,
    #row_id-procesos-operativos .content_mobile-procesos-operativos .fifty-fifty-image-text__logo-text-content,
    #row_id-processus-opérationnels .content_mobile-processus-opérationnels .fifty-fifty-image-text__logo-text-content,
    #row_id-recycled .content_mobile-recycled .fifty-fifty-image-text__logo-text-content  {
        padding-top: 0 !important;
    }
    #row_id-health-and-safety .content_mobile-health-and-safety .fifty-fifty-image-text__logo-text-content,
    #row_id-salud-y-seguridad  .content_mobile-salud-y-seguridad .fifty-fifty-image-text__logo-text-content,
    #row_id--santé-et-sécurité .content_mobile--santé-et-sécurité .fifty-fifty-image-text__logo-text-content,
    #row_id-wellness .content_mobile-wellness .fifty-fifty-image-text__logo-text-content {
        padding-top: 1rem !important;
    }
    .section-health-and-safety .fifty-fifty-image-text__logo-text-content,
    .section-salud-y-seguridad .fifty-fifty-image-text__logo-text-content,
    .section-santé-et-sécurité .fifty-fifty-image-text__logo-text-content {
        padding-top: 2rem !important;
    }
    #row_id-title .image-text-left-title {
        padding-bottom: 2rem !important;
    }
    #row_id-innovation .content_mobile-innovation .fifty-fifty-image-text__logo-text-content,
    #row_id-durability .content_mobile-durability .fifty-fifty-image-text__logo-text-content,
    #row_id-durabilidad .content_mobile-durabilidad .fifty-fifty-image-text__logo-text-content,
    #row_id-durabilité .content_mobile-durabilité .fifty-fifty-image-text__logo-text-content {
        padding-top: 1.5rem !important;
    }
    b.text-bold {
        text-transform: lowercase;
        font-size: 16px !important;
    }
    .prod-card__img {
        margin-bottom: 0px !important;
    }
    .prod-card {
        padding-left: 3em;
        padding-right: 3em;
    }
}
.fifty-fifty-image-text p {
    margin-top: 10px !important;
}
.ultra-bold-size {
    font-size: 14px !important;
}
@media (min-width:768px) and (max-width:882px) {
    .threeColLayout a.button.black-secondary{
        font-size: 12px;
    }
}
#row_id-responsibility .content_desktop-responsibility .button,
#row_id-responsabilidad .content_desktop-responsabilidad .button,
#row_id-responsabilité .content_desktop-responsabilité .button,
#row_id-title .content_desktop-title .button {
    padding: 5px 40px !important;
}
.animate-parent:before {
    content: "";
    display: block;
    padding-top: 24%;
}
.animate-parent {
    position: relative;
    width: 100%;
    margin: 0% auto 0 auto;
}
@keyframes playY {
    from {
        background-position: 0 0%;
    }
    to {
        background-position: 0 100%;
    }
}
.sustainability_animate-steps {
    position: absolute;
    left: 0;
    right: -71px;
    top: 0;
    bottom: 0;
    background: url(/binaries/content/assets/behrbrxm/web/sustainability/wavessequencebehr.jpg) no-repeat 0 0%;
    background-size: 100%;
    animation: playY 9s steps(108) infinite;
    width: 600px;
    height: 300px;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sustainability_animate-steps_mobile {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(/binaries/content/assets/behrbrxm/web/sustainability/wavessequencebehr.jpg) no-repeat 0 0%;
    background-size: 100%;
    animation: playY 9s steps(108) infinite;
    width: 346.05px;
    height: 175.62px;
    margin: auto;
} 
.sustainability-bear-buttons-section {
    position: absolute;
    /* top: 0; */
    top: 32%;
    /* bottom: -30%; */
    border-radius: 50%;
    right: -1%;
    left: 0;
    margin: auto;
    width: 70px;
    /* height: 70px; */
}
.section-community, .section-comunidad, .section-communauté {
    padding-bottom: 49px !important;
    padding-top: 44px !important;
}
@media only screen and (max-width: 590px) {
    .animate-parent:before {
        content: "";
        display: block;
        padding-top: 30%;
    }
}
@media only screen and (max-width: 450px) {
    .animate-parent:before {
        content: "";
        display: block;
        padding-top: 39%;
    }
}
/*Adjust Padding*/
/*
.fifty-fifty-image-text,
.threeColLayout .three-col-wrapper.container.threeCol-children-eh,
.image-section-one
{
    padding-top: 70px !important;
    padding-bottom: 0px !important;
}
*/
.fifty-fifty-image-text .container.py-4,
.image-section-2 .container.py-4 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.image-text.py-4,
.section-community, 
.image-text.py-4,
.section-comunidad,
.image-text.py-4,
.section-communauté {
    padding-top: 60px !important;
    padding-bottom: 0px !important;
}
.image-section-2 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
/* .section-products {
    margin-top: 70px !important;
    margin-bottom: 0px !important;
    background: #F4F1ED;
    padding-top: 0px ;
} */
.section-practices.py-4,
.section-prácticas.py-4,
.footer-subscription-form {
    margin-top: 70px !important;
    margin-bottom: 0px !important;
}
@media (min-width:992px) and (max-width:1060px) {
    .col-12.col-lg-6.d-none.d-lg-flex.align-items-center.content_desktop-title img {
        width: 20%;
    }
    .col-lg-12.col-7.pt-lg-3.pt-0.transforming-text p.pt-3 {
        margin-top: -10px !important;
    }
    #row_id-wellness .py-3 {
        padding-top: 0!important;
    }
    #row_id-wellness .py-3 div.pt-3 {
        padding-top: .25rem!important;
    }
    .col-12.col-lg-6.d-none.d-lg-flex.align-items-center.content_desktop-title .py-3 {
        padding-top: 0.25rem!important;
        padding-bottom: 0.25rem!important;
    }
    .pt-2.pb-4.p-small-legal {
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .p-small-legal ~ .button.black-primary {
        margin-top: 5px !important;
    }
}
/* Adjust Padding and Spacing for components */
/* @media (min-width:992px) and (max-width:1330px) {
    #row_id-title .image-text-left-title .desktop_image {
        height: 375px;
    }
} */
#row_id-products h2, #row_id-people h2, #row_id-gente h2, #row_id-practices h2, #row_id-prácticas h2 {
    /*font-size: 122px !important;*/
    font-family: var(--behr-heading-font);
    font-weight: var(--behr-atf-500);
    /*line-height: 122px;*/
    color: #212529;
}
@media (max-width:767px) {
    .calculator-coverage, .sustainability_Subtitle {
        padding: 0px 15px;
    }
    .image-padding {
        padding: 0;
    }
}
#section-title .py-3 {
    font-family: var(--behr-body-and-label-font);
    font-weight: var(--behr-normal);
    font-size: 16px;
}
@media (max-width:376px) {
    .sustainability_animate-steps_mobile {
        width: 290px;
        height: 145px;
    }
}
@media (min-width:992px) and (max-width:1024px) {
    .transforming-text p.pt-3 {
        margin-top: -1rem !important;
    }
    .fifty-fifty-image-text .transforming-text {
        padding-top: 0.5rem!important;
    }
}
@media (min-width:1025px) and (max-width:1330px) {
    .transforming-text p.pt-3 {
        margin-top: -0.5rem !important;
    }
}
@media (min-width:1025px) and (max-width:1330px) {
    .fifty-fifty-image-text .transforming-text {
        padding-top: 0.4rem!important;
    }
}

div.logo-img-content img {
	width: 50px;
}

.logo-title h2 {
    font-size: 72px !important;
    line-height: 72px !important;
    padding-left: 18px !important;
}

section#section-products h2.pt-3.pb-1,
section#section-productos h2.pt-3.pb-1,
section#section-prácticas h2.pt-3.pb-1,
section#section-people h2.pt-3.pb-1,
section#section-practices h2.pt-3.pb-1,
section#section-gente h2.pt-3.pb-1 {
    display: none;
}

section#section-productos,
section#section-prácticas,
section#section-practices,
section#section-people,
section#section-gente  {
    margin: 60px 0 !important;
}
section#section-productos,
section#section-prácticas,
section#section-gente  {
    background: var(--behr-beige);
}
section#section-products {
        padding-top: 60px !important;
        background: #F4F1ED;
    }

section#section-products, section#section-practices, section#section-people {
    background: #F4F1ED !important;
}

@media (min-width: 1200px) {
	
    section#section-productos,
	section#section-practices,
    section#section-prácticas,
	section#section-people 
    section#section-gente{
	    padding: 60px 0 !important;
	}
    section#section-products {
        padding-top: 60px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
	section#section-products,
    section#section-productos,
	section#section-practices,
    section#section-prácticas,
	section#section-people
    section#section-gente {
	    padding: 120px 0 !important;
	}
}


@media (max-width: 991px) {
	.logo-title h2 {
		font-size: 62px !important;
		line-height: 62px !important;
		padding-left: 22px !important;
	}
}
@media (min-width:1800px){
    #section-products .logo-title img,
    #section-productos .logo-title img,
    #section-practices .logo-title img,#section-prácticas .logo-title img,
    #section-people .logo-title img,#section-gente .logo-title img {
        margin-bottom: 1%;
    }
}
@media (min-width:1200px) and (max-width:1799px) {
    #section-products .logo-title img,
    #section-productos .logo-title img,
    #section-practices .logo-title img,#section-prácticas .logo-title img,
    #section-people .logo-title img,#section-gente .logo-title img {
        margin-bottom: 3%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    #section-products .logo-title img,
    #section-productos .logo-title img,
    #section-practices .logo-title img,#section-prácticas .logo-title img,
    #section-people .logo-title img,#section-gente .logo-title img {
        margin-bottom: 3.3%;
    }
}
@media (min-width:415px) and (max-width:991px) {
    #section-products .logo-title img,
    #section-productos .logo-title img,
    #section-practices .logo-title img,#section-prácticas .logo-title img,
    #section-people .logo-title img,#section-gente .logo-title img {
        margin-bottom: 2.2%;
    }
}
@media (max-width:414px) {
    #section-products .logo-title img,
    #section-productos .logo-title img,
    #section-practices .logo-title img,#section-prácticas .logo-title img,
    #section-people .logo-title img,#section-gente .logo-title img {
        margin-bottom: 6%;
    }
}
.sustain-dark-font {
    font-family: var(--behr-body-and-label-font--bold);
    font-weight: var(--behr-bold);
    color: #212529;
}
/*DFCT0026036: Padding needs to be adjusted for the video  */
@media (max-width:575px) {
    .fifty-fifty-image-text__content.container.fifty-fifty--margin-default {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .fifty-fifty-image-text__content.container.fifty-fifty--margin-default .fifty-fifty-image-text__left-content {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}
@media (min-width:576px) and (max-width:767px) {
    .fifty-fifty-image-text__content.container.fifty-fifty--margin-default {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .fifty-fifty-image-text__content.container.fifty-fifty--margin-default {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }
}
/* Document Css */
#row_id-title .fifty-fifty-image-text__left.image-text-left-title {
    padding-right: unset !important;
}
img, picture {
     max-width: 100% !important; 
}
.three-col-wrapper {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
@media (max-width:575px) {
    .fifty-fifty-image-text__content.container.fifty-fifty--margin-default {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .fifty-fifty-image-text__content.container.fifty-fifty--margin-default .fifty-fifty-image-text__left-content {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}
@media (max-width: 767px) {
	.container {
		padding: 0px 18px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        padding: 0 29px !important;
    }
}
@media (max-width:1330px) {
    .fifty-fifty--margin-default {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}
.calculator-coverage a, 
.sustain-dark-font a {
    font-size: 16px;
}
/* DFCT0026500 */
@media (min-width:768px) and (max-width:991px) {
    .column-layout--flex {
        display: flex;
    }
    .column-layout--flex__item.prod-card {
        width: 33.33%;
        justify-content: center;
        align-items: center;
    }
    .three-col-wrapper .column-layout--flex .prod-card:nth-child(-n+2) {
        margin-bottom: 68px !important;
    }
    .three-col-wrapper .column-layout--flex h3:nth-child(-n+2) {
        margin: 0px;
    }
}
/* DFCT0026667 */
@media (min-width:992px) and (max-width:1020px) {
    .fifty-fifty-image-text p {
        margin-top: 7px !important;
    }
}
/* Play/ Pause Button Fixes */
.sustainability-bear-buttons-section img:hover {
    cursor: pointer;
}
.sustainabilityTopSection #ext-flat-page {
    margin-top: 7%;
}
@media (min-width:1151px) and (max-width:1330px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 5%;
    }
    .sustainability-bear-buttons-section {
        top: 30%;
    }
}
@media (min-width:1100px) and (max-width:1150px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 7%;
    }
    .sustainability-bear-buttons-section {
        top: 31%;
    }
}
@media (min-width:992px) and (max-width:1099px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 10%;
    }
    .sustainability-bear-buttons-section {
        top: 34%;
    }
}
@media (min-width:870px) and (max-width:991px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 3%;
    }
    .sustainability-bear-buttons-section {
        top: 30%;
    }
}
@media (min-width:700px) and (max-width:869px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 6%;
    }
    .sustainability-bear-buttons-section {
        top: 32%;
    }
}
@media (min-width:650px) and (max-width:699px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 10%;
    }
    .sustainability-bear-buttons-section {
        top: 34%;
    }
}
@media (min-width:625px) and (max-width:649px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 9%;
    }
    .sustainability-bear-buttons-section {
        top: 34%;
    }
}
@media (min-width:591px) and (max-width:624px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 11%;
    }
    .sustainability-bear-buttons-section {
        top: 34%;
    }
}
@media (min-width:550px) and (max-width:590px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 9%;
    }
    .sustainability-bear-buttons-section {
        top: 33%;
    }
}
@media (min-width:450px) and (max-width:549px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 12%;
    }
    .sustainability-bear-buttons-section {
        top: 34%;
    }
}
@media (min-width:401px) and (max-width:449px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 14%;
    }
    .sustainability-bear-buttons-section {
        top: 34%;
    }
}
@media (max-width:400px) {
    .sustainabilityTopSection #ext-flat-page {
        margin-top: 17%;
    }
    .sustainability-bear-buttons-section {
        top: 37%;
    }
}

/* sustainabilityEcoProducts */

/* Ends Play/ Pause Button Fixes */

.sustainabilityEcoProducts {
    background: #F4F1ED;
    margin: 0px 0px 60px 0px !important;
}

.EcoProductTopSection {
    position: relative;
    background: #F4F1ED;
    margin: 60px 0 !important;
}

@media (max-width:1050px) {
    .sustainabilityEcoProducts {
        padding-bottom: 90px;
    }
}
@media (min-width:1000px) {
    /* .sustainabilityEcoProducts .eco {
       overflow-x: hidden; 
    }*/
}
@media (min-width:992px) {
    .content6 {
        max-width: 600px;
    }
}
.contentSpacing {
    margin-left: 35%;
}

.content2.contentSpacing {
    margin-top: 8%;
    margin-left: 40%;
}

.content3.contentSpacing {
    margin-top: 8%;
    margin-left: 40%;
}

.content4.contentSpacing {
    margin-top: 9%;
}

@media (min-width:992px) and (max-width:1023px) {
    .content2.contentSpacing {
        margin-top: 4%;
        margin-left: 44%;
    }
    .content3.contentSpacing {
        margin-top: 3%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 4%;
    }
    .content6 {
        margin-left: -20%;
    }
}

@media (min-width:1024px) and (max-width:1069px) {

    .content2.contentSpacing {
        margin-top: 4%;
        margin-left: 44%;
    }
    .content3.contentSpacing {
        margin-top: 4%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 4%;
    }
    .content6 {
        margin-left: -20%;
    }
}

@media (min-width:1070px) and (max-width:1106px) {

    .content2.contentSpacing {
        margin-top: 8%;
        margin-left: 44%;
    }
    .content3.contentSpacing {
        margin-top: 3%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 3%; 
    }
    .content6 {
        margin-left: -20%;
    }

}

@media (min-width:1107px) and (max-width:1120px) {

    .content2.contentSpacing {
        margin-top: 10%;
        margin-left: 44%;
    }
    .content3.contentSpacing {
        margin-top: 5%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 4%; 
    }
    .content6 {
        margin-left: -20%;
    }
}

@media (min-width:1121px) and (max-width:1147px) {

    .content2.contentSpacing {
        margin-top: 10%;
        margin-left: 44%;
    }

    .content3.contentSpacing {
        margin-top: 4%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 7%; 
    }
    .content6 {
        margin-left: -20%;
    }

}

@media (min-width:1148px) and (max-width:1165px) {
    .content2.contentSpacing {
        margin-top: 10%;
        margin-left: 44%;
    }
    .content3.contentSpacing {
        margin-top: 6%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 5%; 
    }
    .content6 {
        margin-left: -18%;
    }
}
@media (min-width:1166px) and (max-width:1190px) {
    .content2.contentSpacing {
        margin-top: 10%;
        margin-left: 44%;
    }

    .content3.contentSpacing {
        margin-top: 6%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 7%; 
    }
    .content6 {
        margin-left: -17%;
    }

}
@media (min-width:1191px) and (max-width:1200px) {

    .content2.contentSpacing {
        margin-top: 10%;
        margin-left: 44%;
    }
    .content3.contentSpacing {
        margin-top: 8%;
        margin-left: 44%;
    }
    .content4.contentSpacing {
        margin-top: 7%; 
    }
    .content6 {
        margin-left: -15%;
    }
}

@media (min-width:1201px) and (max-width:1330px) {
    .content2.contentSpacing {
        margin-top: 10%;
        margin-left: 44%;
    }

    .content3.contentSpacing {
        margin-top: 8%;
        margin-left: 44%;
    }

    .content4.contentSpacing {
        margin-top: 7%;
    }
    .content6 {
        margin-left: -12%;
    }
}

@media (min-width:1331px) {
    .content5 {
        padding-left: 11%;
        padding-top: 10%;
    }

    .sustainabilityEcoProducts {
        padding-bottom: 8%;
    }
    .content6 {
        margin-left: -12%;
    }
}

@media (min-width:1441px) {
    .xxlg-img {
        display: block !important;
    }
    .eco-img {
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .eco-img img {
        max-width: unset;
    }
    .main-wrapper {
        width: 50%;
        position: absolute;
        top: 18%;
        right: 17%;
    }
}
@media (min-width:992px) and (max-width:1440px) {
    .lg-img {
        display: block !important;
    }
    .sustainabilityEcoProducts .eco {
        padding-left: 0px !important;
    }
}

/* Main Wrapper Content */
@media (min-width:992px) and (max-width:1200px) {
    .main-wrapper {
        width: 60%;
        position: absolute;
        margin-left: 34%;
        top: 19%;
    }
}
@media (min-width:1201px) and (max-width:1300px) {
    .main-wrapper {
        width: 60%;
        position: absolute;
        margin-left: 33%;
        top: 20%;
    }
}
@media (min-width:1301px) and (max-width:1330px) {
    .main-wrapper {
        width: 60%;
        position: absolute;
        margin-left: 32%;
        top: 20%;
    }
}
@media (min-width:1331px) and (max-width:1379px) {
    .main-wrapper {
        width: 60%;
        position: absolute;
        margin-left: 32%;
        top: 20%;
    }
    .content2.contentSpacing {
        margin-top: 12%;
    }
    .content3.contentSpacing {
        margin-top: 6%;
    }
    .content4.contentSpacing {
        margin-top: 9%;
    }
}
@media (min-width:1380px) and (max-width:1400px) {
    .main-wrapper {
        width: 60%;
        position: absolute;
        margin-left: 30%;
        top: 20%;
    }
    .content2.contentSpacing {
        margin-top: 12%;
    }
    .content3.contentSpacing {
        margin-top: 5%; 
    }
    .content4.contentSpacing {
        margin-top: 9%;
    }
}
@media (min-width:1401px) and (max-width:1440px) {
    .main-wrapper {
        width: 60%;
        position: absolute;
        margin-left: 29%;
        top: 20%;
    }
    .content2.contentSpacing {
        margin-top: 12%;
    }
    .content3.contentSpacing {
        margin-top: 5%; 
    }
    .content4.contentSpacing {
        margin-top: 8%;
    }
}
@media (min-width:1441px) and (max-width:1516px) {
    .content2.contentSpacing {
        margin-top: 6%;
    }
    .content3.contentSpacing {
        margin-top: 3%; 
    }
    .content4.contentSpacing {
        margin-top: 2%;
    }
}
@media (min-width:1517px) and (max-width:1600px) {
    .content2.contentSpacing {
        margin-top: 7%;
    }
    .content3.contentSpacing {
        margin-top: 3%; 
    }
    .content4.contentSpacing {
        margin-top: 5%;
    }
}
@media (min-width:1601px) and (max-width:1750px) {
    .content2.contentSpacing {
        margin-top: 10%;
    }
    .content3.contentSpacing {
        margin-top: 3%; 
    }
    .content4.contentSpacing {
        margin-top: 6%;
    }
}
@media (min-width:1751px) and (max-width:1999px) {
    .content2.contentSpacing {
        margin-top: 7%;
    }
    .content3.contentSpacing {
        margin-top: 3%; 
    }
    .content4.contentSpacing {
        margin-top: 6%;
    }
}
@media (min-width:2000px) {
    .main-wrapper {
        width: 45%;
        position: absolute;
        top: 18%;
        right: 20%;
    }
    .content2.contentSpacing {
        margin-top: 10%;
    }
    .content3.contentSpacing {
        margin-top: 6%; 
    }
    .content4.contentSpacing {
        margin-top: 8%;
    }
}
@media (min-width:2500px) {
    .content5 {
        padding-left: 25%;
    }
    .content6 {
        margin-left: -10%;
    }
}
@media (min-width:2700px) {
    .main-wrapper {
        right: 23% !important;
        width: 40%;
    }
    .content2.contentSpacing {
        margin-top: 13%;
    }
    .content4.contentSpacing {
        margin-top: 9%;
    }
    .content5 {
        padding-left: 25%;
    }
}
/* Ends sustainabilityEcoProducts */