@media(max-width: 1670px) {
	.areaSearch {
		padding: 0 500px 4px 335px;
	}
}

@media(max-width: 1550px) {
	#daFooter .col-1 {
		flex-basis: 50.66667%;
	}

	#daFooter .menuFooter {
		flex-basis: 13.667%;
	}

	.divNewsletter {
		padding-right: 25px;
	}
}

@media(max-width: 1550px) and (min-width: 1100px) {

	.newcart__steps-card-row-input,
	.newcart__steps-card-row-icons {
		width: 100%;
		flex: 1;
	}
}

@media(max-width: 1450px) {
	#preguntasFrecuentes .content {
		padding: 30px 15px 0;
	}
}

@media(max-width: 1386px) and (min-width: 1100px) {
	#frmAddCard .newcart__steps-card-row-nt {
		flex-direction: column;
	}

	#tarjetaOP {
		margin-bottom: 8px
	}

	.newcart__steps-card-row-icons {
		margin: 0 auto 15px;
	}

	.newcart__steps-card-row-fe .newcart__steps-field {
		flex-basis: 70%;
	}

	.newcart__steps-card-row-fe .newcart__steps-field--three-parts {
		flex-basis: 30%;
	}

	.newcart__steps-card-row-fe .newcart__steps-card-select--half {
		width: 100%;
	}
}

@media(max-width: 1386px) {
	.areaSearch {
		padding: 0 520px 4px 295px;
	}

	#frmPedido .grid-x>.medium-6 {
		width: 50%;
	}

	#frmPedido .grid-x>.medium-4 {
		width: 33.3333%;
	}

	#frmPedido .grid-x>.medium-3 {
		width: 25%;
	}

	.newcart__steps-option-content p.newcart--hide-small {
		height: 50px;
	}

	.newcart__steps-option {
		padding-left: 25px;
	}

	.newcart__steps-option-icon {
		padding-bottom: 25px;
	}

	#contentLogin .row-left .img img {
		margin: 19% 0 25%;
	}

	.product-detail__name {
		font-size: 27px;
	}

	.formSearch,
	.formNewsletter {
		max-width: 390px;
	}

	.company-info {
		max-width: 1040px;
		padding: 60px 25px 80px;
	}
}

@media(max-width: 1280px) {
	.titleFAQ {
		font-size: 40px;
	}

	#preguntasFrecuentes .item {
		font-size: 18px;
	}

	#preguntasFrecuentes .title {
		font-size: 24px;
	}

	#preguntasFrecuentes .text {
		line-height: normal;
	}
}

@media(max-width: 1286px) {
	#contentLogin .col:first-child {
		flex-basis: 60%;
	}

	#contentLogin .col:last-child {
		flex-basis: 40%;
	}
}

@media(max-width: 1199px) {
	.cart-menu__container {
		width: 400px;
	}

	.newcart__container {
		margin-right: 400px;
	}

	.newcart__steps-body {
		width: 90%;
	}

	.amenidades-modal__content.form-card {
		width: 75%;
		min-height: auto
	}

	.titleLogin {
		font-size: 23px;
	}

	#contentLogin .col:first-child {
		flex-basis: 65%;
	}

	#contentLogin .col:last-child {
		flex-basis: 35%;
	}

	.areaSearch {
		position: absolute;
		bottom: 5px;
		padding: 0;
	}

	#header {
		padding-top: 0;
	}

	#header .topContainer {
		height: 132px;
		position: relative;
	}

	#header .topContainer:before {
		display: block;
		content: "";
		position: absolute;
		height: 1px;
		width: 100%;
		background: rgb(237, 237, 237);
		bottom: 50px;
	}

	#header.logged .areaSearch {
		padding-right: 0;
	}
}

@media(min-width: 1100px) {

	#cartTotalLeft,
	.closeCartRight {
		display: none;
	}
}

@media(max-width: 1099px) {
	#daFooter .col-1 {
		flex-direction: column;
		padding-left: 15px;
		padding-right: 15px;
		justify-content: center;
		flex-basis: 42.66667%;
	}

	#daFooter .menuFooter {
		flex-basis: 14.667%;
	}

	#daFooter .col-5 {
		flex-basis: 9.33333%;
	}

	.footerLogo {
		margin: 0 auto;
		width: auto;
	}

	.divNewsletter {
		width: initial;
		padding-right: 0;
		padding-top: 25px
	}

	.newcart__container {
		margin-right: 0;
	}

	.cart-menu__container:not(.active) {
		right: -400px;
	}

	#contentLogin .row-left .img {
		flex-basis: 45%;
	}

	#contentLogin .row-left .text {
		flex-basis: 55%;
	}

	#contentProduct .grid-x {
		width: 100%;
	}

	.itemProd {
		margin: 0 10px 0 10px;
	}

	.cart-menu__container:not(.active),
	.cart-menu__container.active {
		top: 0 !important;
	}

	#header {
		position: relative;
		z-index: 1;
	}
}

@media(max-width: 1050px) {
	#daFooter .col-1 {
		flex-basis: 100%;
	}

	.divNewsletter {
		width: 100%;
		max-width: 530px;
		margin: 0 auto;
	}

	#daFooter .menuFooter {
		padding: 10px 25px 25px;
	}

	#daFooter .menuFooter {
		flex-basis: 25%;
	}

	#daFooter .col-5 {
		flex-basis: 20%;
	}

	.divNewsletter .text1,
	.divNewsletter .text2 {
		text-align: center;
	}

	#formNewsletter {
		margin: 10px auto 0;
	}
}

@media(max-width: 991px) {
	/*#topRight #topCuenta{
		display: none;
	}*/

	#contentRegister {
		padding: 25px 25px 45px;
	}

	#frmReg {
		margin-right: 15px
	}

	.leftRegister {
		width: 80%;
	}

	#contentProduct .grid-x .product-detail__cell .large-6 {
		width: 100%;
		margin-bottom: 20px;
	}

	#contentProduct .grid-x .product-detail__cell .large-3 {
		width: 50%;
	}

	.product-detail__details {
		margin-left: 0;
	}

	#contentProduct .detProdBloq {
		margin-right: 20px;
		width: calc(50% - 20px) !important;
	}

	.product-detail__name {
		font-size: 23px;
	}

	.product-detail__price {
		font-size: 28px;
	}

	#contentCategories .item {
		flex-basis: 50%;
		width: 50%;
	}

	.areaSearch {
		right: 260px;
		left: 15px;
		width: initial;
	}

	.formSearch {
		max-width: initial;
	}

	#labelTop {
		position: absolute;
		top: 67px;
		right: 30px;
	}

	#categPop .category__text p {
		font-size: 25px
	}

	#labelTopWeb {
		font-size: 19pt;
		flex-direction: column;
		padding: 15px 50px;
	}

	#labelTopWeb>div:last-child {
		line-height: 18px
	}

	#labelTopWeb span {
		padding-top: 0
	}

	#footerISO .row {
		margin: 0;
	}

	#footerISO .col_1 {
		width: 100%;
	}

	#footerISO .col1 {
		text-align: center;
	}

	#footerISO .col2 {
		width: 120px !important;
		text-align: center;
	}

	#footerISO .cnt>.row,
	#footerISO .col_1 .row {
		flex-direction: column;
	}

	#footerISO .cnt {
		height: initial;
		padding: 35px 0;
	}

	#footerISO .col2 figure {
		display: inline-block;
	}

	#footerISO .col_1 img {
		transform: rotate(-270deg);
	}

	#footerISO .col_2 .row {
		justify-content: center;
		max-width: 330px;
		margin: 0 auto;
	}
}

@media(max-width: 950px) and (min-width: 768px) {

	.newcart__steps-card-row-input,
	.newcart__steps-card-row-icons {
		width: 100%;
		flex: 1;
	}

	#frmAddCard .newcart__steps-card-row-nt {
		flex-direction: column;
	}

	.newcart__steps-card-row-icons {
		margin: 0 auto 15px;
	}

	.newcart__steps-card-row-icons>img {
		margin: 0 3px;
		max-width: 44px;
	}
}

@media(max-width: 950px) and (min-width: 319px) {

	/*.newcart__steps-card-row-input,
	.newcart__steps-card-row-icons {
	  	width: 100%;
	  	flex: 1;
	}*/
	#tarjetaOP {
		margin-bottom: 8px
	}

	.newcart__steps-card-row-fe .newcart__steps-field {
		flex-basis: 70%;
	}

	.newcart__steps-card-row-fe .newcart__steps-field--three-parts {
		flex-basis: 30%;
	}

	.newcart__steps-card-row-fe .newcart__steps-card-select--half {
		width: 100%;
	}

}

@media(max-width: 850px) {

	/*#opsFooter .content {
 		max-width: 450px;
  		margin: 0 auto;
	}*/
	#opsFooter .content .col {
		flex-basis: 33.3333%;
		padding: 10px 0;
		text-align: left;
		justify-content: left;
		flex-grow: initial;
	}

	#daFooter .menuFooter {
		flex-basis: 28%;
		padding-right: 10px;
		padding-left: 15px
	}

	#daFooter .col-5 {
		flex-basis: 15%;
	}
}

@media (max-width: 800px) {
	#topLogo {
		left: 15px;
	}

	#topLogo img {
		max-width: 230px;
	}
}

@media (min-width: 768px) {
	.fact-modal .fact-form {
		display: flex;
		flex-wrap: wrap;
		/*grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.5rem;*/
	}

	.fact-modal .fact-form .input-space {
		flex-basis: 50%;
		width: 50%;
		padding: 0 10px 0;
	}

	.result-header__bar_mobile {
		display: none;
	}

	#closeMenu {
		display: none
	}

	#sliderThumbBottom {
		display: none;
	}
}

@media(max-width: 767px) {

	/*body{
		padding-top: 140px;
	}*/
	#menuTop {
		display: none;
	}

	/*#header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 11	
	}*/
	#labelTopWeb {
		background-size: 150% auto;
	}

	#labelTop {
		display: none
	}

	.areaSearch {
		right: 15px
	}

	/*.areaSearch {
  		padding: 144px 20px 4px 20px;
	}
	#topLogo {
  		left: 25%;
	}*/
	.wrap {
		padding-top: 0;
	}

	/*#header .topContainer{
		min-height: auto;
		height: 70px;
	}
	#topCart button{
		height: 70px;
	}*/
	#labelTop {
		transform: translateX(-30%);
	}

	#menu {
		display: none;
	}

	.rd-mobilemenu,
	.rd-mobilepanel {
		display: block;
	}

	.rd-mobilemenu_submenu li.active ul.subMenu2 {
		display: block;
	}

	#categPop .item {
		width: 50%;
		margin-bottom: 15px;
	}

	.loginResponsive img {
		width: 26px;
		margin-right: 8px;
	}

	ul.rd-mobilemenu_ul .loginResponsive a {
		display: flex;
		text-decoration: none !important;
		align-items: center;
	}

	#topCuentaLogin,
	#topCuenta {
		display: none;
	}

	/*.result-header__bar{
		position: relative;
		padding-bottom: 50px;
		display: flex;
	}
	.result-header__bar>div{
		flex-basis: 50%;
	}
	.result-header__bar > div.divPagVista{
		text-align: right;
		justify-content: end;
	}
	.divOrdenar{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		border-top: 1px solid #e7e7e7;
	}
	
	*/
	.result-header__bar_mobile {
		display: flex;
		border-bottom: 1px solid #e7e7e7;
	}

	.result-header__bar_mobile>div {
		flex-basis: 50%;
		padding: 10px 5px;
		position: relative;
		cursor: pointer;
	}

	.result-header__bar_mobile .divOrdenar #divOrder {
		margin-top: 0;
	}

	.result-header__bar_mobile .divOrdenar {
		border-left: 1px solid #e7e7e7;
	}

	.result-header__bar_mobile svg {
		position: absolute;
		width: 35px;
		left: 10px;
	}

	.result-header__bar_mobile .list {
		display: none;
		position: absolute;
		left: -8px;
		top: 44px;
		margin-right: -10px;
		display: flex;
		flex-direction: column;
		background: #FFF;
		width: 200px;
		font-size: 14px;
		z-index: 99999999;
		padding: 25px 15px 15px;
		border-right: 1px solid #e7e7e7;
		box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.3);
	}

	.result-header__bar_mobile .list span {
		margin-bottom: 15px
	}

	.filter-order-text {
		width: 100%;
		color: #323232;
		font-weight: bold;
		padding-left: 55px;
		font-size: 16px;
		text-align: left;
	}

	#contentProducts .menuFiltro {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 99999992;
		background: #fff;
		padding-bottom: 25px;
		transform: translateX(-320px);
		-moz-transition: 0.3s all ease;
		-o-transition: 0.3s all ease;
		-webkit-transition: 0.3s all ease;
	}

	#divFilter {
		cursor: pointer;
	}

	#contentProducts .menuFiltro.visible {
		transform: translateX(0);
	}

	#closeMenu {
		position: absolute;
		top: 5px;
		right: 5px;
		background: rgba(0, 0, 0, 0.1);
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.result-header__bar {
		position: relative;
	}

	.divOrdenar-Desktop #divOrder {
		display: none;
	}

	#divOrderMobile .list {
		display: none
	}

	#divOrderMobile.visible .list {
		display: flex
	}




	/*.divOrdenar #divOrder{
  		display: none;
  	}
  	.divOrdenar #divOrder*/

	/*.menuFiltro .filter-bar__container{
  		display: flex;
  		flex-wrap: wrap;
  	}
  	.menuFiltro .filter-bar__container>.grid-x{
  		position: absolute;
  	}*/

	.item-cnt-card {
		width: 100%;
	}

	.fact-modal #frmFacturacion {
		display: flex;
		flex-wrap: wrap;
	}

	.fact-modal #frmFacturacion.fact-form .input-space {
		flex-basis: 50%;
		width: 50%;
		padding: 0 10px;
	}

	#contentLogin .row-left .img {
		display: none;
	}

	#contentLogin .row-left .text {
		flex-basis: 100%;
	}

	#contentLogin .col:first-child,
	#contentLogin .col:last-child {
		flex-basis: 50%;
	}

	#contentProduct .product-detail__container {
		display: block;
		max-width: 600px;
		margin: 0 auto;
	}

	#contentProduct .product-detail__container>div {
		width: 100% !important;
	}

	.product-detail__container .cell:first-child {
		padding-right: 0;
	}

	.ProductHeader__HeaderText-sc-1w6aoc-1.eoHVca {
		display: none;
	}

	#mainImgA {
		padding: 0 0 92px;
	}

	.image-product .thumb {
		display: flex;
		width: initial;
		right: 0;
		top: initial;
		bottom: 0;
	}

	.product-detail__name {
		margin-top: 25px;
	}

	.product-detail__name {
		font-size: 20px;
		line-height: normal;
		margin-bottom: 5px;
	}

	.titleFAQ {
		font-size: 32px;
		padding: 15px 98px 17px;
		max-width: initial;
		width: initial;
	}

	#sliderThumbRight {
		display: none;
	}

	.imageProduct .image-product {
		width: 100% !important;
	}

	#sliderThumb .flex-direction-nav .flex-prev {
		left: -36px;
		top: 57%;
	}

	#sliderThumb .flex-direction-nav .flex-next {
		right: -36px;
		top: 57%;
	}

	#mainImgA {
		min-height: initial;
		padding-bottom: 0
	}
}

@media(max-width: 750px) {
	#contentCategories .item {
		flex-basis: 100%;
		width: 100%;
	}
}

@media(max-width: 680px) {
	.newcart--hide-small {
		display: none
	}

	.newcart__steps-option-content {
		margin: 5% 0 9% 2%;
	}

	.newcart__steps-option-icon {
		padding-bottom: 5px;
	}

	.newcart__steps-footer .grid-x>.large-6 {
		width: 100%;
	}

	.DirectionCard__Text {
		max-width: initial;
	}

	#opsFooter .content a {
		text-align: left
	}

	#preguntasFrecuentes .item {
		font-size: 16px;
	}

}

@media (min-width: 641px) {
	#modalBilling .modal-dialog {
		max-width: 600px;
	}
}

@media(max-width: 600px) {
	#daFooter .menuFooter {
		flex-basis: 33.3333%;
	}

	#daFooter .col-5 {
		flex-basis: 100%;
		text-align: center;
	}

	.langFooter {
		float: none;
		margin-top: 20px;
		margin-bottom: 25px
	}

	#topLogo {
		left: 19%;
	}

	#topCart button {
		width: 60px;
	}

	#topCart button {
		width: 60px;
	}

	.NBNotifications {
		margin: 22px 20px 0px 10px;
		width: 40px;
		position: relative;
	}

	.NBNotifications__Badge,
	#numItems {
		width: 25px;
		height: 25px;
		font-size: 13px;
		font-weight: 500;
	}

	.NBNotifications__Badge {
		position: absolute;
		top: -9px;
		right: -19px;
	}

	#numItems {
		top: 12px;
		right: 1px;

	}

	#header .topContainer {
		height: 120px;
	}

	.wrap {
		padding-top: 0;
	}

	#topCart button {
		height: 68px;
	}

	.newcart__steps-card-row-icons {
		padding-top: 10px;
	}

	.amenidades-modal__content.form-card {
		width: 90%;
	}

	.error-transaction__title {
		font-size: 34px;
	}

	#contentLogin>.content>.row,
	#contentRegister>.content>.row {
		display: block;
	}

	#contentLogin .col:first-child {
		margin: 50px auto;
	}

	#frmLogin {
		padding: 0 25px
	}

	#contentRegister .col {
		width: 100%;
		max-width: 340px;
		margin: 0 auto 35px;
		padding: 0 10px
	}

	#frmReg {
		margin-right: 0;
	}

	.leftRegister {
		width: initial;
		margin: 0 auto;
	}

	#labelTop {
		display: none
	}

	#topLogo img {
		max-width: initial;
	}

	.titleFAQ {
		font-size: 27px;
	}

	#preguntasFrecuentes .title {
		font-size: 20px;
	}

	.titleFAQ {
		padding-left: 15px;
		padding-right: 0
	}

	#categPop .title {
		font-size: 30px;
	}

	#categPop .subTitle {
		font-size: 16px;
	}

	#categPop .category__text p {
		font-size: 21px;
	}

	#labelTopWeb {
		font-size: 17pt;
	}

	#cellNumResultClie {
		display: none;
	}

	.filterClie {
		width: 100% !important
	}
}

@media(max-width: 575px) {
	#modalBilling .modal-header {
		text-align: center;
		justify-content: center;
		align-items: center;
	}
}

@media(max-width: 550px) {
	.newcart__steps-option:not(.newcart__steps-option--selected) {
		display: none
	}

	.newcart__steps-option-content {
		margin: 1% 0 4% 2%;
	}

	#frmPedido .grid-x>.medium-4 {
		width: 50%;
	}

	#frmPedido .grid-x>.small-12 {
		width: 100%;
	}

	#frmPedido .grid-x>.medium-4 {
		width: 100%;
	}

	.newcart__steps-option {
		height: 35px;
	}

	body[data-pg="payment"] #btn1 {
		flex-basis: 40%;
	}

	body[data-pg="payment"] #btn2 {
		flex-basis: 22%;
	}

	body[data-pg="payment"] #btn3 {
		flex-basis: 38%;
	}

	body[data-pg="payment"] #btn2 .newcart__steps-option-content {
		margin: 1% 0 4% 7px;
	}

	#contentProduct .grid-x .product-detail__cell .large-3 {
		width: 100% !important;
		margin-right: 0;
	}

	#contentProduct .detProdBloq {
		margin-bottom: 20px
	}
}

@media(max-width: 500px) {
	#categPop .item {
		width: 100%;
	}
}

@media(max-width: 480px) {
	#topLogo {
		left: 19%;
		width: 200px;
	}

	.topNotif {
		display: none;
	}

	.newcart__steps-card-row-input,
	.newcart__steps-card-row-icons {
		width: 100%;
		flex: 1;
	}

	#frmAddCard .newcart__steps-card-row-nt {
		flex-direction: column;
	}

	.newcart__steps-card-row-icons {
		margin: 0 auto 15px;
	}

	.newcart__steps-card-row-icons>img {
		margin: 0 3px;
		max-width: 44px;
	}

	body[data-pg="payment"] #btn1 {
		display: none
	}

	body[data-pg="payment"] #btn2 {
		flex-basis: 35%;
	}

	body[data-pg="payment"] #btn3 {
		flex-basis: 65%;
	}

	.error-transaction__title {
		font-size: 26px;
	}

	#opsFooter .content .col {
		flex-basis: 50%;
	}

	#daFooter .menuFooter {
		flex-basis: 50%;
	}

	#daFooter .col-5 {
		flex-basis: 50%;
		text-align: left;
		padding-left: 15px
	}

	.langFooter {
		text-align: left;
	}

	#categPop .title {
		font-size: 25px;
		line-height: normal;
	}

	#categPop .subTitle {
		font-size: 14px;
		line-height: normal;
	}

	.DirectionCard__Text {
		max-width: 220px;
	}
}

@media(max-width: 450px) {
	#daFooter .menuFooter {
		flex-basis: 50%;
	}

	#daFooter .col-5 {
		flex-basis: 50%;
		padding-right: 18%;
	}

	.divNewsletter .text1,
	.divNewsletter .text2 {
		text-align: left;
	}

	#topLogo img {
		max-width: 200px;
	}

	.fact-modal #frmFacturacion.fact-form .input-space {
		flex-basis: 100%;
		width: 100%;
	}

	.newcart__steps-option {
		height: 35px;
	}

	#btn1 {
		flex-basis: 60%;
	}

	#btn2 {
		flex-basis: 40%;
	}

	.itemProd {
		width: 100%;
		max-width: 350px;
	}

}

@media(max-width: 420px) {
	.result-header__bar_mobile .list {
		width: calc(100% - 4px);
	}
}

@media(max-width: 400px) {
	.newcart__steps-billing {
		width: 100%;
	}

	.cart-menu__container {
		width: 100%;
	}
}

@media(max-width: 380px) {
	#topLogo img {
		max-width: 180px;
	}

	#topCart button {
		width: 60px;
	}

	#numItems {
		right: 42px;
	}

	.Recover__Title {
		height: auto;
		font-size: 25px;
	}

	.Recover__Description {
		height: auto;
	}

	.result-header__bar_mobile svg {
		width: 25px;
		left: 0px;
		top: 50%;
		transform: translateY(-50%);
	}

	.filter-order-text {
		padding-left: 29px;
	}

	#divFilter {
		padding-left: 15px;
	}

	#divFilter svg {
		left: 10px;
	}

	#opsFooter .content .col {
		flex-basis: 60%;
	}

	#opsFooter .content .col:nth-of-type(even) {
		flex-basis: 40%
	}

	.titleFAQ {
		font-size: 23px;
	}

	#footerISO .col_2 {
		flex-basis: 100%;
		padding: 0;
	}

	#footerISO .col_2 .col {
		flex-basis: 50%;
		width: 50%;
	}
}

@media(max-width: 340px) {

	#sliderProds1 .itemProd,
	#sliderProds2 .itemProd {
		margin-left: 10px;
	}
}


/*Dispensadores*/
@media (max-width: 1480px) {
	.brand-col-luhum .label-bracket {
		left: 0;
	}

	.brand-col-natua .label-bracket {
		right: 0;
	}
}

@media (max-width: 1360px) {
	.text-40 {
		font-size: 32px;
	}

	.text-70 {
		font-size: 54px;
	}

	.pouch-text {
		font-size: 38px;
	}

	.section-info {
		flex-direction: column;
		gap: 40px;
		text-align: center;
		align-items: center;
	}

	.info-list li {
		justify-content: center;
	}

	.orange-title-50 {
		font-size: 42px;
	}

	.section-imagina {
		height: auto;
		padding: 80px 0;
		background-position: center top;
	}

	.imagina-title {
		font-size: 58px;
	}

	.imagina-title span {
		font-size: 32px;
	}

	.feature-highlight,
	.feature-bold {
		font-size: 55px;
	}

	.brand-center-logo {
		width: 180px;
		top: 30px;
	}

	.brand-label-text {
		font-size: 28px;
	}

	.final-cta-title {
		font-size: 32px;
	}

	.final-cta-subtitle {
		font-size: 24px;
	}

	.brand-logo-header {
		max-width: 190px;
	}

	.info-list li {
		text-align: left;
	}
}

@media (max-width: 1280px) {

	.feature-highlight small,
	.feature-text {
		font-size: 20px;
	}

	.feature-highlight,
	.feature-bold {
		font-size: 45px;
	}

	.imagina-title {
		font-size: 48px;
	}

	.imagina-title span {
		font-size: 28px;
	}

	.imagina-right {
		top: 0;
	}
}

@media (max-width: 1199px) {
	.section-sustainability>div {
		width: 50%;
		flex-basis: 50%;
	}

	.sust-header-main {
		font-size: 38px;
	}

	.sust-header-sub {
		font-size: 24px;
	}

	.text-45-centered {
		font-size: 40px;
		line-height: 1.2;
	}

	.brand-col-luhum .brand-logo-header {
		margin-bottom: 68px;
	}
}

@media (max-width: 1099px) {
	.steps-container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: initial
	}

	.step-column {
		flex: 0 0 48%;
		flex-direction: column-reverse
	}

	.step-column:first-child {
		flex: 0 0 100%;
		margin-bottom: 60px;;
	}

	.step-info-row {
		width: auto;
		margin: 0 auto;
	}

	.section-brands-comparison {
		flex-direction: column;
	}

	.brand-col {
		width: 100%;
	}

	.brand-col-luhum {
		padding-top: 250px;
	}

	.brand-col-luhum .label-bracket {
		left: 10%;
	}

	.brand-col-natua .label-bracket {
		right: 10%;
	}

	.brand-col-luhum p.brand-label-text:not(.label-bracket) {
		right: 30%;
	}
}

@media (max-width: 1024px) {
	.sust-header-main {
		font-size: 48px;
	}

	.sust-header-sub {
		font-size: 28px;
	}

	.sust-right {
		min-height: auto;
	}

	.timeline-label {
		font-size: 16px;
	}

	.impl-title {
		font-size: 48px;
	}

	.impl-subtitle {
		font-size: 28px;
	}

	.section-brands-comparison {
		flex-direction: column;
		min-height: auto;
	}

	.brand-col {
		width: 100%;
		padding: 65px 20px 65px
	}

	.brand-logo-header {
		max-width: 240px;
	}

	.brand-col-luhum {
		padding-top: 250px;
	}
}

@media (max-width: 991px) {
	.logo-img {
		max-height: 100px;
	}

	.sust-teal-box {
		text-align: center;
	}

	.section-sustainability {
		flex-direction: column;
		gap: 40px;
	}

	.section-sustainability>div {
		width: 100%;
		flex-basis: 100%;
	}

	.section-imagina {
		padding: 0;
		position: relative;
	}

	.section-sustainability {
		margin-bottom: 280px;
	}

	.imagina-right {
		top: -210px;
		left: 0;
		right: 0;
		text-align: center;
		max-width: initial;
	}

	.imagina-title {
		display: flex;
		text-align: center;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.imagina-title span {
		margin: 15px auto 0;
	}

	.imagina-left {
		padding: 25px 0;
		flex-wrap: wrap;
		flex: initial;
		gap: 0;
		flex-direction: row;
	}

	.imagina-feature {
		display: flex;
		align-items: center;
		gap: 30px;
		width: 100%;
		margin-bottom: 45px;
	}

	.imagina-feature:nth-child(1),
	.imagina-feature:nth-child(2) {
		width: 50%;
		flex-basis: 50%;
	}

	.section-imagina:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.5);
	}

	.step-number {
		font-size: 90px;
	}

	.step-title {
		font-size: 26px;
	}

	.step-column:nth-child(2) .step-image-box img,
	.step-column:nth-child(3) .step-image-box img {
		max-width: 250px
	}

	.step-info-row {
		gap: 0 30px;
	}

	.final-cta-title {
		font-size: 28px;
	}

	.final-cta-button {
		padding: 18px 40px;
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.text-40 {
		font-size: 26px;
	}

	.text-70 {
		font-size: 40px;
	}

	.pouch-text {
		font-size: 30px;
	}

	.text-28-custom,
	.info-list li,
	.text-28-centered {
		font-size: 22px;
	}

	.text-45-centered {
		font-size: 32px;
	}

	.section-logos {
		gap: 60px;
		flex-wrap: wrap;
	}

	.logo-img {
		max-height: 80px;
	}

	.sust-header-main {
		font-size: 38px;
	}

	.imagina-title {
		font-size: 42px;
	}

	.imagina-title span {
		font-size: 24px;
	}

	.feature-highlight,
	.feature-bold {
		font-size: 35px;
	}

	.feature-highlight small,
	.feature-text {
		font-size: 20px;
		font-weight: 600;
	}

	.step-number {
		font-size: 80px;
	}

	.step-title {
		font-size: 26px;
	}

	.step-description {
		font-size: 18px;
	}

	.final-cta-title {
		font-size: 32px;
	}

	.final-cta-subtitle {
		font-size: 24px;
	}

	.final-cta-button {
		font-size: 22px;
		padding: 15px 30px;
	}

	.step-column {
		flex-basis: 100%;
		flex: initial;
		margin-bottom: 60px;
	}

	.step-column:nth-child(2) .step-image-box img,
	.step-column:nth-child(3) .step-image-box img {
		max-width: 100%;
	}

	.brand-col-luhum p.brand-label-text:not(.label-bracket) {
		bottom: -15px;
	}

	.brand-col-natua p.brand-label-text:not(.label-bracket) {
		bottom: -15px;
	}

	.brand-label-text {
		font-size: 24px;
	}

	.brand-col-luhum .label-bracket {
		left: 5%;
	}

	.brand-col-natua .label-bracket {
		right: 5%;
	}
}

@media (max-width: 600px) {
	.banner-comodato {
		min-height: initial;
	}

	.text-45-centered {
		font-size: 25px;
	}

	.sust-header-main {
		font-size: 30px;
	}

	.sust-header-sub {
		font-size: 20px;
	}

	.orange-title-50 {
		line-height: 1.2;
		font-size: 33px;
	}

	.section-info {
		margin: 10px auto;
	}

	.text-28-custom,
	.info-list li,
	.text-28-centered {
		font-size: 19px;
		font-weight: 600;
		line-height: 1.4;
	}

	.feature-highlight,
	.feature-bold {
		font-size: 26px;
	}

	.feature-highlight small,
	.feature-text {
		font-size: 16px;
	}

	.feature-icon-box img {
		object-fit: contain;
	}

	.feature-icon-box {
		width: 45px;
		height: 45px;
	}

	.imagina-feature:nth-child(3) .feature-icon-box img {
		max-width: 25px;
	}

	.imagina-feature {
		gap: 15px;
	}

	.imagina-title {
		font-size: 30px;
	}

	.imagina-title span {
		font-size: 20px;
	}

	.imagina-right {
		top: -150px;
		padding: 0 15px;
	}

	.brand-logo-header {
		max-width: 190px;
	}
}

@media (max-width: 480px) {
	.sust-teal-box {
		padding: 45px 20px;
	}

	.sust-header-main {
		font-size: 25px;
	}

	.text-40 {
		font-size: 20px;
	}

	.text-70 {
		font-size: 32px;
	}

	.orange-box {
		padding: 30px 15px;
	}

	.imagina-title {
		font-size: 32px;
	}

	.feature-highlight,
	.feature-bold {
		font-size: 20px;
	}

	.impl-title {
		font-size: 30px;
	}

	.impl-subtitle {
		font-size: 22px;
	}

	.logo-img {
		max-height: 60px;
	}

	.sust-description {
		font-size: 20px;
	}

	.feature-highlight small,
	.feature-text {
		font-size: 14px;
	}

	.imagina-feature:nth-child(2) {
		width: 40%;
		flex-basis: 40%;
	}

	.imagina-feature:nth-child(1) {
		width: 60%;
		flex-basis: 60%;
	}

	.brand-label-text {
		font-size: 19px;
	}

	.brand-col-luhum .label-bracket {
		max-width: 150px;
	}

	.brand-col-natua .label-bracket {
		max-width: 150px;
	}

	.final-cta-title {
		font-size: 27px;
	}

	.final-cta-subtitle {
		font-size: 21px;
	}

	.final-cta-button {
		font-size: 18px;
		padding: 15px 28px;
	}
}

@media (max-width: 380px) {
	.node-side.left {
		padding-right: 30px;
	}

	.node-side.right {
		padding-left: 30px;
	}

	.imagina-feature:nth-child(1),
	.imagina-feature:nth-child(2) {
		width: 100%;
		flex-basis: 100%;
	}

	.brand-label-text {
		font-size: 17px;
		font-weight: 500;
	}
}