/***************************************/
/**** VENTANA MAPA DE JUEGO (niños) ****/
/***************************************/
@media (max-width: 1200px) {
  #element_106 h3.points, #element_106 h3.points_value,#element_106 h3.user, #element_004 h2{
    font-size: 35px;
  }
  #element_109 button{
    height: 60px;
    width: 125px;
    background-size: 250px;
  }
  body.screen_map #element_109 {
    height: 70px;
  }
}
@media (max-width: 767px) {
  #element_106 h3.points, #element_106 h3.points_value,#element_106 h3.user, #element_004 h2, #element_104{
    font-size: 20px;
  }
  #element_106 h3.user{
    display: block;
  }
  body.screen_map .map {
    padding: 120px 30px 0 30px;
  }
  #element_109 button {
    height: 50px;
    width: 100px;
    background-size: 200px;
  }
  body.screen_map #element_109{
    height: 60px;
  }
  #element_104 table{
    margin-right: 10px;
  }
}
/**********************************************/
/**** FIN -> VENTANA MAPA DE JUEGO ****/
/**********************************************/

/****************************************************************************************************************************************/

/***************************************************/
/**** VENTANA VENTANA ABANDONAR PARTIDA (niños) ****/
/***************************************************/
@media (max-width: 1200px) {
  #dialogbox{
    height: 80%;
    top: 10% !important;
  }
}
@media (max-width: 1000px) {
  #dialogbox > div > #dialogboxbody{
    font-size: 18px;
  }
  .si_reinicio, .no_reinicio{
    background-size: 150px;
    height: 40px;
    width: 73px;
  }
}
@media (max-width: 767px) {
  #dialogbox > div > #dialogboxbody{
    font-size: 16px;
  }
  #dialogbox{
    height: 100%;
    top: 0 !important;
  }
  #dialogbox > div > #dialogboxhead{
    padding-top: 5%;
    padding-bottom: 0;
  }
}
@media (max-width: 512px) {
  .si_reinicio, .no_reinicio {
    background-size: 120px;
    height: 30px;
    width: 60px;
  }
}
/**********************************************************/
/**** FIN -> VENTANA VENTANA ABANDONAR PARTIDA (niños) ****/
/**********************************************************/

/****************************************************************************************************************************************/

/**************************************************/
/**** VENTANA DESCRIPCION DE LA PRUEBA (niños) ****/
/**************************************************/
@media (max-width: 1200px) {
  #element_021 h2{
    font-size: 50px;
  }
  #element_023 h2{
    font-size: 28px;
  }
  #element_024 button {
    width: 140px;
    height: 65px;
    font-size: 28px;
  }
  #element_022 img {
    height: 180px;
  }
  #element_105{
    width: 100px;
    height: 80px;
  }
}
@media (max-width: 1000px) {
  #element_021 h2{
    font-size: 40px;
  }
  #element_023 h2{
    font-size: 20px;
  }
  #element_024 button {
    width: 120px;
    height: 54px;
    font-size: 20px;
  }
  #element_022 img {
    height: 140px;
  }
  #element_105{
    width: 90px;
    height: 80px;
  }
}
@media (max-width: 767px) {
  #element_021 h2{
    font-size: 30px;
  }
  #element_023 h2{
    font-size: 16px;
  }
  #element_024 button {
    width: 90px;
    height: 40px;
    font-size: 16px;
  }
  #element_022 img {
    height: 100px;
  }
  #element_105{
    width: 70px;
    height: 60px;
    margin: 2px;
  }
}
@media (max-width: 512px) {
  #element_021 h2{
    font-size: 20px;
  }
  #element_023 h2{
    font-size: 12px;
  }
  #element_024 button {
    width: 60px;
    height: 28px;
    font-size: 12px;
  }
  #element_022 img {
    height: 60px;
  }
  #element_105{
    width: 50px;
    height: 40px;
    margin: 0;
  }
}
/*********************************************************/
/**** FIN -> VENTANA DESCRIPCION DE LA PRUEBA (niños) ****/
/*********************************************************/

/****************************************************************************************************************************************/

/************************************************/
/**** VENTANA EJECUCION DE LA PRUEBA (niños) ****/
/************************************************/
@media (max-width: 1600px) {
  #element_008{
    margin: 140px 0 70px 0;
  }
  #element_012 {
    bottom: 5%;
  }
}
@media (max-width: 1400px) {
  .letter_a,.letter_b,.letter_c{
    background-size: 140px;
    width: 65px;
    height: 65px;
  }
  .answer{
    font-size: 20px;
  }
  #element_106 h3.points, #element_106 h3.points_value, #element_106 h3.user, #element_007 h2, #element_102 h3, #element_106 h3{
    font-size: 30px;
  }
  #element_012 button{
    width: 130px;
    height: 70px;
  }
  #element_102{
    left: calc(50% - 35px);
  }
}
@media (max-width: 1200px) {
  #element_008{
    margin: 90px 0 50px 0;
  }
  #element_106 h3.points, #element_106 h3.points_value, #element_106 h3.user, #element_007 h2, #element_102 h3, #element_106 h3{
    font-size: 25px;
  }
  .letter_a,.letter_b,.letter_c{
    background-size: 100px;
    width: 50px;
    height: 50px;
  }
  .answer{
    font-size: 16px;
  }
  #element_012 button{
    width: 110px;
    height: 60px;
  }
  #element_102{
    left: calc(50% - 28px);
  }
}
@media (max-width: 1000px) {
  #element_008 > div {
    width: 100%;
  }
  .letter_a,.letter_b,.letter_c{
    background-size: 80px;
    width: 40px;
    height: 40px;
  }
  .answer{
    font-size: 14px;
    margin-top: 10px;
  }
  #element_012 button{
    width: 92px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  #element_008{
    margin: 60px 0 30px 0;
  }
  #element_106 h3.points, #element_106 h3.points_value, #element_106 h3.user, #element_007 h2, #element_102 h3, #element_106 h3{
    font-size: 18px;
  }
  .letter_a,.letter_b,.letter_c{
    background-size: 50px;
    width: 25px;
    height: 25px;
  }
  .answer{
    font-size: 12px;
    margin-top: 5px;
  }
  #element_012 button{
    width: 75px;
    height: 40px;
  }
  #element_102{
    left: calc(50% - 15px);
  }
}
@media (max-width: 600px) {
  #element_008{
    margin: 40px 0 30px 0;
  }
  #element_106 h3.points, #element_106 h3.points_value, #element_106 h3.user, #element_007 h2, #element_102 h3, #element_106 h3{
    font-size: 14px;
  }
  .column_questions{
    margin-left: 0;
  }
  .letter_a,.letter_b,.letter_c{
    background-size: 35px;
    width: 18px;
    height: 18px;
  }
  .answer{
    font-size: 10px;
    margin-top: 0;
  }
  #element_012 button{
    width: 38px;
    height: 20px;
  }
  #element_102{
    left: calc(50% - 10px);
  }
}
/*******************************************************/
/**** FIN -> VENTANA EJECUCION DE LA PRUEBA (niños) ****/
/*******************************************************/

/****************************************************************************************************************************************/

/***************************************************************/
/**** VENTANA RESULTADO PUNTOS OBTENIDOS FIN PRUEBA (niños) ****/
/***************************************************************/
@media (max-width: 1400px) {
  #element_017 h3{
    font-size: 50px;
  }
  #element_016 p.big, #element_016 p{
    font-size: 20px;
  }
  #element_017 {
    top: 0;
    height: 100%;
  }
  #element_016 {
    top: 140px;
  }
}
@media (max-width: 1200px) {
  #element_017 h3{
    font-size: 40px;
    padding: 40px 0px 0px 0px;
  }
  #element_016 p.big, #element_016 p{
    font-size: 18px;
    width: 20%;
  }
  #element_016 {
    top: 110px;
  }
  #element_018 button{
    background-size: 160px;
    width: 80px;
    height: 42px;
  }
  #element_018{
    bottom: 40px;
  }
}
@media (max-width: 1000px) {
  #element_017 h3{
    font-size: 30px;
    padding: 30px 0px 0px 0px;
  }
  #element_016 p.big, #element_016 p{
    font-size: 14px;
  }
  #element_016 {
    top: 60px;
  }
  #element_018 button{
    background-size: 100px;
    width: 50px;
    height: 26px;
  }
  #element_018{
    bottom: 25px;
  }
}
@media (max-width: 767px) {
  #element_017 h3{
    font-size: 25px;
    padding: 20px 0px 0px 0px;
  }
  #element_016 p.big, #element_016 p{
    font-size: 12px;
    width: 25%;
  }
  #element_016 {
    top: 40px;
  }
  #element_018 button{
    background-size: 80px;
    width: 40px;
    height: 21px;
  }
  #element_018{
    bottom: 20px;
  }
}
@media (max-width: 512px) {
  #element_017 h3{
    font-size: 20px;
    padding: 20px 0px 0px 0px;
  }
  #element_016 p.big, #element_016 p{
    font-size: 10px;
    width: 30%;
  }
  #element_016 {
    top: 30px;
  }
  #element_018 button{
    background-size: 60px;
    width: 30px;
    height: 18px;
  }
  #element_018{
    bottom: 10px;
  }
}
/**********************************************************************/
/**** FIN -> VENTANA RESULTADO PUNTOS OBTENIDOS FIN PRUEBA (niños) ****/
/**********************************************************************/

/****************************************************************************************************************************************/

/************************************************/
/**** VENTANA FINAL PUNTOS OBTENIDOS (niños) ****/
/************************************************/
@media (max-width: 1600px) {
  #element_013 h1{
    font-size: 80px;
  }
  #element_014 h2{
    font-size: 50px;
  }
  #element_015 li{
    font-size: 35px;
  }
  #element_014{
    top: 100px;
  }
  #element_015 {
    top: 160px;
  }
  #element_015 button{
    height: 80px;
    width: 150px;
  }
  #element_015 .prize {
    width: 10vw;
    height: 15vw;
  }
}
@media (max-width: 1400px) {
  #element_013 h1{
    font-size: 60px;
  }
  #element_014 h2{
    font-size: 50px;
  }
  #element_015 li{
    font-size: 28px;
  }
  #element_014{
    top: 70px;
  }
  #element_015 {
    top: 130px;
  }
  #element_015 button{
    height: 60px;
    width: 110px;
  }
}
@media (max-width: 1200px) {
  #element_013 h1{
    font-size: 50px;
  }
  #element_014 h2{
    font-size: 40px;
  }
  #element_015 li{
    font-size: 24px;
  }
  #element_014{
    top: 55px;
  }
  #element_015 {
    top: 100px;
  }
  #element_015 button{
    height: 50px;
    width: 95px;
  }
  #element_015 img {
    height: 25px;
  }
}
@media (max-width: 1000px) {
  #element_013 h1{
    font-size: 40px;
  }
  #element_014 h2{
    font-size: 32px;
  }
  #element_015 li{
    font-size: 20px;
  }
  #element_014{
    top: 40px;
  }
  #element_015 {
    top: 75px;
  }
  #element_015 button{
    height: 40px;
    width: 75px;
  }
  #element_015 img {
    height: 20px;
  }
}
@media (max-width: 767px) {
  #element_013 h1{
    font-size: 30px;
  }
  #element_014 h2{
    font-size: 24px;
  }
  #element_015 li{
    font-size: 16px;
  }
  #element_014{
    top: 32px;
  }
  #element_015 {
    top: 55px;
  }
  #element_015 button{
    height: 30px;
    width: 55px;
  }
  #element_015 img {
    height: 15px;
  }
  #element_015 .prize {
    width: 8vw;
    height: 12vw;
  }
}
@media (max-width: 512px) {
  #element_013 h1{
    font-size: 20px;
  }
  #element_014 h2{
    font-size: 18px;
  }
  #element_015 li{
    font-size: 12px;
  }
  #element_014{
    top: 20px;
  }
  #element_015 {
    top: 35px;
  }
  #element_015 button{
    height: 20px;
    width: 38px;
  }
  #element_015 img {
    height: 10px;
  }
  #element_015 .prize{
    width: 8vw;
    height: 12vw;
  }
}
/*******************************************************/
/**** FIN -> VENTANA FINAL PUNTOS OBTENIDOS (niños) ****/
/*******************************************************/

/****************************************************************************************************************************************/

/******************************************************************************************/
/*******------------------------  MODALIDAD PRESENCIAL -----------------------------*******/
/******************************************************************************************/

/*****************************************************************/
/**** VENTANA PREPARATE PARA LA SIGUIENTE COMPETICION (niños) ****/
/*****************************************************************/
@media (max-width: 1400px) {
  #element_001 h2.no_competitions{
    margin-top: 0 !important;
  }
  #element_001{
    top: 10%;
  }
  body.screen_login.no_competitions #element_015{
    top: 40%;
    left: 42%;
  }
}
@media (max-width: 1000px) {
  #element_001 h2.no_competitions{
    font-size: 30px;
  }
}
@media (max-width: 512px) {
  #element_001 h2.no_competitions{
    font-size: 20px;
  }
}
/************************************************************************/
/**** FIN -> VENTANA PREPARATE PARA LA SIGUIENTE COMPETICION (niños) ****/
/************************************************************************/

/****************************************************************************************************************************************/

/************************************************************/
/**** VENTANA ESPERANDO A QUE EMPIECE LA PARTIDA (niños) ****/
/************************************************************/
@media (max-width: 1400px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 40px;
  }
  #element_001{
    top: 0;
  }
  #element_002{
    background-size: 600px;
    top: 80px;
  }
  #element_003{
    top: 370px;
  }
  #element_003 button{
    background-size: 200px;
    width: 100px;
    height: 60px;
  }
}
@media (max-width: 1200px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 30px;
  }
  #element_002 {
    background-size: 500px;
    top: 40px;
  }
  #element_003 button {
    background-size: 150px;
    width: 75px;
    height: 40px;
  }
  #element_003 {
    top: 320px;
  }
}
@media (max-width: 1000px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 20px;
  }
  #element_002 {
    background-size: 400px;
    top: 0;
  }
  #element_003 {
    top: 250px;
  }
  #element_003 button {
    background-size: 120px;
    width: 60px;
    height: 30px;
  }
  #element_002 input {
    margin: 120px auto 130px -3px;
  }
}
@media (max-width: 767px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 16px;
  }
  #element_002 {
    background-size: 230px;
    top: 70px;
  }
  #element_002 input {
    margin: 0px 8px 5px 0px;
    font-size: 10px;
  }
  #element_003 {
    top: 160px;
  }
  #element_003 button {
    background-size: 90px;
    width: 45px;
    height: 30px;
  }
  body.screen_login.close_to_start .close_to_start span.login_time_to_start{
    left: calc(50% - 10px);
  }
}
@media (max-width: 512px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 12px;
  }
  #element_002 {
    background-size: 200px;
    top: 55px;
  }
  #element_002 input {
    margin: 0px 0px 5px -12px;
    font-size: 10px;
  }
  #element_003 {
    top: 120px;
  }
}
/************************************************/
/**** VENTANA FINAL PUNTOS OBTENIDOS (niños) ****/
/************************************************/

/****************************************************************************************************************************************/

/************   MODO ADULTO   ***************************/

/*****************************************/
/**** VENTANA MAPA DE JUEGO (adultos) ****/
/*****************************************/
@media (max-width: 1200px) {
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value,body.adult #element_106 h3.user,body.adult #element_004 h2, body.adult #element_104 h4{
    font-size: 30px;
  }
  body.adult #element_109 button{
    height: 60px;
    width: 200px;
    background-size: 400px;
  }
}
@media (max-width: 1000px) {
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value,body.adult #element_106 h3.user,body.adult #element_004 h2, body.adult #element_104 h4{
    font-size: 24px;
  }
  body.adult #element_109 button{
    height: 45px;
    width: 160px;
    background-size: 320px;
  }
}
@media (max-width: 767px) {
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value,body.adult #element_106 h3.user,body.adult #element_004 h2, body.adult #element_104 h4{
    font-size: 18px;
  }
  body.adult #element_109 button{
    height: 32px;
    width: 110px;
    background-size: 220px;
  }
  body.adult #element_104 table td{
    height: 10px;
  }
  body.adult #element_104 table{
    margin-top: 0;
    width: 45%;
  }
}
@media (max-width: 512px) {
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value,body.adult #element_106 h3.user,body.adult #element_004 h2, body.adult #element_104 h4{
    font-size: 12px;
  }
  body.adult #element_109 button{
    height: 22px;
    width: 75px;
    background-size: 150px;
  }
  body.adult #element_104 table td{
    height: 5px;
  }
  body.adult #element_104 table{
    padding: 0;
  }
}
/************************************************/
/**** FIN -> VENTANA MAPA DE JUEGO (adultos) ****/
/************************************************/

/****************************************************************************************************************************************/

/*****************************************************/
/**** VENTANA VENTANA ABANDONAR PARTIDA (adultos) ****/
/*****************************************************/
@media (max-width: 1200px) {
  body.adult #dialogbox{
    height: 80%;
    top: 10% !important;
  }
  body.adult #dialogbox > div > #dialogboxhead {
    padding: 20px;
  }
}
@media (max-width: 1000px) {
  body.adult #dialogbox > div > #dialogboxbody{
    font-size: 18px;
    width: 30%;
  }
  body.adult .si_reinicio, body.adult .no_reinicio{
    background-size: 150px;
    height: 40px;
    width: 73px;
  }
}
@media (max-width: 767px) {
  body.adult #dialogbox > div > #dialogboxbody{
    font-size: 16px;
  }
  body.adult #dialogbox{
    height: 95%;
    top: 2% !important;
  }
  body.adult #dialogbox > div > #dialogboxhead{
    padding-top: 5%;
    padding-bottom: 0;
  }
}
@media (max-width: 512px) {
  body.adult .si_reinicio, body.adult .no_reinicio {
    background-size: 120px;
    height: 30px;
    width: 60px;
  }
  body.adult #dialogbox > div > #dialogboxbody{
    font-size: 12px;
  }
}
/************************************************************/
/**** FIN -> VENTANA VENTANA ABANDONAR PARTIDA (adultos) ****/
/************************************************************/

/****************************************************************************************************************************************/

/****************************************************/
/**** VENTANA DESCRIPCION DE LA PRUEBA (adultos) ****/
/****************************************************/
@media (max-width: 1200px) {
  body.adult #element_021 h2{
    font-size: 50px;
  }
  body.adult #element_023 h2{
    font-size: 28px;
  }
  body.adult #element_024 button {
    width: 220px;
    height: 65px;
    font-size: 28px;
  }
  body.adult #element_022 img {
    height: 180px;
  }
  body.adult #element_105{
    width: 100px;
    height: 80px;
  }
}
@media (max-width: 1000px) {
  body.adult #element_021 h2{
    font-size: 40px;
  }
  body.adult #element_023 h2{
    font-size: 20px;
  }
  body.adult #element_024 button {
    width: 180px;
    height: 54px;
    font-size: 20px;
  }
  body.adult #element_022 img {
    height: 140px;
  }
  body.adult #element_105{
    width: 90px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  body.adult #element_021 h2{
    font-size: 30px;
  }
  body.adult #element_023 h2{
    font-size: 16px;
  }
  body.adult #element_024 button {
    width: 100px;
    height: 30px;
    font-size: 14px;
  }
  body.adult #element_022 img {
    height: 100px;
  }
  body.adult #element_105{
    width: 70px;
    height: 55px;
    margin: 2px;
  }
}
@media (max-width: 512px) {
  body.adult #element_021 h2{
    font-size: 20px;
  }
  body.adult #element_023 h2{
    font-size: 12px;
  }
  body.adult #element_024 button {
    width: 85px;
    height: 25px;
    font-size: 10px;
  }
  body.adult #element_022 img {
    height: 60px;
  }
  body.adult #element_105{
    width: 50px;
    height: 40px;
    margin: 0;
  }
}
/***********************************************************/
/**** FIN -> VENTANA DESCRIPCION DE LA PRUEBA (adultos) ****/
/***********************************************************/

/****************************************************************************************************************************************/

/**************************************************/
/**** VENTANA EJECUCION DE LA PRUEBA (adultos) ****/
/**************************************************/
@media (max-width: 1600px) {
  body.adult #element_008{
    margin: 140px 0 70px 0;
  }
  body.adult #element_012 {
    bottom: 5%;
  }
}
@media (max-width: 1400px) {
  body.adult .letter_a,body.adult .letter_b,body.adult .letter_c{
    background-size: 140px;
    width: 68px;
    height: 68px;
  }
  body.adult .answer{
    font-size: 20px;
  }
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value, body.adult #element_106 h3.user, body.adult #element_007 h2, body.adult #element_102 h3, body.adult #element_106 h3{
    font-size: 30px;
  }
  body.adult #element_012 button{
    width: 190px;
    height: 70px;
  }
  body.adult #element_102{
    left: calc(50% - 35px);
  }
}
@media (max-width: 1200px) {
  body.adult #element_008{
    margin: 90px 0 50px 0;
  }
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value, body.adult #element_106 h3.user, body.adult #element_007 h2, body.adult #element_102 h3, body.adult #element_106 h3{
    font-size: 25px;
  }
  body.adult .letter_a,body.adult .letter_b,body.adult .letter_c{
    background-size: 100px;
    width: 45px;
    height: 50px;
    font-size: 25px;
    line-height: 52px;
  }
  body.adult .answer{
    font-size: 16px;
  }
  body.adult #element_012 button{
    width: 150px;
    height: 55px;
  }
  body.adult #element_102{
    left: calc(50% - 28px);
  }
}
@media (max-width: 1000px) {
  body.adult #element_008 > div {
    width: 100%;
  }
  body.adult .letter_a,body.adult .letter_b,body.adult .letter_c{
    background-size: 80px;
    width: 35px;
    height: 38px;
    font-size: 20px;
    line-height: 42px;
  }
  body.adult .answer{
    font-size: 14px;
    margin-top: 10px;
  }
  body.adult #element_012 button{
    width: 105px;
    height: 40px;
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  body.adult #element_008{
    margin: 60px 0 30px 0;
  }
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value, body.adult #element_106 h3.user, body.adult #element_007 h2, body.adult #element_102 h3, body.adult #element_106 h3{
    font-size: 18px;
  }
  body.adult .letter_a,body.adult .letter_b,body.adult .letter_c{
    background-size: 50px;
    width: 20px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
  }
  body.adult .answer{
    font-size: 12px;
    margin-top: 5px;
  }
  body.adult #element_012 button{
    width: 95px;
    height: 35px;
    font-size: 18px;
  }
  body.adult #element_102{
    left: calc(50% - 15px);
  }
}
@media (max-width: 600px) {
  body.adult #element_008{
    margin: 40px 0 30px 0;
  }
  body.adult #element_106 h3.points, body.adult #element_106 h3.points_value, body.adult #element_106 h3.user, body.adult #element_007 h2, body.adult #element_102 h3, body.adult #element_106 h3{
    font-size: 14px;
  }
  body.adult .column_questions{
    margin-left: 0;
  }
  body.adult .letter_a,body.adult .letter_b,body.adult .letter_c{
    background-size: 35px;
    width: 13px;
    height: 18px;
    font-size: 10px;
    line-height: 18px;
  }
  body.adult .answer{
    font-size: 10px;
    margin-top: 0;
  }
  body.adult #element_012 button{
    width: 54px;
    height: 20px;
    font-size: 12px;
  }
  body.adult #element_102{
    left: calc(50% - 10px);
  }
}
/*********************************************************/
/**** FIN -> VENTANA EJECUCION DE LA PRUEBA (adultos) ****/
/*********************************************************/

/****************************************************************************************************************************************/

/*****************************************************************/
/**** VENTANA RESULTADO PUNTOS OBTENIDOS FIN PRUEBA (adultos) ****/
/*****************************************************************/
@media (max-width: 1400px) {
  body.adult #element_017 h3{
    font-size: 50px;
  }
  body.adult #element_016 p.big, body.adult #element_016 p{
    font-size: 20px;
  }
  body.adult #element_016 {
    top: 140px;
  }
}
@media (max-width: 1200px) {
  body.adult #element_017 h3{
    font-size: 40px;
    padding: 40px 0px 0px 0px;
  }
  body.adult #element_016 p.big, body.adult #element_016 p{
    font-size: 18px;
    width: 30%;
  }
  body.adult #element_016 {
    top: 110px;
  }
  body.adult #element_018 button{
    background-size: 220px;
    width: 110px;
    height: 42px;
    font-size: 28px;
  }
  body.adult #element_018{
    bottom: 40px;
  }
}
@media (max-width: 1000px) {
  body.adult #element_017 h3{
    font-size: 30px;
    padding: 30px 0px 0px 0px;
  }
  body.adult #element_016 p.big, body.adult #element_016 p{
    font-size: 14px;
  }
  body.adult #element_016 {
    top: 80px;
  }
  body.adult #element_018 button{
    background-size: 160px;
    width: 80px;
    height: 30px;
    font-size: 20px;
  }
  body.adult #element_018{
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  body.adult #element_017 h3{
    font-size: 25px;
    padding: 20px 0px 0px 0px;
  }
  body.adult #element_016 p.big, body.adult #element_016 p{
    font-size: 12px;
    width: 25%;
  }
  body.adult #element_016 {
    top: 60px;
  }
  body.adult #element_018 button{
    background-size: 120px;
    width: 60px;
    height: 21px;
    font-size: 14px;
  }
  body.adult #element_018{
    bottom: 25px;
    z-index: 50;
  }
}
@media (max-width: 512px) {
  body.adult #element_017 h3{
    font-size: 20px;
    padding: 5px 0px 0px 0px;
  }
  body.adult #element_016 p.big, body.adult #element_016 p{
    font-size: 10px;
    width: 30%;
  }
  body.adult #element_016 {
    top: 30px;
  }
  body.adult #element_018 button{
    background-size: 90px;
    width: 45px;
    height: 18px;
    font-size: 10px;
  }
  body.adult #element_018{
    bottom: 15px;
  }
}
/************************************************************************/
/**** FIN -> VENTANA RESULTADO PUNTOS OBTENIDOS FIN PRUEBA (adultos) ****/
/************************************************************************/

/****************************************************************************************************************************************/

/**************************************************/
/**** VENTANA FINAL PUNTOS OBTENIDOS (adultos) ****/
/**************************************************/
@media (max-width: 1600px) {
  body.adult #element_013 h1{
    font-size: 80px;
  }
  body.adult #element_014 h2, body.adult #element_014 h2 span{
    font-size: 50px;
  }
  body.adult #element_015 li{
    font-size: 35px;
  }
  body.adult #element_014{
    top: 100px;
  }
  body.adult #element_015 {
    top: 160px;
  }
  body.adult #element_015 button{
    height: 80px;
    width: 210px;
    font-size: 30px;
  }
  body.adult #element_015 .prize {
    width: 8vw;
    height: 15vw;
  }
}
@media (max-width: 1400px) {
  body.adult #element_013 h1{
    font-size: 60px;
  }
  body.adult #element_014 h2, body.adult #element_014 h2 span{
    font-size: 50px;
  }
  body.adult #element_015 li{
    font-size: 28px;
  }
  body.adult #element_014{
    top: 70px;
  }
  body.adult #element_015 {
    top: 130px;
  }
  body.adult #element_015 button{
    height: 60px;
    width: 160px;
    font-size: 22px;
  }
}
@media (max-width: 1200px) {
  body.adult #element_013 h1{
    font-size: 50px;
  }
  body.adult #element_014 h2, body.adult #element_014 h2 span{
    font-size: 40px;
  }
  body.adult #element_015 li{
    font-size: 24px;
  }
  body.adult #element_014{
    top: 55px;
  }
  body.adult #element_015 {
    top: 100px;
  }
  body.adult #element_015 button{
    height: 50px;
    width: 135px;
    font-size: 18px;
  }
  body.adult #element_015 img {
    height: 25px;
  }
}
@media (max-width: 1000px) {
  body.adult #element_013 h1{
    font-size: 40px;
  }
  body.adult #element_014 h2, body.adult #element_014 h2 span{
    font-size: 32px;
  }
  body.adult #element_015 li{
    font-size: 20px;
  }
  body.adult #element_014{
    top: 40px;
  }
  body.adult #element_015 {
    top: 75px;
  }
  body.adult #element_015 button{
    height: 40px;
    width: 105px;
    font-size: 14px;
  }
  body.adult #element_015 img {
    height: 20px;
  }
}
@media (max-width: 767px) {
  body.adult #element_013 h1{
    font-size: 30px;
  }
  body.adult #element_014 h2, body.adult #element_014 h2 span{
    font-size: 24px;
  }
  body.adult #element_015 li{
    font-size: 16px;
  }
  body.adult #element_014{
    top: 32px;
  }
  body.adult #element_015 {
    top: 55px;
  }
  body.adult #element_015 button{
    height: 30px;
    width: 80px;
    font-size: 12px;
  }
  body.adult #element_015 img {
    height: 15px;
  }
  body.adult #element_015 .prize {
    width: 7vw;
    height: 12vw;
  }
}
@media (max-width: 512px) {
  body.adult #element_013 h1{
    font-size: 20px;
  }
  body.adult #element_014 h2, body.adult #element_014 h2 span{
    font-size: 18px;
  }
  body.adult #element_015 li{
    font-size: 12px;
  }
  body.adult #element_014{
    top: 20px;
  }
  body.adult #element_015 {
    top: 35px;
  }
  body.adult #element_015 button{
    height: 20px;
    width: 55px;
    font-size: 10px;
  }
  body.adult #element_015 img {
    height: 10px;
  }
}
/*********************************************************/
/**** FIN -> VENTANA FINAL PUNTOS OBTENIDOS (adultos) ****/
/*********************************************************/

/****************************************************************************************************************************************/

/******************************************************************************************/
/*******------------------------  MODALIDAD PRESENCIAL -----------------------------*******/
/******************************************************************************************/

/*******************************************************************/
/**** VENTANA PREPARATE PARA LA SIGUIENTE COMPETICION (adultos) ****/
/*******************************************************************/
@media (max-width: 1400px) {
  #element_001 h2.no_competitions{
    margin-top: 0 !important;
  }
  #element_001{
    top: 10%;
  }
  body.screen_login.no_competitions #element_015{
    top: 40%;
    left: 42%;
  }
}
@media (max-width: 1000px) {
  #element_001 h2.no_competitions{
    font-size: 30px;
  }
}
@media (max-width: 512px) {
  #element_001 h2.no_competitions{
    font-size: 20px;
  }
}
/**************************************************************************/
/**** FIN -> VENTANA PREPARATE PARA LA SIGUIENTE COMPETICION (adultos) ****/
/**************************************************************************/

/****************************************************************************************************************************************/

/**************************************************************/
/**** VENTANA ESPERANDO A QUE EMPIECE LA PARTIDA (adultos) ****/
/**************************************************************/
@media (max-width: 1400px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 40px;
  }
  #element_001{
    top: 0;
  }
  #element_002{
    background-size: 600px;
    top: 80px;
  }
  #element_003{
    top: 370px;
  }
  #element_003 button{
    background-size: 200px;
    width: 100px;
    height: 60px;
  }
}
@media (max-width: 1200px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 30px;
  }
  #element_002 {
    background-size: 500px;
    top: 40px;
  }
  #element_003 button {
    background-size: 150px;
    width: 75px;
    height: 40px;
  }
  #element_003 {
    top: 320px;
  }
}
@media (max-width: 1000px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 20px;
  }
  #element_002 {
    background-size: 400px;
    top: 0;
  }
  #element_003 {
    top: 250px;
  }
  #element_003 button {
    background-size: 120px;
    width: 60px;
    height: 30px;
  }
  #element_002 input {
    margin: 120px auto 130px -3px;
  }
}
@media (max-width: 767px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 16px;
  }
  #element_002 {
    background-size: 230px;
    top: 70px;
  }
  #element_002 input {
    margin: 0px 8px 5px 0px;
    font-size: 10px;
  }
  #element_003 {
    top: 160px;
  }
  #element_003 button {
    background-size: 90px;
    width: 45px;
    height: 30px;
  }
  body.screen_login.close_to_start .close_to_start span.login_time_to_start{
    left: calc(50% - 10px);
  }
}
@media (max-width: 512px) {
  #element_001 h2.close_to_start, #element_001 h2.login_error, #element_001 h2.started, #element_001 h2.far_to_start{
    font-size: 12px;
  }
  #element_002 {
    background-size: 200px;
    top: 55px;
  }
  #element_002 input {
    margin: 0px 0px 5px -12px;
    font-size: 10px;
  }
  #element_003 {
    top: 120px;
  }
}
/**************************************************/
/**** VENTANA FINAL PUNTOS OBTENIDOS (adultos) ****/
/**************************************************/