*==============Margin==================*/
/*------------------------------------------------------------------
    [Padding]
------------------------------------------------------------------*/
.padding-0 {
  padding: 0 !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-100 {
  padding: 100px !important;
}

/*------------------------------------------------------------------
    [Padding under 1200px]
------------------------------------------------------------------*/
@media (max-width: 1200px) {
  .lg-padding-10 {
    padding: 10px !important;
  }
  .lg-padding-20 {
    padding: 20px !important;
  }
  .lg-padding-30 {
    padding: 30px !important;
  }
  .lg-padding-40 {
    padding: 40px !important;
  }
  .lg-padding-50 {
    padding: 50px !important;
  }
  .lg-padding-60 {
    padding: 60px !important;
  }
  .lg-padding-70 {
    padding: 70px !important;
  }
  .lg-padding-80 {
    padding: 80px !important;
  }
  .lg-padding-90 {
    padding: 90px !important;
  }
  .lg-padding-100 {
    padding: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Padding under 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
  .md-padding-10 {
    padding: 10px !important;
  }
  .md-padding-20 {
    padding: 20px !important;
  }
  .md-padding-30 {
    padding: 30px !important;
  }
  .md-padding-40 {
    padding: 40px !important;
  }
  .md-padding-50 {
    padding: 50px !important;
  }
  .md-padding-60 {
    padding: 60px !important;
  }
  .md-padding-70 {
    padding: 70px !important;
  }
  .md-padding-80 {
    padding: 80px !important;
  }
  .md-padding-90 {
    padding: 90px !important;
  }
  .md-padding-100 {
    padding: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Padding under 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
  .sm-padding-10 {
    padding: 10px !important;
  }
  .sm-padding-20 {
    padding: 20px !important;
  }
  .sm-padding-30 {
    padding: 30px !important;
  }
  .sm-padding-40 {
    padding: 40px !important;
  }
  .sm-padding-50 {
    padding: 50px !important;
  }
  .sm-padding-60 {
    padding: 60px !important;
  }
  .sm-padding-70 {
    padding: 70px !important;
  }
  .sm-padding-80 {
    padding: 80px !important;
  }
  .sm-padding-90 {
    padding: 90px !important;
  }
  .sm-padding-100 {
    padding: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Padding under 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
  .xs-padding-10 {
    padding: 10px !important;
  }
  .xs-padding-20 {
    padding: 20px !important;
  }
  .xs-padding-30 {
    padding: 30px !important;
  }
  .xs-padding-40 {
    padding: 40px !important;
  }
  .xs-padding-50 {
    padding: 50px !important;
  }
  .xs-padding-60 {
    padding: 60px !important;
  }
  .xs-padding-70 {
    padding: 70px !important;
  }
  .xs-padding-80 {
    padding: 80px !important;
  }
  .xs-padding-90 {
    padding: 90px !important;
  }
  .xs-padding-100 {
    padding: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Left & Right Padding]
------------------------------------------------------------------*/
.padding-lr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.padding-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padding-lr-15 {
  padding-left: -5px !important;
  padding-right: -5px !important;
}

.padding-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/*------------------------------------------------------------------
    [Left margin]
------------------------------------------------------------------*/
.margin-l-5 {
  margin-left: 5px !important;
}

.margin-l-10 {
  margin-left: 10px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

.margin-l-30 {
  margin-left: 30px !important;
}
.margin-l-35 {
  margin-left: 44px !important;
}

/*------------------------------------------------------------------
    [Right margin]
------------------------------------------------------------------*/
.margin-r-5 {
  margin-right: 5px !important;
}

.margin-r-10 {
  margin-right: 10px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

.margin-r-30 {
  margin-right: 30px !important;
}

/*------------------------------------------------------------------
    [Overlay Top margin]
------------------------------------------------------------------*/
.margin-t-o-10,
.margin-t-o-20,
.margin-t-o-30,
.margin-t-o-40,
.margin-t-o-50,
.margin-t-o-60,
.margin-t-o-70,
.margin-t-o-80,
.margin-t-o-90,
.margin-t-o-100 {
  position: relative;
  z-index: 1;
}

.margin-t-o-10 {
  margin-top: -10px !important;
}

.margin-t-o-20 {
  margin-top: -20px !important;
}

.margin-t-o-30 {
  margin-top: -30px !important;
}

.margin-t-o-40 {
  margin-top: -40px !important;
}

.margin-t-o-50 {
  margin-top: -50px !important;
}

.margin-t-o-60 {
  margin-top: -60px !important;
}

.margin-t-o-70 {
  margin-top: -70px !important;
}

.margin-t-o-80 {
  margin-top: -80px !important;
}

.margin-t-o-90 {
  margin-top: -90px !important;
}

.margin-t-o-100 {
  margin-top: -100px !important;
}

/*------------------------------------------------------------------
    [Overlay Left margin]
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .margin-l-o-10,
  .margin-l-o-20,
  .margin-l-o-30,
  .margin-l-o-40,
  .margin-l-o-50,
  .margin-l-o-60,
  .margin-l-o-70,
  .margin-l-o-80,
  .margin-l-o-90,
  .margin-l-o-100 {
    position: relative;
    z-index: 1;
  }
  .margin-l-o-10 {
    margin-left: -10px !important;
  }
  .margin-l-o-20 {
    margin-left: -20px !important;
  }
  .margin-l-o-30 {
    margin-left: -30px !important;
  }
  .margin-l-o-40 {
    margin-left: -40px !important;
  }
  .margin-l-o-50 {
    margin-left: -50px !important;
  }
  .margin-l-o-60 {
    margin-left: -60px !important;
  }
  .margin-l-o-70 {
    margin-left: -70px !important;
  }
  .margin-l-o-80 {
    margin-left: -80px !important;
  }
  .margin-l-o-90 {
    margin-left: -90px !important;
  }
  .margin-l-o-100 {
    margin-left: -100px !important;
  }
}

/*------------------------------------------------------------------
    [Overlay Right margin]
------------------------------------------------------------------*/
@media (min-width: 768px) {
  .margin-r-o-10,
  .margin-r-o-20,
  .margin-r-o-30,
  .margin-r-o-40,
  .margin-r-o-50,
  .margin-r-o-60,
  .margin-r-o-70,
  .margin-r-o-80,
  .margin-r-o-90,
  .margin-r-o-100 {
    position: relative;
    z-index: 1;
  }
  .margin-r-o-10 {
    margin-right: -10px !important;
  }
  .margin-r-o-20 {
    margin-right: -20px !important;
  }
  .margin-r-o-30 {
    margin-right: -30px !important;
  }
  .margin-r-o-40 {
    margin-right: -40px !important;
  }
  .margin-r-o-50 {
    margin-right: -50px !important;
  }
  .margin-r-o-60 {
    margin-right: -60px !important;
  }
  .margin-r-o-70 {
    margin-right: -70px !important;
  }
  .margin-r-o-80 {
    margin-right: -80px !important;
  }
  .margin-r-o-90 {
    margin-right: -90px !important;
  }
  .margin-r-o-100 {
    margin-right: -100px !important;
  }
}

/*------------------------------------------------------------------
    [Top margin]
------------------------------------------------------------------*/
.margin-t-0 {
  margin-top: 0 !important;
}

.margin-t-5 {
  margin-top: 5px !important;
}

.margin-t-10 {
  margin-top: 10px !important;
}

.margin-t-20 {
  margin-top: 20px !important;
}

.margin-t-30 {
  margin-top: 30px !important;
}

.margin-t-40 {
  margin-top: 40px !important;
}

.margin-t-50 {
  margin-top: 50px !important;
}

.margin-t-60 {
  margin-top: 60px !important;
}

.margin-t-70 {
  margin-top: 70px !important;
}

.margin-t-80 {
  margin-top: 80px !important;
}

.margin-t-90 {
  margin-top: 90px !important;
}

.margin-t-100 {
  margin-top: 100px !important;
}

/*------------------------------------------------------------------
    [Bottom margin]
------------------------------------------------------------------*/
.margin-b-0 {
  margin-bottom: 0 !important;
}

.margin-b-5 {
  margin-bottom: 5px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-b-50 {
  margin-bottom: 50px !important;
}

.margin-b-60 {
  margin-bottom: 60px !important;
}

.margin-b-70 {
  margin-bottom: 70px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-b-90 {
  margin-bottom: 90px !important;
}

.margin-b-95 {
  margin-bottom: 95px !important;
}

.margin-b-100 {
  margin-bottom: 100px !important;
}

/*------------------------------------------------------------------
    [Top margin below 1200px]
------------------------------------------------------------------*/
@media (max-width: 1200px) {
  .lg-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .lg-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .lg-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .lg-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .lg-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .lg-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .lg-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .lg-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .lg-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .lg-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .lg-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .lg-margin-b-100 {
    margin-bottom: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Top margin below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
  .md-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .md-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .md-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .md-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .md-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .md-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .md-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .md-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .md-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .md-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .md-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .md-margin-b-100 {
    margin-bottom: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Top margin below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
  .sm-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .sm-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .sm-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .sm-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .sm-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .sm-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .sm-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .sm-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .sm-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .sm-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .sm-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .sm-margin-b-100 {
    margin-bottom: 100px !important;
  }
}

/*------------------------------------------------------------------
    [Top margin below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
  .xs-margin-b-0 {
    margin-bottom: 0 !important;
  }
  .xs-margin-b-5 {
    margin-bottom: 5px !important;
  }
  .xs-margin-b-10 {
    margin-bottom: 10px !important;
  }
  .xs-margin-b-20 {
    margin-bottom: 20px !important;
  }
  .xs-margin-b-30 {
    margin-bottom: 30px !important;
  }
  .xs-margin-b-40 {
    margin-bottom: 40px !important;
  }
  .xs-margin-b-50 {
    margin-bottom: 50px !important;
  }
  .xs-margin-b-60 {
    margin-bottom: 60px !important;
  }
  .xs-margin-b-70 {
    margin-bottom: 70px !important;
  }
  .xs-margin-b-80 {
    margin-bottom: 80px !important;
  }
  .xs-margin-b-90 {
    margin-bottom: 90px !important;
  }
  .xs-margin-b-100 {
    margin-bottom: 100px !important;
  }
}