img{width:100%;height:auto;}
.item-container{
display:flex;
align-items:stretch;
box-sizing:border-box;
flex-wrap:wrap;
}
@media screen and (max-width:960px){
.item-container{
margin-bottom:50px;
}
}
.item-container .item-1,.item-container .item-2,
.item-container .item-3,.item-container .item-4{
box-sizing:border-box;
padding:0;
margin:0;
}
.item-container .item-1 {
flex-basis:100%;
}
.item-container .item-2 {
flex-basis:50%;
}
.item-container .item-3 {
flex-basis:33.333%;
}
.item-container .item-4 {
flex-basis:25%;
}
@media screen and (max-width:767px){
.item-container .item-3,
.item-container .item-4 {
flex-basis:50%;
}
}
@media screen and (max-width:480px){
.item-container .item-2,
.item-container .item-3,
.item-container .item-4 {
flex-basis:100%;
}
}
.prev-uni{
display: flex;
flex-direction: column;
}
.item-container .item-1 .prev-uni {
padding:25px;
margin:5px;margin-bottom:20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:960px){
.item-container .item-1 .prev-uni {
margin:10px;margin-bottom:15px;
}
}
@media screen and (max-width:479px){
.item-container .item-1 .prev-uni {
padding:15px;
}
}
.item-container .item-2 .prev-uni {
padding:15px;
margin:10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:480px){
.item-container .item-2 .prev-uni {
margin-bottom:15px;
}
}
.item-container .item-3 .prev-uni {
padding:10px;
margin:10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.item-container .item-4 .prev-uni {
padding:8px;
margin:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width:1024px) and (max-width:1280px){
.item-container .item-3 .prev-uni{
padding:8px;
margin:5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
}
@media screen and (min-width:600px) and (max-width:1023px){
.item-container .item-3 .prev-uni,
.item-container .item-4 .prev-uni{
padding:15px;
margin:10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
}
@media screen and (min-width:480px) and (max-width:599px){
.item-container .item-3 .prev-uni,
.item-container .item-4 .prev-uni{
padding:15px;
margin:10px;margin-bottom:15px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
}
.prev-uni h2{
display: block;
order: 1;
color:#666;
font-size:20px;
line-height:1.2;
font-weight:normal;
padding:0;
margin:0;
margin-bottom:15px;
}
.prev-uni h2 a{
color:#0277bd;
font-size:20px;
padding:0;
margin:0;
text-decoration:underline;
border-radius:0;
background:none;
text-align:left;
}
.prev-uni h2 a:hover{
color:#00649E;
text-decoration:none;
border-radius:0;
background:none;
}
.item-container .item-2 .prev-uni h2,
.item-container .item-2 .prev-uni h2 a{
font-size:18px;
}
.item-container .item-3 .prev-uni h2,
.item-container .item-3 .prev-uni h2 a{
font-size:16px;
}
.item-container .item-4 .prev-uni h2,
.item-container .item-4 .prev-uni h2 a{
font-size:14px;
}
@media screen and (max-width:480px){
.item-container .item-2 .prev-uni h2,
.item-container .item-2 .prev-uni h2 a,
.item-container .item-3 .prev-uni h2,
.item-container .item-3 .prev-uni h2 a,
.item-container .item-4 .prev-uni h2,
.item-container .item-4 .prev-uni h2 a{
font-size:18px;
}
}
.prev-uni .prev-img {
display:block;
max-width:100%;
margin:0;
padding:0;
order: 2;
}
.prev-uni .prev-txt{
width:100%;
display: block;
order: 3;
margin:0;
margin-top:10px;
margin-bottom:10px;
padding:0;
}
.prev-uni .prev-txt,.prev-uni .prev-txt p{
font-size:14px;line-height:1.4;
}
.prev-uni .prev-txt p{
margin:0;
margin-bottom:10px;
padding:0;
}
.item-container .item-3 .prev-uni .prev-txt,
.item-container .item-3 .prev-uni .prev-txt p,
.item-container .item-4 .prev-uni .prev-txt,
.item-container .item-4 .prev-uni .prev-txt p{
font-size:13px
}
.prev-uni .prev-img a{
display: block;
padding:0;
margin:0;
border-radius:0;
background:none;
}
.prev-uni .prev-img img,
.prev-uni .prev-img a img{
display:block;
width:100%;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}
.prev-uni .prev-bottom{
order: 4;
width:100%;
display:block;
margin:0;
padding:0;
}
.prev-bottom .btn {
display:block;
margin: 0;
padding:0;
text-align:center;
}
.prev-bottom .btn a {
display:inline-block;
margin: 0;
margin: 0;
padding:8px 16px;
text-decoration:none;
background:#444; 
color:#ffffff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
border-radius:2px;
}
.prev-bottom .btn a:hover {
background-color: #333;
text-decoration: none; color: #fff;
}
.rdm{
margin:20px 0;padding:20px 0;
overflow:hidden;
}
a.rdm-allback {
display:block;
margin: 0;
padding:8px 16px;
text-decoration:none;
background:#444; 
color:#ffffff;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
border-radius:2px;
}
a:hover.rdm-allback {
background-color: #333;
text-decoration: none; color: #fff;
}
.rdm .data-service{float:left;}
.rdm a.rdm-allback {float:right;}
#pagination{
display:block;
padding:10px 0 0 0;
margin:10px 0 0 0;
clear:both;
border:0;
border-top:1px solid #eee;
background:none;
}
#pagination ul.pagination{display:inline-block;padding:0;margin:0;border-radius:0 !important;background:none;}
#pagination ul.pagination > li{display:inline;}
#pagination ul.pagination > li > a,#pagination ul.pagination > li > span{
position:relative;
float:left;
padding:6px 12px;
margin:0px 0px 0px 1px;
line-height:1.428571429;
text-decoration:none;
color:#666 !important;
border:1px solid #ccc !important;
background:#ebebeb;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
#pagination ul.pagination > li.punkt{
position:relative;
float:left;
padding:7px 12px;
margin:0 0 2px 1px;
line-height:1.428571429;
text-decoration:none;
color:#666 !important;
}
#pagination ul.pagination > li > a:hover,
#pagination ul.pagination > li > span:hover{
border:1px solid #333 !important;
background:#555 !important;
color:#fff !important;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
#pagination ul.pagination > .active > a,
#pagination ul.pagination > .active > span,
#pagination ul.pagination > .active > a:hover,
#pagination ul.pagination > .active > span:hover{
z-index:2;
color:#fff !important;
font-weight:bold;
cursor:default;
border:1px solid #333 !important;
background:#333;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
}
#pagination ul.pagination > .disabled > span,
#pagination ul.pagination > .disabled > span:hover,
#pagination ul.pagination > .disabled > a,
#pagination ul.pagination > .disabled > a:hover{
color:#666 !important;
cursor:not-allowed;
border:1px solid #ccc !important;
background:#ebebeb !important;
-moz-border-radius:2px !important;
-webkit-border-radius:2px !important;
-khtml-border-radius:2px !important;
border-radius:2px !important;
}