@media all and (min-width: 320px) {



}


@media all and (min-width: 375px) {



}


@media all and (min-width: 425px) {



}


@media all and (min-width: 768px) {

	.layout {
	  width: 33%;
	}


	/*
	* Paddings
	*/
	.padding { padding: 15px 35px; }
	.padding-sm { padding: 15px; }
	.padding-mm { padding: 10px 15px; }

	.padding-top { padding-top: 35px; }
	.padding-top-sm { padding-top: 15px; }
	.padding-top-mm { padding-top: 10px; }

	.padding-bottom { padding-bottom: 35px; }
	.padding-bottom-sm { padding-bottom: 15px; }
	.padding-bottom-mm { padding-bottom: 10px; }

	.padding-x { padding-left: 35px; padding-right: 35px; }
	.padding-x-sm { padding-left: 15px; padding-right: 15px; }
	.padding-x-mm { padding-left: 10px; padding-right: 10px; }

	.padding-y { padding-top: 35px; padding-bottom: 35px; }
	.padding-y-sm { padding-top: 15px; padding-bottom: 15px; }
	.padding-y-mm { padding-top: 10px; padding-bottom: 10px; }

}


@media all and (min-width: 960px) {
  
  /*
  * Width container
  */
  .container {
    padding-left: 0;
    padding-right: 0;
  }

}

@media all and (min-width: 1024px) {



}