.baraja-container {
	margin: 0 auto 30px;
	position: relative;
	padding: 0;
	list-style-type: none;
}

.baraja-container li {
	width: 23%;
    /* height: 100%; */
    margin: 0.6% 1%;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    float: left;
    background: #fff;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media screen and (max-width:639px) {
	.baraja-container li {
    width: 48%;
    /* height: 100%; */
    margin: 0.5% 1%;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    float: left;
    background: #fff;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	}
    .baraja-container li:nth-child(5){
        display: none;
    }
    .baraja-container li:nth-child(6){
        display: none;
    }
	.baraja-container li:nth-child(7){
		display: none;
	}
	.baraja-container li:nth-child(8){
		display: none;
	}
}
.no-js .baraja-container {
	width: auto;
	height: auto;
	text-align: center;
}

.no-js .baraja-container li {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 310px;
	margin: 10px;
}
@media screen and (min-width:1180px) and (max-width:1379px){
    .baraja-container li {
    width: 20%;
    margin: 0.5% 2%;
    float: left;
    background: #fff;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
}