/* GRID */
.grid{
	width:100%;
	max-width:1100px;
	margin:auto;
	padding-left:1rem;
}

[class*='col-'] {
  float: left;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


[class*='col-'] {
	min-height:1px;
  padding-right: 1rem;
}
[class*='col-']:last-of-type {
/*  padding-right: 10px;
*/}
[class*='col-']:first-of-type {
//padding-left:1rem;
}

.no-padding{
	padding-right:0px !important;
}

.grid-pad {
  padding: 0 0 0 10px;
}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 10px;
}
.col-1-1{
	width:100%;
}
.col-1-2 {
  width: 50%;
}
.col-1-3 {
	width:33.33%;
}
.col-2-3{
	width:66.66%;
}
.col-1-4 {
  width: 25%;
}
.col-1-5 {
  width: 20%;
}
.col-4-5 {
  width: 80%;
}
.col-1-6 {
	width:16.66%;
}
.col-5-6{
	width:83.33%;
}
.col-1-8 {
  width: 12.5%;
}
.col-3-10{
	width:30%;
}
.col-7-10{
	width:70%;
}
.col-7-12{
	width:58.33%;
}
.col-1-12{
	width:8.33%;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 0px) and (max-width : 768px) {
/* Styles */
.grid{
	min-width:320px;
}

	.mob-1-1{
		width:100%;
	}
	.tabp-1-1{
		width:100%;
	}
}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}
 



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 767px) and (max-width : 769px) {
/* Styles */
[class*='col-'] {
padding-right:0px;
}
	.tab-1-1{
		width:100%;
	}
	.tabl-1-1{
		width:100%;
	}.tabl-1-2{
		width:50%;
	}
	.tabl-1-4{
		width:25%;
	}
	.tabl-1-1{
		width:100%;
	}
	.tabl-4-5{
		width:80%;
	}
	.tabl-1-5{
		width:20%;
	}

}
 
/* iPads (landscape) ----------- */
@media only screen and (min-width : 767px) and (max-width : 769px) {
/* Styles */
	.tabl-1-2{
		width:50%;
	}

	.tabl-1-1{
		width:100%;
	}
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 769px) {
/* Styles */
	.tabp-1-2{
		width:50%;
	}
	.tabp-1-1{
		width:100%;
	}
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}