@media all and (max-width: 992px) {
   .fullView {
      display: none;
   }
   .responsiveView {
      display: inline-block;
   }
   #overlay-box.login {
      margin-top: 40px;
   }
   #my.colosseum .loginform .buttons .btn-primary {
      margin: 0 0 1em 0;
      color: #fff;
   }

   #layout-1col .hot-news {
      margin: 16px 16px 0;
   }

   #vypujcky-info small {
      margin: 10px;
   }
   #vypujcky-info small + small,
   #kniha_do_boxu .button + .button {
      margin-top: 0;
   }
   #kniha_do_boxu .button {
      margin-top: 10px;
   }
   #kniha_do_boxu .text-right {
      text-align: center;
   }
   .table-reservations .ready,
   .table-reservations .author {
      white-space: normal;
   }
   .homepage h1,
   .homepage div.section-annotation {
      display: none;
   }
   .owl-carousel .carousel-item-wrap {
      width: 100%;
      height: 220px;
   }
   .owl-carousel .carousel-item-wrap-text p {
      font-size: 21px;
      margin-top: -25px;
   }
   .section-title {
      font-size: 24px;
      max-width: 265px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
   }
   .section-title-more {
      padding: 4px 0;
   }
   li.event-tile,
   li.news-tile {
      width: 100%;
      float: none;
      list-style: none;
      box-shadow: none;
   }
   .event-tile .event-tile-datum {
      display: block !important;
   }
   .article-list div.single-article {
      position: relative;
      width: 100%;
      height: auto;
      min-height: 136px;
      padding: 16px 16px 10px 160px;
      display: flex;
      flex-wrap: wrap-reverse;
      align-content: flex-end;
   }
   .article-list .single-article-left {
      width: 128px;
      height: auto !important;
      position: absolute !important;
      float: none;
      left: 16px;
      top: 20px;
   }
   .article-list .article-list-img {
      max-height: none;
      height: 81px;
   }
   .article-list .single-article-middle {
      width: 100%;
      float: none;
      padding: 0;
   }
   .article-list .single-article-right {
      height: auto !important;
      width: 100%;
      float: none;
   }
   .article-list .single-article-right .tag-novinka {
      white-space: nowrap;
      float: left;
   }
   .article-list .article-title,
   .article-list .article-title a {
      margin-bottom: 6px;
   }
   .article-list .entire-article,
   .article-list .article-paragraph,
   .article-list .article-info .divider {
      display: none;
   }
   .article-list .article-info {
      margin: 0;
      display: table;
   }
   .article-list .article-info .date {
      display: table-header-group;
   }
   .article-list .article-info .author {
      display: table-footer-group;
   }
   .ft-contacts {
      height: auto;
      margin-bottom: 12px;
      overflow: hidden;
   }
   .ft-contacts-btn {
      width: 100%;
      height: 86px;
   }
   .ft-contacts-btn {
      width: 100%;
      height: 86px;
      padding: 0;
      text-align: left;
      margin-bottom: 10px;
      background: #7e7e7e;
      box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);
   }
   .ft-contacts-btn > div:first-of-type {
      float: left;
      margin: 16px 25px 3px 15px;
   }
   .ft-contacts-btn-title {
      padding-top: 20px;
      margin-bottom: 16px;
   }
   #foot-down {
      padding: 26px 18px;
   }
   #foot-down-box {
      text-align: left;
   }
   #foot-copyright {
      margin-bottom: 16px;
      line-height: 1.8;
   }
   .ft-logo-praha {
      margin-bottom: 24px;
   }
   .ft-logo-praha a::after {
      margin-left: -7px;
   }
   .ft-logo-praha span {
      float: right;
      margin-left: 29px;
   }
   .ft-design-by a {
      display: inline-block;
   }
   .ft-menu-box {
      margin-bottom: 10px;
      float: left;
      line-height: 1.8;
   }
   .ft-menu-box,
   .ft-copyright {
      margin-right: 16px;
   }
   .ft-pvk-link-box {
      display: table;
      text-align: center;
      position: relative;
      right: 0;
      top: -293px;
      margin: 0 auto;
   }
   .hp-links-picture {
      float: left;
   }
   .hp-links-col:not(:last-child) {
      margin-right: 0 !important;
   }
   .ft-faq .button {
      padding: 20px 31px;
   }
   .hp-wrapper {
      margin: 0;
   }
   .hp-links-col {
      width: 100%;
   }
   .hp-links-text {
      font-size: 16px;
      max-width: 284px;
      margin: 0 30px 0 12px;
      line-height: 24px;
      display: inline-block;
   }
   .hp-links-btn {
      text-align: left;
   }
   .hp-links-btn a {
      border: none;
   }
   #hp-praha-v-knihovne {
      height: 165px;
      width: 320px;
      margin: 0 auto;
      background-size: 510px;
   }
   body.fws #hp-praha-v-knihovne:before {
      box-shadow: inset 0 -8px 0 0 #545456, inset 0 -36px 0 0 #7a7b7f;
   }
   body.fws #hp-praha-v-knihovne:after {
      box-shadow: inset 0 -59px 0 0 #545456, inset 0 -75.2px 0 0 #9fa0a4;
   }
   .ft-faq li a {
      font-size: 16px;
   }
   div.event-tile-top,
   div.news-tile-top {
      width: 128px;
      height: 81px;
      position: absolute;
      top: 16px;
      left: 16px;
      display: block;
      z-index: 9999;
   }
   .news-tile {
      background: #ffffff;
   }
   li.event-tile,
   li.news-tile {
      margin-bottom: 1px;
   }
   div.news-tile-bottom {
      min-height: 113px;
      height: auto;
   }
   div.event-tile-bottom {
      min-height: 191px;
      height: auto;
   }
   div.event-tile-bottom-left,
   div.news-tile-bottom {
      width: 100%;
      display: block;
      padding: 16px 16px 10px 160px !important;
   }
   div.event-tile-bottom-right {
      width: 100%;
      padding: 13px 16px !important;
      line-height: 36px;
   }
   div.news-tile-autor,
   div.news-tile-datum,
   .article-list .article-info .author,
   .article-list .article-info .date {
      line-height: 20px;
      font-size: 16px;
      color: #737373;
   }
   .event-tile-buttons {
      display: inline-block;
      float: right;
   }
   .event-tile-vstup,
   .event-tile-cena,
   .event-tile-buy,
   .event-tile-save {
      display: inline-block;
      margin-bottom: 0 !important;
   }
   div.event-tile-buy {
      margin-right: 4px;
   }
   .event-tile-buy,
   .event-tile-save {
      height: 36px;
   }
   div.event-tile-buy .button,
   div.event-tile-save .button {
      height: 36px;
      line-height: 36px;
   }
   .event-tile-place {
      white-space: normal !important;
   }
   #hp-akce,
   #hp-novinky {
      padding: 0;
      margin-top: 20px;
   }
   div.event-tile-bottom div.event-tile-bottom-separator {
      position: relative;
      z-index: 99;
      width: 100%;
      height: 1px;
   }
   #hp-akce .section-title-box,
   #hp-novinky .section-title-box {
      padding: 0 15px;
      overflow: hidden;
      clear: both;
   }
   #logo {
      float: left;
      padding: 31px 0 0 31px;
      margin: 0 auto;
      display: table;
      background: url("images/new/logo.svg") no-repeat;
   }
   #logo img {
      display: none;
   }

   .hp-links-col {
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 13px;
      text-align: left;
   }

   #top .top-search-button {
      float: none;
      position: absolute;
      top: -6px;
      right: -19px;
   }
   #top .top-up {
      margin: 20px auto;
      display: table;
   }
   .col-vypujcky {
      border-top: 1px solid #d9d9d9;
      padding-top: 10px;
   }
   #layout-1col > h1,
   #layout-2col-l > h1 {
      text-align: left;
      margin-left: 17px;
   }
   #middle #layout-1col h1 {
      font-size: 42px;
      line-height: 56px;
      margin-bottom: 30px;
   }
   #mlp_branch .branch-detail-address {
      font-size: 20px;
      margin-left: 0;
   }
   .icon.icon-marker::after,
   .branch-detail-address::before {
      display: none !important;
   }
   #obal div.section-wrap.branch-detail-opening {
      padding: 0;
      margin-bottom: 24px;
   }
   table.branch-detail-opening-table {
      width: 100%;
      display: block;
      float: none;
      margin: 0 auto 36px;
      max-width: none;
   }
   table.branch-detail-opening-table:not(:only-child):last-child {
      float: none;
      margin: 0 auto;
   }
   table.col-2-table.branch-detail-opening-table tbody tr :first-child {
      width: 45%;
   }
   table.col-2-table.branch-detail-opening-table tbody tr :last-child {
      width: 55%;
   }
   table.col-2-table.off thead tr::after,
   table.col-2-table.off tbody tr:not(:last-child)::after {
      left: 0;
      right: 0;
   }
   table.col-2-table tbody th,
   table.col-2-table tbody td {
      padding: 12px;
   }
   table.col-2-table thead tr:after,
   table.col-2-table tbody tr:not(:last-child):after {
      left: 0;
      right: 0;
   }
   table.col-2-table thead th:only-child,
   table.col-2-table tr.head th:only-child {
      padding: 12px 24px;
   }
   .branch-detail-quickaccess-tile {
      display: inline-block !important;
   }
   .branch-detail-quickaccess {
      margin: 20px auto;
      display: table !important;
      width: 100%;
      position: relative;
   }
   .branch-detail-quickaccess:after {
      position: absolute;
      display: block;
      content: "";
      border-bottom: 1px solid #d9d9d9;
      top: 50%;
      right: 16px;
      left: 16px;
   }
   .branch-detail-quickaccess:before {
      content: "";
      position: absolute;
      right: 51%;
      z-index: 100;
      width: 1px;
      background: #d9d9d9;
      top: 30px;
      bottom: 30px;
   }

   .branch-detail-quickaccess-tile {
      padding: 20px 0 !important;
      margin: 0;
      width: 47%;
      display: inline-block !important;
   }
   .branch-detail-quickaccess-tile a.link {
      font-size: 15px !important;
   }
   #obal #o-pobocce {
      margin-bottom: 85px;
      padding: 0;
   }
   #o-pobocce .section-title {
      margin: 0 0 16px;
      float: none;
   }
   #obal #o-pobocce > *:not(.branch-detail-gallery) {
      margin-left: 24px;
      margin-right: 24px;
   }
   .branch-detail-gallery p {
      padding: 16px 48px 16px 24px;
      line-height: 24px;
      min-height: 65px;
   }
   .branch-detail-gallery p a,
   .branch-detail-gallery p span {
      display: inline-block;
      vertical-align: middle;
      line-height: 24px;
      font-size: 21px;
   }
   .branch-detail-gallery p a:first-of-type {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: transparent;
   }
   .branch-detail-gallery p:after {
      content: "";
      display: block;
      width: 18px;
      height: 18px;
      float: right;
      font-size: 20px;
      color: #bbafaf;
      cursor: pointer;
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
      background: url(images/new/vpravo_barevne_tmave.png) no-repeat center /
         80px transparent;
   }
   .branch-detail-gallery p:hover::after {
      background-position-x: -5px;
   }
   .branch-detail-gallery p:hover {
      background: #eaeaea;
   }
   .branch-detail-gallery p:active::after {
      background-position-x: -56px;
   }
   #selected-articles .selected-events-title-wrap {
      padding: 46px 16px 0 16px;
      overflow: hidden;
   }
   #selected-articles .selected-events-title-wrap .section-title {
      font-size: 23px;
   }
   .my-acc-wrapper {
      padding: 0 16px;
      margin-bottom: 105px;
      position: relative;
   }
   .my-acc-wrapper .personal-data h3 {
      padding: 0 8px;
   }
   .my-acc-tile-row .my-acc-tile {
      width: 100%;
      margin-bottom: 20px;
   }
   .my-acc-tile.right,
   .my-acc-tile.left {
      float: none !important;
   }
   .personal-settings {
      position: absolute;
      right: 24px;
      overflow: hidden;
      width: 54px;
      padding: 0;
      font-size: 0;
      height: 48px;
      background-position: center;
      top: -82px;
   }
   .tag-akce,
   .tag-novinka {
      line-height: 18px !important;
   }
   .tag-akce > * {
      margin-bottom: 6px;
      white-space: nowrap;
   }
   .tag-novinka > * {
      padding: 0 5px;
      line-height: 20px;
   }
   .services-text img {
      margin: 0 0 16px 0 !important;
      float: none;
      max-width: 100%;
      width: auto;
      display: block;
   }
   .show-all-branches {
      margin-bottom: 30px;
      padding: 0 15px;
   }
   .branch-detail-map h3,
   .branch-detail-map p {
      padding: 0 24px;
   }
   .branch-detail-departments h3 {
      padding: 0 22px;
   }
   .branch-detail-services {
      padding: 0 15px;
   }
   .branch-detail-note p {
      padding: 0 15px;
      font-size: 16px;
   }
   .branch-detail-services::before {
      left: 16px !important;
   }
   .branch-detail-gallery p a {
      text-decoration: none !important;
   }
   .branch-detail-gallery p img {
      display: none;
   }
   #mlp_event div.section-annotation {
      text-align: left;
      font-size: 19px;
      margin-left: 0px;
   }
   .view-switch-container {
      display: none !important;
   }
   #akce-filter {
      width: 100%;
   }
   #akce-filter .calendar-input-wrap {
      vertical-align: top;
      margin-bottom: 8px;
   }
   .action-filterbar {
      height: auto;
      padding-bottom: 8px;
   }
   #akce-filter #filter {
      padding: 0 24px;
      box-sizing: border-box;
   }
   #akce-filter #filter #sel1 {
      margin-right: 0;
      margin-bottom: 8px;
   }
   #akce-filter #filter #sel3,
   #akce-filter #filter #sel5 {
      display: block;
      margin-top: 16px;
      margin-right: 0;
   }
   #akce-empty > div {
      margin: 40px 0;
      padding: 0 24px;
   }
   #obal:not(.homepage) {
      margin: 0 !important;
   }

   #mlp_event .akce-wrapper {
      margin-bottom: 50px;
   }
   #mlp_event .akce-wrapper .seznam-akci {
      margin-bottom: 0;
   }
   .akce-wrapper .section-title-box {
      padding: 0 24px;
      overflow: hidden;
   }

   .big-box-wrapper {
      padding: 32px 0;
      margin: 25px 16px 105px 16px;
   }
   .big-box-wrapper img {
      height: 137%;
      width: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
   }
   .big-box-wrapper-inner {
      position: relative;
      left: auto;
      top: auto;
      right: auto;
      transform: none;
      margin: 0 auto;
   }
   .big-box-wrapper-inner > span {
      font-size: 25px;
      line-height: 35px;
      margin: 0 auto;
      padding: 0 30px 16px 30px;
   }
   .akce-wrapper.list .event-row-wrap-info .tag-akce > * {
      line-height: 24px;
      margin-bottom: 6px;
   }
   .akce-wrapper.list div.event-row-wrap {
      width: 100%;
      display: block;
      padding: 16px 16px 74px 160px;
   }
   .akce-wrapper.list div.event-row-img {
      width: 128px;
      height: 81px;
      position: absolute;
      top: 20px;
      left: 16px;
      display: block;
      z-index: 99;
   }
   .akce-wrapper.list li.event-row {
      height: auto;
   }
   .akce-wrapper.list .event-row-wrap-right {
      padding-top: 0 !important;
      float: none;
   }
   .akce-wrapper.list .event-row-wrap-right:after {
      position: absolute;
      width: 100%;
      bottom: 64px;
      left: 0;
      height: 1px;
      content: "";
      display: block;
      background: rgba(255, 255, 255, 0.25);
      z-index: 99;
   }
   .akce-wrapper.list div.event-row-wrap-datum {
      margin: 0;
      line-height: 24px;
   }
   .akce-wrapper.list div.event-row-place {
      font-size: 15px;
      line-height: 20px;
   }
   .akce-wrapper.list div.event-row-wrap-cena {
      margin: 0;
      position: absolute;
      left: 16px;
      bottom: 16px;
      line-height: 36px;
   }
   .akce-wrapper.list span.row-cena-vstup {
      display: inline-block;
   }
   .akce-wrapper.list div.event-row-wrap-info {
      width: 100%;
      max-width: none;
      float: none;
      margin: 0;
   }
   .akce-wrapper.list .event-row-name,
   .akce-wrapper.list .event-row-place {
      white-space: normal;
   }
   .akce-wrapper.list div.event-row-wrap-buttons {
      margin: 0;
      position: absolute;
      right: 16px;
      bottom: 16px;
   }
   .akce-wrapper.list div.event-row-wrap-buttons .button:first-child {
      margin-right: 4px;
   }
   .deposit-wrapper {
      margin: 32px 0;
      padding: 16px 24px;
      height: auto;
   }
   div#my-deposit {
      margin: 0;
   }
   #my-deposit table.deposit tbody {
      height: auto !important;
      display: block;
   }
   #my-deposit table.deposit tr {
      display: block;
      padding: 22px 100px 22px 24px;
      position: relative;
   }
   #my-deposit table.deposit td {
      display: block;
      margin: 0;
      text-align: left;
   }
   #my-deposit table.deposit td.col-type {
      padding: 0;
   }
   #my-deposit table.deposit td.amount-col {
      position: absolute;
      right: 24px;
      top: 50%;
      padding: 0;
      transform: translateY(-50%);
   }
   #my-deposit table.deposit td.description-col {
      padding: 10px 0 6px !important;
      line-height: 18px;
      color: #000;
   }
   #my-deposit table.deposit td.paid-col {
      padding: 0;
      line-height: 15px;
      font-size: 15px;
      color: #777777;
   }
   #my-deposit .summary-deposit {
      padding: 0 24px;
      margin-bottom: 16px !important;
   }
   #my-deposit .deposit-pagination {
      height: auto;
      top: 0;
      margin-bottom: 110px;
      padding: 0 24px 76px;
   }
   #my-deposit .deposit-pagination .export_pdf {
      position: absolute;
      bottom: 0;
      top: initial;
      left: 0;
      right: 0;
      padding: 0 24px;
   }
   #my-deposit .deposit-pagination .button {
      width: 100%;
      max-width: 376px;
      margin-bottom: 22px;
   }
   #my-deposit .deposit-pagination-control {
      position: relative;
      top: 0;
      right: 0;
   }
   .my-deposit .deposit-export {
      padding: 0 22px 70px;
      text-align: center;
   }
   a.recharge-deposit {
      float: none;
      text-align: center;
      margin: 0;
      display: block;
      width: 100%;
      padding: 12px 30px;
      max-width: 320px;
      clear: both;
   }
   p.actual-deposit {
      margin-bottom: 10px !important;
      margin-top: 0 !important;
      margin-left: 4px;
   }
   .article-filtrebar {
      padding: 14px 0;
      margin: 0 auto 46px;
      height: auto;
   }
   .article-filtrebar .article-filter {
      padding: 0 24px;
      display: block;
   }
   #article-filter > fieldset > .selecty {
      display: block !important;
   }
   #article-filter .js-select {
      display: block;
      width: 100%;
      max-width: 377px;
   }
   #article-filter .js-select .select-selected {
      width: 100%;
   }
   #selected-articles .selected-events,
   #selected-events .selected-events {
      padding: 0 0 110px;
   }
   .article-pagination {
      height: 130px !important;
   }

   .article-pagination-control {
      right: 0 !important;
      top: 15px !important;
      display: block;
      position: relative !important;
   }
   .col-2-table thead th {
      padding-left: 24px !important;
   }
   div.ft-contacts-btn,
   a.ft-contacts-btn:hover {
      background: #7e7e7e !important;
      box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2) !important;
      border-top: 1px solid #a5a5a5 !important;
      border: none;
   }
   body.fws #selected-events,
   body.fws #selected-articles {
      width: 100%;
      left: 0;
      transform: none;
   }
   #selected-events .selected-events-title-wrap {
      padding: 40px 24px 16px;
      overflow: hidden;
   }
   #selected-events .selected-events-title-wrap .section-title {
      font-size: 24px;
      margin: 0;
   }
   .branch-detail-hotnews-row {
      padding: 24px;
      height: auto;
   }
   .branch-detail-hotnews-row-left {
      float: none;
      width: 100%;
      max-width: 500px;
      height: 200px;
      z-index: 10;
      margin: 0 auto;
   }
   .branch-detail-hotnews-row-right {
      width: 100%;
      height: auto;
      max-width: 632px;
      position: static;
      padding: 16px 0 0 0;
      margin: 0 auto;
      float: none;
   }
   .branch-detail-hotnews-row-right p {
      font-size: 14px !important;
      margin: 0;
   }
   .branch-detail-hotnews-row h3 {
      font-size: 22px;
      line-height: 24px;
   }
   .branch-detail-hotnews-link {
      padding: 0 24px 24px;
      margin: 0 auto;
      text-align: left;
      max-width: 632px;
   }
   #article-filter > fieldset > .selecty:not(:last-child) {
      margin-right: 0;
      margin-bottom: 14px;
   }
   #novinky,
   #stranka {
      margin-bottom: 110px;
   }
   #novinky #stranka.novinky {
      display: none;
   }
   .col-s-list li > a,
   .col-s-list li > div {
      line-height: 24px;
      padding: 20px 48px 20px 24px;
      min-height: 65px;
      height: auto;
   }
   .col-s-list li span:first-of-type {
      line-height: 24px;
      transform: none;
      top: auto;
   }
   .col-s.article-datail-top {
      padding: 0 24px 0;
   }
   #page .bhleft .tag-novinka {
      padding-left: 12px;
   }
   #event-detail-header .wrap {
      display: block !important;
   }
   #event-detail-header .wrap-image {
      width: 88% !important;
      left: 6%;
      top: -44px;
      height: 200px !important;
   }
   #event-detail-header .wrap-info {
      width: 88% !important;
      left: 6%;
      padding-bottom: 76px;
   }
   #event-detail-header .wrap-info-top {
      position: static;
   }
   #event-detail-header .socialshare-wrap {
      bottom: 0;
      top: auto;
      width: 100%;
   }
   #event-detail-header .share-button {
      float: right;
   }
   #event-detail-header .socialshare-box {
      right: 43px;
      top: -3px;
   }
   #event-detail-header .socialshare-link {
      float: left;
      margin: 0 0 0 3px;
   }
   #event-detail-header .detail-buttons .ticket {
      margin: 0 auto 10px;
      float: none !important;
      text-align: center;
   }
   #event-detail-header .detail-buttons div {
      margin: 0 auto 10px;
      float: none !important;
      text-align: center;
   }
   #event-detail-header .detail-buttons div:last-child {
      margin-bottom: 0;
   }
   #event-detail-header .detail-buttons .button {
      width: 100%;
   }
   #event-detail-buttons {
      padding: 0 24px;
   }
   #event-detail-buttons span,
   #event-detail-buttons a {
      width: 100%;
      max-width: 377px;
      margin-bottom: 10px;
      margin-right: 0 !important;
   }
   #event-detail .section-wrap:last-of-type {
      margin-bottom: 30px !important;
   }
   #event-detail-header .detail-buttons > :not(:last-child) {
      margin-right: 0 !important;
   }
   #sel2 {
      display: none;
   }
   .project-list img {
      display: none;
   }
   #layout-1col .edit-page {
      margin: 15px 16px 0;
   }
   #layout-1col .section-annotation,
   #layout-1col h1 {
      padding: 0 24px;
      text-align: left;
      margin: 45px 0;
   }
   #event-detail-header {
      padding: 55px 32px 30px !important;
   }
   #obal div.section-wrap {
      margin-top: -24px;
   }
   #mlp_event #filter .js-select div.select-selected {
      width: 100%;
   }
   #selected-articles li.event-tile,
   li.news-tile {
      margin-bottom: 1px;
   }
   #mlp_event #event-detail {
      margin-top: 20px;
   }
   #event-detail .detail-buttons {
      overflow: visible;
   }
   div#drobecky {
      display: none;
   }
   .who-weare-list-wrapper {
      margin-bottom: 50px;
   }
   .contacts-wrapper .quickaccess {
      display: block;
      border-top: 0;
      border-bottom: 0;
      overflow: hidden;
      margin-bottom: 0;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(1) {
      float: left;
      width: 49%;
      border-right: 1px solid #d9d9d9;
   }

   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(2) {
      float: right;
      width: 50%;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(3) {
      float: left;
      width: 49%;
      border-right: 1px solid #d9d9d9;
      border-top: 1px solid #d9d9d9;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(4) {
      float: right;
      width: 50%;
      border-top: 1px solid #d9d9d9;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(-n + 2) {
      padding-bottom: 16px;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-last-of-type(-n + 2) {
      padding-top: 16px;
   }

   .contacts-wrapper .quickaccess .quickaccess-tile {
      padding: 0;
   }

   .contacts-spokeswoman-info {
      overflow: visible !important;
      padding-top: 0 !important;
   }
   .contacts-spokeswoman-more {
      padding-top: 0;
   }
   .contacts-other-row {
      margin-bottom: 0;
      display: block;
      width: 100%;
   }
   .contacts-other-tile {
      width: 100%;
      box-sizing: border-box;
      height: auto;
      float: none !important;
      margin: 0 0 16px !important;
   }
   .contacts-other-tile p {
      margin: 8px 0;
   }
   .contacts-wrapper.col-m {
      padding: 0 16px;
      margin-bottom: 80px;
   }
   .contacts-wrapper.col-m .textbox {
      padding: 0 8px;
   }
   .knihovna-v-cislech .textbox {
      padding-right: 15px;
   }
   .show-all-branches {
      margin-bottom: 50px;
   }
   #drobecky {
      display: none;
   }
   #pvypishlavicka #filter {
      padding: 0 24px;
   }
   #pvypishlavicka .js-select {
      margin: 0;
      display: block;
      width: 100%;
      max-width: 377px;
   }
   #pvypishlavicka .js-select .select-selected {
      width: 100%;
   }
   #anotace .state {
      padding-top: 24px;
      margin-right: 0;
      display: block;
   }
   #anotace .wheelchair {
      padding-top: 32px;
   }
   .branch-index-citypart-title {
      margin: 0 24px;
   }
   .branch > a {
      padding: 16px 24px;
   }
   .branch-name {
      display: block !important;
      padding-bottom: 10px;
      width: 100% !important;
   }
   .branch-address {
      float: left !important;
      display: inline-flex !important;
      width: 100% !important;
      padding-bottom: 10px;
   }
   .branch-opening-hours {
      width: 100% !important;
   }
   .branch-wheelchair-accessible {
      float: right !important;
      width: 30% !important;
      margin-top: -42px;
   }
   .branch-bibliobus .bibliobus-links {
      padding: 12px 16px;
   }
   .branch-bibliobus .bus-header-wrap {
      width: 100%;
   }
   .branch-bibliobus .bus-header-image {
      display: none;
   }
   .branch-bibliobus .bus-header-contact > span {
      display: block;
      margin-bottom: 12px;
   }
   .reg-personal-data,
   .reg-permanent-address,
   .reg-mailing-address,
   .reg-user-login {
      float: none;
      width: 100%;
      max-width: 100%;
      margin-bottom: 32px;
   }
   #online-registration {
      padding: 60px 16px 70px 16px;
      max-width: 632px;
      margin: 0 auto;
   }
   #online-registration .reg-mailing-address-annotation {
      font-size: 16px;
   }
   #online-registration .birth-date-wrap {
      margin-bottom: 4px;
   }
   select#selgender {
      width: 136px !important;
   }
   #online-registration-wrapper {
      margin-bottom: 190px !important;
      margin-right: 3px !important;
      margin-left: 3px !important;
   }
   select[name="TitZ"],
   select[name="TitP"] {
      padding: 0 11px !important;
   }
   select[name="TitZ"] {
      margin-left: 5px;
   }
   p.required-fields {
      bottom: 30px !important;
      font-size: 13px;
   }
   #online-registration .reg-column h2 {
      font-size: 22px;
   }
   .reg-submit {
      padding: 48px 16px 0;
   }
   .reg-submit input {
      width: 100%;
      max-width: 632px;
   }
   .reg-submit input:not(:first-child) {
      margin-top: 10px;
   }
   .error-page-not-found {
      font-size: 40px !important;
      line-height: 50px !important;
      padding-bottom: 40px;
   }
   .error-page-back {
      padding: 0 14px 30px 14px;
      font-size: 19px !important;
      line-height: 30px;
   }
   .error-page-head {
      padding-bottom: 10px;
   }
   .error #top {
      display: none;
   }
   .error #foot {
      display: none;
   }
   #error {
      padding: 40px 0 110px 0;
   }
   .mlp_menu_list h1 {
      font-size: 22px !important;
      font-weight: 400;
   }
   .textbox {
      padding: 0 24px;
   }
   #katalog-on-line .section-title {
      font-size: 22px !important;
      margin: 0 10px 20px 10px;
   }
   .col-s-list-arrow.katalog-arrow-more {
      top: 48% !important;
      right: 12px !important;
   }
   .katalog-row-author {
      padding-top: 5px;
   }
   #drobecky {
      display: none;
   }
   .katalog-batch.limited .kat-tile:nth-child(n + 4) {
      display: none;
   }
   .katalog-batch .kat-tile:nth-child(n + 4) {
      margin-top: 2em;
   }
   .kat-tile:nth-child(3n-2) {
      margin-left: 0;
      clear: both;
   }
   .kat-tile {
      width: 29.44606413994169%;
      margin-left: 5.830903790087463%;
   }
   .kat-tile .button {
      font-size: 12px;
      line-height: 20px;
      font-weight: 500;
      padding: 5px 0;
      width: 100%;
      max-width: 101px;
      text-align: center;
   }
   .katalog-batch .section-title-box {
      overflow: hidden;
      clear: both;
   }
   .katalog-browser .section-title-box {
      padding: 0 24px;
   }
   .katalog-browser .katalog-batch .katalog-tiles {
      padding: 0 16px;
   }
   .katalog-browser .other-topics-lists ul {
      max-width: none;
      width: 100%;
      margin: 0 !important;
   }
   .katalog-browser .other-topics-lists ul:not(:first-of-type) li:first-child {
      box-shadow: 0 -1px 0 0 rgba(50, 50, 50, 0.05);
   }
   .katalog-browser .other-topics-lists li {
      height: auto;
      min-height: 80px;
   }
   .katalog-browser .other-topics-lists li span:first-of-type {
      padding: 12px 0;
   }
   .katalog-browser .other-topics-button {
      margin-bottom: 80px;
   }
   .katalog-browser .big-box-wrapper {
      margin: 0 16px 126px;
   }

   #on-line-katalog {
      margin: 0 0 110px;
   }
   #on-line-katalog #katalog-sidebar {
      display: none !important;
   }
   #on-line-katalog .katalog-filterbar-groups .fullView,
   #on-line-katalog .katalog-filterbar-bottom .katalog-counter,
   #on-line-katalog .katalog-filterbar-sorting {
      display: none;
   }
   #on-line-katalog .katalog-filterbar-groups {
      width: 100%;
      float: none;
      display: flex;
      text-align: center;
   }
   #on-line-katalog .katalog-filterbar-groups a {
      flex-grow: 1;
      padding: 16px 8px;
   }
   #on-line-katalog .katalog-filterbar-groups a:first-of-type {
      padding-left: 24px;
   }
   #on-line-katalog .katalog-filterbar-groups a:last-of-type {
      padding-right: 24px;
   }
   #on-line-katalog .katalog-filterbar-groups a.active,
   #on-line-katalog .katalog-filterbar-groups a:hover {
      box-shadow: 0 2px 0 0 #cc0000;
   }
   #on-line-katalog .katalog-filterbar-groups a.active span {
      color: #cc0000;
   }
   #on-line-katalog .katalog-filterbar-groups .responsiveView {
      display: inline-block;
   }
   #on-line-katalog .katalog-filterbar-top {
      padding: 0;
      height: auto;
   }
   #on-line-katalog .katalog-filterbar-bottom {
      padding: 16px 16px 24px;
      height: auto;
   }
   #on-line-katalog .katalog-filterbar-bottom > div {
      float: none;
      display: none;
      padding: 0;
   }
   #on-line-katalog
      #katalog-filterbar.openFilters
      .katalog-filterbar-bottom
      > div:not(.katalog-counter) {
      display: block;
   }
   #on-line-katalog .katalog-filterbar-bottom > div:not(:first-child) {
      margin-top: 16px;
   }
   #on-line-katalog div.katalog-filters-btn {
      text-align: center;
      display: block;
   }
   #on-line-katalog .katalog-filters-btn,
   #on-line-katalog .katalog-filters,
   #on-line-katalog #katalog-selects {
      max-width: 393px;
      margin: 0 auto;
   }
   #on-line-katalog .katalog-filters-btn .button {
      width: 100%;
      max-width: 393px;
      padding: 13px 14px;
   }
   #on-line-katalog .katalog-filters .filter-tag {
      margin-bottom: 6px;
   }
   #on-line-katalog div.katalog-remove-filters {
      text-align: center;
      font-weight: 500;
      margin-top: 10px !important;
   }
   #on-line-katalog #katalog-selects .select-filter {
      width: 100%;
      display: block;
   }
   #on-line-katalog #katalog-selects .select-filter.js-select .select-selected,
   #on-line-katalog
      #katalog-selects
      .select-filter.js-select
      .select-items
      div {
      width: 100%;
   }
   #on-line-katalog #katalog-selects .select-filter.js-select .select-selected {
      background-color: #fff;
   }
   #on-line-katalog #katalog-selects .select-filter:not(:last-child) {
      width: 100%;
      display: block;
      margin-bottom: 16px;
   }

   #on-line-katalog #katalog-list.grid {
      padding: 0 16px;
   }
   #on-line-katalog .katalog-row {
      padding-left: 80px;
      padding-right: 32px;
      min-height: 92px;
   }
   #on-line-katalog .katalog-row-img {
      position: absolute;
      left: 12px;
      top: 12px;
   }
   #on-line-katalog .katalog-row.web .katalog-row-info {
      padding-top: 12px;
   }
   #on-line-katalog .katalog-row-info .katalog-row-publishments.responsiveView {
      display: block;
      padding-top: 5px;
   }
   #on-line-katalog .katalog-row-right {
      float: none;
      display: block;
      line-height: 20px;
      padding: 8px 0 0 12px;
   }
   #on-line-katalog .katalog-row-right .button.reserve {
      margin: 0;
      font-size: 12px;
      line-height: 20px;
      padding: 4px 10px;
   }
   #on-line-katalog .katalog-row-right .no-reservation-space {
      display: none;
   }
   #on-line-katalog .katalog-row-right .katalog-row-publishments {
      display: none;
   }
   #on-line-katalog #katalog-list.rows .pagination {
      padding: 0 16px;
   }
   #on-line-katalog .pagination {
      height: auto;
   }
   #on-line-katalog .pagination .button {
      width: 100%;
      max-width: 328px;
      margin-bottom: 24px;
   }
   #on-line-katalog .pagination-control {
      height: auto;
      position: static;
   }
   #on-line-katalog .listoftitles-noresults {
      margin: 40px 0 0;
   }

   #autocomplete {
      width: calc(100% - 88px);
      height: 400px;
      position: absolute;
   }
   #autocomplete-close {
      right: 6px;
   }
   #autocomplete-in {
      overflow-y: scroll;
      max-height: 400px;
   }
   #projekty .col-m.textbox,
   #projekty .single-project p {
      padding: 0;
   }
   #projekty {
      padding-top: 26px;
   }
   #projekty .project-list {
      margin-bottom: 74px;
   }
   #projekty .single-project {
      padding: 16px 42px 16px 16px;
      display: inline-block;
      width: 100%;
      height: auto;
      min-height: 90px;
      line-height: 28px;
   }
   #projekty .single-project::after {
      position: absolute;
      content: "";
      display: block;
      width: 18px;
      background: url(images/new/vpravo_barevne_tmave.png) no-repeat center /
         80px transparent;
      height: 100%;
      top: 0;
      right: 16px;
   }
   #projekty .single-project:hover::after {
      background-position-x: -5px;
   }
   #projekty .single-project:active::after {
      background-position-x: -56px;
   }
   #projekty .single-project:hover p {
      color: #b80000;
   }
   #projekty .single-project:active p {
      color: #8f0100;
   }
   #projekty .single-project a {
      text-decoration: none;
   }
   #projekty .single-project p {
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      color: #ca0002;
   }
   #projekty .single-project p > a:first-of-type {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
   }
   #projekty .single-project ul {
      line-height: 22px;
      display: inline-block;
      vertical-align: middle;
   }
   #projekty .single-project li {
      line-height: 22px;
      white-space: normal;
   }
   .branch-filterbar {
      height: auto;
   }
   #logo {
      overflow: hidden;
      width: 25px;
      height: 35px;
      display: block;
      padding: 0;
      float: none;
      position: absolute;
      top: 16px;
      right: 0;
      left: 0;
   }
   #logo a {
      display: block;
      width: 100%;
      height: 35px;
   }
   #mobile-menu-button {
      display: inline-block;
      margin: 0;
   }
   #top {
      overflow: visible;
      height: auto;
      z-index: 9;
      transition: height 0.4s ease-in-out;
   }
   #page {
      z-index: 8;
   }
   #top.searchOpen {
      height: 145px;
      overflow: visible;
   }
   #top.sticky {
      top: 0;
   }
   #top.sticky + #page {
      padding-top: 64px;
   }
   #top.sticky.searchOpen + #page {
      padding-top: 145px;
   }
   .noscript #top {
      height: auto;
   }
   #top .top-up {
      margin: 0;
      height: 64px;
      padding: 8px 16px;
      box-sizing: border-box;
      width: 100%;
      line-height: 48px;
   }
   #top .top-up-login {
      position: absolute;
      float: none;
      display: none;
      margin: 0;
      left: 0;
      right: 0;
      top: 64px;
      padding: 0 16px;
      text-align: right;
   }
   #top ul.top-up-login > li {
      box-sizing: border-box;
      margin: 0;
      text-align: right;
   }
   #top ul.top-up-login > li:first-of-type {
      width: 60%;
      float: left;
      text-align: left;
   }
   #top ul.top-up-login li.lang {
      width: 12.5%;
      text-align: right;
      padding-left: 0.5em;
      max-width: 30px;
      margin: 0;
   }
   #top ul.top-up-login li.top-logout {
      width: 27.5%;
   }
   #top #mobile-menu-button.active ~ .top-up-login {
      display: block;
   }
   #top #mobile-menu-button.active ~ .top-up-login {
      display: block;
   }
   #top .top-up-login li.mlp_loading_box_top .loader-4.loginloader {
      position: relative;
      display: block;
      top: 18px;
   }
   #top .top-up-login li.login-visitor-name {
      float: left;
      margin-right: 0.5em;
   }
   #top .top-up-login li.login-visitor-name a,
   #username.logged {
      margin: 0;
      padding-right: 0.5em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 100%;
      display: inline-block;
      line-height: 14px;
      box-sizing: border-box;
   }
   #top .top-search-button {
      position: absolute;
      top: 8px;
      right: 16px;
   }
   #top .top-search-button .button {
      margin: 0;
      width: 48px;
      height: 48px;
      padding: 0;
      font-size: 0;
      color: transparent;
      background: url("images/new/lupa_bila.png") no-repeat center / 54% #cc0000;
   }
   #top .top-search-button button:hover,
   #tophledat input[type="submit"]:hover {
      background-color: #b80000;
      border-color: #b80000;
   }
   #top .top-search-button button:active,
   #tophledat input[type="submit"]:active {
      background-color: #8f0100;
      border-color: #8f0100;
   }
   #top-logout {
      width: auto;
      vertical-align: baseline !important;
   }
   #menu-top {
      display: block;
      width: 100%;
      padding-top: 50px;
   }
   #menu li {
      display: block;
   }
   #menu a {
      display: block;
      padding: 8px 16px;
      margin: 0 !important;
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   }
   #menu li.active a {
      box-shadow: inset 0 -1px 0 #f2f2f2;
   }
   #menu li.active a {
      color: #f2f2f2;
   }
   #menu li:last-child {
      padding-bottom: 16px;
      border: 0;
   }
   #top .top-bottom {
      height: 0;
      overflow: hidden;
   }
   #top .top-bottom.mobileMenu {
      transition: height 0.4s ease;
   }
   #top .top-search {
      overflow: visible;
      height: 145px;
      top: -145px;
      padding: 16px;
   }
   #top .top-search-logo {
      top: 16px;
      left: 16px;
   }
   #top .top-search-close {
      top: 16px;
      right: 16px;
   }
   #top-search {
      width: 100%;
      max-width: 100%;
      margin-top: 50px;
      overflow: visible;
      z-index: 9;
   }
   #query {
      width: calc(100% - 56px);
      padding: 16px 40px 16px 16px;
      font-size: 18px;
      border-radius: 3px 0 0 3px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
   }
   #tophledat::before {
      display: none;
   }
   #tophledat input[type="submit"] {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 56px;
      width: 56px;
      color: transparent;
      font-size: 0;
      box-shadow: none;
      border-radius: 0 3px 3px 0;
      background: url("images/new/lupa_bila.png") no-repeat center / 54% #cc0000;
   }
   div#overlay-reservation {
      background: #fcfcfc;
   }
   #reservation-overlay .close-reservation-wrap {
      margin: 8px auto 0;
      padding: 0 8px;
   }
   #reservation-overlay a.close-reservation {
      color: transparent;
      font-size: 0;
      width: 48px;
      height: 48px;
      overflow: hidden;
      padding: 0;
      border-color: rgba(0, 0, 0, 0.24);
   }
   #reservation-overlay a.close-reservation:hover {
      border-color: #b80000;
   }
   #reservation-overlay a.close-reservation:active {
      border-color: #8f0100;
      background-color: rgba(221, 221, 221, 0.25);
   }
   #reservation-overlay a.close-reservation::before {
      top: 14px;
      left: 14px;
   }
   #reservation-overlay .loader-4 {
      top: 160px;
   }
   #overlay-reservation h1 {
      font-size: 42px;
      line-height: 56px;
      font-weight: 300;
      position: relative;
      width: 100%;
      z-index: 3;
      text-align: left;
      padding: 70px 16px 12px;
      box-sizing: border-box;
      margin: 0;
   }
   #overlay-reservation h1.review {
      display: none;
   }
   #overlay-reservation .overlay-reservation-box {
      width: 100%;
      height: auto;
      margin: 0;
      position: absolute;
      background: transparent;
      top: 0;
      left: 0;
      max-width: none;
      box-shadow: none;
      animation: none;
      overflow: hidden;
   }
   #overlay-reservation .reservation-left-col {
      width: 100%;
      position: relative;
      float: none;
      height: auto;
      text-align: left;
      padding: 126px 16px 0;
      box-sizing: border-box;
   }
   #overlay-reservation .reservation-right-col {
      width: 100%;
      position: relative;
      float: none;
      padding: 0 0 84px 0;
      box-sizing: border-box;
   }
   #overlay-reservation .res-crossroad-wrapper {
      margin: 0;
      padding: 16px;
   }
   #overlay-reservation .col-s-list.branches-reservation {
      border-radius: 2px;
      overflow: hidden;
   }
   #overlay-reservation div#pujdnes,
   #overlay-reservation div#pujnahl,
   #overlay-reservation .order-to-study-wrapper,
   #overlay-reservation div#pujdigi,
   #overlay-reservation .res-login-wrapper {
      padding: 16px;
   }
   #overlay-reservation .col-s-list.branches-reservation li a {
      height: auto;
      min-height: 55px;
      padding-top: 14px;
      padding-bottom: 14px;
      font-size: 15px;
   }
   #overlay-reservation .col-s-list.branches-reservation li a span {
      line-height: 20px;
   }
   #overlay-reservation
      .col-s-list.branches-reservation
      li
      a
      span:first-of-type {
      margin-right: 8px;
   }
   #overlay-reservation
      .col-s-list.branches-reservation
      li
      a
      .number-of-volumes {
      position: relative;
      top: auto;
      transform: none;
      margin: 0;
   }
   #overlay-reservation .nav-reservation {
      display: flex;
      margin-bottom: 20px;
      height: auto;
   }
   #overlay-reservation .nav-reservation-tab {
      font-size: 15px;
      padding: 20px 8px;
      width: auto;
      flex-grow: 1;
   }
   #overlay-reservation .katalog-row-img {
      height: 140px;
      padding: 20px 0 0 0;
      position: relative;
      width: 40px;
      margin: 0 56px 0 12px;
      box-sizing: border-box;
      display: inline-block;
      float: none;
   }
   #overlay-reservation .info-reservation {
      padding: 0;
      position: relative;
      display: inline-block;
      text-align: left;
      vertical-align: 32px;
      margin-bottom: 32px;
   }
   #overlay-reservation .section-wrap {
      padding: 0 16px;
      margin: 0;
   }
   .reservation-choose-branch,
   .reservation-choose-time,
   .reservation-review {
      max-width: none;
      width: 100%;
   }
   #overlay-reservation .reservation-continue {
      position: relative;
      right: 0;
      bottom: 0;
      width: 49%;
      max-width: 250px;
      background-position-x: 95%;
   }
   #overlay-reservation .time .reservation-continue,
   #overlay-reservation .review .reservation-continue {
      float: right;
   }
   #overlay-reservation .selected_branch-left {
      margin: 0;
   }
   #overlay-reservation .selected_branch {
      width: 100%;
      margin-bottom: 16px;
   }
   #overlay-reservation .js-select {
      width: 100%;
      padding-bottom: 16px;
   }
   #overlay-reservation .reservation-accept-branch {
      width: 100%;
      display: block;
      margin: 0;
      text-align: center;
   }
   #overlay-reservation .bottom-buttons {
      margin: 40px 0;
      padding: 0;
      position: relative;
      width: 100%;
      text-align: left;
      overflow: hidden;
   }
   #overlay-reservation .bottom-buttons.branch {
      text-align: right;
   }
   #overlay-reservation .bottom-buttons a.button {
      position: relative;
      display: inline-block;
      width: 49%;
      max-width: 250px;
      left: 0;
      top: 0;
      height: auto;
      text-align: center;
      margin: 0;
   }
   #overlay-reservation .reservation-radio-wrapper {
      width: auto;
      box-sizing: border-box;
   }
   #overlay-reservation .reservation-continue.review {
      width: 64%;
   }
   #overlay-reservation a.button.review {
      width: 34%;
   }
   #overlay-reservation .reservation-succes {
      text-align: center;
      height: auto;
      position: relative;
      padding: 0 24px;
      box-sizing: border-box;
   }
   #overlay-reservation .reservation-succes p {
      text-align: left;
      width: auto;
   }
   #overlay-reservation.success .reservation-title {
      display: none;
   }
   #overlay-reservation .reservation-succes-title {
      font-size: 42px;
      font-weight: 300;
      text-align: left;
      margin-bottom: 34px;
      border: 0;
      padding: 70px 0 0;
   }
   #overlay-reservation .reservation-succes-title::before {
      display: none;
   }
   #overlay-reservation .reservation-succes-btn {
      margin: 24px auto;
      display: block;
      max-width: 327px;
   }
   #overlay-reservation .reservation-succes .image-overlay.light,
   #overlay-reservation .reservation-succes .event-tile-bottom-image.blur {
      position: fixed;
   }
   #overlay-reservation .reservation-succes .image-overlay.light {
      background-color: rgba(255, 255, 255, 0.5);
   }
   #overlay-reservation #pujcform .pujbox {
      margin: 0;
      padding: 16px;
   }
   #overlay-reservation #pujcform .lent-today-tile {
      width: 27.6%;
      margin-right: 2%;
   }
   #overlay-reservation #pujcform .lent-today-tile:nth-child(3n + 3) {
      margin-right: 0;
   }
   #event-detail-other-dates .section-title-box {
      display: block;
      overflow: hidden;
   }
   .acc-settings-wrapper .acc-settings-row {
      height: auto;
      overflow: hidden;
      padding-bottom: 0;
   }
   .acc-settings-wrapper .acc-settings-row:last-child {
      padding-bottom: 22px;
   }
   .acc-settings-wrapper .acc-settings-row > div {
      padding: 0 0 20px 0;
   }
   .acc-settings-wrapper .acc-settings-block-right {
      width: 100%;
   }
   .acc-settings-wrapper .acc-settings-btn {
      float: left;
   }
   .acc-settings-wrapper a.acc-settings-btn:first-child {
      margin-right: 15px;
      margin-left: 0;
   }
   .acc-settings-wrapper .acc-settings-block-left {
      width: auto;
      float: none;
   }
   .acc-settings-wrapper .acc-settings-block-middle {
      width: auto;
   }
   .acc-settings-list > li span.inner-group {
      width: 100%;
      float: none;
   }
   .acc-settings-list > li span.inner-group:not(:last-child) {
      margin-bottom: 16px;
   }
   .acc-settings-list > li span.inner-group > span:first-child {
      line-height: 1.1;
   }
   .acc-settings-bottom {
      padding: 24px;
   }
   #prihlaseny-nastaveni .mlp-alert.be-informed {
      margin: 0 16px;
   }
   #prihlaseny-nastaveni .mlp-alert.be-informed a {
      white-space: nowrap;
   }

   .book-wrap-box {
      padding: 36px 0 0 0;
      margin-bottom: 0 !important;
   }
   .book-wrap-box #katalogbottom {
      position: relative;
   }
   .book-wrap-box .book-info {
      float: none;
      width: 100%;
      padding: 0 24px;
      box-sizing: border-box;
      position: relative;
   }
   .book-wrap-box .book-info-top {
      padding-left: 116px;
      padding-bottom: 24px;
   }
   .book-wrap-box .book-info-top h1 {
      margin: 0 0 16px 0 !important;
      padding: 0 !important;
      line-height: 42px !important;
   }
   .book-wrap-box .book-info-main {
      float: none;
      font-size: 16px;
      line-height: 24px;
      color: #737373;
   }
   .book-wrap-box .book-info-main a {
      white-space: nowrap;
      font-weight: 500;
   }
   .book-wrap-box .book-info-bottom .want-this {
      width: 100%;
      max-width: 377px;
      margin-right: 0;
      text-align: center;
   }
   .book-wrap-box .book-info-bottom .all-editions-dialog {
      box-sizing: border-box;
      width: 100%;
      max-width: 377px;
   }
   .book-wrap-box .book-info-bottom .all-editions-dialog:before {
      top: -20px;
      left: 20px;
      margin: 0;
   }
   .book-wrap-box #book-img-left {
      position: absolute;
      top: 0;
      left: 24px;
      max-width: 92px;
      margin: 0;
      overflow: hidden;
   }
   .book-wrap-box #book-img-left.triple-cover {
      overflow: visible;
      transform: scale(0.3) translate(-70%, -115%);
   }
   .book-wrap-box .katalogbottom-right {
      margin-top: 50px;
   }
   .book-wrap-box .katalogbottom-right .listoftitles .section-title,
   #katalogdilo .book-wrapper .section-title {
      margin-left: 16px;
   }
   .book-wrap-box .katalogbottom-right .listoftitles .number-of-editions {
      margin-top: 0;
   }
   .book-wrap-box .katalogbottom-right #katalog-list {
      clear: both !important;
   }
   .book-wrap-box .katalogbottom-right #katalog-list:last-child {
      margin-bottom: 95px;
   }
   .book-wrap-box .katalogbottom-right #katalog-list .katalog-row-img {
      display: block;
      position: absolute;
      top: 16px;
      left: 16px;
   }
   .book-wrap-box .katalogbottom-right #katalog-list .katalog-row-info {
      padding-left: 84px;
   }
   .book-wrap-box .katalogbottom-right #katalog-list .katalog-row-right {
      float: none;
      line-height: 20px;
      white-space: normal;
      display: block;
      padding-left: 84px;
      padding-top: 4px;
   }
   .book-wrap-box .katalogbottom-right #katalog-list .katalog-row-right > div {
      display: block;
   }
   .book-wrap-box .katalogbottom-right #katalog-list .button.reserve {
      margin: 8px 0 0;
      padding: 4px 10px;
      font-size: 12px;
   }
   .book-wrap-box .katalogbottom-right .all-editions-pagnination {
      margin: 0 auto 95px;
      height: auto;
   }
   #katalogdilo #book-img-left {
      top: 36px;
      overflow: visible;
   }
   #katalogdilo .book-info-top .book-author-link a,
   #katalogdilo .book-info-top .book-author-link a strong {
      font-weight: 500;
   }
   #katalogdilo #book-img-left .book-title-img-wrap,
   #katalogdilo #book-img-left .book-title-img-wrap img {
      min-width: 0;
      min-height: 0;
      max-width: 90px;
      height: auto;
      display: block;
   }
   #katalogdilo .book-info .button.want-this,
   #katalogdilo .book-info .button.add-to-list {
      width: 49%;
      text-align: center;
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      padding: 17px 12px;
      line-height: 20px;
      max-width: 220px;
   }
   #katalogdilo .book-info .button.want-this {
      margin-right: 2%;
      float: left;
   }
   #katalogdilo .book-info .button.want-this:last-of-type {
      float: none;
      margin: 0;
      width: 100%;
      max-width: 377px;
   }
   #katalogdilo .book-wrapper .section-title-wrap {
      padding: 55px 16px 0;
      overflow: hidden;
      clear: both;
   }
   #katalogdilo .book-wrapper .section-title-wrap h2 {
      margin: 0;
   }
   #katalogdilo .book-wrapper #katalogtop-right {
      min-height: 55px;
   }
   #katalogdilo .book-wrapper .section-title-wrap p {
      margin: 0 0 0 5px;
   }
   #katalogdilo .katalogbottom-right {
      margin-top: 16px;
   }
   #katalogdilo .katalogbottom-right .katalog-rows {
      margin-bottom: 24px;
   }
   #katalogdilo .show-all-editions-wrapper {
      margin: 0 auto 40px;
      padding: 0 24px;
   }
   #katalogdilo .show-all-editions-wrapper .button {
      margin: 0;
      font-size: 14px;
      line-height: 20px;
      padding: 13px 16px;
      width: 100%;
      max-width: 330px;
      font-weight: 500;
   }
   #katalogdilo .book-content {
      padding: 0 24px;
      margin-top: 40px;
   }
   #katalogdilo .book-content:last-child {
      padding-bottom: 40px;
   }
   #katalogdilo .book-content.book-info-table {
      padding: 0;
   }
   #katalogdilo .book-info-table .book-ticket p:last-of-type {
      margin-bottom: 0;
   }
   #selected-events.related-titles {
      margin-bottom: 0;
   }
   #selected-events.related-titles .selected-events-title-wrap {
      padding-left: 16px;
      padding-right: 16px;
   }
   #selected-events.related-titles .selected-events-wrap {
      padding: 0 16px;
   }
   #selected-events.related-titles
      .selected-events-title-wrap
      .section-title-more {
      display: none;
   }
   #selected-events.related-titles
      .selected-events-wrap
      ul
      li:nth-child(n + 4) {
      display: none;
   }
   .author-content {
      text-align: left;
      padding: 0 24px;
   }
   .author-content:last-of-type {
      margin-bottom: 110px;
   }
   .author-content .author-portrait {
      margin-bottom: 16px;
   }
   .author-content .author-portrait .portrait {
      margin: 0;
      width: 80px;
      height: 80px;
   }
   #middle #layout-1col .author-content h1.author-title {
      padding: 0;
      margin: 0;
   }
   .author-content .author-description {
      margin: 0;
   }
   .author-batches {
      margin-bottom: 110px;
   }
   .author-batches .section-title-box {
      padding: 0 24px;
   }
   .author-batches .katalog-tiles-wrap {
      padding: 0 16px;
      margin: 0;
   }
   #page .contact-us-wrap {
      padding: 0 16px 105px;
   }
   #foot-to-top {
      right: 16px;
   }
   #moje_knihy {
      margin: 0;
      padding-bottom: 110px;
   }
   #moje_knihy .reservation-history-removal .wrap {
      padding: 32px 0 0;
      border: 0;
      border-top: 1px solid #d9d9d9;
   }
   #moje_knihy .reservation-history-removal,
   #moje_knihy .reservation-history-bottom {
      padding: 0 16px;
   }
   #moje_knihy .reservation-history-bottom > p {
      float: none;
      padding: 0;
      width: 100%;
      text-align: left;
      height: auto;
   }
   #moje_knihy .reservation-history-wrap {
      padding: 0 16px;
   }
   #moje_knihy .reservations_print_wrapper {
      padding: 0 16px;
      overflow: hidden;
   }
   #moje_knihy .reservations_print_wrapper a {
      margin: 0;
   }
   #moje_knihy .reservations_clearfix {
      display: none;
   }
   #moje_knihy table.table-reservations.table-currently-lent,
   #moje_knihy .reservation-history table.table-reservations {
      clear: both;
   }
   #moje_knihy table.table-reservations,
   #moje_knihy table.table-reservations tbody,
   #moje_knihy table.table-reservations tr {
      display: block;
   }
   #moje_knihy table.table-reservations tr {
      padding-left: 100px;
      position: relative;
   }
   #moje-vypujcky table.table-reservations tr {
      padding-left: 0;
   }
   #moje_knihy table.table-reservations td {
      display: inline-block;
      height: auto;
      border-bottom: 0;
      line-height: 20px;
   }
   #moje_knihy table.table-reservations td.pic-col1 {
      position: absolute;
      top: 0;
      left: 0;
   }
   #moje_knihy table.table-reservations td.name-col2 {
      padding-bottom: 4px;
   }
   #moje_knihy .user-list-detail .reservations-tag {
      margin-bottom: 4px;
   }
   #moje_knihy table.table-reservations td.publishing-house-col3 {
      font-size: 14px;
      display: block;
      color: #737373;
   }
   #moje_knihy table.table-reservations td.state-col4 span,
   #moje_knihy table.table-currently-lent td.state-col4 {
      font-size: 14px;
   }
   #moje_knihy #moje-vypujcky table.table-reservations td.state-col4 .tag2 {
      width: auto;
      margin-left: 0;
      float: none;
   }
   #moje_knihy table.table-reservations td:nth-child(n + 3) {
      display: block;
      padding: 0 12px 4px;
   }
   #moje_knihy table.table-reservations td:empty {
      display: none;
   }
   #moje_knihy table.table-reservations td:last-child {
      padding-bottom: 12px;
   }
   #moje_knihy table.table-reservations td.actions-col6 {
      padding-top: 12px;
   }
   #moje_knihy .user-list-detail table.table-reservations td.actions-col6 {
      padding-top: 4px;
   }
   #moje_knihy table.table-reservations td.actions-col6 .button,
   #moje_knihy table.table-reservations td.actions-col6 input[type="submit"],
   #moje-seznamy .acc-list-block-right a.acc-list-btn {
      padding: 4px 10px;
      font-size: 12px;
      line-height: 20px;
   }
   #moje-vypujcky .reservation-pagination .pagination,
   #my-deposit .pagination {
      height: auto;
      padding: 0 16px;
   }
   #moje-vypujcky .reservation-pagination .pagination > .button.big,
   #my-deposit .pagination > .button.big {
      width: 100%;
      max-width: 328px;
      margin-bottom: 24px;
   }
   #moje-vypujcky .reservation-pagination .pagination-control,
   #my-deposit .pagination .pagination-control {
      position: relative;
      right: auto;
      top: auto;
   }
   #moje-vypujcky .no-reservations {
      padding: 0 16px;
   }
   #moje-seznamy .user-list-new {
      margin: 0 16px 16px;
   }
   #moje-seznamy .user-list.index .list-name {
      margin-bottom: 0.3em;
   }
   #moje-seznamy .acc-list-row {
      padding: 16px;
   }
   #moje-seznamy .acc-list-block-left {
      width: 100%;
      display: block;
      padding: 0;
      overflow: hidden;
   }
   #moje-seznamy .acc-list-block-left span:nth-child(2) {
      margin-top: 0.5em;
      display: inline-block;
   }
   #moje-seznamy .acc-list-block-left span:empty {
      display: none;
   }
   #moje-seznamy .acc-list-block-right {
      width: auto;
      padding: 16px 0 0 0;
   }
   #moje-seznamy #editlist {
      margin-top: 45px;
   }
   #moje-seznamy #editlist #tocimse {
      padding: 0 16px;
   }
   #moje-seznamy #editlist #insert_header {
      padding: 0 16px;
   }
   #moje-seznamy #editlist .list-title {
      width: 100%;
      display: block;
      margin-bottom: 16px;
   }
   #moje-seznamy #editlist .list-buttons {
      width: auto;
      margin: 0 0 16px;
   }
   #moje-seznamy #editlist .list-title h1,
   #moje-seznamy #editlist .list-title h3 {
      margin: 0;
      padding: 0 8px;
   }
   #moje-seznamy #editlist .editlist-subheader {
      padding: 0 16px;
      width: 100%;
      box-sizing: border-box;
   }
   #moje-seznamy #editlist .editlist-subheader .reservations_print_wrapper {
      padding: 0;
   }
   #moje-seznamy #editlist .submit_rating {
      padding-left: 36px;
   }
   #moje-seznamy #editlist .submit_rating::before {
      left: 8px;
      top: 4px;
   }
   #editlist #list-edit-main {
      margin-top: -25px;
      border: 0;
   }
   #editlist #list-edit-main .list-edit-wrapper {
      padding: 16px;
   }
   #obsah .in.forbidden {
      margin: 0 16px 110px;
   }
   #obsah .in.forbidden .e404 li {
      text-align: left;
   }
   #objednavky-sklad .objednavky-sklad-info .info {
      line-height: 20px;
   }
   #objednavky-sklad .objednavky-sklad-table td {
      display: block;
      height: auto;
      border-bottom: 0;
      padding: 0 16px 8px;
      text-align: left;
   }
   #objednavky-sklad .objednavky-sklad-table td:first-child {
      padding: 16px 16px 8px;
   }
   #objednavky-sklad .objednavky-sklad-table td:last-child {
      padding: 0 16px 16px;
   }
   #objednavky-sklad .objednavky-sklad-table .type-col3,
   #objednavky-sklad .objednavky-sklad-table .state-col4 {
      font-size: 16px;
   }
   #moje_knihy .reservation-history p.bhright.print {
      height: auto;
      width: auto;
      padding: 0 16px;
      margin: 0;
   }
   #moje_knihy .reservation-history p.bhright.print a {
      margin: 0;
   }
   #moje_knihy .reservation-history table td.actions-col6 .submit_rating {
      padding-left: 32px;
   }
   #moje_knihy
      .reservation-history
      table
      td.actions-col6
      .submit_rating::before {
      width: 16px;
      height: 16px;
      left: 10px;
      top: 6px;
   }
   .acc-settings-forget .wrap,
   .acc-settings-remember {
      padding-bottom: 40px;
   }
   .acc-settings-forget .wrap,
   .acc-settings-remember .wrap {
      padding: 32px 0 0;
      border: 0;
      border-top: 1px solid #d9d9d9;
      margin-bottom: 60px;
   }
   #moje-zaloha {
      padding: 0 16px 70px;
   }
   .moje-zaloha-wrap {
      display: block;
   }
   .moje-zaloha-wrap .wrap-box {
      width: 100%;
      margin: 0 auto;
      max-width: 460px;
   }
   .moje-zaloha-wrap .moje-zaloha-left {
      margin-bottom: 24px;
   }
   .moje-zaloha-bottom {
      max-width: 460px;
      margin: 0 auto;
   }
   .moje-zaloha-bottom p {
      margin-bottom: 16px;
      line-height: 22px;
      text-align: left;
   }
   #novinky-ve-fondu .table-wrap {
      overflow-x: auto;
   }

   #moje-vypujcky table.table-reservations td {
      display: inline-block;
      height: auto;
      border-bottom: 0;
      line-height: 20px;
   }
   #moje-vypujcky table.table-reservations td.pic-col1 {
      position: static;
      float: right;
      width: 120px;
      padding: 10px 15px 0 0;
   }
   #moje-vypujcky
      table.table-reservations
      td.pic-col1.barcode
      .katalog-row-img {
      width: 110px;
   }
   #moje-vypujcky .barcode .katalog-row-img img.cover-img {
      max-width: 80px;
   }
   #moje-vypujcky
      table.table-reservations
      td.pic-col1.barcode
      .kat-item-cover
      .cover-wrap {
      max-height: 35px;
   }
   #moje-vypujcky table.table-reservations td.name-col2 {
      padding-bottom: 4px;
   }
   #moje-vypujcky .user-list-detail .reservations-tag {
      margin-bottom: 4px;
   }
   #moje-vypujcky table.table-reservations td.publishing-house-col3 {
      font-size: 14px;
      display: block;
      color: #737373;
   }
   #moje-vypujcky table.table-reservations td.state-col4 span,
   #moje-vypujcky table.table-currently-lent td.state-col4 {
      font-size: 14px;
   }
   #moje-vypujcky table.table-reservations td.state-col4 .tag2 {
      width: auto;
      margin-left: 0;
      float: none;
   }
   #moje-vypujcky table.table-reservations td:nth-child(n + 3) {
      display: block;
      padding: 0 12px 4px;
      font-size: 16px;
   }
   #moje-vypujcky table.table-reservations td:empty {
      display: none;
   }
   #moje-vypujcky table.table-reservations td:last-child {
      padding-bottom: 12px;
   }
   #moje-vypujcky table.table-reservations td.actions-col6 {
      padding-top: 12px;
      text-align: center;
   }
   #moje-vypujcky .user-list-detail table.table-reservations td.actions-col6 {
      padding-top: 4px;
   }
   #moje-vypujcky table.table-reservations td.actions-col6 .button,
   #moje-vypujcky
      table.table-reservations
      td.actions-col6
      input[type="submit"] {
      padding: 4px 10px;
      font-size: 12px;
      line-height: 20px;
   }
   .mlp_my_account_id .form-wrap.myform p {
      padding: 0 20px;
   }
   .mv-30,
   .mv-60 {
      margin-top: 15px;
      margin-bottom: 15px;
   }
   .mlp_my_account_id .my-acc-wrapper {
      margin-bottom: 30px;
   }
   #fancybox-inner .cover-img {
      max-width: 100%;
   }
   #moje-seznamy #editlist .list-buttons {
      float: left;
   }
   .table-reservations td.actions-col6 {
      text-align: left;
   }
}
@media (min-width: 992px) and (max-width: 1105px) {
   .detail-buttons a,
   #event-detail-buttons a {
      text-align: center;
   }
   #hp-praha-v-knihovne {
      background: url("images/new/footer_solo.png") no-repeat center / cover !important;
   }
   .ft-pvk-link-box {
      display: inline-block;
      text-align: center;
      position: absolute;
      top: 20px;
      left: 0;
   }
}
@media (max-width: 600px) {
   #overlay-reservation .reservation-radio-wrapper {
      width: 100%;
   }
   #overlay-reservation .reservation-radio-wrapper {
      padding: 0;
      margin: 0;
   }
   #overlay-reservation .reservation-radio-wrapper:not(:last-child) {
      margin-bottom: 16px;
      padding-right: 0;
   }
   #overlay-reservation .reservation-radio-wrapper label {
      width: 100%;
   }
   #overlay-reservation .reservation-checkbox-wrapper label span.info {
      width: 100%;
      float: none;
   }
   .contact-us-wrap form fieldset:first-of-type label:nth-child(3),
   .contact-us-wrap form fieldset:first-of-type label:nth-child(4) {
      width: 100%;
      clear: both;
      padding: 0;
   }
   .contact-us-wrap input[type="submit"] {
      max-width: 377px;
      width: 100%;
   }
   .obsah #anotace dl {
      width: auto;
      padding-left: 0 !important;
   }
   #overlay-reservation #pujcform .lent-today-tile {
      width: 40.3%;
      margin-right: 2%;
   }
   #overlay-reservation #pujcform .lent-today-tile:nth-child(3n + 3) {
      margin-right: 2%;
   }
   #overlay-reservation #pujcform .lent-today-tile:nth-child(2n + 2) {
      margin-right: 0;
   }
   #overlay-reservation .study-pick-time {
      max-width: 326px;
   }
   #overlay-reservation #reservation-study-date {
      display: block;
      background-position: 98%;
      width: 100%;
      margin-bottom: 1em;
   }
   #overlay-reservation .study-select.js-select {
      width: 86.6%;
   }
   #overlay-reservation .study-pick-time p {
      margin-bottom: 8px;
   }
   #overlay-reservation .reservation-continue.radio,
   #overlay-reservation .reservation-continue.review {
      width: 68%;
      min-width: 0;
   }
   #overlay-reservation .bottom-buttons a.button.radio,
   #overlay-reservation .bottom-buttons a.button.review {
      width: 30%;
      min-width: 0;
      padding-left: 32px;
   }
   .book-wrapper ul.action li {
      margin-left: 0;
      display: block;
      margin-bottom: 16px;
   }
   #overlay-reservation .res-crossroad-wrapper,
   #overlay-reservation .res-login-wrapper,
   #overlay-reservation .opac-wrapper {
      padding: 16px;
   }
   #overlay-reservation #pujcform {
      padding-bottom: 0;
   }
   #overlay-reservation .reservation-succes .warehouse-order-info {
      padding: 16px;
   }
   #overlay-reservation .pujdnesbranchwrap li .branch-info-wrap {
      float: none;
      padding-left: 0;
   }
   #overlay-reservation .pujdnesbranchwrap li .branch-wheelchair {
      margin-left: 8px;
      vertical-align: baseline;
   }
   .contacts-wrapper .quickaccess {
      padding-top: 0;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(n) {
      width: 100%;
      float: none;
      border: 0;
      border-bottom: 1px solid #d9d9d9;
      padding: 16px 0;
   }
   .contacts-wrapper .quickaccess .quickaccess-tile:nth-of-type(1) {
      border-top: 1px solid #d9d9d9;
   }
   .contacts-wrapper .contacts-spokeswoman {
      height: auto;
      overflow: hidden;
   }
   .contacts-wrapper .contacts-spokeswoman-left,
   .contacts-wrapper .contacts-spokeswoman-info,
   .contacts-wrapper .contacts-spokeswoman-more {
      width: 100%;
      padding: 0;
      margin: 0;
      float: none;
      height: auto;
      display: block;
      text-align: left;
   }
   .contacts-wrapper .contacts-spokeswoman > div:not(:last-child) {
      margin-bottom: 12px;
   }
   .contacts-wrapper .contacts-spokeswoman-more > * {
      top: auto;
      transform: none;
      margin: 0;
   }
   .moje-zaloha-wrap .wrap-box {
      padding: 32px;
   }
   #moje-seznamy .user-list.index li a:first-of-type {
      padding: 16px 48px 68px 24px;
   }
   #moje-seznamy .user-list .list-edit-btn {
      right: auto;
      top: auto;
      transform: none;
      height: auto;
      min-height: 0;
      padding: 8px 11px;
      bottom: 16px;
      left: 24px;
   }
   #moje-seznamy .user-list .list-edit-btn span {
      transform: none;
      top: auto;
   }
   .branch-news-freq-wrapper label {
      float: none;
      display: block;
      width: 100%;
      margin-bottom: 10px;
   }
   #novinky .ilus {
      max-width: 100%;
   }
   #novinky .ilus {
      width: auto;
      height: auto;
   }
   .section-title {
      max-width: 100%;
   }
   #selected-articles .selected-events,
   #selected-events .selected-events {
      padding: 0 0 30px;
   }
   #obal div.section-wrap {
      margin-top: 16px;
   }
   body .branch-detail-quickaccess::after {
      top: 35%;
   }
}
@media (max-width: 374px) {
   #selected-events .selected-events-title-wrap {
      padding: 40px 16px 16px;
   }
   #overlay-reservation .reservation-left-col {
      padding-top: 180px;
      height: auto;
   }
   .hp-links-text {
      margin: 0 0 0 12px;
   }
   #katalogdilo .book-info .button.want-this,
   #katalogdilo .book-info .button.add-to-list {
      width: 100%;
      max-width: none;
   }
   #katalogdilo .book-info .button.want-this {
      float: none;
      margin: 0 0 8px;
   }
   .texy-image.float-left,
   .texy-image.float-right {
      display: block;
      clear: both;
      float: none;
      margin: 0 0 1em 0;
      max-width: 100%;
   }
   .fotogalerie .gliderNav {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
   }
   .fotogalerie .gallery-meta {
      padding: 12px 16px;
   }
   #stranka .textbox.col-m table {
      width: 100vw;
      margin: 0 -24px 2em;
   }
   #overlay-reservation .bottom-buttons button:only-child,
   #overlay-reservation button#order-to-study {
      width: 100%;
      max-width: none;
   }
   #overlay-reservation .bottom-buttons button.choose-branch:only-child {
      padding-left: 40px;
   }
   #overlay-reservation .reservation-continue.review {
      padding: 18px 24px 18px 8px;
   }
   #overlay-reservation .reservation-continue.review:before {
      right: 4px;
   }
   #overlay-reservation .study-select.js-select {
      width: 100%;
   }
   .my-acc-wrapper .my-acc-opac-remote-warehouse .button {
      width: 100%;
      text-align: center;
      margin: 0;
   }
   #online-registration .birth-date-wrap > div {
      width: 100%;
      margin: 0 0 10px;
      display: block;
   }
}
@media (min-width: 1680px) {
   /* Shows 8 items per row instead of 6 in catalogue browser if window's width is 1680px or more */
   .katalog-browser .katalog-batch,
   .author-batches .katalog-batch {
      width: 1638px;
      position: relative;
      transform: translateX(-50%);
      left: 50%;
   }
   .katalog-browser .katalog-tiles-wrap ul.slides,
   .author-batches .katalog-tiles-wrap ul.slides {
      max-width: 1638px;
   }
   .katalog-browser .kat-tile,
   .author-batches .kat-tile {
      width: 9.768009768009768%;
      margin-left: 3.1196581196581197%;
      clear: none;
   }
   .katalog-browser .kat-tile:nth-child(6n-5),
   .author-batches .kat-tile:nth-child(6n-5) {
      margin-left: 3.1196581196581197%;
   }
   .katalog-browser .kat-tile:nth-child(8n-7),
   .author-batches .kat-tile:nth-child(8n-7) {
      margin-left: 0;
   }
   .katalog-browser .kat-tile:nth-child(n + 7),
   .author-batches .kat-tile:nth-child(n + 7) {
      margin-top: 0;
   }
   .katalog-browser .kat-tile:nth-child(n + 9),
   .author-batches .kat-tile:nth-child(n + 9) {
      margin-top: 3em;
   }
   .katalog-batch.limited .kat-tile:nth-child(n + 7) {
      display: block;
   }
   .katalog-batch.limited .kat-tile:nth-child(n + 9) {
      display: none;
   }
}