@import 'base';
.responsive-col-12, .responsive-col-7, .responsive-col-6, .responsive-col-5, .responsive-col-4, .responsive-col-3, .responsive-col-2 {
position: relative; min-height: 1px; margin-right: 2.5%;
}
.last-col {
margin-right: 0px;
}
.clear-div {
clear: both;
}
@include desktop {
.responsive-col-7, .responsive-col-6, .responsive-col-5, .responsive-col-4, .responsive-col-3, .responsive-col-2 { float: left; } .responsive-col-12 { width: 66.67%; margin-left: auto; margin-right: auto; } .responsive-col-7 { width: 56.875%; } .responsive-col-6 { width: 48.5%; } .responsive-col-5 { width: 40.625%; } .responsive-col-4 { width: 31.66%; } .responsive-col-3 { width: 23.12%; } .responsive-col-2 { width: 14.58%; }
}
@include mobile-only {
.responsive-col-12, .responsive-col-7, .responsive-col-6, .responsive-col-5, .responsive-col-4, .responsive-col-3 { width: 100%; margin-right: 0px; } .responsive-col-2 { float: left; width: 48.5%; } .even-col { margin-right: 0%; }
}