.modal-header--sticky {
    position: sticky;
    top: 0;
    background-color: inherit; /* [1] */
    z-index: 1055; /* [2] */
}

/* Footer fixed to the bottom of the modal */
.modal-footer--sticky {
    position: sticky;
    bottom: 0;
    background-color: inherit; /* [1] */
    z-index: 1055; /* [2] */
}

#modal-specs .modal-footer .btn {
    height: 46px;
}

#modal-specs .modal-footer .btn-default {
    line-height: 32px;
}

#modal-specs.modal.fade .modal-dialog{
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

#modal-specs.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

@media (max-width: 767px){
    #modal-specs #product-items-filters{
        display: block;
    }
    #modal-specs .modal-dialog{
        margin: 0 0 0 0;
    }
    #modal-specs .close{
        opacity: 1;
    }

    #modal-specs .product-items-filters .filter{

    }

    #modal-specs .modal-footer .btn{
        margin-bottom: 0;
    }

    #modal-specs .modal-body {
        /*
        max-height: calc(100vh - 138px);
        overflow-y: auto;
        padding: 12px 0 0 0;
        width: 100%;*/
    }

    #modal-specs .modal-content{
        border-radius: 0;
        webkit-box-shadow: none;
        box-shadow: none;
    }

    #product-items-filters{

    }


    #toggle-filters, select{
        text-transform: none;
        font-size: 12px;
        color: #777;
        font-weight: 300;
    }
    .image-square{height:auto;}

    .subcategory-item img{
        max-height: 72px;
    }
    #product-items-filters{
        display:none;
    }
    #product-items-filters > div{
        background-color: #fff;
    }
}
@media (min-width: 992px){
    #product-items-filters{
        padding: 0;
    }
}


@media (min-width: 992px){
    .container {width: 1130px;}
}
@media (min-width: 1400px){
    .container {
        width: 1400px;
    }
}