/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 15 2026 | 16:39:32 */
.ba-gallery{
display:grid;
}

.ba-thumb{
aspect-ratio:1/1;
object-fit:cover;
cursor:pointer;
transition:0.2s;
}

.ba-thumb:hover{
	border-color :#d4a3ff;
}

.ba-thumb.active{
	border-color :#d4a3ff;
 ;
}

@media only screen and (min-width: 451px) {
	.ba-gallery{
grid-template-columns:repeat(3,1fr);
gap:6px;
}

.ba-thumb{
width:200px;
	border:3px solid transparent;
}

}

@media only screen and (max-width: 450px) {
	
  .ba-gallery{
   grid-template-columns:repeat(2,1fr);
   gap: 0px;
   margin-left: 4px;
}

.ba-thumb{
width:100%;
border:2px solid transparent;
	}
	
.content_wrapper .section_wrapper{
	padding:0 6px !important;		
}
	
}