@charset "UTF-8";
/* CSS Document */
/* Universo PRIDE. Mobile Style sheet*/
@media (max-width: 2560px) {
  .parent {
    height: 1259.3px;
    width: 2508.8px;
  }
  .city {
    height: 1259.3px;
  }
}
@media (max-width: 1920px) {
  .parent {
    height: 944.72px;
    width: 1882px;
  }
  .city {
    height: 944.72px;
  }
}
@media (max-width: 1440px) {
  .parent {
    height: 708.54px;
    width: 1411.2px;
  }
  .city {
    height: 708.54px;
  }
}
@media (max-width:1366px) {
  .parent {
    height: 672.28px;
    width: 1338.68px;
  }
  .city {
    height: 672.28px;
  }
}
@media (max-width: 1280px) {
  .parent {
    height: 630.14px;
    width: 1254px;
  }
  .city {
    height: 630.14px;
  }
  .buttons {
    top: 85%;
  }
  .actions h1 {
    font-size: 340%;
  }
}
@media (max-width: 1112px) {
  .parent {
    width: 1089.76px;
    height: 558px;
  }
  .city {
    height: 558px;
  }
  .w33, .w3 {
    padding: 2%;
  }
  .actions h1 {
    font-size: 300%;
  }
}
@media (max-width: 1024px) {
  .parent {
    width: 1003.52px;
    height: 503.72px;
  }
  .city {
    height: 503.72px;
  }
  .buttons {
    top: 85%;
  }
  .actions h1 {
    font-size: 280%;
  }
}
@media (max-width:800px) {
  .parent {
    width: 784px;
    height: 394px;
  }
  .city {
    height: 394px;
  }
  .buttons {
    width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
}

@media (max-device-width: 812px) and (orientation: landscape) {
  .parent {
    width: 795.76px;
    height: 367.5px;
  }
  .city {
    height: 367.5px;
  }
  .buttons {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
}


/*iPad Horizontal*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .parent {
    width: 1003.52px;
    height: 503.72px;
  }
  .city {
    height: 503px;
  }
  .bpop01, .bpop02, .bpop03, .bpop04, .bpop05, .bpop06, .bpop07, .bpop08, .bpop09, .bpop10, .bpop11, .bpop12, .bpop13, .bpop14, .bpop15, .bpop16, .bpop17, .bpop18 {
    min-height: 480px !important;
  }
}
/*iPad Vertical*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}
@media (max-width: 768px) {
  .parent {
    width: 752.64px;
    height: 378.28px;
  }
  .city {
    height: 378.28px;
  }
  .buttons {
    top: 65%;
  }
  .bpop01, .bpop02, .bpop03, .bpop04, .bpop05, .bpop06, .bpop07, .bpop08, .bpop09, .bpop10, .bpop11, .bpop12, .bpop13, .bpop14, .bpop15, .bpop16, .bpop17, .bpop18 {
    min-height: 480px !important;
  }
}
@media (max-width:736px) {
  .buttons {
    top: 75% !important;
    width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .parent {
    width: 721.28px;
    height: 362.6px;
  }
  .city {
    height: 362.6px;
  }
  .actions h1 {
    font-size: 200%;
  }
  .bpop01, .bpop02, .bpop03, .bpop04, .bpop05, .bpop06, .bpop07, .bpop08, .bpop09, .bpop10, .bpop11, .bpop12, .bpop13, .bpop14, .bpop15, .bpop16, .bpop17, .bpop18 {
    min-height: 308px !important;
  }
  .pop01 {
    top: 50%;
    margin-left: 2.5%;
    width: 90%;
  }
  .pop01 p {
    width: 100%;
    font-size: 90%;
  }
  .pop01 h1 {
    font-size: 170%;
  }
  /*.night {
    display: none !important;
  }*/
}
@media (max-width:667px) {
  .parent {
    width: 653.66px;
    height: 328.3px;
  }
  .city {
    height: 328.3px;
  }
  .actions h1 {
    font-size: 185%;
  }
  .w33, .w3 {
    padding: 2%;
  }
}
@media (max-width: 576px) {
  .parent {
    width: 564.48px;
    height: 283.22px;
  }
  .city {
    height: 283.22px;
  }
  .buttons {
    top: 86% !important;
  }
}
@media (max-width:568px) {
  .parent {
    width: 556.64px;
    height: 285px;
  }
  .city {
    height: 285px;
  }
  .actions h1 {
    font-size: 172%;
  }
}
@media (max-width: 506px) {
  .parent {
    width: 495.88px;
    height: 248.92px;
  }
  .city {
    height: 248.92px;
  }
}
@media (max-width: 414px) {
  .parent {
    width: 405.72px;
    height: 203.84px;
  }
  .city {
    height: 203.84px;
  }
}



@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  .buttons {
    top: 90% !important;
    width: 96% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
  }
  .parent {
    width: 721.28px;
    height: 362.6px;
  }
  .city {
    height: 362.6px;
  }
  /*.day {
    display: none !important;
  }*/
}

@media (max-width: 375px) {
  .parent {
    width: 367.5px;
    height: 184.24px;
  }
  .city {
    height: 184.24px;
  }
}
@media (max-width: 320px) {
  .parent {
    width: 313.6px;
    height: 157.78px;
  }
  .city {
    height: 157.78px;
  }
}
@media (orientation:landscape) {
  .horizontal {
    display: none !important;
  }
}
@media (orientation:portrait) {
  .horizontal {
    display: initial !important;
  }
}