@media all and (max-width: 1199.98px) {
    #catalogue-results .couv-wrapper {
        height: 280px;
    }
}

@media all and (max-width: 991.98px) {
    #catalogue-results .couv-wrapper {
        height: 365px;
    }
}

@media all and (max-width: 575.99px) {

    #catalogue-results {
        padding: 0;
    }

    #catalogue-results .single-book {
        width: 150px;
        margin: 0 auto 30px auto;
    }

    #catalogue-results .couv {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #catalogue-results .couv-wrapper {
        height: 260px;
    }

    .block-catalogue-filters {
        position:fixed;
        left:-305px;
        width:300px;
        padding: 10px;
    }

    #pagination .link-p.prev, #pagination .link-p.next {
        font-size: 24px;
    }

    #pagination .current,
    #pagination .link-p {
        font-size: 24px;
        padding: 0 6px;
    }

    #pagination .link-p.prev,
    #pagination .link-p.next,
    #pagination .link-p.first,
    #pagination .link-p.last{
        font-size: 32px;
    }

    #pagination .no-link{
        padding: 0 8px;
    }

    #current-filters {
        margin-bottom: 60px;
    }

}

@media all and (min-width: 576px) and (max-width: 884px) {
    .block-catalogue-filters {
        position:fixed;
        left:-335px;
        width:330px;
        padding:20px;
    }
}


@media all and (max-width: 884px) {

    .block-catalogue-filters {
    	position:fixed;
    	top: 0%;
    	background: #fff;
    	border-radius: 0 5px 5px 0;
    	z-index:65;
    	transition: all 0.5s;
    	-webkit-box-shadow: 3px 1px 8px 1px rgba(89,89,89,0.65);
        -moz-box-shadow: 3px 1px 8px 1px rgba(89,89,89,0.65);
        box-shadow: 3px 1px 8px 1px rgba(89,89,89,0.65);
        height: 100vh;
    }
    .block-catalogue-filters .btn-show {
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        background: var(--color-red);
        width: 75px;
        padding: 40px 10px;
        right: -75px;
        border-radius: 0 10px 10px 0;
        color: #fff;
        -webkit-box-shadow: 3px 1px 8px 1px rgba(89,89,89,0.65);
        -moz-box-shadow: 3px 1px 8px 1px rgba(89,89,89,0.65);
        box-shadow: 3px 1px 8px 1px rgba(89,89,89,0.65);
        font-size: 14px;
        font-weight: 700;
    }
    .block-catalogue-filters .btn-show span{
        display: block;
        text-transform: uppercase;
    }
    .block-catalogue-filters.active{
    	left: 0;
    	transition: all 0.5s;
    }

    #catalogue-filters-form{
        height: 100vh;
        overflow: auto;
        scrollbar-width: none;
    }

    #catalogue-filters-form::-webkit-scrollbar {
      display: none;
    }

}