.mn {
	margin:0px !important;
}



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

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

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

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

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

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

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

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

.ml-40 {
	margin-left:40px;
}

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

}
@media screen and (max-width:1024px) {
	.mt-50 {
		margin-top:36px;
	}

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

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

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

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

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

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

	.ml-40 {
		margin-left:32px;
	} 
}
@media screen and (max-width:768px) {
	.mt-50 {
		margin-top:30px;
	}

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

	.mb-50 {
		margin-bottom:30px;
	}
}
@media screen and (max-width:576px) {
	.mt-50 {
		margin-top:24px;
	}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

}
@media screen and (max-width:1024px) {
	.pt-30 {
		padding-top: 20px;
	}

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

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

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

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

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

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

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

	.pb-130 {
		padding-bottom: 100px;
	}
}
@media screen and (max-width:768px) {
	.pt-130 {
		padding-top: 80px;
	}

	.pb-130 {
		padding-bottom: 80px;
	}
}
@media screen and (max-width:576px) {
	.pt-30 {
		padding-top: 16px;
	}

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

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

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

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

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

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



/* Margin Xl */
@media screen and (max-width:1200px) {
	.mb-xl-20 {
		margin-bottom:20px;
	}
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
	.mb-xl-20 {
		margin-bottom:12px;
	}
}
@media screen and (max-width:576px) {
	.mb-xl-20 {
		margin-bottom:8px;
	}
}


/* Margin MD */
@media screen and (max-width:1200px) {

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

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

	.ml-md-20 {
		margin-left:20px;
	}
}
@media screen and (max-width:576px) {
	.mt-md-40 {
		margin-top:32px;
	}

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

	.ml-md-20 {
		margin-left:10px;
	}
}


/* Margin XS */
@media screen and (max-width:1200px) {

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

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

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

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


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

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

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

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

}


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

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

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

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

}