/* Responsive grid layout */
.tt-wrapper {
	width: auto;
	margin: 0 auto;
}
.tt-container {
	padding: 0px 10px;
}
.tt-row {
	margin-left: -10px;
	margin-right: -10px;
	clear: both;
}
.tt-c12,
.tt-c9, .tt-c8, .tt-c6, .tt-c4, .tt-c3, .tt-c2,
.tt-c9-m, .tt-c8-m, .tt-c6-m, .tt-c4-m, .tt-c3-m, .tt-c2-m,
.tt-c9-s, .tt-c8-s, .tt-c6-s, .tt-c4-s, .tt-c3-s, .tt-c2-s,
.tt-c9-xs, .tt-c8-xs, .tt-c6-xs, .tt-c4-xs, .tt-c3-xs, .tt-c2-xs {
	position: relative;
	min-height: 1px;
	padding: 0px 10px;
	clear: both;
}
.tt-clear {
	clear: both;
}
.tt-mt{
	padding-top: 10px;	
}

.tt-c9-xs, .tt-c8-xs, .tt-c6-xs, .tt-c4-xs, .tt-c3-xs, .tt-c2-xs {
	clear: none;
	float: left;
}
.tt-c9-xs {
	width: 75%;
}
.tt-c8-xs {
	width: 66.666666%;
}
.tt-c6-xs {
	width: 50%;
}
.tt-c4-xs {
	width: 33.333333%;
}
.tt-c3-xs {
	width: 25%;
}
.tt-c2-xs {
	width: 16.666666%;
}

@media screen and (min-width: 440px) { /* Includes scrollbar due to box sizing  */
.tt-c9-s, .tt-c8-s, .tt-c6-s, .tt-c4-s, .tt-c3-s, .tt-c2-s {
	clear: none;
	float: left;
}
.tt-c9-s {
	width: 75%;
	float: left;
}
.tt-c8-s {
	width: 66.666666%;
}
.tt-c6-s {
	width: 50%;
}
.tt-c4-s {
	width: 33.333333%;
}
.tt-c3-s {
	width: 25%;
}
.tt-c2-s {
	width: 16.666666%;
}
}

@media screen and (min-width: 660px) { /* Includes scrollbar due to box sizing  */
.tt-c9-m, .tt-c8-m, .tt-c6-m, .tt-c4-m, .tt-c3-m, .tt-c2-m {
	clear: none;
	float: left;
}
.tt-c9-m {
	width: 75%;
}
.tt-c8-m {
	width: 66.666666%;
}
.tt-c6-m {
	width: 50%;
}
.tt-c4-m {
	width: 33.333333%;
}
.tt-c3-m {
	width: 25%;
}
.tt-c2-m {
	width: 16.666666%;
}
}

@media screen and (min-width: 880px) { /* Includes scrollbar due to box sizing */
.tt-wrapper {
	padding: 0px 10px;
}
.tt-c9, .tt-c8, .tt-c6, .tt-c4, .tt-c3, .tt-c2{
	clear: none;
	float: left;
}
.tt-c9 {
	width: 75%;
}
.tt-c8 {
	width: 66.666666%;
}
.tt-c6 {
	width: 50%;
}
.tt-c4 {
	width: 33.333333%;
}
.tt-c3 {
	width: 25%;
}
.tt-c2 {
	width: 16.666666%;
}
}

@media screen and (min-width: 1130px) { /* Includes scrollbar due to box sizing */
.tt-wrapper {
	width: 1110px;
}
}