.bannerImgColor{
     width: 100%;height: 70vh;
}
.mianContColor{
    background: linear-gradient(180deg, rgba(19, 0, 49, 1) 0%, rgba(13, 57, 101, 1) 100%);
    height: 80vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.ContentContcolor1{
    width: 40%;height: 70vh;background: rgba(208, 208, 208, 0.599);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.ContentContcolor1New{
       display: none;
}
.ContentContcolor2{
    width: 40%;

}
.mainContDescColor{
    height: 80vh;width: 90%;display: flex;flex-direction: row;justify-content:space-around;align-items: center;background: rgba(0, 0, 0, 0.606);
}
.descColorCont{
    width: 30%;
}
.descColorCont img{
    width: 90%;height: 70vh;
}


.ContentContcolor2A{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}

.descColorCont2{
    color: #fff;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    height: 25vh;
    width: 50%;
}
.descColorCont2 img{
    width: 100%;
    height: 2vh;
}
.gameplayContMain{
    height: 110vh;width: 90%
}
.gameplayContentCont1{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 25vh;
}
.gameplayContentCont2{
    height: 50vh;display: flex;flex-direction: row;justify-content: space-around;
}
.gamePlayContentCont2A{
    display: flex;flex-direction: column;justify-content: space-between;height: 40vh;width: 22%;
}


/* //variations */
.variationsMainContColor{
    height: 70vh;
    width: 90%;
}
.variationsContentCont1{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: 22vh;
}
.variationsCotentCont2{
    display: flex;flex-direction: row;justify-content: space-around;align-items: center;
}



/* //bg */
.contCard {
    font: 1em/1.618 Inter, sans-serif;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    height: 380vh;
    padding: 30px;
    margin: 0;

    color: #224;
    background:
      url(https://eldritch.qodeinteractive.com/wp-content/uploads/2017/06/game-presentation-parallax-1.jpg) center / cover no-repeat fixed;
  }

@media screen and (max-width: 650px) {
    .bannerImgColor{
    height: auto;
   }
   .mianContColor{
    background: linear-gradient(180deg, rgba(19, 0, 49, 1) 0%, rgba(13, 57, 101, 1) 100%);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 18px 0px;
}
.ContentContcolor1{
   display: none;
}
.ContentContcolor1New{
    width: 90%;height: 71vh;background: rgba(208, 208, 208, 0.599);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}
.ContentContcolor2{
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 0px 18px;
}
.ContentContcolor2A{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;
}
.ContentContcolor2A img{
  width: 100%;
  height: 2vh;
}
.mainContDescColor{
    height: auto;width: 100%;display: flex;flex-direction: column;justify-content:space-around;align-items: center;background: rgba(0, 0, 0, 0.606);
}
.descColorCont{
    width: 90%;
  
}
.descColorCont img{
    width: 100%;height: auto;
}
.descColorCont2{
    color: #fff;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 95%;
    padding: 15px 0px;
}
.descColorCont2 h2{
    font-size: 19px;
    font-weight: bold;
}
.gameplayContMain{
    height: auto;width: 90%
}
.gameplayContentCont2{
    height: auto;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
}

.gamePlayContentCont2A{
    display: flex;flex-direction: column;justify-content: space-between;height: auto;width: 90%;padding: 10px 9px;
}
.gameplayContentCont1{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;padding: 20px 0px;
}



/* //variations */
.variationsMainContColor{
    height:auto;
    width: 90%;
}
.variationsContentCont1{
    color: #fff;display: flex;flex-direction:column;justify-content: center;align-items: center;height: auto;padding: 0px 0px 15px;
}
.variationsCotentCont2{
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 160vh;
}

/* //bg */
.contCard {
    font: 1em/1.618 Inter, sans-serif;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    height: auto;
    padding: 30px;
    margin: 0;
   background-size: cover;
   background-repeat: no-repeat;
    color: #224;
    background:
      url(https://eldritch.qodeinteractive.com/wp-content/uploads/2017/06/game-presentation-parallax-1.jpg) center / cover no-repeat fixed;
  }

  .navbar-collapse{
    background: #0C0127;
    padding: 20px;
    }

}



.modal-backdrop.show {
    z-index: auto;
  }