.clearfix, .clearfix:after, .container {
    clear: both;
}

.container, .row {
    height: auto;
}

.container, .fl-col-12 {
    width: 100%;
}

.clearfix:after, .clearfix:before {
    display: table;
    line-height: 0;
    content: "";
}

.container {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .container.full {
        max-width: 100%;
    }

.fl-sidebar, [class*=fl-col] {
    float: left;
    margin-right: 4%;
}

    [class*=fl-col].float-right {
        float: right;
    }

    .fl-col-12, .fl-sidebar.last, [class*=fl-col].last, [class*=fl-col].no-space {
        margin-right: 0;
    }

.fl-col-9 {
    width: 74%;
}

.fl-col-8 {
    width: 65.3333%;
}

.fl-col-6 {
    width: 48%;
}

.fl-col-4 {
    width: 30.6666%;
}

.fl-col-3 {
    width: 22%;
}

.fl-sidebar {
    width: 30.6666%;
}

.fl-col-9.no-space {
    width: 78%;
}

.fl-col-8.no-space {
    width: 69.3333%;
}

.fl-col-6.no-space {
    width: 52%;
}

.fl-col-4.no-space {
    width: 34.6666%;
}

.fl-col-3.no-space {
    width: 26%;
}

@media (max-width:1040px) {
    .fl-sidebar {
        width: 100%;
        clear: both;
        margin-right: 0;
        padding: 50px 0;
    }

    .fl-col-8.fix {
        width: 100%;
    }

    .container {
        padding: 0 20px;
    }
}

@media (max-width:768px) {
    .fl-col-12, .fl-col-3, .fl-col-4, .fl-col-6, .fl-col-8, .fl-col-9 {
        width: 100%;
    }
}

@media (max-width:480px) {
    .container {
        padding: 0 10px;
    }
}