@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;
    }

    .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: 0;
    }
    .ft-logo-praha span{
        float: right;
        margin-left:15px;
    }
    .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);
        position: fixed;
    }
    #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: hidden;
        height: auto;
        transition: height 0.4s ease-in-out;
    }
    #top.searchOpen {
        height: 145px;
    }
    #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: hidden;
        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;
    }
    #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_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%;
    }
}
@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;
    }
}
@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;
    }
    #moje-seznamy #editlist .list-buttons {
        float: left;
    }
}
@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;
    }
}