/*========================================
Large Tablet/Small Desktop Padding Classes
========================================*/


/*------------------------------------
How to use:

1. Use desired class on any element to set a lg tablet/sm desktop specific padding
2. If the needed lg tablet/sm desktop padding is not an existing option, add it in the appropriate area following existing format.
------------------------------------*/

/* Classes for all padding */

@media only screen and (max-width: 1199px) {
	.lgtp-0 {
		padding: 0px !important;
	}
	.lgtp-4 {
		padding: 4px !important;
	}
	.lgtp-8 {
		padding: 8px !important;
	}
	.lgtp-12 {
		padding: 12px !important;
	}
	.lgtp-16 {
		padding: 16px !important;
	}
	.lgtp-24 {
		padding: 24px !important;
	}
	.lgtp-32 {
		padding: 32px !important;
	}
	.lgtp-48 {
		padding: 48px !important;
	}
	.lgtp-80 {
		padding: 80px !important;
	}
}

/* Classes for top padding */

@media only screen and (max-width: 1199px) {
	.lgtpt-0 {
		padding-top: 0px !important;
	}
	.lgtpt-4 {
		padding-top: 4px !important;
	}
	.lgtpt-8 {
		padding-top: 8px !important;
	}
	.lgtpt-12 {
		padding-top: 12px !important;
	}
	.lgtpt-16 {
		padding-top: 16px !important;
	}
	.lgtpt-24 {
		padding-top: 24px !important;
	}
	.lgtpt-32 {
		padding-top: 32px !important;
	}
	.lgtpt-48 {
		padding-top: 48px !important;
	}
	.lgtpt-80 {
		padding-top: 80px !important;
	}
}

/* Classes for bottom padding */

@media only screen and (max-width: 1199px) {
	.lgtpb-0 {
		padding-bottom: 0px !important;
	}
	.lgtpb-4 {
		padding-bottom: 4px !important;
	}
	.lgtpb-8 {
		padding-bottom: 8px !important;
	}
	.lgtpb-12 {
		padding-bottom: 12px !important;
	}
	.lgtpb-16 {
		padding-bottom: 16px !important;
	}
	.lgtpb-24 {
		padding-bottom: 24px !important;
	}
	.lgtpb-32 {
		padding-bottom: 32px !important;
	}
	.lgtpb-48 {
		padding-bottom: 48px !important;
	}
	.lgtpb-80 {
		padding-bottom: 80px !important;
	}
}

/* Classes for right padding */

@media only screen and (max-width: 1199px) {
	.lgtpr-0 {
		padding-right: 0px !important;
	}
	.lgtpr-4 {
		padding-right: 4px !important;
	}
	.lgtpr-8 {
		padding-right: 8px !important;
	}
	.lgtpr-12 {
		padding-right: 12px !important;
	}
	.lgtpr-16 {
		padding-right: 16px !important;
	}
	.lgtpr-24 {
		padding-right: 24px !important;
	}
	.lgtpr-32 {
		padding-right: 32px !important;
	}
	.lgtpr-48 {
		padding-right: 48px !important;
	}
	.lgtpr-80 {
		padding-right: 80px !important;
	}
}

/* Classes for left padding */

@media only screen and (max-width: 1199px) {
	.lgtpl-0 {
		padding-left: 0px !important;
	}
	.lgtpl-4 {
		padding-left: 4px !important;
	}
	.lgtpl-8 {
		padding-left: 8px !important;
	}
	.lgtpl-12 {
		padding-left: 12px !important;
	}
	.lgtpl-16 {
		padding-left: 16px !important;
	}
	.lgtpl-24 {
		padding-left: 24px !important;
	}
	.lgtpl-32 {
		padding-left: 32px !important;
	}
	.lgtpl-48 {
		padding-left: 48px !important;
	}
	.lgtpl-80 {
		padding-left: 80px !important;
	}
}

/*========================================
Tablet Padding Classes
========================================*/


/*------------------------------------
How to use:

1. Use desired class on any element to set a tablet specific padding
2. If the needed tablet padding is not an existing option, add it in the appropriate area following existing format.
------------------------------------*/

/* Classes for all padding */

@media only screen and (max-width: 991px) {
	.tp-0 {
		padding: 0px !important;
	}
	.tp-4 {
		padding: 4px !important;
	}
	.tp-8 {
		padding: 8px !important;
	}
	.tp-12 {
		padding: 12px !important;
	}
	.tp-16 {
		padding: 16px !important;
	}
	.tp-24 {
		padding: 24px !important;
	}
	.tp-32 {
		padding: 32px !important;
	}
	.tp-48 {
		padding: 48px !important;
	}
	.tp-80 {
		padding: 80px !important;
	}
}

/* Classes for top padding */

@media only screen and (max-width: 991px) {
	.tpt-0 {
		padding-top: 0px !important;
	}
	.tpt-4 {
		padding-top: 4px !important;
	}
	.tpt-8 {
		padding-top: 8px !important;
	}
	.tpt-12 {
		padding-top: 12px !important;
	}
	.tpt-16 {
		padding-top: 16px !important;
	}
	.tpt-24 {
		padding-top: 24px !important;
	}
	.tpt-32 {
		padding-top: 32px !important;
	}
	.tpt-48 {
		padding-top: 48px !important;
	}
	.tpt-80 {
		padding-top: 80px !important;
	}
}

/* Classes for bottom padding */

@media only screen and (max-width: 991px) {
	.tpb-0 {
		padding-bottom: 0px !important;
	}
	.tpb-4 {
		padding-bottom: 4px !important;
	}
	.tpb-8 {
		padding-bottom: 8px !important;
	}
	.tpb-12 {
		padding-bottom: 12px !important;
	}
	.tpb-16 {
		padding-bottom: 16px !important;
	}
	.tpb-24 {
		padding-bottom: 24px !important;
	}
	.tpb-32 {
		padding-bottom: 32px !important;
	}
	.tpb-48 {
		padding-bottom: 48px !important;
	}
	.tpb-80 {
		padding-bottom: 80px !important;
	}
}

/* Classes for right padding */

@media only screen and (max-width: 991px) {
	.tpr-0 {
		padding-right: 0px !important;
	}
	.tpr-4 {
		padding-right: 4px !important;
	}
	.tpr-8 {
		padding-right: 8px !important;
	}
	.tpr-12 {
		padding-right: 12px !important;
	}
	.tpr-16 {
		padding-right: 16px !important;
	}
	.tpr-24 {
		padding-right: 24px !important;
	}
	.tpr-32 {
		padding-right: 32px !important;
	}
	.tpr-48 {
		padding-right: 48px !important;
	}
	.tpr-80 {
		padding-right: 80px !important;
	}
}

/* Classes for left padding */

@media only screen and (max-width: 991px) {
	.tpl-0 {
		padding-left: 0px !important;
	}
	.tpl-4 {
		padding-left: 4px !important;
	}
	.tpl-8 {
		padding-left: 8px !important;
	}
	.tpl-12 {
		padding-left: 12px !important;
	}
	.tpl-16 {
		padding-left: 16px !important;
	}
	.tpl-24 {
		padding-left: 24px !important;
	}
	.tpl-32 {
		padding-left: 32px !important;
	}
	.tpl-48 {
		padding-left: 48px !important;
	}
	.tpl-80 {
		padding-left: 80px !important;
	}
}


/*========================================
Mobile Padding Classes
========================================*/


/*------------------------------------
How to use:

1. Use desired class on any element to set a mobile specific padding
2. If the needed mobile padding is not an existing option, add it in the appropriate area following existing format.
------------------------------------*/

/* Classes for all padding */

@media only screen and (max-width: 767px) {
	.mp-0 {
		padding: 0px !important;
	}
	.mp-4 {
		padding: 4px !important;
	}
	.mp-8 {
		padding: 8px !important;
	}
	.mp-12 {
		padding: 12px !important;
	}
	.mp-16 {
		padding: 16px !important;
	}
	.mp-24 {
		padding: 24px !important;
	}
	.mp-32 {
		padding: 32px !important;
	}
	.mp-48 {
		padding: 48px !important;
	}
	.mp-80 {
		padding: 80px !important;
	}
}

/* Classes for top padding */

@media only screen and (max-width: 767px) {
	.mpt-0 {
		padding-top: 0px !important;
	}
	.mpt-4 {
		padding-top: 4px !important;
	}
	.mpt-8 {
		padding-top: 8px !important;
	}
	.mpt-12 {
		padding-top: 12px !important;
	}
	.mpt-16 {
		padding-top: 16px !important;
	}
	.mpt-24 {
		padding-top: 24px !important;
	}
	.mpt-32 {
		padding-top: 32px !important;
	}
	.mpt-48 {
		padding-top: 48px !important;
	}
	.mpt-80 {
		padding-top: 80px !important;
	}
}

/* Classes for bottom padding */

@media only screen and (max-width: 767px) {
	.mpb-0 {
		padding-bottom: 0px !important;
	}
	.mpb-4 {
		padding-bottom: 4px !important;
	}
	.mpb-8 {
		padding-bottom: 8px !important;
	}
	.mpb-12 {
		padding-bottom: 12px !important;
	}
	.mpb-16 {
		padding-bottom: 16px !important;
	}
	.mpb-24 {
		padding-bottom: 24px !important;
	}
	.mpb-32 {
		padding-bottom: 32px !important;
	}
	.mpb-48 {
		padding-bottom: 48px !important;
	}
	.mpb-80 {
		padding-bottom: 80px !important;
	}
}

/* Classes for right padding */

@media only screen and (max-width: 767px) {
	.mpr-0 {
		padding-right: 0px !important;
	}
	.mpr-4 {
		padding-right: 4px !important;
	}
	.mpr-8 {
		padding-right: 8px !important;
	}
	.mpr-12 {
		padding-right: 12px !important;
	}
	.mpr-16 {
		padding-right: 16px !important;
	}
	.mpr-24 {
		padding-right: 24px !important;
	}
	.mpr-32 {
		padding-right: 32px !important;
	}
	.mpr-48 {
		padding-right: 48px !important;
	}
	.mpr-80 {
		padding-right: 80px !important;
	}
}

/* Classes for left padding */

@media only screen and (max-width: 767px) {
	.mpl-0 {
		padding-left: 0px !important;
	}
	.mpl-4 {
		padding-left: 4px !important;
	}
	.mpl-8 {
		padding-left: 8px !important;
	}
	.mpl-12 {
		padding-left: 12px !important;
	}
	.mpl-16 {
		padding-left: 16px !important;
	}
	.mpl-24 {
		padding-left: 24px !important;
	}
	.mpl-32 {
		padding-left: 32px !important;
	}
	.mpl-48 {
		padding-left: 48px !important;
	}
	.mpl-80 {
		padding-left: 80px !important;
	}
}

/*========================================
Large Tablet/Small Desktop Margin Classes
========================================*/


/*------------------------------------
How to use:

1. Use desired class on any element to set a lg tablet/sm desktop specific margin
2. If the needed lg tablet/sm desktop margin is not an existing option, add it in the appropriate area following existing format.
------------------------------------*/

/* Classes for all margin */
@media only screen and (max-width: 1199px) {
	.lgtm-0 {
		margin: 0px !important;
	}
	.lgtm-4 {
		margin: 4px !important;
	}
	.lgtm-8 {
		margin: 8px !important;
	}
	.lgtm-12 {
		margin: 12px !important;
	}
	.lgtm-16 {
		margin: 16px !important;
	}
	.lgtm-24 {
		margin: 24px !important;
	}
	.lgtm-32 {
		margin: 32px !important;
	}
	.lgtm-48 {
		margin: 48px !important;
	}
	.lgtm-80 {
		margin: 80px !important;
	}
}

/* Classes for top margin */
@media only screen and (max-width: 1199px) {
	.lgtmt-0 {
		margin-top: 0px !important;
	}
	.lgtmt-4 {
		margin-top: 4px !important;
	}
	.lgtmt-8 {
		margin-top: 8px !important;
	}
	.lgtmt-12 {
		margin-top: 12px !important;
	}
	.lgtmt-16 {
		margin-top: 16px !important;
	}
	.lgtmt-24 {
		margin-top: 24px !important;
	}
	.lgtmt-32 {
		margin-top: 32px !important;
	}
	.lgtmt-48 {
		margin-top: 48px !important;
	}
	.lgtmt-80 {
		margin-top: 80px !important;
	}
}

/* Classes for bottom margin */
@media only screen and (max-width: 1199px) {
	.lgtmb-0 {
		margin-bottom: 0px !important;
	}
	.lgtmb-4 {
		margin-bottom: 4px !important;
	}
	.lgtmb-8 {
		margin-bottom: 8px !important;
	}
	.lgtmb-12 {
		margin-bottom: 12px !important;
	}
	.lgtmb-16 {
		margin-bottom: 16px !important;
	}
	.lgtmb-24 {
		margin-bottom: 24px !important;
	}
	.lgtmb-32 {
		margin-bottom: 32px !important;
	}
	.lgtmb-48 {
		margin-bottom: 48px !important;
	}
	.lgtmb-80 {
		margin-bottom: 80px !important;
	}
}

/* Classes for right margin */
@media only screen and (max-width: 1199px) {
	.lgtmr-0 {
		margin-right: 0px !important;
	}
	.lgtmr-4 {
		margin-right: 4px !important;
	}
	.lgtmr-8 {
		margin-right: 8px !important;
	}
	.lgtmr-12 {
		margin-right: 12px !important;
	}
	.lgtmr-16 {
		margin-right: 16px !important;
	}
	.lgtmr-24 {
		margin-right: 24px !important;
	}
	.lgtmr-32 {
		margin-right: 32px !important;
	}
	.lgtmr-48 {
		margin-right: 48px !important;
	}
	.lgtmr-80 {
		margin-right: 80px !important;
	}
}

/* Classes for left margin */
@media only screen and (max-width: 1199px) {
	.lgtml-0 {
		margin-left: 0px !important;
	}
	.lgtml-4 {
		margin-left: 4px !important;
	}
	.lgtml-8 {
		margin-left: 8px !important;
	}
	.lgtml-12 {
		margin-left: 12px !important;
	}
	.lgtml-16 {
		margin-left: 16px !important;
	}
	.lgtml-24 {
		margin-left: 24px !important;
	}
	.lgtml-32 {
		margin-left: 32px !important;
	}
	.lgtml-48 {
		margin-left: 48px !important;
	}
	.lgtml-80 {
		margin-left: 80px !important;
	}
}

/*========================================
Tablet Margin Classes
========================================*/


/*------------------------------------
How to use:

1. Use desired class on any element to set a tablet specific margin
2. If the needed tablet margin is not an existing option, add it in the appropriate area following existing format.
------------------------------------*/

/* Classes for all margin */
@media only screen and (max-width: 991px) {
	.tm-0 {
		margin: 0px !important;
	}
	.tm-4 {
		margin: 4px !important;
	}
	.tm-8 {
		margin: 8px !important;
	}
	.tm-12 {
		margin: 12px !important;
	}
	.tm-16 {
		margin: 16px !important;
	}
	.tm-24 {
		margin: 24px !important;
	}
	.tm-32 {
		margin: 32px !important;
	}
	.tm-48 {
		margin: 48px !important;
	}
	.tm-80 {
		margin: 80px !important;
	}
}

/* Classes for top margin */
@media only screen and (max-width: 991px) {
	.tmt-0 {
		margin-top: 0px !important;
	}
	.tmt-4 {
		margin-top: 4px !important;
	}
	.tmt-8 {
		margin-top: 8px !important;
	}
	.tmt-12 {
		margin-top: 12px !important;
	}
	.tmt-16 {
		margin-top: 16px !important;
	}
	.tmt-24 {
		margin-top: 24px !important;
	}
	.tmt-32 {
		margin-top: 32px !important;
	}
	.tmt-48 {
		margin-top: 48px !important;
	}
	.tmt-80 {
		margin-top: 80px !important;
	}
}

/* Classes for bottom margin */
@media only screen and (max-width: 991px) {
	.tmb-0 {
		margin-bottom: 0px !important;
	}
	.tmb-4 {
		margin-bottom: 4px !important;
	}
	.tmb-8 {
		margin-bottom: 8px !important;
	}
	.tmb-12 {
		margin-bottom: 12px !important;
	}
	.tmb-16 {
		margin-bottom: 16px !important;
	}
	.tmb-24 {
		margin-bottom: 24px !important;
	}
	.tmb-32 {
		margin-bottom: 32px !important;
	}
	.tmb-48 {
		margin-bottom: 48px !important;
	}
	.tmb-80 {
		margin-bottom: 80px !important;
	}
}

/* Classes for right margin */
@media only screen and (max-width: 991px) {
	.tmr-0 {
		margin-right: 0px !important;
	}
	.tmr-4 {
		margin-right: 4px !important;
	}
	.tmr-8 {
		margin-right: 8px !important;
	}
	.tmr-12 {
		margin-right: 12px !important;
	}
	.tmr-16 {
		margin-right: 16px !important;
	}
	.tmr-24 {
		margin-right: 24px !important;
	}
	.tmr-32 {
		margin-right: 32px !important;
	}
	.tmr-48 {
		margin-right: 48px !important;
	}
	.tmr-80 {
		margin-right: 80px !important;
	}
}

/* Classes for left margin */
@media only screen and (max-width: 991px) {
	.tml-0 {
		margin-left: 0px !important;
	}
	.tml-4 {
		margin-left: 4px !important;
	}
	.tml-8 {
		margin-left: 8px !important;
	}
	.tml-12 {
		margin-left: 12px !important;
	}
	.tml-16 {
		margin-left: 16px !important;
	}
	.tml-24 {
		margin-left: 24px !important;
	}
	.tml-32 {
		margin-left: 32px !important;
	}
	.tml-48 {
		margin-left: 48px !important;
	}
	.tml-80 {
		margin-left: 80px !important;
	}
}

/*========================================
Mobile Margin Classes
========================================*/


/*------------------------------------
How to use:

1. Use desired class on any element to set a mobile specific margin
2. If the needed mobile margin is not an existing option, add it in the appropriate area following existing format.
------------------------------------*/

/* Classes for all margin */
@media only screen and (max-width: 767px) {
	.mm-0 {
		margin: 0px !important;
	}
	.mm-4 {
		margin: 4px !important;
	}
	.mm-8 {
		margin: 8px !important;
	}
	.mm-12 {
		margin: 12px !important;
	}
	.mm-16 {
		margin: 16px !important;
	}
	.mm-24 {
		margin: 24px !important;
	}
	.mm-32 {
		margin: 32px !important;
	}
	.mm-48 {
		margin: 48px !important;
	}
	.mm-80 {
		margin: 80px !important;
	}
}

/* Classes for top margin */
@media only screen and (max-width: 767px) {
	.mmt-0 {
		margin-top: 0px !important;
	}
	.mmt-4 {
		margin-top: 4px !important;
	}
	.mmt-8 {
		margin-top: 8px !important;
	}
	.mmt-12 {
		margin-top: 12px !important;
	}
	.mmt-16 {
		margin-top: 16px !important;
	}
	.mmt-24 {
		margin-top: 24px !important;
	}
	.mmt-32 {
		margin-top: 32px !important;
	}
	.mmt-48 {
		margin-top: 48px !important;
	}
	.mmt-80 {
		margin-top: 80px !important;
	}
}

/* Classes for bottom margin */
@media only screen and (max-width: 767px) {
	.mmb-0 {
		margin-bottom: 0px !important;
	}
	.mmb-4 {
		margin-bottom: 4px !important;
	}
	.mmb-8 {
		margin-bottom: 8px !important;
	}
	.mmb-12 {
		margin-bottom: 12px !important;
	}
	.mmb-16 {
		margin-bottom: 16px !important;
	}
	.mmb-24 {
		margin-bottom: 24px !important;
	}
	.mmb-32 {
		margin-bottom: 32px !important;
	}
	.mmb-48 {
		margin-bottom: 48px !important;
	}
	.mmb-80 {
		margin-bottom: 80px !important;
	}
}

/* Classes for right margin */
@media only screen and (max-width: 767px) {
	.mmr-0 {
		margin-right: 0px !important;
	}
	.mmr-4 {
		margin-right: 4px !important;
	}
	.mmr-8 {
		margin-right: 8px !important;
	}
	.mmr-12 {
		margin-right: 12px !important;
	}
	.mmr-16 {
		margin-right: 16px !important;
	}
	.mmr-24 {
		margin-right: 24px !important;
	}
	.mmr-32 {
		margin-right: 32px !important;
	}
	.mmr-48 {
		margin-right: 48px !important;
	}
	.mmr-80 {
		margin-right: 80px !important;
	}
}

/* Classes for left margin */
@media only screen and (max-width: 767px) {
	.mml-0 {
		margin-left: 0px !important;
	}
	.mml-4 {
		margin-left: 4px !important;
	}
	.mml-8 {
		margin-left: 8px !important;
	}
	.mml-12 {
		margin-left: 12px !important;
	}
	.mml-16 {
		margin-left: 16px !important;
	}
	.mml-24 {
		margin-left: 24px !important;
	}
	.mml-32 {
		margin-left: 32px !important;
	}
	.mml-48 {
		margin-left: 48px !important;
	}
	.mml-80 {
		margin-left: 80px !important;
	}
}


/* This should be refactored to a more appropriate injector */

@media only screen and (max-width: 605px) {
	.m-img .placeholder-image {
		width: 100% !important;
	}
}