/* Margin */
.mb-10 {
	margin-bottom:10px;
}

.mb-20 {
	margin-bottom:20px;
}

.mb-30 {
	margin-bottom:30px;
}

.mb-40 {
	margin-bottom:40px;
}

.mb-60 {
	margin-bottom:60px;
}

.mb-80 {
	margin-bottom:80px;
}

.mt-20 {
	margin-top:20px;
}

.mt-40 {
	margin-top:40px;
}

.mt-80 {
	margin-top:80px;
}

.mr-20 {
	margin-right:20px;
}

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

}
@media screen and (max-width:1024px) {
	.mb-10 {
		margin-bottom:6px;
	}

	.mb-20 {
		margin-bottom:12px;
	}

	.mb-30 {
		margin-bottom:20px;
	}

	.mb-40 {
		margin-bottom:28px;
	}

	.mb-60 {
		margin-bottom:40px;
	}

	.mb-80 {
		margin-bottom:60px;
	}

	.mt-20 {
		margin-top:12px;
	}

	.mt-40 {
		margin-top:28px;
	}

	.mt-80 {
		margin-top:60px;
	}

	.mb-md-20 {
		margin-bottom:20px;
	}

	.mb-md-40 {
		margin-bottom:40px;
	}
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
	.mb-10 {
		margin-bottom:4px;
	}

	.mb-20 {
		margin-bottom:8px;
	}

	.mb-30 {
		margin-bottom:12px;
	}
	
	.mb-40 {
		margin-bottom:18px;
	}

	.mb-60 {
		margin-bottom:30px;
	}

	.mb-80 {
		margin-bottom:40px;
	}

	.mt-20 {
		margin-top:8px;
	}

	.mt-40 {
		margin-top:18px;
	}

	.mt-80 {
		margin-top:40px;
	}

	.mb-xs-12 {
		margin-bottom:12px;
	}
}


/* Padding */
.pb-20 {
	padding-bottom:20px;
}

.pb-30 {
	padding-bottom:30px;
}

.pb-40 {
	padding-bottom:40px;
}

.pt-40 {
	padding-top:40px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-120 {
	padding-top: 120px;
}

.py-80 {
	padding: 80px 0px;
}

.py-120 {
	padding: 120px 0px;
}

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

}
@media screen and (max-width:1024px) {
	.pb-20 {
		padding-bottom:12px;
	}

	.pb-30 {
		padding-bottom:20px;
	}

	.pb-40 {
		padding-bottom:28px;
	}

	.pt-40 {
		padding-top:28px;
	}

	.pt-80 {
		padding-top: 60px;
	}

	.pt-120 {
		padding-top: 100px;
	}

	.py-80 {
		padding: 60px 0px;
	}
	
	.py-120 {
		padding: 100px 0px;
	}

	.pt-md-20 {
		padding-top: 20px;
	}
}
@media screen and (max-width:768px) {
	.pt-120 {
		padding-top: 80px;
	}
	
	.py-120 {
		padding: 80px 0px;
	}
	
}
@media screen and (max-width:576px) {
	.pb-20 {
		padding-bottom:8px;
	}

	.pb-30 {
		padding-bottom:12px;
	}

	.pb-40 {
		padding-bottom:18px;
	}

	.pt-40 {
		padding-top:18px;
	}

	.pt-80 {
		padding-top: 40px;
	}

	.pt-120 {
		padding-top: 60px;
	}

	.py-80 {
		padding: 40px 0px;
	}
	
	.py-120 {
		padding: 60px 0px;
	}
	
	.pt-md-20 {
		padding-top:12px;
	}
}


/* Gap */
.gap-20 {
	gap: 20px;
}

.gap-40 {
	gap: 40px;
}

.gap-80 {
	gap: 80px;
}

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

}
@media screen and (max-width:1024px) {
	.gap-20 {
		gap:12px;
	}

	.gap-40 {
		gap:28px;
	}

	.gap-80 {
		gap:60px;
	}

	.gap-lg-40 {
		gap:40px;
	}
}
@media screen and (max-width:768px) {
	.gap-lg-40 {
		gap:28px;
	}
}
@media screen and (max-width:576px) {
	.gap-20 {
		gap:8px;
	}

	.gap-40 {
		gap:18px;
	}

	.gap-lg-40 {
		gap:18px;
	}
}