/* SECTION SIDEBAR
 * @since 4.4
-------------------------------------------------------------------------------------- */
.section-sidebar-inner {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  margin: -40px -20px 0;
}

.main-section-sidebar {
  overflow: hidden;
}
.main-section-sidebar .widget,
.main-section-sidebar .widget + .widget {
  flex: none;
  padding: 40px 20px 0;
  margin: 0 !important;
  border: 0 !important;
}

.main-section-sidebar-1 .widget {
  width: 100%;
}

.main-section-sidebar-2 .widget {
  width: 50%;
}
@media only screen and (max-width: 420px) {
  .main-section-sidebar-2 .section-sidebar-inner {
    margin: 0;
  }
  .main-section-sidebar-2 .widget {
    width: 100%;
    padding: 0;
  }
  .main-section-sidebar-2 .widget + .widget {
    margin-top: 20px !important;
  }
}

.main-section-sidebar-3 .widget {
  width: 33.33%;
}
@media only screen and (max-width: 600px) {
  .main-section-sidebar-3 .section-sidebar-inner {
    margin: 0;
  }
  .main-section-sidebar-3 .widget {
    width: 100%;
    padding: 0;
  }
  .main-section-sidebar-3 .widget + .widget {
    margin-top: 20px !important;
  }
}

.main-section-sidebar-4 .widget {
  width: 25%;
}
@media only screen and (max-width: 840px) {
  .main-section-sidebar-4 .section-sidebar-inner {
    margin: -20px -10px 0;
  }
  .main-section-sidebar-4 .widget,
  .main-section-sidebar-4 .widget + .widget {
    width: 50%;
    padding: 20px 10px 0;
  }
}
@media only screen and (max-width: 600px) {
  .main-section-sidebar-4 .section-sidebar-inner {
    margin: 0;
  }
  .main-section-sidebar-4 .widget {
    width: 100%;
    padding: 0;
  }
  .main-section-sidebar-4 .widget + .widget {
    margin-top: 20px !important;
  }
}/*# sourceMappingURL=others.css.map */