/* Margin */
.mt-20 {
	margin-top:20px;
}

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

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

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

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

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

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

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

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

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

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

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

.my-30 {
	margin:30px 0px;
}

@media screen and (max-width:1366px) {
	.mb-xlg-16 {
		margin-bottom: 16px;
	}
}
@media screen and (max-width:1200px) {	
	.mb-160 {
		margin-bottom: 120px;
	}

	.mt-lg-0 {
		margin-top: 0px;
	}

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

	.mb-lg-0 {
		margin-bottom: 0px;
	}

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

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

	.mb-lg-140 {
		margin-bottom: 140px;
	}
}
@media screen and (max-width:1024px) {
	.mt-20 {
		margin-top:16px;
	}

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

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

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

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

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

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

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

	.mb-160 {
		margin-bottom: 100px;
	}

	.my-30 {
		margin:20px 0px;
	}

	.mt-md-0 {
		margin-top: 0px;
	}

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

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

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

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

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

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

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

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

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

	.mt-sm-0 {
		margin-top: 0px;
	}
	
	.mt-sm-10 {
		margin-top: 10px;
	}

	.mb-sm-0 {
		margin-bottom: 0px;
	}

	.mb-sm-10 {
		margin-bottom: 10px;
	}

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

	.mb-sm-14 {
		margin-bottom: 14px;
	}

	.mb-sm-16 {
		margin-bottom: 16px;
	}

	.mb-sm-18 {
		margin-bottom: 18px;
	}

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

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

	.mb-sm-40 {
		margin-bottom: 40px;
	}
}
@media screen and (max-width:480px) {
	.mt-20 {
		margin-top:10px;
	}

	.mt-30 {
		margin-top:16px;
	}

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

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

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

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

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

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

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

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

	.my-30 {
		margin:16px 0px;
	}

	.mt-xs-0 {
		margin-top: 0px;
	}

	.mt-xs-6 {
		margin-top: 6px;
	}

	.mt-xs-10 {
		margin-top: 10px;
	}

	.mb-xs-0 {
		margin-bottom: 0px;
	}
	
	.mb-xs-6 {
		margin-bottom:6px;
	}

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

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

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

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

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

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

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


/* Padding */
.pt-30 {
	padding-top:30px;
}

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

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

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

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

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

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

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

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

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

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

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

.pl-80 {
	padding-left: 80px;
}

.pl-100 {
	padding-left: 100px;
}

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

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

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

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

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

@media screen and (max-width:1366px) {
	.pl-xlg-20 {
		padding-left: 20px;
	}
}
@media screen and (max-width:1200px) {
	.pl-lg-0 {
		padding-left: 0px;
	}
}
@media screen and (max-width:1024px) {	
	.pt-30 {
		padding-top:20px;
	}

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

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

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

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

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

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

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

	.pb-80 {
		padding-bottom:60px;
	}

	.pb-100 {
		padding-bottom: 80px;
	}

	.pb-120 {
		padding-bottom: 100px;
	}

	.py-40 {
		padding:24px 0px;
	}

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

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

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

	.py-260 {
		padding: 200px 0px;
	}

	.pb-md-10 {
		padding-bottom: 10px;
	}

	.pb-md-14 {
		padding-bottom: 14px;
	}

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

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

	.pb-md-60 {
		padding-bottom: 60px;
	}
}
@media screen and (max-width:768px) {
	.pb-80 {
		padding-bottom:50px;
	}
	.py-160 {
		padding: 100px 0px;
	}
	.py-260 {
		padding: 160px 0px;
	}

	.pb-sm-40 {
		padding-bottom:40px;
	}	
}
@media screen and (max-width:480px) {
	.pt-30 {
		padding-top:16px;
	}

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

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

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

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

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

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

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

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

	.pb-100 {
		padding-bottom: 60px;
	}

	.pb-120 {
		padding-bottom: 80px;
	}

	.py-40 {
		padding:18px 0px;
	}

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

	.py-120 {
		padding: 80px 0px;
	}
	.py-160 {
		padding: 90px 0px;
	}

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

	.pb-xs-6 {
		padding-bottom: 6px;
	}

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

	.pb-xs-24 {
		padding-bottom:24px;
	}

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

	.pb-xs-60 {
		padding-bottom: 60px;
	}
}


@media screen and (min-width:1201px) {
	
}
@media screen and (min-width:1025px) {
	.pl-min-md-100 {
		padding-left: 100px;
	}
}
@media screen and (min-width:769px) {

}
@media screen and (min-width:481px) {
	
}


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

.gap-20 {
	gap:20px;
}

.gap-24 {
	gap: 24px;
}

.gap-30 {
	gap:30px;
}

.gap-120 {
	gap: 120px;
}

@media screen and (max-width:1200px) {
	.gap-lg-60 {
		gap: 60px;
	}
}
@media screen and (max-width:1024px) {
	.gap-10 {
		gap:6px;
	}

	.gap-md-30 {
		gap:30px;
	}

	.gap-md-40 {
		gap:40px;
	}
}
@media screen and (max-width:768px) {
	.gap-sm-12 {
		gap:12px;
	}

	.gap-sm-24 {
		gap:24px;
	}
}
@media screen and (max-width:480px) {
	.gap-xs-6 {
		gap:6px;
	}

	.gap-xs-12 {
		gap:12px;
	}

	.gap-xs-18 {
		gap:18px;
	}
}