@media (min-width: 320px) and (max-width: 767px) {
	.row, .mob-visible {
		display: block;
	}
	
	.mob-hidden {
		display: none;
	}
	
	.item, .perc-20 .item, .perc-25 .item, .perc-33 .item, .perc-50 .item {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.row .item, .row .item:first-of-type, .row .item:last-of-type {
		padding: 0;
	}
	
	.container {
		width: calc(100% - 30px);
	}
}

@media (min-width: 320px) and (max-width: 479px) {
	
}

@media (min-width: 480px) and (max-width: 767px) {
	
}

@media (min-width: 768px) and (max-width: 1023px) {
	
}

@media (min-width: 1024px) and (max-width: 1199px) {
	
}