.cols2,
.cols2 .cols-row,
.cols3,
.cols4,
.cols5,
.cols6 {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: -ms-flex-start;
    justify-content: flex-start;
    margin-left: -18px;
    width: calc(100% + 36px);
}
.cols-no-margin.cols2,
.cols-no-margin.cols2 .cols-row,
.cols-no-margin.cols3,
.cols-no-margin.cols4,
.cols-no-margin.cols5,
.cols-no-margin.cols6 {
    margin-left: 0;
    width: 100%;
}
.cols2 {

}
.cols2 .col, .cols3 .col, .cols4 .col, .cols5 .col, .cols6 .col {width: calc(100% - 36px); margin: 18px;}
.cols-no-margin.cols2 .col,
.cols-no-margin.cols3 .col,
.cols-no-margin.cols4 .col,
.cols-no-margin.cols5 .col,
.cols-no-margin.cols6 .col {
    margin: 0;
}
.cols3 {
    margin-left: -18px;
    width: calc(100% + 36px);
}
.cols3 .col {
    width: calc(100% - 36px);
    margin: 18px;
}
.cols2.grid63-37 .col .img-container {
    height: 100%;
}
.form-col-3 .form-col,
.form-col-2 .form-col,
.form-col-1 .form-col {
    width: calc(100% - 11px);
}
.cols2.lrg-margin.padding50-4 .col {padding: 30px 20px;}
.form-col {margin: 11px;}
.form-col-1,
.form-col-3,
.form-col-2 {
    display: flex;
    width: calc(100% + 22px);
    margin-left: -11px;
}
@media only screen and (min-width: 375px) {

}
@media only screen and (min-width: 450px) {

}
@media only screen and (min-width: 500px) {
    .cols4 .col {width: 50%;}
}
@media only screen and (max-width: 599px) {
}
@media only screen and (min-width: 600px) {

    .cols2,
    .cols3,
    .cols4,
    .cols5,
    .cols6{
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: -ms-flex-start;
        justify-content: flex-start;
    }
    .cols6 .col {calc(width: 50% - 36px);}
}
@media only screen and (min-width: 700px) {

}
@media only screen and (min-width: 800px) {
    .cols6 .col {width: 33.33%;}
    .cols2.grid63-37 .col:first-of-type { width: 63%; }
    .cols2.grid63-37 .col { width: 37%;}
    .cols2.grid63-37 .col:first-of-type .img-container {padding-top: 66.6%;}
    .cols2.grid63-37 .col .img-container {padding-top: 114%;}
}
@media only screen and (max-width: 849px) {
    .cols3 {display: block;}
    .cols3.rnd-img-cols .col {max-width: 370px;margin-left: auto;margin-right: auto;}
}
@media only screen and (min-width: 850px) {
    .cols2 .col{width:calc(50% - 36px);}
    .cols2.lrg-margin {
        margin-left: -32px;
        width: calc(100% + 64px);
    }
    .cols2.lrg-margin .col {width:calc(50% - 64px); margin: 18px 32px;}
    .cols2.lrg-margin.padding50-4 .col {padding: 50px 4%;}
    .cols-no-margin.cols2 .col, .cols-no-margin.cols2 .cols-row .col{width: 50%;}
    .cols3 .col {width: calc(33.33% - 36px);}
    .cols-no-margin.cols3 .col {width: 33.33%;}
    .cols4 .col {width: calc(25% - 36px);}
    .cols-no-margin.cols4 .col {width: 25%;}
    .form-col-3,
    .form-col-2 {
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: -ms-flex-start;
        justify-content: flex-start;
    }
    .form-col-3 .form-col {
        width: calc(33.33% - 22px);
    }
    .form-col-2 .form-col {
        width: calc(50% - 22px);
    }
}
@media only screen and (min-width: 920px) {
    .cols6 .col {width: 16.66%;}
}
@media only screen and (min-width: 968px) {

}
@media only screen and (min-width: 1060px) {

}