/*************************** RESPONSIVE ***************************/


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

  /**** games specials ****/

  .all_you_can_take .container_game{
  width: 40%;
  right: 15%;
  bottom: 5%;
  }


  .all_you_can_take .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 90%;
  }


  .spindle .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 80%;
  }


  .masterwork .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 30%;
  }
  .ninstar .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 90%;
  }
  .masterwork .container_info{
    width: 40%;
    left: 0%;
  }
  .alienescape .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 90%;
  }
  .lostindeep .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 90%;
  }
  .climbjump .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 90%;
  }
  .thunderrunner .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 0%;
    width: 90%;
    height: 90%;
  }


}






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

  /**** games specials ****/

  .all_you_can_take .container_game{
  width: 50%;
  right: 0%;
  bottom: 20%;
  }


  .all_you_can_take .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }


  .spindle .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }

  .masterwork .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 5%;
    width: 70%;
    height: 60%;
  }
  .masterwork .container_info{
    width: 30%;
    left: 0%;
  }
  .masterwork .container_game{
    width: 65%;
  }




  .alienescape .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }
  .ninstar .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }
  .lostindeep .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }
  .climbjump .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }
  .thunderrunner .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 70%;
  }
}





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

  /**** games specials ****/

  .all_you_can_take .container_game{
  width: 45%;
  right: 10%;
  bottom: 0%;
  }


  .all_you_can_take .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 60%;
  }



  .spindle .wrapper_centered{
    position: relative;
    margin: 0 auto;
    top: 15%;
    width: 70%;
    height: 60%;
  }


}





/* Tablet styles */
@media screen and (min-width:0px) and (max-width:1099px) {

  .row{
    position: relative;
    margin: 0 auto;
    width: 90%;
  }

  .wrapper{
    height: auto;
  }

  .container_info{
    position: relative; 
    float: left;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
    margin-top: 40px;
  }

  .container_achievement{
    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

  margin-bottom: 50px;
  }


  /**** games specials ****/
  .all_you_can_take .container_game{

    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    transform: rotate(0deg);
  }

  .spindle .container_game{

    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .masterwork .container_game{

    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
  }


  .ninstar .container_game{
    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .alienescape .container_game-first{
    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    transform: rotate(0deg);
  }
  .alienescape .container_game-second{
    display: none;
  }

  .lostindeep .container_game{
    position: relative;
    float: left;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    transform: rotate(0deg);
  }


  .climbjump .container_game{
display: none;
  }

}