/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@media screen and (max-width: 960px) {
/* Menu */

  #header {
    padding: 7px 0 6px;
  }

  #header div.logo_container {
    width: 80px;
  }

  #header div.logo_container a {
    height: 39px;
    margin-top: 2px;
  }

  #header div.menu_container {
    width: 44%;
  }

  ul#menu {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #01006b;
    color: white;
    width: 100%;
    height: 100%;
    padding: 64px 0 0;
    overflow: hidden;
    z-index: 999999;
  }

  div#link_to_top {
    z-index: 999;
  }

  /*
  ul#menu::after {
    content: "";
    display: inline-block;
    width: 200px;
    height: 200px;
    background: url(../img/mobile-menu-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: absolute;
    margin-top: 40px;
    left: 0;
    margin-left: -100px;
  }*/

  ul#menu li.toLeft {
    float: none;
    display: block;
    position: static;
    margin: 0 25px;
  }

  ul#menu a {
    color: white;
    font-size: 21px;
  }

  #header a#mobile_menu_link {
    float: right;
    display: inline;
    width: 28px;
    height: 22px;
    background: url(../img/bg__mobile_menu_link.png) no-repeat 50% 50%;
    margin: 8px 0 0 23px;
  }

  a#mobile_menu_link_close {
    display: block;
    position: absolute;
    z-index: 5001;
    color: white;
    right: 20px;
    top: 20px;
    font-size: 35px;
    display: none;
    text-decoration: none;
    z-index: 99999999999;
  }

  #header div.icons_container {
    width: calc(100% - 150px);
    margin-top: 2px;
    margin-left: 20px;
    flex: 1 0 24%;
    max-width: initial;
  }

  #header div.icons_container a.fb_link,
  #header div.icons_container a.tw_link,
  #header div.icons_container a.inst_link,
  #header div.icons_container a.four_link,
  #header div.icons_container a.linkedin_link,
  #header div.icons_container a.tiktok_link,
  #header div.icons_container a.youtube_link {
    display: none;
  }

  li#social_links_item {
    padding-top: 15px;
    border: 1px solid white;
    border-width: 1px 0 0 0;
    padding-top: 20px;
    margin-top: 10px;
  }

  ul#menu li#social_links_item {
    display: flex;
    flex-flow: wrap;
    gap: 12px;
    justify-content: center;
    border: unset;
    padding-top: 60px;
  }

  #shadow-root {
    display: none !important;
  }

  div.outer_1 div.containerFull {
      padding-left: 46px;
      background-position: -48px -28px;
      background-size: 118px auto;
    }

    #header div.menu_container {
      margin-top: 2px;
      float: none;
      margin-left: 10px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
      flex: 1 0 10%;
      max-width: 40px;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
    }

    div.icons_container {
      width: calc(100% - 199px);
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }

    #header div#top_search {
      left: 50%;
      margin-left: -50vw;
      margin-right: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 80vw;
      top: 45px;
    }

    #header div#top_search input#search_query,
    #header div#top_search input#s,
    #header div#top_search input#search_button {
      max-width: 100%;
    }

    .language-link-mobile {
      margin-top: 3px;
      margin-right: 20px;
    }

    #events_index div.event_preview:nth-child(3), #events_index div.event_preview:nth-child(7), #events_index div.event_preview:nth-child(11), #events_index div.event_preview:nth-child(15), #events_index div.event_preview:nth-child(19), #events_index div.event_preview:nth-child(23), #events_index div.event_preview:nth-child(27), #events_index div.event_preview:nth-child(31), #events_index div.event_preview:nth-child(35), #events_index div.event_preview:nth-child(39), #events_index div.event_preview:nth-child(43), #events_index div.event_preview:nth-child(47), #events_index div.event_preview:nth-child(51), #events_index div.event_preview:nth-child(55), #events_index div.event_preview:nth-child(59), #events_index div.event_preview:nth-child(63), #events_index div.event_preview:nth-child(67), #events_index div.event_preview:nth-child(71), #events_index div.event_preview:nth-child(75), #events_index div.event_preview:nth-child(79), #events_index div.event_preview:nth-child(83), #events_index div.event_preview:nth-child(87){
      margin-right:unset;
    }

    body.post-type-archive-oarena_events .previews{
      display:flex;
      flex-flow:wrap;
      gap:16px;
    }

    #events_index div.event_preview{
      flex:1 0 50%;
      max-width:calc(50% - 8px);
      float:unset;
      margin:unset;
    }

    body.post-type-archive-oarena_events .previews .clear{
      display:none;
    }

    body.home div#holder{
      padding-top:unset!important;
    }
}

@media screen and (max-width: 640px) {
  body.single div.outer_article {
    padding-top: 0;
  }

  body.single div#holder {
    padding-top: 0;
  }

  body.home #outer_80_2 {
    padding-top: 0;
  }

  body.home div.outer_2,
  body#body_79 #outer_79_2 {
    padding-top: 20px;
  }

  div.outer_2.homepage-text-container{
    padding-block:24px;
  }

  div.containerFull,
  div.containerSides,
  div.containerLeft,
  div.containerRight {
    width: auto;
    margin-right: 0;
    margin-top: 0;
  }

  div.containerLeft,
  div.containerRight {
    width: 100%;
  }

  #body_79 div.containerLeft,
  #body_79 div.containerRight {
    width: auto;
    margin-right: 0;
    margin-top: 0;
  }

  #body_79 div#holder {
    padding-top: 88px;
  }

  /* Article index */

  #article_index {
    padding: 0 25px 25px 25px;
  }

  #article_index div.preview {
    width: 100%;
    margin-right: 0;
  }



  /* Splash */

  div#splash {
    width: 100%;
    height: auto;
  }

  div#splash_plus_ad {
    height: 56.25%;
    margin-bottom: 25px;
  }

  div#splash_big_previews {
    height: auto;
  }

  div#splash div.preview {
    height: auto;
    padding: 0;
    background-position: top center !important;
  }

  div#splash .carousel-image {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  div#splash a.previous,
  div#splash a.next {
    top: 50%;
    margin-top: -26px;
    width: 30px;
    height: 44px;
    background-size: contain;
  }

  div#splash .carousel-image {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  div#splash .carousel-image noscript {
    display: none;
  }

  div#splash div.preview img.desktop-image-slideshow {
    display: none;
  }

  div#splash div.preview img.mobile-image-slideshow {
    display: initial;
  }

  div#splash div.desc {
    position: relative;
    background: none;
    width: auto;
    display: block;
    background-color: #ffffff;
    padding: 19px 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    min-height: initial;
  }

  div#splash_big_previews.updated-carousel div.left-side-container span {
    margin-bottom: 0;
  }

  div#splash .left-side-container,
  div#splash .right-side-container,
  div#event_top.single-event-detail .left-side-container,
  div#event_top.single-event-detail .right-side-container {
    max-width: 100%;
    width: 100%;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  div#event_top .right-side-container {
    padding-top: 0;
  }

  div#event_top .left-side-container {
    margin-bottom: 4px;
  }

  div#splash div.preview::before {
    display: none;
  }

  div#splash div.preview img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  div#event_top {
    background-image: none !important;
  }

  div#event_top img.event-mobile-image {
    display: initial;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: -4px;
  }

  div#event_top img.event-desktop-image{
    display:none;
  }

  div#event_top::before {
    padding-bottom: 0;
  }

  div#splash div.desc p,
  div#event_top .left-side-container p {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 6px 0;
  }

  div#splash div.desc a.detail_link,
  div#event_top .left-side-container h1 {
    font-size: 20px;
    font-weight: 300;
    display: block;
    margin: 0;
  }

  div#splash div.desc a.tickets_link,
  div#splash div.desc a.special_link {
    margin-bottom: 14px;
  }

  div#splash div.desc a.special_link {
    background: #da7a4f url(../img/bg__splash_ticket_link_exp.gif) repeat-x left
      top !important;
    border-color: #da7a4f;
    margin: 0 0 0 10px;
  }

  div#splash_small_previews {
    display: none;
  }

  @media (max-width: 345px) {
    #splash .left-side-container,
    div#splash .right-side-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
    }

    #splash .left-side-container,
    div#splash .right-side-container a {
      display: block !important;
    }

    #splash .left-side-container,
    div#splash .right-side-container a.tickets_link {
      margin-bottom: 16px;
    }
  }

  /* HP featured events */

  #featured_hp div.event_preview {
    width: 100%;
    margin-right: 0;
  }

  #featured_hp div.top div.toRight {
    display: none;
  }

  #news_hp {
    margin-bottom: 15px;
  }

  #news_hp div.box {
    width: 100%;
  }

  #news_hp div.inside {
    overflow: hidden;
  }

  div#news_sub h2 {
    font-size: 19px;
  }

  #news_sub input[type="text"] {
    width: 125px;
    padding: 8px;
  }

  #news_sub input[type="submit"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  #stars_tour {
    margin-bottom: 15px;
  }

  #stars_tour a {
    background-size: contain;
  }

  #footer {
    width: auto;
  }

  #footer div.copyright {
    margin-top: 15px;
  }

  #footer div.toRight {
    padding-top: 15px;
  }

  /* Events */

  div#events_menu {
    width: 100%;
  }

  div#events_menu div.inside {
    padding: 25px 25px 10px 25px;
  }

  div#events_menu div.other_links {
    padding-top: 0;
    padding-bottom: 25px;
  }

  div#events_menu div.other_links a {
    font-size: 18px;
  }

  #body_80 #hp_calendar,
  #body_80 #news_sub {
    display: none;
  }

  #events_index div.event_preview {
    width: 100%;
    flex:1 0 100%;
    max-width:100%;
  }

  /* Event detail */

  #body_80 div#featured_hp,
  #body_80 div#hp_calendar,
  #body_80 div#news_sub,
  #body_115 div#featured_hp,
  #body_115 div#hp_calendar,
  #body_115 div#news_sub,
  #body_87 div#featured_hp,
  #body_87 div#hp_calendar,
  #body_87 div#news_sub,
  #body_107 div#featured_hp,
  #body_107 div#hp_calendar,
  #body_107 div#news_sub,
  #body_117 div#featured_hp,
  #body_117 div#hp_calendar,
  #body_117 div#news_sub,
  #body_118 div#featured_hp,
  #body_118 div#hp_calendar,
  #body_118 div#news_sub {
    display: none;
  }

  div#mobile_top {
    display: block;
    margin: 0 0 25px 0;
    padding: 25px;
    background: #000633 url(../img/bg__splash_desc.gif) no-repeat right top;
    color: white;
  }

  div#mobile_top h1 {
    font-size: 28px;
    font-weight: 300;
    padding: 0 0 16px 0;
  }

  div#mobile_top p {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 7px 0;
  }

  div#mobile_top a.tickets_link,
  div#mobile_top a.special_link {
    font-size: 15px;
    font-weight: 300;
    background: #0685ba url(../img/bg__splash_ticket_link.gif) repeat-x left top;
    color: white;
    border-radius: 3px;
    border: 1px solid #1f9bc9;
    display: inline-block;
    padding: 6px 12px;
  }

  div#mobile_top a.special_link {
    background: #da7a4f url(../img/bg__splash_ticket_link_exp.gif) repeat-x left
      top !important;
    border-color: #da7a4f;
    margin: 0 0 0 10px;
    padding: 6px 12px;
  }

  #event_top {
    margin: 0 0 25px 0;
    background-position: top center !important;
  }

  #event_detail table.event_data td {
    padding-left: 10px;
  }

  #event_detail table.event_data td.title {
    font-size: 16px;
    padding-right: 10px;
  }

  #article_detail {
    padding: 25px;
  }

  #event_detail tr.cashier_desks_desktop {
    display: none;
  }

  #event_detail div.cashier_desks_mobile {
    display: block;
    color: white;
    font-size: 13px;
    overflow: hidden;
    margin-top: 15px;
  }

  #event_detail div.cashier_desks_mobile table {
    width: auto !important;
  }

  #article_detail table {
    width: 100% !important;
  }

  #article_detail table div.small_image {
    width: 100%;
  }

  #article_detail table div.small_image a.image_enlarge {
    width: 100%;
    height: auto;
    padding: 0 0 60% 0;
  }

  /* Static pages */

  div.section_submenu {
    padding: 25px 25px 20px 25px;
  }

  div.section_submenu div.inside {
    padding-bottom: 20px;
  }

  div.static_content h1,
  div.static_content h2 {
    padding: 25px 0;
    margin: 0 25px;
  }

  #article_detail .body > h2,
  #article_detail .body > h3 {
    margin-inline: 0;
  }

  div.static_content h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 25px;
  }

  div.static_content h2 {
    font-size: 25px;
    line-height: 30px;
  }

  div.static_content table,
  div.static_content p {
    margin: 0 25px 25px 25px;
  }

  div.static_content table,
  div.static_content table tbody {
    display: block;
    max-width: 100%;
  }

  div.static_content p {
    margin-bottom: 0 25px;
    padding: 0;
    text-align: left;
  }

  div.static_content dd p {
    text-align: left;
  }

  div.static_content ul {
    margin: 0 25px;
  }

  /* Arena */

  div.section_submenu h1 {
    width: auto;
    margin-bottom: 25px;
    font-size: 30px;
  }

  div#club_sub div.toLeft,
  div.section_submenu div.toLeft {
    width: 100%;
    margin: 0;
  }

  div.static_content dl.accordion {
    padding: 0 25px 25px 25px;
  }

  div.static_content ul {
    padding: 0 0 30px 23px;
  }

  div.static_content ul li {
    padding-left: 0;
  }

  div.static_content img.right,
  div.static_content img.alignright,
  div.static_content img.alignleft {
    width: 130px !important;
  }

  div.static_content div.gallery a.image_enlarge,
  div.static_content dd div.gallery a.image_enlarge {
    width: 44.3%;
    padding: 0 0 31% 0;
    margin: 0 5% 5% 0;
  }

  div.static_content dd table {
    margin: 0;
    width: 100%;
  }

  div.static_content td,
  div.static_content th {
    font-size: 13px;
    padding: 2px;
    line-height: 18px;
  }

  div.static_content h3,
  div.static_content h4 {
    padding: 0 25px;
  }

  .page-template-page-template-etickalinka #outer_133_2 textarea {
    max-width: 100%;
    width: 100%;
  }

  .page-template-page-template-etickalinka #outer_133_2 div.static_content td {
  }

  .page-template-page-template-etickalinka #outer_133_2 td img {
    max-width: 100%;
  }

  div.static_content div.gallery {
    margin: 25px;
    padding: 15px;
  }

  div.static_content div.two_images {
    padding: 0 25px;
  }

  div.section_top_image {
    display: none;
  }

  #body_132 h2 {
    padding-top: 100px;
    background-size: 80%;
  }

  /* VIP */

  #body_82 div.containerLeft,
  #body_100 div.containerLeft,
  #body_99 div.containerLeft,
  #body_109 div.containerLeft,
  #body_111 div.containerLeft,
  #body_101 div.containerLeft,
  #body_116 div.containerLeft {
    display: none;
  }

  div.section_submenu h1.club {
    width: auto;
  }

  /* Kontakt */

  #body_85 div.containerLeft {
    display: none;
  }

  div.static_content div.map_container {
    padding: 0 25px;
  }

  form#contact_form select,
  form#contact_form input,
  form#contact_form textarea {
    width: auto;
    min-width: initial;
    max-width: 100%;
  }

  form#contact_form input#c_captcha {
    width: 60px;
  }

  form#contact_form textarea {
    height: 150px;
  }

  form#contact_form th {
    padding-left: 5px;
    width: 20%;
    text-align: left;
  }

  /* Gallery detail */

  div.outer_gallery a.fs_logo {
    width: 70px;
  }

  div.outer_gallery table.top a.close {
    font-size: 2px;
    padding-right: 30px;
    color: black;
  }

  div.outer_gallery table.top td.right {
    width: auto;
  }

  div.outer_gallery td.center a.previous,
  div.outer_gallery td.center a.next {
    width: 18px;
    background-size: contain;
  }

  div.outer_gallery td.center a.previous {
    margin-right: 10px;
  }

  div.outer_gallery td.center a.next {
    margin-left: 10px;
  }

  div.outer_gallery table.top div.fb-like {
    display: none;
  }

  div.outer_gallery div.image_detail,
  div.outer_gallery div.featured_articles {
    height: 440px;
  }

  div.outer_gallery div.image_detail div.info {
    width: 240px;
  }

  div.outer_gallery div.image_detail a.previous,
  div.outer_gallery div.image_detail a.next {
    display: none;
  }

  div.outer_gallery div.image_detail div.info h2 {
    font-size: 16px;
  }

  div.outer_gallery div.featured_articles div.preview {
    width: 100%;
  }

  div.outer_gallery div.featured_articles div.preview img {
    display: none;
  }

  div.outer_gallery div.featured_articles div.preview:nth-child(3),
  div.outer_gallery div.featured_articles div.preview:nth-child(4),
  div.outer_gallery div.featured_articles div.preview:nth-child(5),
  div.outer_gallery div.featured_articles div.preview:nth-child(6),
  div.outer_gallery div.featured_articles div.preview:nth-child(7) {
    display: none;
  }

  #course,
  #courses {
    padding: 0 25px 25px 25px;
  }

  #courses table.events_list td:nth-child(1),
  #courses table.courses_list td:nth-child(1),
  #course table.events_list td:nth-child(2),
  #course table.events_list th:nth-child(2) {
    display: none;
  }

  #courses table.courses_list td:nth-child(4) {
    display: none;
  }

  #courses table.courses_list h3 a {
    font-size: 16px;
    font-weight: 300;
    background: #0685ba url(../img/bg__splash_ticket_link.gif) repeat-x left top;
    color: white;
    border-radius: 3px;
    border: 1px solid #1f9bc9;
    display: inline-block;
    padding: 7px 14px;
  }

  #courses table.events_list td,
  #course table.events_list td,
  #course table.events_list th {
    padding: 5px;
    font-size: 14px;
  }

  #courses table.courses_list td:nth-child(2) {
    padding-left: 0;
  }

  #courses a.btn,
  #course a.btn {
    padding: 5px 10px;
    font-size: 14px;
  }

  #course form table {
    border: none;
  }

  #course form table td {
    padding: 0 5px 5px 0;
    font-size: 14px;
  }

  #course form table td:nth-child(1) {
    padding-left: 0px;
  }

  #course form table tr:nth-child(1) td {
    padding-top: 15px;
  }

  #course form table tr:last-child td {
    padding-bottom: 15px;
  }

  #course form table td.lb {
    text-align: right;
    font-size: 14px;
  }

  #course form input[type="text"],
  #course form input[type="number"] {
    border: 1px solid #dbdbdb;
    font-size: 14px;
    padding: 7px;
    width: 100px;
  }

  /* Search */

  #body_112 div.containerLeft {
    display: none;
  }

  #search_results {
    padding: 25px;
  }

  #search_results h1 {
    font-size: 26px;
  }

  #search_results h2 {
    font-size: 24px;
  }

  #search_results div.preview {
    overflow: hidden;
  }

  #search_results div.preview a {
    font-size: 13px;
    line-height: 18px;
  }

  #search_results div.preview h3 a,
  #search_results div.preview h2 a {
    font-size: 20px;
    line-height: 26px;
  }

  #search_results div.preview p {
    font-size: 15px;
  }

  #search_results div.preview div.toLeft {
    width: 100%;
    margin: 0;
  }

  div.static_content ul,
  div.static_content ol {
    margin: 0 25px 10px 25px;
    padding: 0 0 30px 24px;
  }

  div.static_content ul ul,
  div.static_content ol ul,
  div.static_content ul ol,
  div.static_content ol ol {
    margin: 0 25px 10px 10px;
    padding: 0 0 30px 10px;
  }

  div.static_content ul li,
  div.static_content ol li {
    padding: 5px 0 0 2px;
  }

  /* Ethic line */

  #outer_133_2 div.full,
  #outer_133_2 div.full_center,
  #outer_133_2 div.contain,
  #outer_133_2 div.form_inside {
    width: auto;
  }

  #outer_133_2 div.text_info {
    padding: 35px 20px;
  }

  #outer_133_2 div.contain div.toLeft {
    width: 100%;
    margin-right: 0;
    padding-top: 35px;
  }

  #outer_133_2 div.full_center {
    margin-top: 35px;
  }

  #outer_133_2 div.form_inside {
    width: 90%;
    padding: 0 auto;
  }

  #outer_133_2 div.top_content {
    padding: 0 0 120% 0;
  }

  #outer_133_2 div.top_content h1 {
    top: 16%;
    font-size: 44px;
  }

  #outer_133_2 div#et_check_form h2,
  #outer_133_2 div#et_check_form_link a {
    line-height: 1.2em;
  }

  #outer_133_2 div.top_content p {
    width: 70%;
    padding: 0 15%;
    font-size: 17px;
  }

  #outer_133_2 input,
  #outer_133_2 td.second label,
  #outer_133_2 td.second span.error_notice {
    width: 140px;
    font-size: 14px;
  }

  #outer_133_2 td.second span.error_notice {
    width: auto;
  }

  #outer_133_2 textarea {
    width: 94%;
    padding: 3%;
    font-size: 14px;
  }

  #outer_133_2 div.form_inside h2 {
    line-height: 40px;
  }

  /* Ads */
  div#ad_2,
  div#ad_3,
  div.add_footer_map_bg {
    display: none;
  }

  div#splash div.desc a.detail_link_ticket {
    font-size: 20px;
  }

  .partners-logos-container {
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin-bottom: 0;
  }

  #footer div.partners-logos-container a {
    margin-bottom: 20px;
    margin-right: 40px;
  }

  div.static_content tr.recaptcha-information td,
  form#contact_form tr.recaptcha-information td,
  div.static_content tr.recaptcha-information th {
    padding-top: 16px;
  }

  div.static_content tr.recaptcha-information td br,
  form#contact_form tr.recaptcha-information td br {
    display: none;
  }

  @media (max-width: 540) {
    #footer_map {
      padding-top: 140px;
    }

    #oarena-main-news .items-container .article .image {
      min-height: 0.01px;
      height: 0;
      padding-bottom: 100%;
    }

    .rozcestnik div.top .toRight {
      display: none;
    }

    .rozcestnik div.top .toLeft {
      float: none !important;
      display: inline-block;
    }

    .rozcestnik div.top {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #000066;
      background-image: url(../img/bg-titles.png);
      background-repeat: no-repeat;
      background-size: 43px auto;
      background-position: 0 50%;
      background-position: -22px 50%;
    }

    .rozcestnik div.top h2 {
      font-size: 26px;
      line-height: 28px;
      font-weight: 300;
      color: #ffffff;
    }

    .single-event-detail .containerSides {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
    }

    .single-event-detail .containerSides .toLeft,
    .single-event-detail .containerSides .toRight {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
    }

    .single-event-detail .containerSides .toRight {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }

    .single-event-detail .containerSides .toLeft {
      -webkit-box-ordinal-group: 3;
      display: none;
      -ms-flex-order: 2;
      order: 2;
    }

    div#importnant_notification h3 {
      margin-top: 50px;
      font-size: 16px;
    }

    div#importnant_notification h2 {
      font-size: 24px;
    }

    div#importnant_notification div.body p {
      font-size: 16px;
    }
  }

  @media screen and (max-width: 640px) {
    

    .page-template-page-template-oarena-contact
      .single-news-detail
      .containerLeft,
    .post-type-archive-oarena_events #outer_80_2 .containerLeft,
    .page-template-page-templates-vipzona-php #outer_80_2 .containerLeft,
    .single-oarena_events .single-event-detail .containerLeft,
    .page-template-page-template-pagegroup .single-news-detail .containerLeft,
    .page-template-default .single-news-detail .containerLeft {
      display: none;
    }

    .post-type-archive-oarena_events #outer_80_2 .containerRight {
      padding-top: 100px;
    }

    .page-template-page-template-oarena-contact div.outer_2,
    #outer_80_2 {
      padding-top: 20px;
    }

    .single-oarena_events .single-event-detail,
    .page-template-page-template-pagegroup .single-news-detail,
    .page-template-default .single-news-detail {
      padding-top: 110px;
    }

    body.page-template-page-templates-stages-hotel
      div.containerSides
      .containerLeft {
      display: none;
    }

    body.page-template-page-templates-stages-hotel div.outer_2,
    #outer_80_2 {
      padding-top: 0;
    }

    body.page-template-page-templates-vipzona #outer_80_2 {
      padding-top: 120px;
    }

    body.page-template-page-templates-stages-hotel
      div#static_envelope_87
      h1
      + p.subheader,
    body.page-template-page-templates-stages-hotel div#static_envelope_87 h1 {
      margin-left: 25px;
      margin-right: 25px;
    }
    body.page-template-page-templates-stages-hotel
      div#static_envelope_87
      h1
      + p.subheader {
      font-size: 18px;
    }

    body.page-template-page-templates-stages-hotel
      div#static_envelope_87
      div.hotel-header-w-btn {
      margin-bottom: 44px;
    }

    body.page-template-page-templates-stages-hotel div.side-by-side-images img,
    body.page-template-page-templates-stages-hotel div.side-by-side-images a {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
    }

    body.page-template-page-templates-stages-hotel
      div.side-by-side-images
      img:last-of-type {
      margin-top: 10px;
    }

    body.page-template-page-templates-stages-hotel div.side-by-side-images {
      padding-left: 25px;
      padding-right: 25px;
      margin-bottom: 25px;
    }

    body.page-template-page-templates-stages-hotel div.hotel-header-w-btn {
      min-height: 300px;
      position: relative;
      max-width: 100%;
    }

    body.page-template-page-templates-stages-hotel
      div.hotel-header-w-btn__image-container {
      position: relative;
      overflow: hidden;
      min-height: 300px;
      width: 100%;
      z-index: 10;
    }

    body.page-template-page-templates-stages-hotel
      div#static_envelope_87
      img.hotel-stages-thumbnail {
      position: absolute;
      z-index: 10;
      width: auto;
      height: 100%;
      max-width: initial;
      left: -50%;
      top: 0;
    }

    body.page-template-page-templates-stages-hotel
      div#static_envelope_87
      a.reserve-btn, a.content-btn {
      z-index: 25;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      box-sizing: border-box;
    }

    form#contact_form td {
      display: inline-block;
      max-width: 100%;
      width: 80%;
    }

    form#contact_form td input,
    form#contact_form select,
    form#contact_form textarea {
      width: 100%;
      max-width: 100%;
      padding: 10px 10px;
    }
    form#contact_form select {
      max-width: 108%;
      width: 120%;
    }

    form#contact_form td.submit {
      width: 120%;
      max-width: 120%;
    }

    .carousel__navigation-list,
    #splash_small_previews_updated {
      display: none;
    }
  }

  @media screen and (max-width: 360px) {
    #footer div.partners-logos-container a {
      margin-right: 40px !important;
    }

    #footer div.partners-logos-container a:nth-child(2),
    #footer div.partners-logos-container a:nth-child(4),
    #footer div.partners-logos-container a:nth-child(6),
    #footer div.partners-logos-container a.partner_1,
    #footer div.partners a.partner_9 {
      margin-right: 0 !important;
    }

    #footer div.partners a.partner_1 {
      background-size: cover;
      margin-bottom: 40px;
    }

    #footer div.partners a.partner_5 {
      margin-bottom: 40px;
    }
  }

  @media screen and (min-width: 380px) and (max-width: 640px) {
    body.o2arena #footer div.partners-logos-container a:nth-child(6) {
      margin-right: 0;
    }
  }

  @media screen and (min-width: 401) and (max-width: 427px) {
    #footer div.partners-logos-container a:nth-child(5) {
      margin-right: 0;
    }
  }

  @media screen and (min-width: 460px) and (max-width: 640px) {
    body.o2arena #footer div.partners-logos-container a:nth-child(6) {
      margin-right: 0;
    }
  }

  @media screen and (max-width: 320px) {
    #footer div.partners a.partner_5 {
      margin-right: 0 !important;
      flex: 1 0 100%;
      max-width: 100%;
    }
  }
}

@media screen and (max-width: 890px) {
  .single-ticket-buttons {
    text-align: right;
    flex-flow: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }

  .single-ticket-buttons a {
    flex: 1 0 100%;
    margin-inline: auto 0;
  }

  .single-ticket-buttons a + a {
    margin: 20px 0 0 auto;
  }
}

@media screen and (max-width: 640px) {
  .single-ticket-buttons {
    text-align: left;
    margin-left: -28px;
  }

  .single-ticket-buttons a {
    margin-inline: 0;
    transform: scale(0.8);
  }

  .single-ticket-buttons a + a {
    margin: 0;
  }
}

@media screen and (min-width: 560px) {
  .language-link-mobile {
    display: none !important;
  }
}

/* Magazine section */

@media screen and (max-width: 640px) {
  .magazine-promo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    text-align: center;
  }

  .magazine-promo .title {
    font-size: 16px;
    max-width: 100%;
    text-align: center;
  }

  #outer_80_2.magazine {
    padding-top: 130px;
  }

  .magazine-promo {
    padding: 24px 14.5% 30px;
  }

  .magazine-promo a {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
  }

  .magazine-promo a.button-main-new {
    font-size: 14px;
    padding-block: 11px 12px;
    font-weight: 700;
    max-width: 211px;
  }

  .magazine-promo.mobile-only {
    display: unset;
  }

  .event_data,
  .event_data *,
  #event_detail {
    box-sizing: border-box;
  }

  .event_data tbody {
    max-width: 100%;
  }

  #event_detail .event_data_inside {
    overflow-x: auto;
  }

  #event_detail div.event_data_inside {
    margin-inline: -16px;
  }
}

@media screen and (min-width: 408px) and (max-width: 620px) {
  .partners-logos-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  #footer div.partners-logos-container > a {
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: unset !important;
    background-size: contain !important;
    background-position: center center !important;
  }
}

@media screen and (min-width: 620px) and (max-width: 880px) {
  .partners-logos-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }

  #footer div.partners-logos-container > a {
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: unset !important;
    background-size: contain !important;
    background-position: center center !important;
  }
}

@media screen and (max-width: 330px) {
  #header div.icons_container a.search_link {
    display: none;
  }
  .language-link-mobile {
    margin-right: 0;
  }
}

.footer_menu.inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

#footer div.footer_menu div.toLeft {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .footer_menu.inner {
    grid-template-columns: repeat(2, 1fr);
  }

  #event_detail div.event_data_inside {
    background-image: unset;
    background-color: #000066;
  }

  #event_detail table.event_data td.title {
    border: none;
  }

  #event_detail div.event_data_inside {
    padding: 25px 16px;
    margin-bottom: 0;
  }

  #event_detail div.event_data_inside table tr {
    display: flex;
    flex-flow: column;
  }

  #event_detail div.event_data_inside table tr + tr {
    margin-top: 12px;
  }

  #event_detail div.event_data_inside table td,
  #event_detail table.event_data td.title {
    text-align: left;
    padding: 5px 10px;
  }

  #event_detail table.event_data td.title {
    font-weight: 700;
  }

  #article_detail {
    margin-inline: -16px;
    margin-bottom: 0;
  }

  .single-oarena_events div.outer_2,
  .single-oarena_events div.outer_2 .containerFull {
    padding-inline: 0;
  }

  div#event_top {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 420px) {
  .footer_menu.inner {
    grid-template-columns: repeat(1, 1fr);
  }

  #footer div.footer_menu div.toLeft {
    min-height: unset;
  }
}