/*
Easy grid
Modified: 2020/5
Version: 1.2
Author: Numan
Keywords:
	.hold (equal to container)
	.set (equal to row)
	.col1 -> .col12
	.boxed (add to hold)
	.gutter (add to set)
*/

/*
.hold {
	overflow: hidden; 
} CHANGED
*/
body {
	overflow-x: hidden;
}

.hold.boxed {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	/* position: relative; REMOVED */
	min-height: 1px; /* Fixed */
	float: left;
}

/* ADDED 1.2 */
.push1, .push2, .push3, .push4, .push5, .push6, .push7, .push8, .push9, .push10, .push11, .push12,
.pull1, .pull2, .pull3, .pull4, .pull5, .pull6, .pull7, .pull8, .pull9, .pull10, .pull11, .pull12 {
	position: relative;
}


/* bkz .hold */
.hold .set.gutter {
	margin-right: -1%;
	margin-left: -1%;
}
.hold .set.gutter > .col1,
.hold .set.gutter > .col2,
.hold .set.gutter > .col3,
.hold .set.gutter > .col4,
.hold .set.gutter > .col5,
.hold .set.gutter > .col6,
.hold .set.gutter > .col7,
.hold .set.gutter > .col8,
.hold .set.gutter > .col9,
.hold .set.gutter > .col10,
.hold .set.gutter > .col11,
.hold .set.gutter > .col12 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1%;
	padding-left: 1%;
	margin-bottom: 15px;
}

.col1  { width: 8.333%;  }
.col2  { width: 16.666%; }
.col3  { width: 25%;     }
.col4  { width: 33.333%; }
.col5  { width: 41.666%; }
.col6  { width: 50%;     }
.col7  { width: 58.333%; }
.col8  { width: 66.666%; }
.col9  { width: 75%;     }
.col10 { width: 83.333%; }
.col11 { width: 91.666%; }
.col12 { width: 100%;    }

.push1  { left: 8.333%;  }
.push2  { left: 16.666%; }
.push3  { left: 25%;     }
.push4  { left: 33.333%; }
.push5  { left: 41.666%; }
.push6  { left: 50%;     }
.push7  { left: 58.333%; }
.push8  { left: 66.666%; }
.push9  { left: 75%;     }
.push10 { left: 83.333%; }
.push11 { left: 91.666%; }
.push12 { left: 100%;    }

.pull1  { right: 8.333%;  }
.pull2  { right: 16.666%; }
.pull3  { right: 25%;     }
.pull4  { right: 33.333%; }
.pull5  { right: 41.666%; }
.pull6  { right: 50%;     }
.pull7  { right: 58.333%; }
.pull8  { right: 66.666%; }
.pull9  { right: 75%;     }
.pull10 { right: 83.333%; }
.pull11 { right: 91.666%; }
.pull12 { right: 100%;    }

/*
576px
768px -> Bootstrap(3, 4)
992px
1200px
*/
@media (max-width: 768px) {
	.col1,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.col10,
	.col11,
	.col12 {
		float: none;
		width: 100%;
	}
	.push1,
	.push2,
	.push3,
	.push4,
	.push5,
	.push6,
	.push7,
	.push8,
	.push9,
	.push10,
	.push11,
	.push12 {
		left: auto;
	}
	.pull1,
	.pull2,
	.pull3,
	.pull4,
	.pull5,
	.pull6,
	.pull7,
	.pull8,
	.pull9,
	.pull10,
	.pull11,
	.pull12 {
		right: auto;
	}
} /* eo 768px */

.set:before,
.set:after {
	content: " "; /* space */
	display: table;
}
.set:after {
	clear: both;
}