/* Portfolio Responsive Grid Adjustments */

/* Desktop View - Keep as is (4 columns) */
@media (min-width: 992px) {
	.portfolio-item {
		width: 25%;
	}
	
	.gallery-card {
		height: 320px;
	}
}

/* Tablet View (768px - 991px) - 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
	.portfolio-item {
		width: 50% !important;
		flex: 0 0 50%;
		padding: 12px !important;
	}
	
	.gallery-card {
		height: 280px !important;
	}
	
	.col-sm-4 {
		width: 50% !important;
	}
}

/* Mobile View (481px - 767px) - 2 columns */
@media (min-width: 481px) and (max-width: 767px) {
	.portfolio-item {
		width: 50% !important;
		flex: 0 0 50%;
		padding: 10px !important;
	}
	
	.gallery-card {
		height: 240px !important;
	}
	
	.col-xs-6 {
		width: 50% !important;
	}
}

/* Small Mobile (max-width: 480px) - 1 column */
@media (max-width: 480px) {
	.portfolio-item {
		width: 100% !important;
		flex: 0 0 100%;
		padding: 10px !important;
		margin-bottom: 20px !important;
	}
	
	.gallery-card {
		height: 250px !important;
	}
	
	.col-xs-6 {
		width: 100% !important;
	}
	
	#portfolio-all {
		flex-direction: column;
	}
}
