.main .bannerSection .top {
    z-index: 1;
}

.main .entShowcase .tiling {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: absolute;
}

.main .entShowcase img {
    position: relative;
}

@media screen and (min-width: 860px) {

    @media screen and (max-width: 1130px) {
        .main .bannerText {
            width: 44vw;
        }

        .main .bannerText p {
          font-size: 12px;
      }
    }

    @media screen and (max-width: 1040px) {
      .main .bannerText {
          width: 42vw;
      }

      .main .bannerText p {
        font-size: 11px;
    }
  }

    @media screen and (max-width: 980px) {
        .main .bannerText {
            width: 38vw;
        }

        .main .bannerText p {
            font-size: 10px;
        }
    }

    @media screen and (max-width: 840px) {
        .main .bannerText {
            width: 30vw;
        }

        .main .bannerText h1 {
            font-size: 22px;
        }

        .main .bannerText p {
            font-size: 10px;
        }
    }

    .main .bannerText::after {
        width: 90vw;
    }

    .main .entShowcase {
        right: 77vh;
        bottom: 32vh;
    }

    .bannerSection .topGradient {
        left: 30% !important;
        width: 65% !important;
    }

    .main .entShowcase.anim {
        right: 80vh;
    }

    #phone {
        z-index: 2;
        height: 37vh;
        position: absolute;
        left: 80px;
        top: -5vh;
    }

    .main .entShowcase .tiling {
        width: 82vh;
        left: 2vw;
        top: 2vh;
    }

    .main .entShowcase .tiling img {
        height: 14vh;
        margin: 3px;
        width: auto;
    }

    .main .entShowcase .tiling img:nth-child(2) {
        margin-left: 104px;
    }

}

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

    .main .entShowcase {
        height: 35vh;
        right: -3vw;
    }

    .bannerSection .topGradient {
        left: 40% !important;
        width: 50% !important;
    }

    .main .entShowcase.anim {
        right: -2%;
    }

    #phone {
        z-index: 2;
        height: 95%;
        position: absolute;
        right: 10%;
        bottom: 0;
    }

    .main .entShowcase .tiling {
        right: -5%;
        top: 20%;
        height: 60%;
        width: 108%;
    }

    .main .entShowcase .tiling img {
        width: auto;
        margin: 3px;
        height: 9vh;
        object-fit: contain;
    }

    .main .entShowcase .tiling img:nth-child(2) {
        margin-left: 10vw;
    }

}

@media screen and (max-width: 859px) and (min-width: 540px) {

  .main .entShowcase .tiling {
    right: 0;
    top: 20%;
    height: 60%;
    width: 58%;
  }

  #phone {
    right: 10%;
  }

}