.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;
}
}