.dis-main {
  position: relative;
  padding-top: 120px;
  padding-bottom: 90px;
  background-color: #32BDB9;
}

.dis-main:after {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  bottom: -20%;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 245, 242, 0)), color-stop(36.39%, #f6f5f2), to(#f6f5f2));
  background: -webkit-linear-gradient(rgba(246, 245, 242, 0) 0%, #f6f5f2 36.39%, #f6f5f2 100%);
  background: -o-linear-gradient(rgba(246, 245, 242, 0) 0%, #f6f5f2 36.39%, #f6f5f2 100%);
  background: linear-gradient(rgba(246, 245, 242, 0) 0%, #f6f5f2 36.39%, #f6f5f2 100%);
}

.dis-main__bg {
  z-index: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}

.dis-main__bg:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -20%;
  width: 100%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 245, 242, 0)), color-stop(36.39%, #f6f5f2), to(#f6f5f2));
  background: -webkit-linear-gradient(rgba(246, 245, 242, 0) 0%, #f6f5f2 36.39%, #f6f5f2 100%);
  background: -o-linear-gradient(rgba(246, 245, 242, 0) 0%, #f6f5f2 36.39%, #f6f5f2 100%);
  background: linear-gradient(rgba(246, 245, 242, 0) 0%, #f6f5f2 36.39%, #f6f5f2 100%);
}

.dis-main__wrapper {
  z-index: 2;
  position: relative;
  padding-left: 320px;
  padding-right: 320px;
}

.dis-main__wrapper > div {
  width: 100%;
  max-width: 716px;
  margin-right: auto;
}

.dis-main__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

.dis-main__content h1 {
  margin: 0;
  padding-bottom: 30px;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: 0.56px;
  text-align: center;
  color: #ffffff;
}

.dis-main__content a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 240px;
  height: 62px;
  border-radius: 71px;
  background-color: #c94d65;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.79;
  letter-spacing: 0.53px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.dis-main__content a:hover {
  background-color: #55265a;
  -webkit-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}

.dis-main .breadcrumbs {
  text-align: center;
}

.dis-main .breadcrumbs a,
.dis-main .breadcrumbs span {
  color: #ffffff;
}

.details {
  background-color: #f6f5f2;
}

.details__desc {
  padding-bottom: 45px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.78;
  letter-spacing: 0.16px;
  text-align: right;
  color: #101010;
}

.details__title {
  padding-bottom: 30px;
  font-size: 39px;
  font-weight: bold;
  line-height: 1.51;
  letter-spacing: 0.35px;
  text-align: right;
  color: #101010;
}

.details__table {
  padding-bottom: 100px;
}

.details table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.details table thead th,
.details table thead td,
.details table thead td a,
.details table td thead a,
.details table tbody th,
.details table tbody td,
.details table tbody td a,
.details table td tbody a {
  padding: 10px 30px;
}

.details table tbody tr {
  height: 104px;
}

.details table tbody tr:nth-child(odd) {
  background-color: #e5e3dd;
}

.details table th {
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0.19px;
  text-align: right;
  color: #101010;
}

.details table td,
.details table td a {
  font-size: 24px;
  line-height: 1.29;
  letter-spacing: 0.22px;
  text-align: right;
  color: #000000;
}

.details table td:nth-of-type(2) a,
.details table td a:nth-of-type(2) a {
  display: none;
}

.details table td a {
  padding: 0 !important;
  text-decoration: underline;
  -webkit-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.details table td a:hover {
  color: #32bdb9;
  text-decoration: underline;
  -webkit-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

@media screen and (max-width: 1919px) {
  .dis-main__wrapper {
    padding-left: 300px;
    padding-right: 300px;
  }
}

@media screen and (max-width: 1599px) {
  .dis-main__wrapper {
    padding-left: 250px;
    padding-right: 250px;
  }
}

@media screen and (max-width: 1535px) {
  .dis-main__wrapper {
    padding-left: 200px;
    padding-right: 200px;
  }
}

@media screen and (max-width: 1365px) {
  .dis-main__wrapper {
    padding-left: 125px;
    padding-right: 125px;
  }

  .dis-main__content h1 {
    font-size: 50px;
  }
}

@media screen and (max-width: 1279px) {
  .dis-main {
    padding-top: 90px;
    padding-bottom: 120px;
  }

  .dis-main__wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .dis-main__wrapper > div {
    max-width: 500px;
  }

  .dis-main__content {
    padding-left: 0;
    padding-right: 0;
  }

  .dis-main__content h1 {
    font-size: 45px;
  }

  .details__title {
    font-size: 35px;
  }

  .details table th {
    font-size: 17px;
  }

  .details table td,
  .details table td a {
    font-size: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .dis-main {
    overflow: hidden;
    padding-top: 0;
  }

  .dis-main:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .dis-main__bg {
    position: relative;
    height: 300px;
    background-size: cover;
  }

  .dis-main__bg:after {
    display: none;
  }

  .dis-main__wrapper {
    padding-top: 25px;
  }

  .dis-main__wrapper > div {
    max-width: 100%;
  }

  .dis-main .breadcrumbs a,
  .dis-main .breadcrumbs span {
    color: #000000;
  }

  .details__desc {
    font-size: 17px;
  }

  .details__table {
    padding-bottom: 75px;
  }
}

@media screen and (max-width: 767px) {
  .dis-main {
    padding-bottom: 75px;
  }

  .dis-main__bg {
    height: 200px;
  }

  .dis-main__content h1 {
    font-size: 31px;
  }

  .dis-main__content a {
    display: none;
  }

  .details .c-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .details__desc {
    padding-left: 15px;
    padding-right: 15px;
  }

  .details__title {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 32px;
  }

  .details__table {
    padding-bottom: 50px;
  }

  .details table thead th,
  .details table thead td,
  .details table thead td a,
  .details table td thead a,
  .details table tbody th,
  .details table tbody td,
  .details table tbody td a,
  .details table td tbody a {
    padding: 15px;
  }

  .details table thead th:nth-last-of-type(1),
  .details table thead th:nth-last-of-type(2),
  .details table thead td:nth-last-of-type(1),
  .details table thead td a:nth-last-of-type(1),
  .details table td thead a:nth-last-of-type(1),
  .details table thead td:nth-last-of-type(2),
  .details table thead td a:nth-last-of-type(2),
  .details table td thead a:nth-last-of-type(2),
  .details table tbody th:nth-last-of-type(1),
  .details table tbody th:nth-last-of-type(2),
  .details table tbody td:nth-last-of-type(1),
  .details table tbody td a:nth-last-of-type(1),
  .details table td tbody a:nth-last-of-type(1),
  .details table tbody td:nth-last-of-type(2),
  .details table tbody td a:nth-last-of-type(2),
  .details table td tbody a:nth-last-of-type(2) {
    display: none;
  }

  .details table tbody tr {
    height: auto;
    min-height: 104px;
  }

  .details table th {
    font-size: 14px;
  }

  .details table td,
  .details table td a {
    font-size: 17px;
    width: 50%;
  }

  .details table td:nth-of-type(2) a,
  .details table td a:nth-of-type(2) a {
    display: block !important;
  }
}