/* #Media Queries
================================================== */

/* Desktops and laptops ----------- */
@media screen and (max-width: 1224px) {
	.grve-responsive .grve-container {
		width: 1024px;
	}

}

/* Tablet (landscape) ----------- */
@media screen and (max-width: 1024px) {

	.grve-responsive .grve-container {
		width: 900px;
	}
	
	/* Tablet Columns */
	.grve-responsive .grve-tablet-column-1-6{
		width: 16.66666666666667%;
	}

	.grve-responsive .grve-tablet-column-1-5{
		width: 20%;
	}

	.grve-responsive .grve-tablet-column-1-4{
		width: 25%;
	}

	.grve-responsive .grve-tablet-column-1-3{
		width:33.33333333333333%;
	}

	.grve-responsive .grve-tablet-column-1-2 {
		width:50.0%;
	}

	.grve-responsive .grve-tablet-column-2-3{
		width:66.66666666666666%;
	}

	.grve-responsive .grve-tablet-column-3-4 {
		width:75.0%;
	}

	.grve-responsive .grve-tablet-column-4-5 {
		width:80.0%;
	}

	.grve-responsive .grve-tablet-column-5-6 {
		width:83.33333333333333%;
	}

	

}

/* Tablet (portrait) ----------- */
@media screen and (max-width: 900px) {

	.grve-responsive .grve-container {
		width: 720px;
	}

}
	
		
/* Smartphones (landscape) ----------- */
@media screen and (max-width: 720px) {
	
	.grve-responsive .grve-container {
		width: 420px;
	}
	
	.grve-responsive .grve-column-1-6,
	.grve-responsive .grve-column-1-5,
	.grve-responsive .grve-column-1-4,
	.grve-responsive .grve-column-1-2,
	.grve-responsive .grve-column-1-3,
	.grve-responsive .grve-column-2-3,
	.grve-responsive .grve-column-3-4,
	.grve-responsive .grve-column-4-5,
	.grve-responsive .grve-column-5-6,
	.grve-responsive .grve-column-1 {
		width:100%;
	}
	
}


/* Smartphones (portrait) ----------- */
@media screen and (max-width: 420px) {

	.grve-responsive .grve-container {
		width: 240px;
	}

	.grve-responsive .grve-column-1-6,
	.grve-responsive .grve-column-1-5,
	.grve-responsive .grve-column-1-4,
	.grve-responsive .grve-column-1-2,
	.grve-responsive .grve-column-1-3,
	.grve-responsive .grve-column-2-3,
	.grve-responsive .grve-column-3-4,
	.grve-responsive .grve-column-4-5,
	.grve-responsive .grve-column-5-6,
	.grve-responsive .grve-column-1 {
		width:100%;
	}


}