.editor .row,
.editor .col .row {
    margin: 0 -15px;
}
.editor .col .row {
    margin-bottom: -15px;
}
.editor .col,
.editor .col .row > .col {
    float: left;
    padding: 0 15px 30px;
}
.editor .s-gap,
.editor .col .s-gap {
    margin: 0 -3px;
}
.editor .s-gap > .col,
.editor .col .s-gap > .col {
    padding: 0 3px 6px;
}
.editor .m-gap,
.editor .col .m-gap {
    margin: 0 -7px;
}
.editor .m-gap > .col,
.editor .col .m-gap > .col {
    padding: 0 7px 14px;
}
.editor .no-gap,
.editor .col .no-gap {
    margin: 0;
}
.editor .no-gap > .col,
.editor .col .no-gap > .col {
    padding: 0;
}

.editor .grid1 > .col,
.editor .col .grid1 > .col {
    float: none;
}
.editor .grid2 > .col,
.editor .col .grid2 > .col {
    width: 50%;
}
.editor .grid3 > .col,
.editor .col .grid3 > .col {
    width: 33.33%;
}
.editor .grid4 > .col,
.editor .col .grid4 > .col {
    width: 25%;
}
.editor .grid5 > .col,
.editor .col .grid5 > .col {
    width: 20%;
}
.editor .grid6 > .col,
.editor .col .grid6 > .col {
    width: 16.66%;
}

.editor .grid2.w62-38 > .col:nth-child(1),
.editor .col .grid2.w62-38 > .col:nth-child(1) {
    width: 62%;
}
.editor .grid2.w62-38 > .col:nth-child(2),
.editor .col .grid2.w62-38 > .col:nth-child(2) {
    width: 38%;
}
.editor .grid2.w78-22 > .col:nth-child(1),
.editor .col .grid2.w78-22 > .col:nth-child(1) {
    width: 78%;
}
.editor .grid2.w78-22 > .col:nth-child(2),
.editor .col .grid2.w78-22 > .col:nth-child(2) {
    width: 22%;
}
.editor .col .grid2.w62-38 > .col:nth-child(1),
.editor .col .grid2.w62-38 > .col:nth-child(2),
.editor .col .grid2.w78-22 > .col:nth-child(1),
.editor .col .grid2.w78-22 > .col:nth-child(2) {
    float: left;
}

@media screen and (max-width: 1024px) {
    .editor .grid2.w78-22 > .col:nth-child(2) .col {
        float: left;
        width: 50%;
    }
    .editor .grid2 > .col,
    .editor .grid2.w62-38 > .col:nth-child(1),
    .editor .grid2.w62-38 > .col:nth-child(2),
    .editor .grid2.w78-22 > .col:nth-child(1),
    .editor .grid2.w78-22 > .col:nth-child(2),
    .editor .col .grid2.w78-22 > .col:nth-child(2) .col {
        float: none;
        width: auto;
    }
    .editor .grid4 > .col {
        width: 50%;
    }
    .editor .grid5 > .col,
    .editor .grid6 > .col {
        width: 33.33%;
    }
}
@media screen and (max-width: 900px) {
    .editor .grid3 > .col {
        float: none;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .editor .col .grid2.w78-22 > .col:nth-child(2) .col {
        float: left;
        width: 50%;
    }
    .editor .col .grid2.w78-22 > .col:nth-child(1),
    .editor .col .grid2.w78-22 > .col:nth-child(2) {
        float: none;
        width: auto;
    }
    .editor .grid5 > .col,
    .editor .grid6 > .col {
        width: 50%;
    }
    .editor .col .grid5 > .col,
    .editor .col .grid6 > .col {
        width: 33.33%;
    }
}
@media screen and (max-width: 640px) {
    .editor .grid4 > .col {
        float: none;
        width: auto;
    }
    .editor .col .grid3 > .col,
    .editor .col .grid4 > .col,
    .editor .col .grid5 > .col,
    .editor .col .grid6 > .col {
        width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .editor .grid5 > .col,
    .editor .grid6 > .col,
    .editor .col .grid2 > .col,
    .editor .col .grid3 > .col,
    .editor .col .grid4 > .col,
    .editor .col .grid5 > .col,
    .editor .col .grid6 > .col,
    .editor .col .grid2.w62-38 > .col:nth-child(1),
    .editor .col .grid2.w62-38 > .col:nth-child(2),
    .editor .grid2.w78-22 > .col:nth-child(2) .col,
    .editor .col .grid2.w78-22 > .col:nth-child(2) .col {
        float: none;
        width: auto;
    }
}