.main-nav .lang ~ li:nth-of-type(3) {
  font-weight: 500;
}

h2 {
  font-size: 1.65rem;
  font-weight: 500;
  margin: 0;
}

h3 {
  font-size: 1.65rem;
  line-height: 2rem;
  margin: 10px 0 20px;
}

section {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

section ul {
  font-size: 1rem;
  line-height: 1.3rem;
  padding-left: 0;
  margin: 0;
  list-style-position: inside;
}

section .container,
section .mainContent {
  width: 100%;
  max-width: 1000px;
  text-align: left;
  margin: 0 auto;
}

section .mainContent {
  position: relative;
  height: 450px;
  z-index: 5;
}

section .mainContent .container {
  position: relative;
  height: 300px;
}

section .textContent,
section .logos {
  width: 100%;
  max-width: 500px;
  margin: 0 50px;
  color: #fff;
  float: left;
}

section .textContent {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

section .whiteBG {
  background-color: #fff;
  margin-top: -150px;
  height: 150px;
}

section .logos {
  margin-top: 30px;
}

section:nth-of-type(2) {
  background-color: #ef4123;
}

section:nth-of-type(2) .mainContent {
  background-image: url("../images/products-collanol-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(100% + 10px) -95px;
}

section .award {
  position: absolute;
  top: 25px;
  right: 70px;
  width: 82px;
}

section .awardText {
  color: #ffff00;
  font-size: 0.65rem;
  line-height: 0.9rem;
  position: absolute;
  bottom: 20px;
  right: -155px;
  width: 195px;
}

section:nth-of-type(1) {
  background-color: #008746;
}

section:nth-of-type(6) {
  background-color: #008746;
}

section:nth-of-type(1) .mainContent {
  background-image: url("../images/products-procombo-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(100% + 20px) -165px;
}

section:nth-of-type(3) {
  background-color: #ff6633;
}

section:nth-of-type(3) .mainContent {
  background-image: url("../images/products-livevitamins-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
}

section:nth-of-type(4) {
  background-color: #003a5d;
}

section:nth-of-type(4) .mainContent {
  background-image: url("../images/products-magcombo-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
}

section:nth-of-type(5) {
  background-color: #cc0000;
}

section:nth-of-type(5) .mainContent {
  background-image: url("../images/products-visilife-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(92% + 20px) -79px;
}

section:nth-of-type(6) .mainContent {
  background-image: url("../images/products-procombobaby-keyvisual.jpg");
  background-repeat: no-repeat;
  background-position: calc(100% + 40px) -149px;
  max-width: 1250px;
}

section:nth-of-type(6) .logos {
  margin-left: 175px;
}

section:nth-of-type(7) {
  margin-top: 70px;
}

section:nth-of-type(7) p {
  text-align: center;
}

section:nth-of-type(7) img {
  width: 210px;
  margin: 40px 0 80px;
}

.disclaimer {
  font-size: 0.8rem;
  line-height: 1.2rem;
}

.more {
  position: absolute;
  bottom: -90px;
  right: 0;
  font-size: 0.9rem;
  font-weight: 400;
  padding-left: 20px;
}

.more::before {
  top: 0;
  left: -8px;
  width: 18px;
  height: 18px;
}

.dsk-550 {
  display: inline-block;
}

.mob,
.mob-550 {
  display: none;
}

/*
---------------------------------
		 MEDIA QUERIES
---------------------------------
*/
/*@media screen and (max-width: 1250px) {
	section:nth-of-type(6) .mainContent {
		max-width: 1250px;
		background-position: calc(58vw - 170px) -149px;
	}
	section:nth-of-type(6) .logos {
		margin-left: calc(50vw - 450px);
	}
}

@media screen and (max-width: 1100px) {
	.more {
		right: calc(120px - 10vw);
	}
}

@media screen and (max-width: 1000px) {
	section:nth-of-type(6) .logos {
		margin-left: 50px;
	}
}*/

@media screen and (max-width: 1300px) {
  section .awardText {
    width: 110px;
    right: -70px;
  }
  section .awardText br {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  section .container,
  section .mainContent {
    text-align: center;
  }
  section .mainContent,
  section .mainContent .container {
    height: initial;
  }
  section .award {
    top: initial;
    bottom: 250px;
    right: 295px;
    width: 82px;
  }
  section .awardText {
    right: calc(-50vw + 510px);
    bottom: 420px;
    width: 350px;
    height: 20px;
    transform-origin: bottom right;
    transform: rotate(-90deg);
    position: absolute;
  }
  section .container {
    padding: 0 30px;
    box-sizing: border-box;
  }
  section .textContent {
    top: 30px;
    transform: translateY(0);
    max-width: initial;
    margin: 0;
    position: relative;
  }
  section:nth-of-type(1) .mainContent,
  section:nth-of-type(2) .mainContent,
  section:nth-of-type(3) .mainContent,
  section:nth-of-type(4) .mainContent,
  section:nth-of-type(5) .mainContent,
  section:nth-of-type(6) .mainContent {
    height: auto;
    background-position: center bottom;
  }
  section:nth-of-type(2) .whiteBG,
  section:nth-of-type(1) .whiteBG {
    margin-top: -55px;
  }
  section:nth-of-type(3) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(4) .whiteBG {
    margin-top: -72px;
  }
  section:nth-of-type(5) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(6) .whiteBG {
    margin-top: -71px;
  }
  section:nth-of-type(3) .mainContent {
    background-image: url("../images/products-livevitamins-keyvisual-mob.jpg");
  }
  section:nth-of-type(4) .mainContent {
    background-image: url("../images/products-magcombo-keyvisual-mob.jpg");
  }
  section:nth-of-type(5) .mainContent {
    background-image: url("../images/products-visilife-keyvisual-mob.jpg");
  }
  section:nth-of-type(6) .mainContent {
    background-image: url("../images/products-procombobaby-keyvisual-mob.jpg");
  }
  section:nth-of-type(2) .textContent {
    padding-bottom: 320px;
  }
  section:nth-of-type(1) .textContent {
    padding-bottom: 380px;
  }
  section:nth-of-type(3) .textContent {
    padding-bottom: 440px;
  }
  section:nth-of-type(4) .textContent {
    padding-bottom: 340px;
  }
  section:nth-of-type(5) .textContent {
    padding-bottom: 310px;
  }
  section:nth-of-type(6) .textContent {
    padding-bottom: 380px;
  }
  .more {
    display: inline-block;
    margin: 0 auto 45px;
    position: relative;
    right: 0;
  }
  section:nth-of-type(3) .more,
  section:nth-of-type(4) .more,
  section:nth-of-type(5) .more,
  section:nth-of-type(6) .more {
    margin: 0 auto 55px;
  }
  section .logos {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  section .award {
    right: calc(50vw - 205px);
  }
  section .awardText {
    right: 10px;
  }
}

@media screen and (max-width: 550px) {
  section {
    position: relative;
  }
  section .mainContent {
    background-size: contain;
  }
  section:nth-of-type(1) .mainContent,
  section:nth-of-type(2) .mainContent {
    background-size: 110%;
  }
  section:nth-of-type(5) .mainContent {
    background-size: 100%;
  }
  section:nth-of-type(1) .textContent {
    padding-bottom: 69vw;
  }
  section:nth-of-type(2) .textContent {
    padding-bottom: 58vw;
  }
  section:nth-of-type(3) .textContent {
    padding-bottom: 70vw;
  }
  section:nth-of-type(4) .textContent {
    padding-bottom: 58vw;
  }
  section:nth-of-type(5) .textContent {
    padding-bottom: 56vw;
  }
  section:nth-of-type(6) .textContent {
    padding-bottom: 68vw;
  }
  section .award {
    width: 74px;
    right: calc(35vw - 110px);
    bottom: calc(62vw - 95px);
    z-index: 10;
  }
  section .awardText {
    bottom: calc(40vw + 280px);
  }
  .more {
    font-size: 1rem;
  }
}

@media screen and (max-width: 500px) {
  section .mainContent {
    background-size: 100%;
  }
  section .container {
    padding: 0 12vw;
  }
  section .award {
    bottom: calc(53vw - 45px);
    right: calc(38vw - 120px);
  }
  section:nth-of-type(1) .award {
    right: calc(39vw - 120px);
  }
  section .awardText {
    bottom: 410px;
    right: 5px;
  }
  h3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media screen and (max-width: 450px) {
  section:nth-of-type(2) .textContent {
    padding-bottom: 60vw;
  }
  section:nth-of-type(1) .textContent {
    padding-bottom: 74vw;
  }
  section:nth-of-type(2) .more,
  section:nth-of-type(1) .more {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 400px) {
  section .container {
    padding: 0 10vw;
  }
  section:nth-of-type(1) .textContent {
    padding-bottom: 70vw;
  }
  section:nth-of-type(3) .textContent {
    padding-bottom: 64vw;
  }
  section:nth-of-type(4) .textContent {
    padding-bottom: 59vw;
  }
  section:nth-of-type(6) .textContent {
    padding-bottom: 64vw;
  }
  section:nth-of-type(6) h3 {
    padding: 0 10px;
  }
  section .award {
    bottom: calc(50vw - 15px);
    right: calc(30vw - 60px);
    width: 62px;
  }
  section:nth-of-type(1) .award {
    right: calc(30vw - 65px);
  }
  section .awardText {
    bottom: 390px;
    right: 2px;
  }
  h2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  h3 {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  section ul {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

@media screen and (max-width: 316px) {
  section:nth-of-type(6) h3 {
    padding: 0;
  }
}