/* GLOBALS */
/* Letter Effects */
.home-animated-title {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  height: 95px;
  overflow: hidden;
}

.home-animated-title-sep {
  width: 50px;
  height: 7px;
  border: 1px solid rgb(30, 150, 142);
  background-color: rgb(251, 251, 251);
  box-shadow: 2px 0 0 0 #08ffc8,4px 0 0 0 rgba(4, 109, 102, 0.5);
  display: block;
  margin: 12px auto 25px auto;
}

.letter {
  /*border: 1px solid red;*/
  display: inline-block;
  font-weight: 700;
  font-size: 6.25em;
  line-height: 1.05;
  position: relative;
  color: #08ffc8;
  transform-style: preserve-3d;
  perspective: 400;
  z-index: 1;
}

.letter:before, .letter:after {
  position:absolute;
  content: attr(data-letter);
  transform-origin: top left;
  top:0;
  left:0;
}

.letter, .letter:before, .letter:after {
  transition: all 0.3s ease-in-out;
}

.letter:before {
  color: #fff;
  text-shadow:
    2px 0 0 #08ffc8;
  z-index: 3;
  transform:
    rotateX(0deg)
    rotateY(-15deg)
    rotateZ(0deg);
}

.letter:after {
  color: rgba(4, 109, 102, 0.5);
  z-index:2;
  transform:
    scale(1.05,1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg,1deg);
}

.letter:hover:before {
  color: #ffffff;
  transform:
    rotateX(0deg)
    rotateY(-40deg)
    rotateZ(0deg);
}

.letter:hover:after {
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(40deg)
    rotateZ(0deg)
    skew(0deg,22deg);
}

@supports
((-webkit-text-stroke-color: #1E968E))
  or
  ((-moz-text-stroke-color: #1E968E)) {
  .letter:before {
    -moz-text-stroke-color: #1E968E;
    -webkit-text-stroke-color: #1E968E;
    -moz-text-stroke-width: 1px;
    -webkit-text-stroke-width: 1px;
  }
}

/* Slanted Div */
.angle--both-right-left {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw));
  clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw));
}

@supports not ((-webkit-clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw))) or (clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw)))) {
  .angle--both-right-left::before, .angle--both-right-left::after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 10;
    display: block;
    border-style: solid;
  }
  .angle--both-right-left::before {
    top: 0;
    border-width: 3.5vw 0 0 100vw;
    border-color: #fff transparent transparent transparent;
  }
  .angle--both-right-left::after {
    bottom: 0;
    border-width: 0 100vw 3.5vw 0;
    border-color: transparent transparent #fff transparent;
  }
}


/* HOME HERO TITLE */
.home-hero-title {
  display: block;
  position: absolute;
  top: 415px;
  left: 50%;
  transform: translateX(-50%);
  width: 820px;
  z-index: 70;
  font-family: 'Fjalla One', sans-serif;
}

.home-hero-title h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 5.3125rem;
  margin: 0;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 4px;
}

.title {
  transform: translateX(-50%) rotate(-10deg);
  display: block;
  float: left;
  left: 50%;
  position: relative;
}
.title span {
  transform: skew(-10deg);
  display: block;
  float: left;
  -webkit-text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
  rgba(9, 129, 121, 0.7) 2px 2px,
  rgba(9, 129, 121, 0.7) 3px 3px,
  rgba(9, 129, 121, 0.7) 4px 4px,
  rgba(9, 129, 121, 0.7) 5px 5px,
  rgba(9, 129, 121, 0.7) 6px 6px,
  rgba(9, 129, 121, 0.7) 7px 7px,
  rgba(9, 129, 121, 0.7) 8px 8px,
  rgba(9, 129, 121, 0.7) 9px 9px,
  rgba(9, 129, 121, 0.7) 10px 10px;
  text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
                rgba(9, 129, 121, 0.7) 2px 2px,
                rgba(9, 129, 121, 0.7) 3px 3px,
                rgba(9, 129, 121, 0.7) 4px 4px,
                rgba(9, 129, 121, 0.7) 5px 5px,
                rgba(9, 129, 121, 0.7) 6px 6px,
                rgba(9, 129, 121, 0.7) 7px 7px,
                rgba(9, 129, 121, 0.7) 8px 8px,
                rgba(9, 129, 121, 0.7) 9px 9px,
                rgba(9, 129, 121, 0.7) 10px 10px;
  min-width: 10px;
  min-height: 10px;
  position: relative;
}

.title:nth-child(1) {
  color: #feb518;
}
.title:nth-child(2) {
  color: #fefefe;
}
.title:nth-child(3) {
  color: #00fec8;
}

/* HOME HERE TITLE BG */
.home-title-bg,
.home-title-bg-next {
  background: transparent url("../img/ox_home_title_bg.png") no-repeat center top;
  width: 884px;
  height: 305px;
  position: absolute;
  top: 480px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 28px;
  z-index: 5;
}

.home-title-bg-next {
  background: transparent url("../img/ox_home_title_bg_next.png") no-repeat center top;
  top: 495px;
  z-index: 3;
  margin-left: 58px;
}

/* HOME HERO CONTENT */
.home-hero-content {
  height: 757px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 3.5vw));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 3.5vw));
}

#heroVideo {
  /*position: fixed;*/
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 10;
}

.home-bg-content {
  background: url("../img/hero_bg_grad.webp") no-repeat center top;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 55;
  top: 0;
}

.home-bg-mob-content {
  background: url("../img/home_mob_bg.jpg") no-repeat center top;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  display: none;
}

.home-hero-about {
  background: transparent url("../img/hero_about_bg.png") no-repeat center;
  padding: 175px 10px 130px 10px;

  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw));
  clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw));
  margin-top: -3.5vw;
}

.home-hero-about p {
  font-size: 1.25rem;
  color: #cce0df;
  font-weight: 300;
  line-height: 1.7;
  max-width: 994px;
}

.home-hero-about p > strong {
  color: #00fec8;
  font-weight: 700;
}

/* HOME PRODUCTS CONTENT */
.home-products-content {
  background: #16a69d url("../img/home_products_bg.png") repeat-y center top;
  min-height: 400px;

  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw));
  clip-path: polygon(0 0, 100% calc(0% + 3.5vw), 100% 100%, 0 calc(100% - 3.5vw));
  padding: 125px 10px;
  margin-top: -3.5vw;
}

.home-prod-titles p {
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 95px;
}

/* Home Products List */
.home-products-list {}

.home-prod-item {
  text-align: center;
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
}

.home-prod-item-img {
  min-height: 116px;
}

.home-prod-item-desc:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #08ffc8;
  box-shadow: 1px 1.732px 0 0 rgba(4, 109, 102, 1);
  margin: 24px auto;
}

.home-prod-item-desc {
  font-size: 1.25rem;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 3px;
  text-shadow: 2px 3.464px 1.74px rgba(9, 129, 121, 0.7);
}


/* HOME SERVICES CONTENT */
.home-services-top {
  background-color: #08FFC8;
  height: 90px;
  margin-top: -3.55vw;
}

.home-services-content {
  background: #ffffff url("../img/home_services_bg.webp") repeat-y center top;
  min-height: 300px;
  padding: 125px 10px;
  margin-top: -3.55vw;
}

.home-animate-title-services .letter:before {
  color: #1ea9a0;
}

.home-animate-title-services + .home-animated-title-sep {
  background-color: #1ea9a0;
}

.home-services-list {
  justify-content: space-around;
  padding-top: 35px;
}

.home-services-item {
  text-align: center;
}

.home-services-item-img {
  min-height: 119px;
}

.home-services-item-desc:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #08ffc8;
  box-shadow: 1px 1.732px 0 0 rgba(4, 109, 102, 1);
  margin: 24px auto;
}

.home-services-item-desc {
  font-size: 1.25rem;
  color: #1ea9a0;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 3px;
  text-shadow: 1px 2.464px 0.74px rgba(255, 255, 255, 1);
}

/* HOME GAMES CONTENT */
.home-games-content {
  padding: 60px 10px 100px 10px;
  overflow: hidden;
}

.home-games-titles p {
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 100px;
}

.home-games-item-list {
  max-width: 1920px;
  margin: auto;

  justify-content: space-between;
}

.home-games-item {
  text-align: center;
}

/* Bounce on hover */
.home-games-item-img {
  margin-bottom: 40px;
  min-height: 181px;

  display: flex;
  align-items: flex-end;
  position: relative;
}

.home-games-item-img img {
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.home-games-item-text {
  font-size: 1.875rem;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 0.933;
  text-transform: uppercase;
}

.home-games-item-text span {
  color: #08ffc8;
}

/* RESPONSIVE */
@media screen and (max-width: 1500px) {
  /* Letter Text Effect */
  .home-animated-title {
    height: 85px;
  }

  .home-animated-title-sep {
    margin-top: 5px;
  }

  .letter {
    font-size: 5.25rem;
  }

  /* Hemo Hero */
  .home-hero-title {
    width: 680px;
    top: 360px;
  }

  .home-hero-title h1 {
    font-size: 4.5rem;
  }

  .home-hero-content {
    height: 650px;
  }

  .home-title-bg {
    top: 380px;
    margin-left: 68px;
  }

  .home-title-bg-next {
    top: 397px;
    margin-left: 112px;
  }

  /* Home About */
  .home-hero-about {
    background-size: cover;
    padding: 155px 10px 110px 10px;
  }

  /* Home Products */
  .home-prod-titles p {
    font-size: 1.1rem;
    margin-bottom: 75px;
  }

  .home-prod-item-img {
    min-height: 95px;
  }

  .home-prod-item-img img {
    width: 90px;
    height: auto;
  }

  .home-prod-item-desc {
    font-size: .95rem;
  }

  /* Home Services */
  .home-services-top {
    height: 75px;
  }

  /* Home Games */
  .home-games-titles p {
    font-size: 1.1rem;
    margin-bottom: 75px;
  }

  .home-games-item-img {
    text-align: center;
    min-height: 150px;
  }

  .home-games-item-img img {
    width: 90%;
    height: auto;
    margin: 0 auto;
  }

  .home-games-item-text {
    font-size: 1.5rem;
  }

}

@media screen and (max-width: 1300px) {

  /* Letter Text Effect */
  .home-animated-title {
    height: 75px;
  }

  .letter {
    font-size: 4.5rem;
  }

  /* Home Hero */
  .home-hero-title {
    width: 680px;
    top: 335px;
  }

  .home-hero-title h1 {
    font-size: 4rem;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 660px;
  }

  .home-title-bg {
    top: 330px;
    margin-left: 0;
  }

  .home-title-bg-next {
    top: 345px;
    margin-left: 30px;
  }

  .home-hero-content {
    height: 600px;
  }

  /* Home About */
  .home-hero-about {
    padding: 135px 10px 90px 10px;
  }

  .home-hero-about p {
    font-size: 1.1rem;
  }

  /* Home Products */
  .home-products-content {
    padding: 110px 10px;
  }

  .home-prod-item-img {
    min-height: 90px;
  }

  .home-prod-item-img img {
    width: 85px;
    height: auto;
  }

  .home-prod-item-desc {
    font-size: .85rem;
  }

  /* Home Services */
  .home-services-top {
    height: 65px;
  }

  .home-services-content {
    padding: 110px 10px;
  }

  .home-services-item-img {
    min-height: 102px;
  }

  .home-services-item-img img {
    width: 100px;
    height: auto;
  }

  .home-services-item-desc {
    font-size: 1.15rem;
  }

  /* Home Games */
  .home-games-item-img {
    text-align: center;
    min-height: 130px;
  }
}

@media screen and (max-width: 1200px) {

  /* Home Hero */
  .home-hero-title {
    width: 600px;
    top: 294px;
  }

  .home-hero-title h1 {
    font-size: 3.5rem;
  }

  .title span {
    -webkit-text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px,
    rgba(9, 129, 121, 0.7) 5px 5px,
    rgba(9, 129, 121, 0.7) 6px 6px,
    rgba(9, 129, 121, 0.7) 7px 7px,
    rgba(9, 129, 121, 0.7) 8px 8px;
    text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px,
    rgba(9, 129, 121, 0.7) 5px 5px,
    rgba(9, 129, 121, 0.7) 6px 6px,
    rgba(9, 129, 121, 0.7) 7px 7px,
    rgba(9, 129, 121, 0.7) 8px 8px;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 595px;
    top: 268px;
  }

  .home-title-bg-next {
    top: 285px;
  }

  .home-hero-content {
    height: 520px;
  }

  /* Home Services */
  .home-services-top {
    height: 60px;
  }

  /* Home Games */
  .home-games-content {
    padding: 60px 10px 60px 10px;
  }

  .home-games-titles p {
    font-size: 1rem;
    margin-bottom: 55px;
  }

  .home-games-item-img {
    margin-bottom: 30px;
    min-height: 115px;
  }

  .home-games-item-text {
    font-size: 1.3rem;
  }

}

@media screen and (max-width: 1099px) {

  /* Home Hero */
  .home-hero-title {
    width: 550px;
    top: 272px;
  }

  .home-hero-title h1 {
    font-size: 3.24rem;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 560px;
    top: 230px;
    margin-left: 5px;
  }

  .home-title-bg-next {
    top: 242px;
    margin-left: 30px;
  }

  .home-hero-content {
    height: 485px;
  }

  /* Home About */
  .home-hero-about {
    padding: 125px 10px 80px 10px;
  }

  .home-hero-about p {
    font-size: 1rem;
  }

  /* Home Products */
  .home-products-content {
    padding: 90px 5px;
  }

  .home-prod-titles p {
    font-size: 1rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }

  .home-products-list {
    margin-bottom: 0;
  }

  .home-prod-item-img {
    min-height: 75px;
  }

  .home-prod-item-img img {
    width: 70px;
    height: auto;
  }

  .home-prod-item-desc {
    font-size: .7rem;
  }

  .home-prod-item-desc p {
    padding: 0 5px;
  }

  /* Home Services */
  .home-services-top {
    height: 55px;
  }

  .home-services-content {
    padding: 90px 10px 75px 10px;
  }

  .home-services-item-img {
    min-height: 92px;
  }

  .home-services-item-img img {
    width: 90px;
    height: auto;
  }

  .home-services-item-desc {
    font-size: 1rem;
  }

  /* Home Games */
  .home-games-titles p {
    margin-bottom: 35px;
  }

  .home-games-item-text {
    font-size: 1.15rem;
  }

}

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

  /* Letter Text Effect */
  .home-animated-title {
    height: 62px;
  }

  .home-animated-title-sep {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .letter {
    font-size: 3.5rem;
  }

  /* Home Hero */
  .home-hero-title {
    width: 460px;
    top: 207px;
  }

  .home-hero-title h1 {
    font-size: 2.6rem;
    letter-spacing: 3px;
  }

  .title span {
    -webkit-text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px,
    rgba(9, 129, 121, 0.7) 5px 5px,
    rgba(9, 129, 121, 0.7) 6px 6px;
    text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px,
    rgba(9, 129, 121, 0.7) 5px 5px,
    rgba(9, 129, 121, 0.7) 6px 6px;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 455px;
    top: 125px;
  }

  .home-title-bg-next {
    top: 136px;
    margin-left: 26px;
  }

  .home-hero-content {
    height: 370px;
  }

  /* Home About */
  .home-hero-about {
    padding: 105px 10px 60px 10px;
  }

  .home-hero-about p {
    font-size: .9rem;
  }

  /* Home Products */
  .home-products-content {
    padding: 75px 10px 55px 10px;
  }

  .home-prod-titles p {
    margin-bottom: 50px;
  }

  .home-products-list {
    flex-wrap: wrap;
  }

  .home-products-list li {
    max-width: 20%;
    margin-bottom: 20px;
  }

  .home-prod-item-desc {
    font-size: .8rem;
  }

  /* Home Services */
  .home-services-top {
    height: 45px;
  }

  .home-services-content {
    padding: 75px 10px 35px 10px;
  }

  .home-services-list {
    flex-wrap: wrap;
  }

  .home-services-list li {
    width: 33.33%;
    margin-bottom: 20px;
  }

  .home-services-item-desc p {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  /* Home Games */
  .home-games-content {
    padding-bottom: 50px;
  }

  .home-games-item-img {
    margin-bottom: 25px;
    min-height: 90px;
  }

  .home-games-item-text {
    line-height: 1.2;
  }

  .home-games-item-text p {
    padding-left: 5px;
    padding-right: 5px;
  }

}

@media screen and (max-width: 767px) {
  /* Letter Text Effect */
  .home-animated-title {
    height: 52px;
  }

  .home-animated-title-sep {
    margin-top: 3px;
  }

  .letter {
    font-size: 3rem;
  }

  /* Home Hero */
  .home-hero-title {
    width: 360px;
    top: 180px;
  }

  .home-hero-title h1 {
    font-size: 2rem;
  }

  .title span {
    -webkit-text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px,
    rgba(9, 129, 121, 0.7) 5px 5px;
    text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px,
    rgba(9, 129, 121, 0.7) 5px 5px;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 375px;
    top: 65px;
  }

  .home-title-bg-next {
    top: 76px;
  }

  .home-hero-content {
    height: 315px;
  }

  #heroVideo {
    display: none;
  }

  .home-bg-mob-content {
    display: block;
  }

  /* Home About */
  .home-hero-about {
    padding: 85px 10px 40px 10px;
  }

  /* Home Products */
  .home-products-content {
    padding: 55px 10px 35px 10px;
  }

  .home-products-list li {
    max-width: 28%;
  }

  .home-prod-item-img {
    min-height: 72px;
  }

  .home-prod-item-desc {
    font-size: .9rem;
  }

  /* Home Services */
  .home-services-top {
    height: 42px;
  }

  .home-services-content {
    padding: 75px 10px 30px 10px;
  }

  .home-services-item-img {
    min-height: 77px;
  }

  .home-services-item-img img {
    width: 75px;
    height: auto;
  }

  /* Home Games */
  .home-games-titles p {
    margin-bottom: 10px;
  }

}

@media screen and (max-width: 600px) {

  /* Home Hero */
  .home-hero-title {
    width: 300px;
    top: 145px;
  }

  .home-hero-title h1 {
    font-size: 1.6rem;
    letter-spacing: 2px;
  }

  .title span {
    -webkit-text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px;
    text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px,
    rgba(9, 129, 121, 0.7) 4px 4px;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 315px;
    top: 10px;
  }

  .home-title-bg-next {
    top: 20px;
    margin-left: 22px;
  }

  .home-hero-content {
    height: 255px;
  }

  /* Home Products */
  .home-products-content {
    padding: 55px 10px 25px 10px;
  }

  /* Home Services */
  .home-services-content {
    padding: 55px 10px 25px 10px;
  }

  .home-services-item-img {
    min-height: 72px;
  }

  .home-services-item-img img {
    width: 70px;
    height: auto;
  }

  /* Home Games */
  .home-games-content {
    padding: 40px 10px 30px 10px;
  }

  .home-games-item-img {
    min-height: 70px;
  }

  .home-games-item-text {
    font-size: 1rem;
  }

}

@media screen and (max-width: 500px) {

  /* Home Products */
  .home-products-content {
    padding: 45px 10px 15px 10px;
  }

  .home-products-list li {
    max-width: 38%;
  }

  /* Home Services */
  .home-services-top {
    height: 38px;
  }

  .home-services-content {
    padding: 45px 10px 15px 10px;
  }

  .home-services-list li {
    width: 50%;
  }

  /* Home Games */
  .home-games-content {
    padding: 35px 10px 30px 10px;
  }

  .home-games-item-list {
    display: block !important;
  }

  .home-games-item-list li.home-games-item {
    padding-top: 40px;
  }

  .home-games-item-text {
    font-size: 1.5rem;
  }

}

@media screen and (max-width: 479px) {

  /* Letter Text Effect */
  .home-animated-title {
    height: 45px;
  }

  .home-animated-title-sep {
    margin-top: 8px;
  }

  .letter {
    font-size: 2.8rem;
  }

  /* Home About */
  .home-hero-about {
    padding: 70px 15px 30px 15px;
  }

  /* Home Products */
  .home-products-list li {
    max-width: 45%;
  }

  .home-prod-titles p {
    margin-bottom: 35px;
  }

  .home-prod-item-desc p {
    margin-bottom: 10px;
  }

  /* Home Services */
  .home-services-top {
    height: 35px;
  }

  .home-services-list {
    padding-top: 28px;
  }

  /* Home Games */
  .home-games-item-text {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 374px) {

  /* Home Hero */
  .home-hero-title {
    width: 280px;
    top: 130px;
  }

  .home-hero-title h1 {
    font-size: 1.5rem;
  }

  .home-title-bg,
  .home-title-bg-next {
    width: 260px;
    top: -10px;
    margin-left: -12px;
  }

  .home-title-bg-next {
    top: 0;
    margin-left: 2px;
  }

  .home-hero-content {
    height: 230px;
  }

  /* Home About */
  .home-hero-about {
    padding: 65px 20px 25px 20px;
  }

  /* Home Products */
  .home-products-list li {
    max-width: 50%;
  }

  /* Home Services */
  .home-services-top {
    height: 30px;
  }

  .home-services-content {
    padding: 45px 5px 15px 5px;
  }

  .home-services-item-desc {
    font-size: .9rem;
  }

  /* Home Games */
  .home-games-item-list li.home-games-item {
    padding-top: 20px;
  }

}


@media screen and (max-width: 359px) {

  .home-hero-title h1 {
    letter-spacing: 1px;
  }

  .title span {
    -webkit-text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px;
    text-shadow:  rgba(9, 129, 121, 0.7) 1px 1px,
    rgba(9, 129, 121, 0.7) 2px 2px,
    rgba(9, 129, 121, 0.7) 3px 3px;
  }

}