.upcoming-spacer{height:250px; }
.upevent-filter{padding:80px 0 95px;}
.categories-filter{display:flex; flex-wrap:wrap;max-width:1080px; margin:0 auto;}
.categories-filter button{width:19%;margin-right:1.25%;}
.categories-filter button:nth-child(5n){margin-right:0}
.categories-filter button.btn-cat {position:relative; border-radius: 14px; background: transparent; color: var(--font-white); border-color: var(--font-white); padding: 42.5px 20px 16px; text-align: left; font-size: 17px; letter-spacing: -0.5px; }
.categories-filter button.btn-cat:hover,.categories-filter button.btn-cat:focus{border:1px solid var(--font-white);}
.categories-filter button.btn-cat:before{position:absolute; content:""; top:13px; border-radius:25px; right:15px; border:3px solid transparent; width:25px; height:25px;}
.portfolio-wrapper{max-width:1300px; margin:0 auto;}
.port-box{width:19%;margin-right:1.25%;}
.portfolio-block{border-top:1px solid var(--font-white); padding-top:19px; padding-bottom:50px;}
.portfolio-inner .port-box:nth-child(5n) {margin-right: 0;}
.portfolio-inner{display:flex; flex-wrap:wrap;}
.port-box,.port-box p,.port-head{font-size:22px; color:var(--font-white);font-weight: 400;line-height: 28px;letter-spacing: -0.88px;}
.port-cols{display:inline-block;position: relative;top: 5px; margin-right:14px; width:10px; height:10px; border-radius:50%;}
.portfolio-wrapper{margin:133px 0 0;}
.port-btn{text-align:right;}
.port-btn a{border-radius: 28px;  line-height: 26px;border-width:2px;font-size:20px;letter-spacing: -0.5px; border-style:solid; padding:7px 33px; display:inline-block; text-align: center;}
.trnspt-btn.port-btn > a, .port-secondary.trnspt-btn > a{background-color:transparent !important; color:var(--font-white) !important;padding:7px 25px; !important }
.dis-flexs{display:flex;align-items:flex-start;}
.port-head{width:calc(100% - 24px);}
.portfolio-block.icons--inactive.icons--active{opacity:1;cursor:pointer;transition:all 0.3s ease-in}
.portfolio-block.icons--inactive{opacity:0.1;transition:all 0.3s ease-in}

.port-secondary {
  margin: 20px 0 0;
}

.port-secondary > a {
  padding: 7px 23px;
}

@media(max-width:1024px){
   .portfolio-wrapper{margin:105px 0 0;}
  .port-box,.port-box p,.port-head{font-size:20px;} 
  .upcoming-spacer{height:100px; }
  .port-btn a{padding:7px 25px;}
  .portfolio-block.icons--inactive.icons--active{opacity:1;cursor:none;}
.portfolio-block.icons--inactive{opacity:1;}
}
@media(max-width:767px){
  .upevent-filter{padding:0px 0 65px;}
  .upcoming-spacer{display:none;}
  .portfolio-wrapper{margin:99px 0 0;}
  .port-box{width:100%;margin-right:0;margin-bottom:10px;}
  .categories-filter button{width:100%;margin-right:0;margin-bottom:10px;}
  .portfolio-block{padding:11px 0 40px;}
  .port-box,.port-box p,.port-head{font-size:16px;margin:0;} 
  span.port-head br {display: none;}
  .port-btn{text-align:left;margin:10px 0 0;}
  .port-box.pleft {padding-left: 24px;}
  .port-cols{top:7px;}
  .categories-filter button.btn-cat{padding:15px 50px 15px 20px}
}