.pltsm-gallery {
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	box-sizing: border-box;
	margin-left:0.33rem;
}

.pltsm-gallery-image {
	max-width: 100%;
	cursor: pointer;
	padding-right: 0.33rem;
	padding-top: 0.33rem;
}

.pltsm-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.pltsm-gallery-col {
	/* align-content: space-evenly; */
}

/* 4 columns */
.pltsm-gallery-col.col-4 { 
	flex: 25%;
	max-width: 25%;
	box-sizing: border-box;
}

.pltsm-gallery-col.col-2 { 
	flex: 50%;
	max-width: 50%;
	box-sizing: border-box;
}

.pltsm-gallery-col.col-4 > img, .pltsm-gallery-col.col-2 > img{
	box-sizing: border-box;
	width: 100%;
	image-rendering: high-quality;
}

@media screen and (max-width: 800px) {
  .pltsm-gallery-col.col-4 {
		flex: 50%;
		max-width:50%;
  }
  	
  	.pltsm-gallery.col-2 {
  	margin-left:0;
  	}
   
   .pltsm-gallery-col.col-2 {
    	flex: 100%;
    	max-width:100%;
  	}
  	
  	.pltsm-gallery-col.col-2 > .pltsm-gallery {
		margin-left:0;
	}
  	.pltsm-gallery-col.col-2 > .pltsm-gallery-image {
		padding-right: 0;
	}
}

@media screen and (max-width: 600px) {
	.pltsm-gallery.col-4 {
  	margin-left:0;
  	}
  	
	.pltsm-gallery-col.col-4 {
		flex: 100%;
		max-width:100%;
	}
	.pltsm-gallery-image {
		padding-right: 0;
	}
}

#pltsm-gallery-preview-container {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	
    overflow: hidden;
    
	z-index: 999;
	padding: 1rem;
	
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

#pltsm-gallery-preview-container img {
	display: block;
	width: 100%;
	height: 100%;
  	object-fit: contain;
  	outline: none;
}