/*MEDIA QUERIES*/

@media (min-width: 1025px) and (max-width: 1440px) {
    
    @-webkit-keyframes startFront {
  0%{right:-220%; opacity: 0;}
  1%{width:550px;right:-100%;opacity: 1;}
  100%{width:550px;right:0%; opacity: 1;}
}

@keyframes startFront {
  0%{right:-220%; opacity: 0;}
  1%{width:550px;right:-100%;opacity: 1;}
  100%{width:550px;right:0%; opacity: 1;}
}
    
@keyframes startTagline {
  0%{left:-40%;; opacity: 0;}
  100%{left:8%; opacity: 1;}
}
@-webkit-keyframes startTagline {
  0%{left:-40%;; opacity: 0;}
  100%{left:8%; opacity: 1;}
}
.offerTitle{
   width: 100%;

}
}

@media (min-width: 768px) and (max-width: 1024px) {

  .tagline{
  width: 90%;
  }
  .offerTagline{
  font-size: 35px;
  }

  .text1{
    font-size: 30px;
  }
  .text2{
    line-height: 25px;
  }

.blockoffer{
  width:60%;
}
  .games{
    max-width:95%;;
  }
.l1{
  top:290px;
}
.l2{
  top:200px;
}

.menu{
  width:100%
}

.imgmenu{
  position : absolute;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.steps{
height:100%;
}

.step1, .step2, .step3{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
height:100%;
padding-bottom: 20px;
padding-top: 20px;
margin:auto;
}

.stepsText{
position: relative;
margin-top: auto;
margin-left: auto;
margin-bottom: auto;
width:100%;
}

.stepsText h4{
font-size: 20px;
}

.stepsText p{
margin:0px;
}

#icons_register, #icons_slots{
  height:75px;
  width:auto;
  padding: 0px;
}
#icons_fast-withdrawal{
  height:115px;
  width:auto;
  padding: 0px;
  margin-bottom: -20px;
  margin-top: -20px;
}


  @-webkit-keyframes startL1 {
    0%{left: -100%; opacity: 0;}
    100%{left:-40%; opacity: 0.8;}
  }

  @keyframes startL1 {
    0%{left: -100%; opacity: 0;}
    100%{left:-40%; opacity: 0.8;}
  }

  @-webkit-keyframes startL2 {
    0%{right:-100%; opacity: 0;}
    100%{right:-45%; opacity: 0.8;}
  }

  @keyframes startL2 {
    0%{right:-100%; opacity: 0;}
    100%{right:-45%; opacity: 0.8;}
  }


@-webkit-keyframes startFront {
  0%{right:-220%; opacity: 0;}
  1%{width:550px;right:-700px;opacity: 1;}
  100%{width:550px;right:-200px; opacity: 1;}
}


@keyframes startFront {
  0%{right:-220%; opacity: 0;}
  1%{width:550px;right:-700px;opacity: 1;}
  100%{width:550px;right:-200px; opacity: 1;}
}


  @keyframes startTagline {
    0%{left:-40%;; opacity: 0;}
    100%{left:5%; opacity: 1;}
  }
  @-webkit-keyframes startTagline {
    0%{left:-40%;; opacity: 0;}
    100%{left:5%; opacity: 1;}
  }



}
@media (min-width: 601px) and (max-width: 767px) {
.scene{
height:600px;
}
  .tagline{
  width: 90%;
  }
  .offerTagline{
  font-size: 35px;
  }
.offerTitle{
font-size: 40px;
}
.text1{
font-size: 45px;
}
  .text2{
    font-size: 29px;
    line-height: 18px;
}

.character{
    margin-left:-0%;
}

.logo{
  margin-right: 10%;
}

.bckgGame{
    margin-left: 0px;
}

.blockoffer{
  width:70%;
}

.vignette, .playMore{
  max-width:90%;
  width:90%;
}

.playMore img{
  height:45px;
  width: auto;
  left: 0px;
  margin-left: auto;
  margin-right: 10%;
}

.l1{
  display: none;
}
.l2{
  display: none;
}

.menu{
  width:100%
}

.imgmenu{
  position : absolute;
  display:block;
  margin-left:auto;
  margin-right:auto;
}


#iconPayment{
  height:30px;
}

/* STEPS */

.steps{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  width: 100%;
height:100%;
}

.step1, .step3{
margin: auto;
padding: 0px 40px 0px 40px;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.step2{
margin: auto;
padding: 0px 40px 0px 15px;
  max-width: 100%;
  position: relative;
  width: 100%;
  background-color: black;
}

.stepsText{
  width:100%;
  margin-top: auto;
    margin-bottom: auto;
width:100%;
}

.stepsText p{
    width:100%;
margin-bottom: 25px;
}

#icons_register, #icons_slots, #icons_slots{
margin: auto;
  width:100px;
  padding: 0px;
}
#icons_fast-withdrawal{
    margin: auto;
  width:150px;
  padding: 0px;
}

.arrow_separator{
  display:none;
}

#icons_register, #icons_slots, svg #icons_slots{
margin: auto;
  width:100px;
  padding: 0px;
}
#icons_fast-withdrawal{
    margin: auto;
  width:150px;
  padding: 0px;
}

.arrow_separator{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  margin:0px;
  padding:0px;
height:200px;
}
    
   .footerColumn{
    padding-left:0px;
    margin-left: 0px;
    }
    
    @keyframes startL1 {
      0%{left: -100%; opacity: 0;}
      100%{left:-40%; opacity: 0.8;}
    }
    

@-webkit-keyframes startL1 {
  0%{left: -100%; opacity: 0;}
  100%{left:-40%; opacity: 0.8;}
}
    
@keyframes startL2 {
  0%{right:-100%; opacity: 0;}
  100%{right:-45%; opacity: 0.8;}
}

@-webkit-keyframes startL2 {
  0%{right:-100%; opacity: 0;}
  100%{right:-45%; opacity: 0.8;}
}


@keyframes startFront {
  0%{right:-220%; opacity: 0;}
  1%{width:550px;right:-700px;opacity: 1;}
  100%{width:550px;right:-40%; opacity: 1;}
}

@-webkit-keyframes startFront {
  0%{right:-220%; opacity: 0;}
  1%{width:550px;right:-700px;opacity: 1;}
  100%{width:550px;right:-40%; opacity: 1;}
}

@-webkit-keyframes startTagline {
  0%{left:-40%;; opacity: 0;}
  100%{left:5%; opacity: 1;}
}

@keyframes startTagline {
  0%{left:-40%;; opacity: 0;}
  100%{left:5%; opacity: 1;}
}
}

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

    h2{
    text-align:center;
    }
    
   h5, h6{
  padding:10px;
  }

  .legalText{
    padding:10px;
    width:90%;
    margin: auto;
  }

  .paymentMethod{
  max-width:100%;
  }

    .tagline{
    width: 90%;
    }
    .offerTagline{
    font-size: 35px;
    }
  .offerTitle{
      text-align: center;
  font-size: 20px;
  line-height: 32px;
  }
  .text1{
      text-align: center;
  font-size: 40px;
  }
    .text2{
        text-align: center;
          font-size: 32px;
      line-height: 25px;
  }

  .offerButton{
    margin-left:auto;
    margin-right:auto;
  }
.offerText{
width:100%;
text-align: center;
}
  .blockoffer{
    width:100%;
  }

  .vignette, .playMore{
    max-width:90%;
    width:90%;
  }

  .playMore img{
    height:45px;
    width: auto;
    left: 0px;
    margin-left: auto;
    margin-right: 10%;
  }    .playMore{
    height: 100px;
    }
    
   .playMore{
    height: 100px;
    }

  .character{
      margin-left:-0%;
  }

  .bckgGame{
      margin-left: 0px;
  }


  .l1, .front{
    display: none;
  }

  .menu{
    width:100%
  }

  .imgmenu{
    position : absolute;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }
    
 .imgmenu1{
    margin:auto;
  }

  .scene{
  height: 550px;
  }

  #iconPayment{
    height:30px;
  }

  /* STEPS */

  .steps{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    width: 100%;
  height:100%;
  }

.step1, .step2, .step3{
margin: auto;
padding: 0px 20px 0px 20px;
  max-width: 100%;
  position: relative;
  width: 100%;
}

  .step2{
  margin: auto;
  padding: 0px 40px 0px 15px;
    max-width: 100%;
    position: relative;
    width: 100%;
    background-color: black;
  }

  .stepsText{
    width:100%;
    margin-top: auto;
      margin-bottom: auto;
  width:100%;
  }

  .stepsText p{
      width:100%;
  margin-bottom: 25px;
  }

  #icons_register, #icons_slots, #icons_slots{
  margin: auto;
    width:100px;
    padding: 0px;
  }
  #icons_fast-withdrawal{
      margin: auto;
    width:150px;
    padding: 0px;
  }

  .arrow_separator{
    display:none;

  }
  .footerColumn{
    padding-left:0px;
    margin-left: 0px;
    }
    
    .footer{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  }
  .footerBlock p, .footerBlock h2{
     padding-left:10px;
margin-bottom:0px;
margin-right: 0px;
  }
      .footerBlock img{
    margin-top: 15px;
    }   
    

  @-webkit-keyframes startL2 {
    0%{right:-100%; opacity: 0;}
    100%{right:-45%; opacity: 0.5;}
  }   
    

  @keyframes startL2 {
    0%{right:-100%; opacity: 0;}
    100%{right:-45%; opacity: 0.5;}
  }


  @-webkit-keyframes startTagline {
    0%{left:-40%;; opacity: 0;}
    100%{left:0%; opacity: 1;}
  }


  @keyframes startTagline {
    0%{left:-40%;; opacity: 0;}
    100%{left:0%; opacity: 1;}
  }

}

@media (min-width: 1px) and (max-width: 400px) {

    h2{
    text-align:center;
    }
    
  h5{
    padding-top:10px;
    padding-bottom:30px;
    padding: 20px 10px 0px 10px;
    text-align: center;
    }

.scene{
height: 465px;
}

.paymentMethod{
max-width:100%;
}

#iconPayment{
  height:25px;
}
  .tagline{
  width: 100%;
  }
  .offerTagline{
  font-size: 35px;
  }
.offerTitle{
  text-align: center;
font-size: 20px;
}
.text1{
  text-align: center;
font-size: 30px;
    line-height: 30px;
}
  .text2{
    text-align: center;
        font-size: 26px;
    line-height: 16px;
}

.offerButton{
  margin-left:auto;
  margin-right:auto;
}
.offerText{
width:100%;
text-align: center;
}
.blockoffer{
  width:100%;
}

.vignette, .playMore{
  max-width:90%;
  width:90%;
}

.playMore img{
  height:45px;
  width: auto;
  left: 0px;
  margin-left: auto;
  margin-right: 10%;
}
    .playMore{
    height: 100px;
    }

.l1, .front{
  display: none;
}

.menu{
  width:100%
}

.imgmenu{
  position : absolute;
  display:block;
  margin-left:auto;
  margin-right:auto;
}
    
 .imgmenu1{
    margin:auto;
    padding-top:30px;
  }
    
/* STEPS */

.steps{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  width: 100%;
height:100%;
}

.step1, .step2, .step3{
margin: auto;
padding: 0px 20px 0px 20px;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.stepsText{
  width:100%;
  margin-top: auto;
    margin-bottom: auto;
width:100%;
}

.stepsText p{
    width:100%;
margin-bottom: 25px;
}

#icons_register, #icons_slots, svg #icons_slots{
margin: auto;
  width:100px;
  padding: 0px;
}
#icons_fast-withdrawal{
    margin: auto;
  width:150px;
  padding: 0px;
}

.arrow_separator{
 display:none;
}

       .footerColumn{
    padding-left:0px;
    margin-left: 0px;
    }
  .footer{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  }
  .footerBlock p, .footerBlock h2{
      padding-left:10px;
margin-bottom:0px;
margin-right: 0px;
  }
    .footerBlock img{
    margin-top: 15px;
    }   

@-webkit-keyframes startL2 {
  0%{right:-100%; opacity: 0;}
  100%{right:-45%; opacity: 0.5;}
}   

@keyframes startL2 {
  0%{right:-100%; opacity: 0;}
  100%{right:-45%; opacity: 0.5;}
}


@-webkit-keyframes startTagline {
  0%{left:-40%;; opacity: 0;}
  100%{left:0%; opacity: 1;}
}


@keyframes startTagline {
  0%{left:-40%;; opacity: 0;}
  100%{left:0%; opacity: 1;}
}
}