@media (min-width: 220px) {
  .hide_mobile {
    display: none !important;
  }
  .show_mobile {
    display: inline !important;
  }
  /* .flag_row {
    width: 100%;
    clear: both;
  } */
  .header-box-left {
    width: 26% !important;
    float: left;
  }
  .header-box-center {
    display: none !important;
  }
  .header-box-right {
    width: 74% !important;
    float: right;
  }
  .login_page .page_content {
    width: 100% !important;
    float: left !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 100% !important;
    clear: both !important;
    float: left !important;
    margin-left: 0;
  }
  .game_box #game_table tr td {
    min-width: 11.5% !important;
  }
  .game_box_left_mobile {
    width: 100% !important;
  }
  .game_box_right_mobile {
    width: 100% !important;
    clear: both;
  }
  .add_winn_mobile {
    display: inline !important;
  }
  .add_winn_descop {
    display: none !important;
  }
  .selected_number {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 576px) {
  .flag-img {
    height: 55px;
  }
}
@media (min-width: 576px) {
  .hide_mobile {
    display: none !important;
  }
  .show_mobile {
    display: inline !important;
  }
  /* .flag_row {
    width: 100%;
    clear: both;
  } */
  .header-box-left {
    width: 50% !important;
    float: left;
  }
  .header-box-center {
    display: none !important;
  }
  .header-box-right {
    width: 50% !important;
    float: right;
  }
  .login_page .page_content {
    width: 100% !important;
    float: left !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 100% !important;
    clear: both !important;
    float: left !important;
    margin-left: 0;
  }
  .game_box #game_table tr td {
    min-width: 11.5% !important;
  }
  .game_box_left_mobile {
    width: 100% !important;
  }
  .game_box_right_mobile {
    width: 100% !important;
    clear: both;
  }
  .add_winn_mobile {
    display: inline !important;
  }
  .add_winn_descop {
    display: none !important;
  }
  .selected_number {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768.98px) {
  .hide_mobile {
    display: inline !important;
  }
  .show_mobile {
    display: none !important;
  }
  /* .flag_row {
    width: 33%;
    float: left;
    clear: none;
  } */
  .header-box-left {
    width: 33.33333333% !important;
    float: left;
  }
  .header-box-center {
    width: 33.33333333% !important;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block !important;
    padding-left: 0;
    padding-right: 0;
  }
  .header-box-right {
    width: 33.33333333% !important;
    float: right;
  }
  .login_page .page_content {
    width: 100% !important;
    float: left !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 100% !important;
    clear: both !important;
    float: left !important;
    margin-left: 0;
  }
  .game_box #game_table tr td {
    min-width: 11.5% !important;
  }
  .game_box_left_mobile {
    width: 100% !important;
  }
  .game_box_right_mobile {
    width: 100% !important;
    clear: both;
  }
  .add_winn_mobile {
    display: inline !important;
  }
  .add_winn_descop {
    display: none !important;
  }
  .selected_number {
    padding-top: 4px;
    padding-bottom: 2px;
    border-bottom: 2px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 4px;
    padding-bottom: 2px;
    border-bottom: 0px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 820px) {
  .login_page .page_content {
    width: 60% !important;
    float: left !important;
    clear: none !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 38% !important;
    float: left !important;
    clear: none !important;
    margin-left: 2%;
  }
  .game_box #game_table tr td {
    min-width: 11.5% !important;
  }
  .game_box_left_mobile {
    width: 100% !important;
  }
  .game_box_right_mobile {
    width: 100% !important;
    clear: both;
  }
  .add_winn_mobile {
    display: inline !important;
  }
  .add_winn_descop {
    display: none !important;
  }
  .selected_number {
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 5px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 5px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .login_page .page_content {
    width: 60% !important;
    float: left !important;
    clear: none !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 38% !important;
    float: left !important;
    clear: none !important;
    margin-left: 2%;
  }
  .game_box #game_table tr td {
    min-width: 5.25% !important;
  }
  .game_box_left_mobile {
    width: 68% !important;
  }
  .game_box_right_mobile {
    width: 30% !important;
    clear: none !important;
  }
  .add_winn_mobile {
    display: none !important;
  }
  .add_winn_descop {
    display: inline !important;
  }
  .selected_number {
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 15px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: 15px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .login_page .page_content {
    width: 60% !important;
    float: left !important;
    clear: none !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 38% !important;
    float: left !important;
    clear: none !important;
    margin-left: 2%;
  }
  .game_box #game_table tr td {
    min-width: 5.25% !important;
  }
  .game_box_left_mobile {
    width: 68% !important;
  }
  .game_box_right_mobile {
    width: 30% !important;
    clear: none !important;
  }
  .add_winn_mobile {
    display: none !important;
  }
  .add_winn_descop {
    display: inline !important;
  }
  .selected_number {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 20px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 20px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1400px) {
  .login_page .page_content {
    width: 60% !important;
    float: left !important;
    clear: none !important;
  }
  .createaccount_box,
  .loginaccount_box {
    width: 38% !important;
    float: left !important;
    clear: none !important;
    margin-left: 2%;
  }
  .game_box #game_table tr td {
    min-width: 5.25% !important;
  }
  .game_box_left_mobile {
    width: 68% !important;
  }
  .game_box_right_mobile {
    width: 30% !important;
    clear: none !important;
  }
  .add_winn_mobile {
    display: none !important;
  }
  .add_winn_descop {
    display: inline !important;
  }
  .selected_number {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 20px #ca6923 solid;
  }
  .selected_number_power {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 20px #d42828 solid;
  }
  .history_shots .history_box {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (max-width: 1240px) {
  body:has(nav) {
    margin-top: 100px;
  }
}

@media (max-width: 426px) {
  .header-box-left {
    width: 24% !important;
  }

  .header-box-right {
    width: 76% !important;
  }

  .btn {
    margin: 3px 1px;
    padding: 6px 6px;
  }

  .w-100 {
    width: auto !important;
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media (max-width: 991px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .grid-sm {
    display: grid;
  }
  .mt-sm-15 {
    margin-top: 15px;
  }
}

@media (max-width: 576px) {
  .selected_number,
  .selected_number_power {
    font-size: 30px;
  }
}
@media (max-width: 1024px) {
  .center-flex {
    display: block;
  }
  .database-form {
    display: flex;
    flex-direction: column;
  }
  .database_select {
    width: 100%;
  }

  .database_number {
    padding: 11px 2px;
    width: 40px;
  }
  .d-flex {
    display: block;
  }
  .footer-left {
    flex-direction: column;
  }

  .footer-logo {
    text-align: center;
    margin-top: 20px;
  }
  .footer-text {
    margin-left: auto;
    margin-right: auto;
  }
  .footer-icons {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .text-big {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
}