/* Custom CSS */
/* Start adding your css in the line below */

@media only screen and (max-width: 1200px) {
  [class*="hgrid-span-"],
  [class*="hcolumn-"] {
    padding: 0 15px;
  }
  .flush-columns {
    margin: 0 -15px;
  }
}
@media only screen and (max-width: 969px) {
	.hgrid-span-1 {
	  width: 8.33333333%;
	}
	.hgrid-span-2 {
	  width: 16.66666667%;
	}
	.hgrid-span-3 {
	  width: 25%;
	}
	.hgrid-span-4 {
	  width: 33.33333333%;
	}
	.hgrid-span-5 {
	  width: 41.66666667%;
	}
	.hgrid-span-6 {
	  width: 50%;
	}
	.hgrid-span-7 {
	  width: 58.33333333%;
	}
	.hgrid-span-8 {
	  width: 66.66666667%;
	}
	.hgrid-span-9 {
	  width: 75%;
	}
	.hgrid-span-10 {
	  width: 83.33333333%;
	}
	.hgrid-span-11 {
	  width: 91.66666667%;
	}
	.hgrid-span-12 {
	  width: 100%;
	}
	.hcolumn-1-1,
	.hcolumn-2-2,
	.hcolumn-3-3,
	.hcolumn-4-4,
	.hcolumn-5-5 {
	  width: 100%;
	}
	.hcolumn-1-2 {
	  width: 50%;
	}
	.hcolumn-1-3 {
	  width: 33.33333333%;
	}
	.hcolumn-2-3 {
	  width: 66.66666667%;
	}
	.hcolumn-1-4 {
	  width: 25%;
	}
	.hcolumn-2-4 {
	  width: 50%;
	}
	.hcolumn-3-4 {
	  width: 75%;
	}
	.hcolumn-1-5 {
	  width: 20%;
	}
	.hcolumn-2-5 {
	  width: 40%;
	}
	.hcolumn-3-5 {
	  width: 60%;
	}
	.hcolumn-4-5 {
	  width: 80%;
	}
}
.hcol-first {
padding-left: 0;
}
.hcol-last {
padding-right: 0;
}