@media only screen and (max-width: 1280px) {
      .slider-caption {
            left: 75px;
            max-width: -webkit-calc(100% - 150px);
            max-width: calc(100% - 150px);
      }

      .slider-caption span {
            margin-top: 14px;
      }

      .affinity-post-header h1 {
            max-width: 650px;
      }
}

@media only screen and (max-width: 1024px) {
      .ULT_Article-detalle .bigFontSize {
            font-size: 42px;
            line-height: 50px;
      }

      .ULT_Article-detalle .bigFontSize.caption-title-long {
            font-size: 36px;
            line-height: 42px;
      }

      .ULT_Article-detalle .bannerFontSize {
            font-size: 24px;
            line-height: 28px;
      }

      .affinity-case-banner .regularFontSize {
            font-size: 15px;
            line-height: 17px;
      }

      #affinity-hero:after {
            padding-bottom: 65%;
      }

      .slider-caption {
            left: 40px;
            right: 70px;
            max-width: 600px;
      }

      .caption-title-short,
      .caption-title-long {
            max-width: 100%;
      }

      .affinity-post-header h1 {
            max-width: 550px;
      }

      .affinity-post-content .affinity-post-module {
            padding-left: 20px;
            padding-right: 20px;
      }

      .affinity-post-combo,
      .affinity-post-combo.reverse {
            flex-direction: column;
            align-items: center;
      }

      .affinity-post-combo .combo-column-media {
            margin-bottom: 50px;
            width: 100%;
            max-width: 320px;
      }

      .affinity-post-combo .combo-column-media img,
      .affinity-post-combo .combo-column-media video {
            height: auto;
      }

      .affinity-post-combo .combo-column-media a img {
            width: 105%;
            height: 105%;
      }

      .affinity-post-combo .combo-column-text {
            max-width: 665px;
            width: 100%;
      }

      .affinity-post-combo .combo-column-media .combo-product,
      .affinity-post-combo .combo-column-media .combo-product .background {
            height: auto;
      }

      .affinity-post-combo .combo-column-media .combo-product {
            display: block;
      }

      .affinity-post-combo .combo-column-media .combo-product .background:after {
            content: "";
            display: block;
            width: 100%;
            position: relative;
            padding-bottom: 133%;
      }

      .affinity-step {
            flex-direction: column;
      }

      .affinity-step:not(:last-child) {
            margin-bottom: 40px;
      }

      .affinity-step .affinity-text {
            text-align: center;
            position: relative;
            top: unset;
            transform: none;
            width: 100%;
            max-width: 400px;
            margin-top: 20px;
      }

      .affinity-step:nth-child(odd) .affinity-text {
            right: unset;
            text-align: center;
      }

      .affinity-step:nth-child(even) .affinity-text {
            left: unset;
            text-align: center;
      }
}

@media only screen and (max-width: 768px) {
      .affinity-post-module.affinity-post-video iframe, .affinity-post-video.mp4 video {
            border-radius: 0;
            background-color: #fff;
      }

      .affinity-post-header h1 {
            padding: 0 20px;
      }

      .affinity-container {
            padding: 60px 22px;
      }

      #affinity-cases-archive.affinity-container {
            padding-top: 60px;
      }

      #affinity-hero:after {
            padding-bottom: 100%;
      }

      .slider-caption {
            left: 22px;
            right: 70px;
            max-width: -webkit-calc(100% - 92px);
            max-width: calc(100% - 92px);
            top: unset;
            bottom: 80px;
      }

      .slider-caption {
            -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
            align-items: flex-start;
      }

      .swiper-slide-active .slider-caption {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
      }

      .slider-caption a {
            position: relative;
            bottom: unset;
            transform: none;
            left: unset;
            margin-top: 14px;
      }

      .hero-swiper .swiper-pagination {
            padding: 0 22px;
            bottom: 22px;
      }

      .affinity-case-grid:not(.flex) {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            row-gap: 40px;
      }

      .affinity-case-grid:not(.flex) .affinity-case-entry {
            width: -webkit-calc(50% - 10px);
            width: calc(50% - 10px);
      }

      .affinity-case-grid:not(.flex) .affinity-case-entry.featured-case {
            width: 100%;
      }

      .featured-case .case-media {
            height: auto;
      }

      .featured-case .case-media:after {
            padding-bottom: 57%;
      }

      .case-media img.case-bakground-desktop {
            display: none;
      }

      .case-media img.case-bakground-mobile {
            display: block;
      }

      .cases-title-container {
            flex-direction: column;
            align-items: flex-start;
      }

      #affinity-cases-tips .cases-all-button,
      .cases-title-container .title-content-container {
            margin-top: 6px;
      }

      #affinity-cases-tips .cases-all-button,
      .cases-title-container img {
            margin-left: 0;
      }

      .cases-title-container img {
            width: 180px;
      }

      #affinity-cases-tags,
      #affinity-cases-content,
      #affinity-cases-tips,
      #affinity-social-module {
            padding-left: 0;
            padding-right: 0;
      }

      #affinity-cases-tags .cases-title-container,
      #affinity-cases-content .cases-title-container,
      #affinity-cases-tips .cases-title-container,
      #affinity-social-module .cases-title-container,
      .affinity-post-header>*,
      .affinity-post-content>* {
            /* padding-left: 22px; */
            /* padding-right: 22px; */
      }

      #affinity-cases-tags .affinity-case-grid,
      #affinity-cases-content .affinity-case-grid,
      #affinity-cases-tips .affinity-case-grid,
      #affinity-social-module .affinity-case-grid {
            display: none;
      }

      #affinity-cases-recommended .affinity-case-grid .affinity-case-entry {
            width: 100%;
      }

      #affinity-cases-recommended .affinity-case-grid .affinity-case-entry:first-child {
            margin-bottom: 40px;
      }

      .case-header-image {
            border-radius: 0;
            margin-top: 40px;
      }

      .case-header-image img,
      .case-header-image video {
            border-radius: 0;
      }

      .affinity-post-textBlock,
      .affinity-post-combo,
      .affinity-post-combo .combo-column-text,
      .affinity-post-columns,
      .affinity-post-bio {
            width: 100%;
            max-width: 100%;
      }

      .affinity-post-module.affinity-post-video {
            padding-left: 0;
            padding-right: 0;
      }

      .affinity-post-video.mp4 {
            border-radius: 0;
      }

      .post-percentil {
            width: 50%;
            margin: 20px 0;
      }

      .post-percentil:not(:last-child) {
            margin-right: 0;
      }

      .cases-selector .case-select-options {
            top: 35px;
      }

      .affinity-post-module.affinity-post-video iframe {
            height: 400px;
      }
}

@media only screen and (max-width: 550px) {

      /* FONTS */
      .ULT_Article-detalle .bigFontSize {
            font-size: 34px;
            line-height: 36px;
      }

      .ULT_Article-detalle .bigFontSize.caption-title-long {
            font-size: 26px;
            line-height: 28px;
      }

      .ULT_Article-detalle .titleFontSize {
            font-size: 24px;
            line-height: 28px;
      }

      .ULT_Article-detalle .mediumFontSize {
            font-size: 18px;
            line-height: 20px;
      }

      .ULT_Article-detalle .slider-caption .mediumFontSize {
            font-size: 16px;
            line-height: 18px;
      }

      .ULT_Article-detalle .preTitleFontSize {
            font-size: 14px;
            line-height: 1;
      }

      .ULT_Article-detalle .case-post-header-line .tinyFontSize {
            font-size: 12px;
            line-height: 14px;
      }

      /* CONTENT */
      #fakeHeader {
            position: absolute;
            height: 140px;
      }

      #fakeHeader .mobile {
            display: flex;
      }

      #fakeHeader .desktop {
            display: none;
      }

      main.affinity-wrapper {
            margin-top: 140px;
      }

      .affinity-container {
            padding: 40px 22px;
      }

      #affinity-hero:after {
            padding-bottom: 133%;
      }

      #affinity-cases-featured .affinity-case-grid:not(.flex) .affinity-case-entry:not(.featured-case) {
            flex-direction: row;
      }

      .affinity-case-grid:not(.flex) .affinity-case-entry {
            width: 100%;
      }

      #affinity-cases-featured .affinity-case-grid:not(.flex) .affinity-case-entry:not(.featured-case) .case-media {
            width: 32%;
      }

      #affinity-cases-featured .affinity-case-grid:not(.flex) .affinity-case-entry:not(.featured-case) .case-info {
            width: 68%;
            padding-left: 12px;
            margin-top: 0;
      }

      #affinity-cases-featured .affinity-case-grid:not(.flex) .affinity-case-entry:not(.featured-case) .case-media:after {
            padding-bottom: 100%;
      }

      .case-info .case-cat {
            margin-bottom: 6px;
      }

      .case-info .case-tags {
            margin-top: 12px;
      }

      #affinity-cases-featured .affinity-case-entry:not(.featured-case) .case-media-cats {
            left: 10px;
            justify-content: space-between;
            flex-direction: row-reverse;
      }

      #affinity-cases-featured .affinity-case-entry:not(.featured-case) .case-media-cats figure {
            width: 26px;
            height: 26px;
      }

      #affinity-cases-featured .affinity-case-entry:not(.featured-case) .case-media-cats figure:after {
            width: 12px;
            height: 12px;
      }

      #affinity-cases-featured .affinity-case-entry:not(.featured-case) .case-media-cats figure:not(:first-child) {
            margin-left: 0;
      }

      #affinity-social-module .cases-title-container>* {
            max-width: 280px;
      }

      .affinity-post-header>*:not(:last-child) {
            margin-bottom: 18px;
      }

      .affinity-post-header h1 span.title-desktop {
            display: none;
      }

      .affinity-post-header h1 span.title-mobile {
            display: block;
      }

      .affinity-post-header .post-header-author {
            flex-direction: column;
      }

      .case-post-header-line span {
            padding: 0 10px;
      }

      .affinity-post-header .post-header-author.case-post-header-line span {
            padding: 0;
      }

      .affinity-post-header .post-header-author.case-post-header-line span:not(:first-child) {
            border-left: 0;
            margin-top: 6px;
      }

      .affinity-post-module:not(:last-child),
      .post-column:first-child {
            margin-bottom: 10px;
      }

      .affinity-post-columns {
            flex-direction: column;
      }

      .post-column {
            width: 100%;
      }

      .affinity-post-audio .post-audio-holder .post-audio-portrait {
            display: none;
      }

      .affinity-post-audio .post-audio-holder .post-audio-info {
            width: 100%;
            align-items: center;
            text-align: center;
      }

      .affinity-post-audio.narrow-player .post-audio-holder {
            max-width: 100%;
      }

      .affinity-post-combo .combo-column-media {
            max-width: 100%;
      }

      #modal-media .inner {
            padding: 70px 20px 20px;
      }

      #modal-media .inner .modal-header {
            left: 20px;
            right: 20px;
      }

      .modal-content.affinity-post-video,
      .affinity-post-module.affinity-post-video.mp4 {
            position: relative;
            width: 100%;
      }

      .modal-content.affinity-post-video:after,
      .affinity-post-module.affinity-post-video.mp4:after {
            width: 100%;
            content: "";
            position: relative;
            display: block;
            padding-bottom: 56.5%;
      }

      .modal-content.affinity-post-video>*.plyr,
      .affinity-post-module.affinity-post-video.mp4>*.plyr {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: visible;
            z-index: 1;
      }
}

@media only screen and (max-width: 600px) {
      .case-post-header-line.post-header-author.flex.flex-row {
            flex-direction: column !important;
      }

      .case-post-header-line.flex.flex-row {
            flex-direction: row !important;
      }

      .ULT_Article-detalle .flex {
            display: flex;
            flex-direction: column !important;
      }

      .ULT_Article-detalle .flex-column {
            flex-direction: column;
      }

      .ULT_Article-detalle .flex-row {
            flex-direction: column;
      }
}
