@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%;
}

}