/* ----------------------------------

CSS Name: Helper
Author: validtheme
Description: This package will help you to manage padding, margin, button, animation, 
             very easily with lots of options.

Version: 1.0


>>> Whats Included:
=======================
	1. Font Weight
    2. Position
    3. Animation
    4. Margin
    5. Padding
    

*/

/*==============================================
	1. Font Weight
================================================*/

/*==============================================
	2. Position
================================================*/

/*==============================================
1. Margin:
   mt = margin-top
   mb = margin-bottom
   ml = margin-left
   mr = margin-right

2. Padding:
   pt = padding-top
   pb = padding-bottom
   pl = padding-left
   pr = padding-right
================================================*/


/* Margin Top */

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

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

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

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

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

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

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

/* Margin Bottom */

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

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

/* Margin Left */

/* Margin Right */

/* Margin LG */
/* Margin MD */
@media (min-width: 768px) and (max-width: 991px) {

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

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

  .mt-md--60 {
    margin-top: -60px;
  }
}
/* Margin XS */
@media (max-width: 767px) {

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

  .mt-xs--50 {
    margin-top: -50px;
  }
}
/* Padding Top */

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

/* Padding Bottom */

/* Padding Left */

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

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

/* Padding Right */

.pr-50 {
  padding-right: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-60 {
  padding-right: 60px;
}

/* Padding LG */
/* Padding MD */
@media (min-width: 768px) and (max-width: 991px) {

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

  .pl-md-15 {
    padding-left: 15px;
  }

  .pr-md-15 {
    padding-right: 15px;
  }
}
/* Padding XS */
@media (max-width: 767px) {

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

  .pl-xs-15 {
    padding-left: 15px;
  }

  .pr-xs-15 {
    padding-right: 15px;
  }
}