Ez way to handle style with these classes

addition_classes_style.css

/* Addition Style */
/*
	none: 	0px
	sm: 	5px
	normal: 10px
	lg: 	22px
	xl: 	40px
 */
.padding-none {
	padding: 0px !important;
}
.padding {
	padding: 10px !important;
}
.padding-sm {
	padding: 5px !important;
}
.padding-lg {
	padding: 22px !important;
}
.padding-xl {
	padding: 40px !important;
}
.padding-top-none {
	padding-top: 0px !important;
}
.padding-top {
	padding-top: 10px !important;
}
.padding-top-sm {
	padding-top: 5px !important;
}
.padding-top-lg {
	padding-top: 22px !important;
}
.padding-top-xl {
	padding-top: 40px !important;
}
.padding-right-none {
	padding-right: 0px !important;
}
.padding-right {
	padding-right: 10px !important;
}
.padding-right-sm {
	padding-right: 5px !important;
}
.padding-right-lg {
	padding-right: 22px !important;
}
.padding-right-xl {
	padding-right: 40px !important;
}
.padding-bottom-none {
	padding-bottom: 0px !important;
}
.padding-bottom {
	padding-bottom: 10px !important;
}
.padding-bottom-sm {
	padding-bottom: 5px !important;
}
.padding-bottom-lg {
	padding-bottom: 22px !important;
}
.padding-bottom-xl {
	padding-bottom: 40px !important;
}
.padding-left-none {
	padding-left: 0px !important;
}
.padding-left {
	padding-left: 10px !important;
}
.padding-left-sm {
	padding-left: 5px !important;
}
.padding-left-lg {
	padding-left: 22px !important;
}
.padding-left-xl {
	padding-left: 40px !important;
}
.margin-none {
	margin: 0px !important;
}
.margin {
	margin: 10px !important;
}
.margin-sm {
	margin: 5px !important;
}
.margin-lg {
	margin: 22px !important;
}
.margin-xl {
	margin: 40px !important;
}
.margin-top-none {
	margin-top: 0px !important;
}
.margin-top {
	margin-top: 10px !important;
}
.margin-top-sm {
	margin-top: 5px !important;
}
.margin-top-lg {
	margin-top: 22px !important;
}
.margin-top-xl {
	margin-top: 40px !important;
}
.margin-right-none {
	margin-right: 0px !important;
}
.margin-right {
	margin-right: 10px !important;
}
.margin-right-sm {
	margin-right: 5px !important;
}
.margin-right-lg {
	margin-right: 22px !important;
}
.margin-right-xl {
	margin-right: 40px !important;
}
.margin-bottom-none {
	margin-bottom: 0px !important;
}
.margin-bottom {
	margin-bottom: 10px !important;
}
.margin-bottom-sm {
	margin-bottom: 5px !important;
}
.margin-bottom-lg {
	margin-bottom: 22px !important;
}
.margin-bottom-xl {
	margin-bottom: 40px !important;
}
.margin-left-none {
	margin-left: 0px !important;
}
.margin-left {
	margin-left: 10px !important;
}
.margin-left-sm {
	margin-left: 5px !important;
}
.margin-left-lg {
	margin-left: 22px !important;
}
.margin-left-xl {
	margin-left: 40px !important;
}
.border {
    border: 1px solid #e7e7e7 !important;
}
.border-none {
	border: none !important;
}
.border-left-none {
	border-left: none !important;
}
.border-right-none {
	border-right: none !important;
}
.border-bottom-none {
	border-bottom: none !important;
}
.border-top-none {
	border-top: none !important;
}
.border-radius {
	border-radius: 4px !important;
}
.border-radius-none {
	border-radius: : none !important;
}
.background-none {
	background: none !important;
}
.background {
	background-color: #f8f8f8 !important;
}
.shadow {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
}

.shadow-none {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
    box-shadow: none !important;
}
.text-sm {
	font-size: 12px !important;
}
.text-base {
	font-size: 14px !important;
}
.text-md {
	font-size: 16px !important;
}
.text-lg {
	font-size: 18px !important;
}
.display-block {
	display: block !important;
}
.hidden {
	display: none !important;
}
.no-underline:hover {
	text-decoration: none !important;
}
.clickable {
	cursor: pointer !important;
}
.strong {
	font-weight: bold !important;
}
.em {
	font-style: italic !important;
}
.small {
	font-size: 85% !important;
}
.text-strike {
	text-decoration: line-through !important;
}
.text-upper {
	text-transform: uppercase !important;
}
.text-lower {
	text-transform: lowercase !important;
}
.scroll-x {
	overflow-x: scroll !important;
}
.scroll-y {
	overflow-y: scroll !important;
}
.width {
	width: auto !important;
}
.width-sm {
	width: 750px !important;
}
.width-md {
	width: 970px !important;
}
.width-lg {
	width: 1170px !important;
}