/* Padding and Border reset */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
/* Padding and Border reset END */

.hide-on-mobile { display: block; }
.hide-on-smartphone { display: block; }
.hide-on-tablet { display: block; }
.hide-on-desktop { display: none; }
.show-on-mobile { display: none; }
.show-on-smartphone { display: none; }
.show-on-tablet { display: none; }
.show-on-desktop { display: block; }

/* Grid */
.container {
	width:100%;
	margin-left:0;
	margin-right:0;
}
.wrapper {
	max-width:1260px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	padding-left: 30px;
	padding-right: 30px;
	/* contain: paint; */
}
.row {
	padding-left:10px;
	padding-right:10px;
	position: relative;
}
.lg1 { width:8.333%; }
.lg2 { width:16.666%; }
.lg3 { width:24.999%; }
.lg4 { width:33.333%; }
.lg5 { width:41.666%; }
.lg6 { width:49.999%; }
.lg7 { width:58.333%; }
.lg8 { width:66.666%; }
.lg9 { width:74.999%; }
.lg10 { width:83.333%; }
.lg11 { width:91.666%; }
.lg12 { width:100%; }
/* Tablet */
@media screen and (min-width: 740px) and (max-width: 980px){
	.md1 { width:8.333%; }
	.md2 { width:16.666%; }
	.md3 { width:24.999%; }
	.md4 { width:33.333%; }
	.md5 { width:41.666%; }
	.md6 { width:49.999%; }
	.md7 { width:58.333%; }
	.md8 { width:66.666%; }
	.md9 { width:74.999%; }
	.md10 { width:83.333%; }
	.md11 { width:91.666%; }
	.md12 { width:100%; }

	.hide-on-tablet { display: none !important; }
	.hide-on-mobile { display: none !important; }
	.hide-on-desktop { display: block !important; }
	
	.show-on-mobile { display: block !important; }
	.show-on-tablet { display: none !important; }
	.show-on-desktop { display: none !important; }
}
/* Mobile */
@media only screen and (min-width: 18.75em) and (max-width: 740px) {
	.sm1 { width:8.333%; }
	.sm2 { width:16.666%; }
	.sm3 { width:24.999%; }
	.sm4 { width:33.333%; }
	.sm5 { width:41.666%; }
	.sm6 { width:49.999%; }
	.sm7 { width:58.333%; }
	.sm8 { width:66.666%; }
	.sm9 { width:74.999%; }
	.sm10 { width:83.333%; }
	.sm11 { width:91.666%; }
	.sm12 { width:100%; }

	.hide-on-smartphone { display: none !important; }
	.hide-on-mobile { display: none !important; }
	.hide-on-desktop { display: block !important; }

	.show-on-mobile { display: block !important; }
	.show-on-smartphone { display: block !important; }
	.show-on-desktop { display: none !important; }
}