.pm-projects-filter{ display: flex; align-items: center;}
.pm-projects-filter > div+div{margin-left:2rem;}
.pm-projects-filter .form-group{flex-grow:1;}

.pm-projects-listing > .pm-inner-wrap{display: flex; align-items: stretch; flex-wrap:wrap; margin:0 -1rem -2rem -1rem;}
.pm-projects-listing .pm-image{overflow: hidden;}
.pm-projects-listing .pm-image img{width:100%; max-width: 100%; transition:transform 1.8s ease;}
.pm-projects-listing .modal-dialog{width:calc(1170px*0.66);}
.pm-projects-listing .pm-item{margin:0 1rem 2rem 1rem; overflow: hidden;}
.pm-projects-listing .pm-item:hover .pm-image img{transform:scale(1.5);}

.pm-tags-listing, .pm-projects-listing .sp-link{z-index: 3;}
.pm-tags-listing > .pm-inner-wrap{display: flex; align-items: flex-start; flex-wrap:wrap; margin-bottom:-0.25rem;}
.pm-tags-listing span{white-space: nowrap; margin-bottom:0.25rem;}
.pm-tags-listing span+span:before{ content: '|'; margin:0 0.5rem;}

.pm-project-slider .pm-slider-item img{width:100%; max-width: 100%;}
.pm-project-slider .pm-image-caption{padding:1rem;}
.pm-project-slider .slick-arrow{line-height:1; display: flex; align-items: center; justify-content: center;}
.pm-project-slider .slick-next{right:0;}
.pm-project-slider .slick-prev{left:0;}

/* masonry */
.pm-projects-listing.pm-masonry .pm-item{width:calc(33.33% - 2rem); padding-bottom:5rem;}
.pm-projects-listing.pm-masonry .pm-content{ position: absolute; left:0; width:100%; bottom:0;}
.pm-projects-listing.pm-masonry .collapse{margin-top:1.5rem;}

/* mosaic */
.pm-projects-listing.pm-mosaic > .pm-inner-wrap{align-items: flex-start;}
.pm-projects-listing.pm-mosaic .pm-item{width:calc(50% - 2rem); }
.pm-projects-listing.pm-mosaic .pm-content{ position: absolute; left:0; width:100%; bottom:0; transition:bottom 0.4s ease;}
.pm-projects-listing.pm-mosaic .pm-overlay{ position: absolute; left:0; width:100%; top:100%; height:100%; transition:top 0.4s ease;}

.pm-projects-listing.pm-mosaic .pm-item:hover .pm-content{bottom:-100%;}
.pm-projects-listing.pm-mosaic .pm-item:hover .pm-overlay{top:0;}


/* details */
.pm-properties-table{width:100%;}
.pm-properties-table td{padding:1rem;}
.pm-properties-table tr:first-child td{padding-top:0;}
.pm-properties-table tr:last-child td{padding-bottom:0;}
.pm-properties-table tr td:first-child{padding-left:0; font-weight: 700;}

.pm-history-nav > .pm-inner-wrap{ display: flex; align-items: stretch; justify-content: space-between;}
.pm-history-nav .pm-item{padding:2rem; width:50%; line-height: 1.2;}
.pm-history-nav .pm-title a:before, .pm-history-nav .pm-title a:after{ content: ''; font-family:'Font Awesome 5 Free'; font-size:1.5rem; line-height:1; position: absolute; font-weight:900;}
.pm-history-nav .pm-item.prev .pm-title a:before{ content: '\f053'; left:-2rem;}
.pm-history-nav .pm-item.next{ text-align: right; margin-left:auto;}
.pm-history-nav .pm-item.next .pm-title a:after{ content: '\f054'; right:-2rem;}

@media (max-width: 1199px){
	.pm-projects-listing .modal-dialog{width:calc(970px*0.66);}
	
	.pm-tags-listing span + span::before{margin:0 0.25rem;}
}

@media (max-width: 991px){
	.pm-projects-listing .modal-dialog{width:83.32%;}
	.pm-projects-listing > .pm-inner-wrap{margin:0 -0.5rem -1rem -0.5rem;}
	.pm-projects-listing .pm-item{margin:0 0.5rem 1rem 0.5rem;}

	.pm-projects-listing.pm-masonry .collapse{ display: block;}
	.pm-projects-listing.pm-masonry .pm-content{position: relative; width:auto;}
	.pm-projects-listing.pm-masonry .pm-item{width:calc(50% - 1rem);  padding-bottom:0;}
	
	.pm-project-slider .slick-dots{bottom:0.5rem;}
	.pm-project-slider{padding-bottom:2rem;}
	
	.pm-projects-listing.pm-mosaic .pm-item{width:calc(50% - 1rem);}
	.pm-projects-listing.pm-mosaic .pm-content{ display: none;}
	.pm-projects-listing.pm-mosaic .pm-overlay{ position: relative; width:auto; top:0; height:auto; transition:none;}

}

@media (max-width: 767px) {
	.pm-projects-listing .modal-dialog{width:auto; margin:1rem;}
	
	.pm-projects-filter > div + div{margin-left:1rem;}
	
	.pm-history-nav .pm-title a::before, .pm-history-nav .pm-title a::after{font-size:1.5rem;}
	.pm-history-nav .pm-item.prev .pm-title a::before{left:-1.5rem;}
	.pm-history-nav .pm-item.next .pm-title a::after{right:-1.5rem;}
	.pm-history-nav .pm-item{padding:1rem 1.5rem;}
}

@media (max-width: 566px){
	.pm-projects-listing.pm-masonry .pm-item, .pm-projects-listing.pm-mosaic .pm-item{width:auto;}
	
	.pm-history-nav > .pm-inner-wrap{ display:block;}
	.pm-history-nav .pm-item{width:auto; text-align:center; padding:1.5rem 1rem;}
	.pm-history-nav .pm-item.next{ text-align:center; padding-top:0;}
	.pm-history-nav .pm-title a{ display:inline;}
	.pm-history-nav .pm-title a::before, .pm-history-nav .pm-title a::after{display: none;}
	
}