/* 
 	Window size info
	.cg - window size < 1920
	.cgl - window size <= 1170
	.cgt - window size < 1124
	.cgm - window size < 768
	.cgs - window size < 480
*/

/* Wrapper */
	.wrap{
		width: 100%;
		margin: 0 auto;
		padding:  0 15px;
		min-width: 300px;
		max-width: 1170px;
		box-sizing: border-box;
	}
	.grid{
		margin: 0 -15px;
		display: -webkit-flex; display: flex;
		-webkit-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-box-align: start; align-items: start;
	}

/* Margins, left / right */
	.eg-1 > *, .eg-2 > *, .eg-3 > *,
	.eg-4 > *, .eg-5 > *, .eg-6 > *,
	.cg-1, .cg-2, .cg-3, .cg-4, .cg-5, .cg-6, 
	.cg-7, .cg-8, .cg-9, .cg-10, .cg-11, .cg-12,
	.cgl-1, .cgl-2, .cgl-3, .cgl-4, .cgl-5, .cgl-6, 
	.cgl-7, .cgl-8, .cgl-9, .cgl-10, .cgl-11, .cgl-12,
	.cgt-1, .cgt-2, .cgt-3, .cgt-4, .cgt-5, .cgt-6, 
	.cgt-7, .cgt-8, .cgt-9, .cgt-10, .cgt-11, .cgt-12,
	.cgm-1, .cgm-2, .cgm-3, .cgm-4, .cgm-5, .cgm-6, 
	.cgm-7, .cgm-8, .cgm-9, .cgm-10, .cgm-11, .cgm-12,
	.cgs-1, .cgs-2, .cgs-3, .cgs-4, .cgs-5, .cgs-6, 
	.cgs-7, .cgs-8, .cgs-9, .cgs-10, .cgs-11, .cgs-12{
		margin-left: 15px;
		margin-right: 15px;
		box-sizing: border-box;
	}

/* Childs-Grid - PC */
	.eg-1 > *{width: calc(100% - 30px)}
	.eg-2 > *{width: calc(50% - 30px)}
	.eg-3 > *{width: calc(33.333% - 30px)}
	.eg-4 > *{width: calc(25% - 30px)}
	.eg-5 > *{width: calc(20% - 30px)}
	.eg-6 > *{width: calc(16.666% - 30px)}

/* Margin Top */
	.eg-1 > *:nth-child(1n + 2), .eg-2 > *:nth-child(1n + 3),
	.eg-3 > *:nth-child(1n + 4), .eg-4 > *:nth-child(1n + 5),
	.eg-5 > *:nth-child(1n + 6), .eg-6 > *:nth-child(1n + 7){
	    margin-top: 30px;
	}

/* Flex-Grid - PC */
	.cg-n{display: none}
	.cg-1 {width: calc(8.333% - 30px)}
	.cg-2 {width: calc(16.666% - 30px)}
	.cg-3 {width: calc(25% - 30px)}
	.cg-4 {width: calc(33.333% - 30px)}
	.cg-5 {width: calc(41.666% - 30px)}
	.cg-6 {width: calc(50% - 30px)}
	.cg-7 {width: calc(58.333% - 30px)}
	.cg-8 {width: calc(66.666% - 30px)}
	.cg-9 {width: calc(75% - 30px)}
	.cg-10{width: calc(83.333% - 30px)}
	.cg-11{width: calc(91.666% - 30px)}
	.cg-12{width: calc(100% - 30px)}


@media only screen and (max-width: 1170px){
	
/* Wrapper */
	.wrap{max-width: 1024px}

/* Childs-Grid - Laptop */
	.egl-1 > *{width: calc(100% - 30px)}
	.egl-2 > *{width: calc(50% - 30px)}
	.egl-3 > *{width: calc(33.333% - 30px)}
	.egl-4 > *{width: calc(25% - 30px)}
	.egl-5 > *{width: calc(20% - 30px)}
	.egl-6 > *{width: calc(16.666% - 30px)}

/* Margin Top */
	.egl-1 > *:nth-child(1n + 2), .egl-2 > *:nth-child(1n + 3),
	.egl-3 > *:nth-child(1n + 4), .egl-4 > *:nth-child(1n + 5),
	.egl-5 > *:nth-child(1n + 6), .egl-6 > *:nth-child(1n + 7){
	    margin-top: 30px;
	}

/* Flex-Grid - Laptop */
	.cgl-n{display: none}
	.cgl-1 {width: calc(8.333% - 30px)}
	.cgl-2 {width: calc(16.666% - 30px)}
	.cgl-3 {width: calc(25% - 30px)}
	.cgl-4 {width: calc(33.333% - 30px)}
	.cgl-5 {width: calc(41.666% - 30px)}
	.cgl-6 {width: calc(50% - 30px)}
	.cgl-7 {width: calc(58.333% - 30px)}
	.cgl-8 {width: calc(66.666% - 30px)}
	.cgl-9 {width: calc(75% - 30px)}
	.cgl-10{width: calc(83.333% - 30px)}
	.cgl-11{width: calc(91.666% - 30px)}
	.cgl-12{width: calc(100% - 30px)}

	

} /* 1170 */

@media only screen and (max-width: 1023px){

/* Wrapper */
	.wrap{max-width: 768px}

/* Childs-Grid - Tablet */
	.egt-1 > *{width: calc(100% - 30px)}
	.egt-2 > *{width: calc(50% - 30px)}
	.egt-3 > *{width: calc(33.333% - 30px)}
	.egt-4 > *{width: calc(25% - 30px)}
	.egt-5 > *{width: calc(20% - 30px)}
	.egt-6 > *{width: calc(16.666% - 30px)}

/* Margin Top */
	.egt-1 > *:nth-child(1n + 2), .egt-2 > *:nth-child(1n + 3),
	.egt-3 > *:nth-child(1n + 4), .egt-4 > *:nth-child(1n + 5),
	.egt-5 > *:nth-child(1n + 6), .egt-6 > *:nth-child(1n + 7){
	    margin-top: 30px;
	}

/* Flex-Grid - Tablet */
	.cgt-n{display: none}
	.cgt-1 {width: calc(8.333% - 30px)}
	.cgt-2 {width: calc(16.666% - 30px)}
	.cgt-3 {width: calc(25% - 30px)}
	.cgt-4 {width: calc(33.333% - 30px)}
	.cgt-5 {width: calc(41.666% - 30px)}
	.cgt-6 {width: calc(50% - 30px)}
	.cgt-7 {width: calc(58.333% - 30px)}
	.cgt-8 {width: calc(66.666% - 30px)}
	.cgt-9 {width: calc(75% - 30px)}
	.cgt-10{width: calc(83.333% - 30px)}
	.cgt-11{width: calc(91.666% - 30px)}
	.cgt-12{width: calc(100% - 30px)}

} /* 1023 */

@media only screen and (max-width: 767px){

/* Wrapper */
	.wrap{max-width: 480px}

/* Childs-Grid - Mobile */
	.egm-1 > *{width: calc(100% - 30px)}
	.egm-2 > *{width: calc(50% - 30px)}
	.egm-3 > *{width: calc(33.333% - 30px)}
	.egm-4 > *{width: calc(25% - 30px)}
	.egm-5 > *{width: calc(20% - 30px)}
	.egm-6 > *{width: calc(16.666% - 30px)}

/* Margin Top */
	.egm-1 > *:nth-child(1n + 2), .egm-2 > *:nth-child(1n + 3),
	.egm-3 > *:nth-child(1n + 4), .egm-4 > *:nth-child(1n + 5),
	.egm-5 > *:nth-child(1n + 6), .egm-6 > *:nth-child(1n + 7){
	    margin-top: 30px;
	}

/* Flex-Grid - Mobile */
	.cgm-n{display: none}
	.cgm-1 {width: calc(8.333% - 30px)}
	.cgm-2 {width: calc(16.666% - 30px)}
	.cgm-3 {width: calc(25% - 30px)}
	.cgm-4 {width: calc(33.333% - 30px)}
	.cgm-5 {width: calc(41.666% - 30px)}
	.cgm-6 {width: calc(50% - 30px)}
	.cgm-7 {width: calc(58.333% - 30px)}
	.cgm-8 {width: calc(66.666% - 30px)}
	.cgm-9 {width: calc(75% - 30px)}
	.cgm-10{width: calc(83.333% - 30px)}
	.cgm-11{width: calc(91.666% - 30px)}
	.cgm-12{width: calc(100% - 30px)}

} /* 767 */

@media only screen and (max-width: 480px){

/* Wrapper */
	.wrap{max-width: 100%}

/* Childs-Grid - Mobile Small */
	.egs-1 > *{width: calc(100% - 30px)}
	.egs-2 > *{width: calc(50% - 30px)}
	.egs-3 > *{width: calc(33.333% - 30px)}
	.egs-4 > *{width: calc(25% - 30px)}
	.egs-5 > *{width: calc(20% - 30px)}
	.egs-6 > *{width: calc(16.666% - 30px)}

/* Margin Top */
	.egs-1 > *:nth-child(1n + 2), .egs-2 > *:nth-child(1n + 3),
	.egs-3 > *:nth-child(1n + 4), .egs-4 > *:nth-child(1n + 5),
	.egs-5 > *:nth-child(1n + 6), .egs-6 > *:nth-child(1n + 7){
	    margin-top: 30px;
	}
	
/* Flex-Grid - Mobile Small */
	.cgs-n{display: none}
	.cgs-1 {width: calc(8.333% - 30px)}
	.cgs-2 {width: calc(16.666% - 30px)}
	.cgs-3 {width: calc(25% - 30px)}
	.cgs-4 {width: calc(33.333% - 30px)}
	.cgs-5 {width: calc(41.666% - 30px)}
	.cgs-6 {width: calc(50% - 30px)}
	.cgs-7 {width: calc(58.333% - 30px)}
	.cgs-8 {width: calc(66.666% - 30px)}
	.cgs-9 {width: calc(75% - 30px)}
	.cgs-10{width: calc(83.333% - 30px)}
	.cgs-11{width: calc(91.666% - 30px)}
	.cgs-12{width: calc(100% - 30px)}

} /* 480