#aboutSection {
  background-color: #fff;
}

.aboutOuter {
  padding: 70px 0;
  max-width: 1050px;
  margin: 0 auto;
}

#aboutSection .aboutOuter1 {
  background: #d84128;
  padding: 5% 0;
  color: #fff;
}

.aboutDesc .descWrap {
  display: block;
}

.Image img,
.aboutImage img {
  width: 100%;
  height: auto;
}

.aboutImage {
  font-size: 0;
  width: 45%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3%;
}

.aboutContent {
  width: 47.9%;
  display: inline-block;
  vertical-align: top;
  padding-top: 40px;
}

.abt {
  font-size: 35px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-weight: 500;
}

.aboutDesc {
  font-size: 12px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
}

.aboutDesc .descWrap {
  margin-bottom: 15px;
  line-height: 1.25;
  display: block;
}

.aboutDesc .descWrap a {
  color: #fff;
}

span.first {
  font-weight: 700;
}

.aboutInner1 {
  margin-bottom: 50px;
}

.aboutInner2 {
  text-align: center;
  line-height: 1;
}

.previousContents {
  font-size: 0;
}

.previousContents li:last-child {
  margin-right: 0;
}

.previousContents li {
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  cursor: default;
  width: 23%;
}

.Image img {
  height: auto;
}

.previousTitle {
  font-size: 16px;
  text-align: left;
  margin: 15px 0;
  text-transform: uppercase;
}

.prevDesc {
  font-size: 12px;
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 15px;
}

.learn {
  width: 48%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2%;
  display: flex;
}

.stream {
  width: 48%;
  display: flex;
  vertical-align: middle;
  margin-left: 2%;
  flex-direction: row;
}

.learn a,
.stream a {
  font-size: 14px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display: block;
  height: 36px;
  line-height: 36px;
  border: 1px solid;
}

.learn:hover,
.stream:hover {
  opacity: 0.7;
}

.abt.mobile {
  display: none;
}

.aboutOuter {
  max-width: 100%;
}

.aboutInner1 {
  max-width: 1050px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.continue-reading {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .aboutOuter {
    padding: 70px 0;
    max-width: 93%;
    margin: 0 auto;
  }
  .previousContents li {
    display: inline-block;
    width: calc(94% / 3);
    vertical-align: top;
    margin-right: 3%;
    cursor: default;
  }
}

@media only screen and (max-width: 767px) {
  .aboutOuter {
    padding: 30px 0;
    max-width: 90%;
    margin: 0 auto;
  }
  .abt.desktop {
    display: none;
  }
  .aboutDesc .descWrap {
    line-height: 20px;
    height: 47vh;
    overflow: hidden;
  }
  .aboutDesc .descWrap.expand {
    height: auto;
    overflow: unset;
  }

  .abt.mobile {
    display: block !important;
  }
  .aboutImage {
    font-size: 0;
    width: 100%;
    display: block;
    vertical-align: middle;
    margin-right: 0;
  }
  .abt {
    font-size: 20px;
    text-align: center;
  }
  .aboutContent {
    width: 100%;
    display: block;
    vertical-align: middle;
    margin-top: 25px;
    position: relative;
  }
  .previousContents li {
    display: block;
    width: 100%;
    vertical-align: top;
    margin-right: 0;
    cursor: default;
    margin-bottom: 30px;
  }
  .Image img {
    height: auto;
  }
  .aboutInner1 {
    max-width: 92%;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
  }
  .continue-reading {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 27vh 0 40px;
    top: 45%;
    background: linear-gradient(
      180deg,
      rgba(216, 65, 40, 0) 0%,
      rgba(216, 65, 40, 1) 100%
    );
    text-decoration: underline;
    display: block;
  }
  .continue-reading {
    display: block;
  }
}
@media only screen and (max-width: 1023px) {
  span.descWrap {
  }

  .aboutDesc {
    width: 87%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1024px) {
  .Image img.thelionimg {
    width: 100%;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .continue-reading {
    display: none;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .continue-reading {
    display: block;
  }
  .continue-reading {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 27vh 0 40px;
    top: 45%;
    background: linear-gradient(
      180deg,
      rgba(216, 65, 40, 0) 0%,
      rgba(216, 65, 40, 1) 100%
    );
    text-decoration: underline;
    display: block;
  }
}

@media only screen and (min-width: 1900px) {
  .aboutInner1 {
    max-width: 77.835vw;
    margin-bottom: 3.706vw;
  }

  .aboutTitle.abt {
      font-size: 2.595vw;
      margin-bottom: 1.483vw;
      letter-spacing: 0.074vw;
  }

  .aboutContent {
      padding-top: 2.965vw;
  }

  .aboutDesc {
      font-size: 0.890vw;
  }

  span.descWrap {
      margin-bottom: 1.112vw !important;
  }
}


@media (min-width: 600px) and (max-width: 1024px) and (orientation: landscape){
  .continue-reading {   
    padding: 37vh 0 40px;
  }
}