/* 
 * Custom Bootstrap Margin Padding
 * Author - Md Ismail Hossain
 * Git    - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding
 * Web    - http://ismail-hossain.me/
 * Email  - ismailcseku@gmail.com
 */


/**
 * Table of Contents:
 *
 * 1   -> Basic margin padding
 * 1.1 -> Margin padding zero
 * 1.2 -> Margin top
 * 1.3 -> Margin right
 * 1.4 -> Margin bottom
 * 1.5 -> Margin left
 * 1.6 -> Padding top
 * 1.7 -> Padding right
 * 1.8 -> Padding bottom
 * 1.9 -> Padding left
 * 2 -> lg: min-width:992px
 * 3 -> md: max-width:991px
 * 4 -> sm: max-width 767px
 * 5 -> xs: max-width 479px 
 * ===============================================
 */
/* min even, max odd*/

/*
 * 1.1 -> Basic margin padding
 * -----------------------------------------------
*/
.m-0 {
	margin: 0px !important;
}

.p-0 {
	padding: 0 !important;
}
.p-20 {
	padding: 20px !important;
}
.p-30 {
	padding: 30px !important;
}

/*
 * 1.2 -> Margin top
 * -----------------------------------------------
*/
.mt-30 {
	margin-top: 30px !important;
}

/*
 * 1.3 -> Margin right
 * -----------------------------------------------
*/

/*
 * 1.4 -> Margin bottom
 * -----------------------------------------------
*/
.mb-30 {
	margin-bottom: 30px !important;
}

/*
 * 1.5 -> Margin left
 * -----------------------------------------------
*/

/*
 * 1.6 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {
	padding-top: 0!important
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-90 {
	padding-top: 90px !important;
}

/*
 * 1.7 -> Padding right
 * -----------------------------------------------
*/

/*
 * 1.8 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {
	padding-bottom: 0!important
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-90 {
	padding-bottom: 90px !important;
}

/*
 * 1.9 -> Padding left
 * -----------------------------------------------
*/

/*
 * 2 -> lg: min-width:992px
 * -----------------------------------------------
*/
@media (min-width:992px) {
/*
 * 5.1 -> Basic margin padding
 * -----------------------------------------------
*/

/*
 * 5.2 -> Margin top
 * -----------------------------------------------
*/

/*
 * 5.3 -> Margin right
 * -----------------------------------------------
*/

/*
 * 5.4 -> Margin bottom
 * -----------------------------------------------
*/

/*
 * 5.5 -> Margin left
 * -----------------------------------------------
*/

/*
 * 5.6 -> Padding top
 * -----------------------------------------------
*/

/*
 * 5.7 -> Padding right
 * -----------------------------------------------
*/

/*
 * 5.8 -> Padding bottom
 * -----------------------------------------------
*/

/*
 * 5.9 -> Padding left
 * -----------------------------------------------
*/
}

/*
 * 3 -> md: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
/*
 * 4.1 -> Basic margin padding
 * -----------------------------------------------
*/

/*
 * 4.2 -> Margin top
 * -----------------------------------------------
*/

/*
 * 4.3 -> Margin right
 * -----------------------------------------------
*/

/*
 * 4.4 -> Margin bottom
 * -----------------------------------------------
*/

/*
 * 4.5 -> Margin left
 * -----------------------------------------------
*/

/*
 * 4.6 -> Padding top
 * -----------------------------------------------
*/

/*
 * 4.7 -> Padding right
 * -----------------------------------------------
*/

/*
 * 4.8 -> Padding bottom
 * -----------------------------------------------
*/

/*
 * 4.9 -> Padding left
 * -----------------------------------------------
*/
}

/*
 * 4 -> sm: max-width 767px
 * -----------------------------------------------
*/
@media (max-width:767px) {
/*
 * 3.1 -> Basic margin padding
 * -----------------------------------------------
*/

/*
 * 3.2 -> Margin top
 * -----------------------------------------------
*/

/*
 * 3.3 -> Margin right
 * -----------------------------------------------
*/

/*
 * 3.4 -> Margin bottom
 * -----------------------------------------------
*/

/*
 * 3.5 -> Margin left
 * -----------------------------------------------
*/

/*
 * 3.6 -> Padding top
 * -----------------------------------------------
*/

/*
 * 3.7 -> Padding right
 * -----------------------------------------------
*/

/*
 * 3.8 -> Padding bottom
 * -----------------------------------------------
*/

/*
 * 3.9 -> Padding left
 * -----------------------------------------------
*/
}

/*
 * 5 -> xs: max-width 479px
 * -----------------------------------------------
*/
@media (max-width:479px) {
/*
 * 2.1 -> Basic margin padding
 * -----------------------------------------------
*/

/*
 * 2.2 -> Margin top
 * -----------------------------------------------
*/

/*
 * 2.3 -> Margin right
 * -----------------------------------------------
*/

/*
 * 2.4 -> Margin bottom
 * -----------------------------------------------
*/

/*
 * 2.5 -> Margin left
 * -----------------------------------------------
*/

/*
 * 2.6 -> Padding top
 * -----------------------------------------------
*/

/*
 * 2.7 -> Padding right
 * -----------------------------------------------
*/

/*
 * 2.8 -> Padding bottom
 * -----------------------------------------------
*/

/*
 * 2.9 -> Padding left
 * -----------------------------------------------
*/
}