.caseView {margin: 100px 0;}
    .caseView .h3.left{font-size: 35px;color: #4191C9;text-align: center;margin: 0 0 80px 0;font-weight: bold;}
    .caseView .wpisy{display: flex;flex-wrap: wrap;gap:34px;}
        .caseView .wpisy .abs.link{position: absolute;top:0;left: 0;widtH:100%;height: 100%;text-indent: -99999px;}
        .caseView .wpisy .case{width:calc((100% - 34px)/2);box-sizing: border-box;padding: 55px;background: url(assets/images/casebg-small.jpg);background-size:cover;color:#fff;position: relative;border-radius:10px;}
            .caseView .wpisy .case .blue.label{font-size: 16px;line-height: 1;position: relative;color: #3FA9DD;margin: 0 0 30px 0;font-weight: bold;}
            .caseView .wpisy .case .blue.label::before{width:15px;height: 15px;background:#3FA9DD;border-radius: 100%;float: left;margin: 0 15px 0 0;content:'';}
            .caseView .wpisy .case .h4{font-size: 31px;font-weight: bold;line-height: 1.2;margin: 0 0 40px 0;}
            .caseView .wpisy .case .pseudolink{font-size: 15px;font-weight: bold;line-height: 45px;padding: 0 20px;border: 1px solid #fff;border-radius: 3px;position: absolute;bottom:20px;right:20px;margin: 0;-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
            .caseView .wpisy .case:hover .pseudolink{background: #fff;color: #3FA9DD;}
            .caseView .wpisy .case .specki{font-size: 16px;font-weight: bold;line-height: 45px;position: absolute;bottom:20px;left:55px;padding-right: 160px;}

.plus-content-editor .caseView {margin-bottom: 0;}
    .plus-content-editor .caseView .inner{width:100%;}
    .plus-content-editor .caseView .h3.left{margin: 0 0 50px 0;}
    .plus-content-editor .caseView .wpisy {gap:20px;}
        .plus-content-editor .caseView .wpisy .case{padding: 20px 20px 50px 20px;width:calc((100% - 20px)/2);}
        .plus-content-editor .caseView .wpisy .case .specki{left: 20px;}


.casepage a,.casepage .trans{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
.casepage .firstView{background:url(assets/images/casebg.jpg);background-size:cover;height: 970px;position: absolute;width:100%;}
    .casepage .inner{width:1240px;left: 50%;transform: translateX(-50%);position: relative;padding: 180px 0 40px 0;}
    .casepage .inner h1.main{font-size: 40px;font-weight: bold;color: #fff;margin: 0 0 80px 0;width: calc(100% - 300px - 50px);float: left;}
    .casepage .inner .katbox{width:300px;float: right;padding-left: 25px;box-sizing: border-box;}
        .casepage .inner .katbox .kat{font-size: 16px;color: #3FA9DD;font-weight: bold;position: relative;margin: 15px 0 0 0;}
        .casepage .inner .katbox .kat::before{width:15px;height: 15px;border-radius: 100%;background: #3FA9DD;position: absolute;top:4px;left: -25px;content:'';}
        .casepage .inner .katbox .spec{font-size: 16px;color: #fff;line-height: 1.5;margin: 0;}
        .casepage .inner .katbox .spec a{color: #fff;}
        .casepage .inner .katbox .spec a:hover{color: #3FA9DD;}
    .casepage .inner .left.column{width: calc(100% - 300px - 50px);float: left;background: #fff;}
        .casepage .inner .left.column .thecontent{padding: 80px 65px;}
            .casepage .inner .left.column .thecontent *{color: #30296C;}
            .casepage .inner .left.column .thecontent a{color: #3FA9DD;}
            .casepage .inner .left.column .thecontent p{font-size: 17px;color: #30296C;line-height: 1.6;margin: 0 0 30px 0;}
    .casepage .inner .right.column{width: 300px;float: right;clear: both;}
        .casepage .inner .right.column > p{color:#fff;font-size: 16px;line-height: 1; font-weight: bold;padding: 0 0 10px 0;border-bottom: 1px solid #4191C9;margin: 0 0 20px 0;}
        .casepage .inner .right.column .pracownik{margin: 10px 0;float: left;width: 100%;position: relative;}
            .casepage .inner .right.column .pracownik .image{width:53px;height: 53px;border-radius: 100%;overflow: hidden;background: #4191C9;text-align: center;float: left;margin: 0 20px 0 0;}
                .casepage .inner .right.column .pracownik .image img{height: 100%;display: inline-block;}
            .casepage .inner .right.column .pracownik .details{width:calc(100% - 53px - 20px);float: right;}
            .casepage .inner .right.column .pracownik .details .nazwisko{font-size: 15px;font-weight: bold;color:#fff;margin: 0 0 5px 0; }
            .casepage .inner .right.column .pracownik .details .stanowisko{font-size: 13px;color:#fff;margin: 0;line-height: 1.2;}
            .casepage .inner .right.column .pracownik:hover .details .nazwisko{color: #3FA9DD;}
            .casepage .inner .right.column .pracownik a{position: absolute;top:0;left: 0;width: 100%;height: 100%;text-indent: -99999px;}
    .casepage .inner .related{width:100%;clear: both;position: relative;}
    .casepage .caseView .inner{padding: 0;}
    .casepage .caseView .h3.left{text-align: left;}

.casypage .caseView h1{font-size: 40px !important;text-align: center !important;}
.wp-pagenavi{text-align: center;margin: 50px 0;}
.wp-pagenavi a, .wp-pagenavi span{border:0 !important;padding: 0 10px !important;margin: 0 !important;line-height: 56px;color:#4191C9;}
.wp-pagenavi a.page:hover{color: #4c347e !important;}
.wp-pagenavi span{color:#000;}
.wp-pagenavi a.nextpostslink{float: right;border:1px solid #4191C9 !important;border-radius:8px !important;}
.wp-pagenavi a.previouspostslink{float: left;border:1px solid #4191C9 !important;border-radius:8px !important;}
.wp-pagenavi a.nextpostslink:hover,.wp-pagenavi a.previouspostslink:hover{background:#4191C9 !important;color:#fff !important;}


@media (max-width: 1299px) {
    .caseView .inner,.casepage .inner{width:calc(100% - 100px);left: 50%;transform: translateX(-50%);position: relative;}
}
@media (max-width: 1200px) {
    .casepage .inner h1.main,.casepage .inner .left.column{width:calc(100% - 300px - 30px);}
    .casepage .inner .left.column .thecontent {padding: 50px 35px;}
    .casepage .inner{padding-top: 140px;}
    .caseView .wpisy .case .h4{line-height: 1.3;}
    .caseView .wpisy .case{padding: 45px;}
}
@media (max-width: 1023px) {
    .caseView .wpisy .case,.plus-content-editor .caseView .wpisy .case{width: 100%;}
    .casepage .inner h1.main, .casepage .inner .left.column,.casepage .inner .katbox,.casepage .inner .right.column {width: 100%;}
    .casepage .inner h1.main,.casepage .inner .katbox,.casepage .inner .right.column{margin: 0 0 30px 0;}
    .casepage .inner {padding-top: 90px;}
}
@media (max-width: 767px) {
    .caseView .inner,.casepage .inner{width:calc(100% - 40px);}
    .caseView .h3.left{margin: 0 0 30px 0;}
    .caseView .wpisy .case{padding: 20px 20px 50px 20px;}
    .caseView .wpisy .case .specki{left: 20px;}
    .casepage .inner {padding-top: 40px;}
    .casepage .inner h1.main{font-size: 30px;}
    .casepage .inner .left.column{width: calc(100vw + 4px);max-width: calc(100vw + 4px);left: -22px;position: relative;}
    .casepage .inner .left.column .thecontent{padding: 20px;}
    .casepage .caseView .inner{width: 100%;}
    .caseView .h3.left {font-size: 26px;}
    .casypage.casepage .caseView{margin:  30px 0;}
    .casypage.casepage .caseView .inner{width: calc(100% - 40px) !important;}
}