/* ----------- iPhone 6 potrait ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 720px) 
  and (orientation: portrait) {
  .landing {
    height: 100vh !important;
  }
  .landing-text {
    float: none;
  }
  .landing-img.sports {
    content: url(../img/landing-sports.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.casino {
    content: url(../img/landing-casino.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.poker {
    content: url(../img/landing-poker.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.slots {
    content: url(../img/landing-slots.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.toto {
    content: url(../img/landing-toto.jpg);
    width: 100%;
    height: auto;
  }
  .landing-btn {
    margin-top: 75%;
  }
  .landing-btn .gb .btn {
    float: left;
    width: 32.44%;
    font-size: 12px;
    padding: 12px 12px;
  }
  .landing-btn .gb:nth-child(2) .btn {
    margin: 0 4px;
  }
  .game-one-half-slot {
    float: left;
    width: 33.33%;
  }
  .game-one-half-cas {
    width: 50%;
  }
  .cas-games > .game-maintenance {
    width: 47.4%;
    height: 137px;
  }
  .cas-games > .game-inactive {
  	width: 47.4%;
    height: 137px;
  }
  .cas-games > .game-inactive > div {
    font-size: 13px;
  }
  .card-container, .card .back {
    min-height: 136px;
  }
  .card .back {
    padding: 9px 5px;
  }
  /*[id^='limit-content'] {
    width: 46.8%;
    height: 19%;
    padding: 5px 8px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5em;
  }*/
}

/* ----------- iPhone 6 landscape ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 720px) 
  and (orientation: landscape) {
  .landing {
    height: 80vh !important;
  }
  .landing-text {
    float: right;
    margin: 0 4% 0 0;
    display: block;
  }
  .landing-img.sports {
    content: url(../img/landing-sports-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.casino {
    content: url(../img/landing-casino-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.poker {
    content: url(../img/landing-poker-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.slots {
    content: url(../img/landing-slots-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.toto {
    content: url(../img/landing-toto-landscape.jpg);
    width: 100%;
    height: auto;
  }
  .landing-btn {
    margin: 12% 15% 0 0;
    position: absolute;
    right: 0;
  }
  .landing-btn .gb .btn {
    width: 130%;
    font-size: 120%;
    padding: 10px 12px;
  }
  .landing-btn .gb:nth-child(2) .btn {
    margin: 4px 0;
  }
  .game-one-half-slot {
    float: left;
    width: 25%;
  }
  .game-one-half-cas {
    width: 33.333%;
  }
  .cas-games > .game-maintenance {
    width: 31.9%;
    height: 158px;
  }
  .cas-games > .game-inactive {
    width: 31.9%;
    height: 158px;
  }
  .card-container, .card .back {
    min-height: 157px;
  }
  .card .back {
    padding: 10px 5px;
  }
  /*[id^='limit-content'] {
    width: 48.3%;
    height: 52%;
    padding: 32px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.6em;
  }*/
}
/* ----------- iPad pro potrait ----------- */
@media only screen 
  and (min-device-width: 721px) 
  and (max-device-width: 1440px) 
  {
  .landing {
    height: 100vh !important;
  }
  .landing-text {
    float: none;
  }
  .landing-img.sports {
    content: url(../img/landing-sports.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.casino {
    content: url(../img/landing-casino.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.poker {
    content: url(../img/landing-poker.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.slots {
    content: url(../img/landing-slots.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.toto {
    content: url(../img/landing-toto.jpg);
    width: 100%;
    height: auto;
  }
  .landing-text h1 {
    font-size: 500% !important;
  }
  .landing-text h2 {
    font-size: 260% !important;
  }
  .landing-btn {
    margin-top: 91%;
  }
  .landing-btn .gb .btn {
    float: left;
    width: 32.8%;
    font-size: 200%;
    padding: 12px 12px;
  }
  .landing-btn .gb:nth-child(2) .btn {
    margin: 0 4px;
  }
  .game-one-half-slot {
    float: left;
    width: 33.33%;
  }
  .game-one-half-cas {
    width: 33.33%;
  }
  .cas-games > .game-maintenance {
    width: 32.4%;
    height: 229px;
  }
  .cas-games > .game-inactive {
    width: 32.4%;
    height: 229px;
  }
  .card-container, .card .back {
    min-height: 229px;
  }
  .card .back {
    padding: 40px 20px;
  }
}

/* ----------- iPad pro landscape ----------- */
@media only screen 
  and (min-device-width: 721px) 
  and (max-device-width: 1440px) {
  .landing {
    height: 56vh !important;
  }
  .landing-text {
    float: right;
    margin: 3% 4% 0 0;
    display: block;
  }
  .landing-img.sports {
    content: url(../img/landing-sports-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.casino {
    content: url(../img/landing-casino-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.poker {
    content: url(../img/landing-poker-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.slots {
    content: url(../img/landing-slots-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.toto {
    content: url(../img/landing-toto-landscape.jpg);
    width: 100%;
    height: auto;
  }
  .landing-text h1 {
    font-size: 500% !important;
  }
  .landing-text h2 {
    font-size: 260% !important;
  }
  .landing-btn {
    margin: 15% 17% 0 0;
    position: absolute;
    right: 0;
  }
  .landing-btn .gb .btn {
    width: 130%;
    font-size: 200%;
    padding: 10px 12px;
  }
  .landing-btn .gb:nth-child(2) .btn {
    margin: 10px 0;
  }
  .game-one-half-slot {
    float: left;
    width: 20%;
  }
  .game-one-half-cas {
    width: 24.98%;
  }
  .cas-games > .game-maintenance {
    width: 24.3%;
    height: 229px;
  }
  .cas-games > .game-inactive {
    width: 24.3%;
    height: 229px;
  }
  .card-container, .card .back {
    min-height: 229px;
  }
  .card .back {
    padding: 40px 20px;
  }
}
/* ----------- iPad pro potrait ----------- */
@media only screen 
  and (min-device-width: 1441px) 
  and (max-device-width: 6000px) 
  {
  .landing {
    height: 100vh !important;
  }
  .landing-text {
    float: none;
  }
  .landing-img.sports {
    content: url(../img/landing-sports.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.casino {
    content: url(../img/landing-casino.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.poker {
    content: url(../img/landing-poker.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.slots {
    content: url(../img/landing-slots.jpg);
    width: 100%;
    height: auto;
  }
  .landing-img.toto {
    content: url(../img/landing-toto.jpg);
    width: 100%;
    height: auto;
  }
  .landing-text h1 {
    font-size: 500% !important;
  }
  .landing-text h2 {
    font-size: 260% !important;
  }
  .landing-btn {
    margin-top: 91%;
  }
  .landing-btn .gb .btn {
    float: left;
    width: 32.8%;
    font-size: 200%;
    padding: 12px 12px;
  }
  .landing-btn .gb:nth-child(2) .btn {
    margin: 0 4px;
  }
  .game-one-half-slot {
    float: left;
    width: 10%;
  }
  .game-one-half-cas {
    width: 33.33%;
  }
  .cas-games > .game-maintenance {
    width: 32.4%;
    height: 229px;
  }
  .cas-games > .game-inactive {
    width: 32.4%;
    height: 229px;
  }
  .card-container, .card .back {
    min-height: 229px;
  }
  .card .back {
    padding: 40px 20px;
  }
}

/* ----------- iPad pro landscape ----------- */
@media only screen 
  and (min-device-width: 1441px) 
  and (max-device-width: 6000px) {
  .landing {
    height: 56vh !important;
  }
  .landing-text {
    float: right;
    margin: 3% 4% 0 0;
    display: block;
  }
  .landing-img.sports {
    content: url(../img/landing-sports-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.casino {
    content: url(../img/landing-casino-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.poker {
    content: url(../img/landing-poker-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.slots {
    content: url(../img/landing-slots-landscape.html);
    width: 100%;
    height: auto;
  }
  .landing-img.toto {
    content: url(../img/landing-toto-landscape.jpg);
    width: 100%;
    height: auto;
  }
  .landing-text h1 {
    font-size: 500% !important;
  }
  .landing-text h2 {
    font-size: 260% !important;
  }
  .landing-btn {
    margin: 15% 17% 0 0;
    position: absolute;
    right: 0;
  }
  .landing-btn .gb .btn {
    width: 130%;
    font-size: 200%;
    padding: 10px 12px;
  }
  .landing-btn .gb:nth-child(2) .btn {
    margin: 10px 0;
  }
  .game-one-half-slot {
    float: left;
    width: 10%;
  }
  .game-one-half-cas {
    width: 24.98%;
  }
  .cas-games > .game-maintenance {
    width: 24.3%;
    height: 229px;
  }
  .cas-games > .game-inactive {
    width: 24.3%;
    height: 229px;
  }
  .card-container, .card .back {
    min-height: 229px;
  }
  .card .back {
    padding: 40px 20px;
  }
}