.case-study-module {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}

.cutom-oxy-post {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: left;
  align-items: flex-start;
  width: 100%;
}

.cutom-oxy-post .oxy-post-image {
  position: relative;
  background-color: grey;
  background-image: repeating-linear-gradient(
  45deg,
  #eee,
  #eee 10px,
  #ddd 10px,
  #ddd 20px);
  width: 42%;
  height: 100%;
}

.conversion-ratio {
    width: 16%;
    height: 100%;
    background-color: #fff;
    display: flex;
    padding: 80px 25px;
    position: relative;
    min-height: 732px;
}
.conversion-ratio-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.client-details {
    width: 42%;
    height: 100%;
    background-color: #2D384C;
    color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 732px;
    position: relative;
}

.client-details-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 45px;
    max-width: 710px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.case-study-module-item:nth-child(even) .client-details-inner {
    align-self: flex-end;
}

.client-name {
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 700;
  font-family: 'Roboto Condensed';
}

.client-heading-text {
    margin: 20px 0;
}

.client-heading-text h3 {
    color: #fff;
}

.cutom-oxy-post .oxy-post-image-fixed-ratio {
  background-size: cover;
  background-position: center center;
  display: flex;
  height: 100%;
  min-height: 732px;
}

.cutom-oxy-post .oxy-post-title {
  font-size: 1.5em;
  line-height: 1.2em;
}

.client-website a {
    color: #19AFAD;
}

.increase-rate h2 { 
  color: #19afad;
    text-align: center;
}

.increase-label {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 15px 0;
    text-align: center;
    font-weight: 700;
}

.conversion-datas {
    border-bottom: 1px solid #9ba1a1;
    padding: 20px 0;
}

.conversion-datas:last-child {
  border-bottom: 0;
}

#caseStudy-highlight-three-columns-button {
    font-size: 15px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    padding: 15px 45px;
    text-transform: uppercase;
    border: 2px solid #19afad;
    transition-duration: 0.4s;
    border-radius: 1px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    display: table;
  background-color: #19afad;
}

#caseStudy-highlight-three-columns-button:hover {
  background-color: #14d8d8;
  border-color: #14d8d8;
}

.about-client {
    margin-bottom: 30px;
}

.channel-casestudies-logo img {
    max-width: 150px;
    max-height: 150px;
    width: auto;
    height: auto;
}

.cutom-oxy-post:nth-child(even) {
    flex-direction: row-reverse;
}

.cutom-oxy-post:nth-child(even) .client-details-inner {
    align-self: flex-end;
}

.ct-shortcode:nth-child(even) .cutom-oxy-post {
    flex-direction: row-reverse;
}

@media (max-width: 1120px) {
  .cutom-oxy-post {
    width: 100% !important;
 }  
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cutom-oxy-post .oxy-post-image,
  .client-details {
      width: 38%;
  }
  
  .conversion-ratio {
      width: 24%;
  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .cutom-oxy-post .oxy-post-image,
  .client-details {
      width: 38%;
  }
  
  .conversion-ratio {
      width: 24%;
  }
  
  .channel-casestudies-logo {
      bottom: unset;
      top: -95px;
  }
  
}

@media (max-width: 767px) {
  
  .cutom-oxy-post .oxy-post-image,
  .cutom-oxy-post .client-details,
  .cutom-oxy-post .conversion-ratio {
    width: 100%;
  }
  
  .case-study-module .channel-casestudies-logo {
    top: -95px;
    bottom: unset;
  }
  
  .cutom-oxy-post .oxy-post-image-fixed-ratio {
      min-height: 380px;
  }
  
  .conversion-ratio {
      padding: 60px 25px 0;
      display: table;
      min-height: auto;
  }
  
  .client-details-inner {
      padding: 45px;
  }
  
  .cutom-oxy-post {
	  display: table;
  }
  
  .channel-casestudies-logo img {
    max-width: 100px;
    max-height: 100px;
  }

  .client-details {
    position: relative;
    min-height: auto;
  }
  .client-details-inner {
    position: relative;
    top: unset;
    transform: unset;
    max-width: 100%;
  }
  
}

@media (max-width: 480px) {
  .cutom-oxy-post .oxy-post-image-fixed-ratio {
    min-height: 255px;
  }
  .client-details-inner {
    padding: 45px 20px;
  }
  .conversion-ratio {
    padding: 60px 20px 0;
  }
}