.main,
.main > .main-inner.group {
    background-color: #f2f2f2;
}

@media only screen and (min-width: 961px) {
    .main {
        background-color: #e3eee5;
    }

    .main > .main-inner.group {
        background-image: linear-gradient(to left, #e3eee5 0, #e3eee5 338px, #86a98f 338px, #86a98f 340px, #f2f2f2 340px, #f2f2f2 100%);
    }

    .main .sidebar.s1 {
        background-color: #e3eee5;
        border-left: 2px solid #86a98f;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
    .main > .main-inner.group {
        background-image: linear-gradient(to left, #e3eee5 0, #e3eee5 48px, #86a98f 48px, #86a98f 50px, #f2f2f2 50px, #f2f2f2 100%);
    }

    .main .sidebar.s1 {
        background-color: #e3eee5;
        border-left: 2px solid #86a98f;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 479px) {
    .main > .main-inner.group {
        background-image: linear-gradient(to left, #e3eee5 0, #e3eee5 48px, #86a98f 48px, #86a98f 50px, #f2f2f2 50px, #f2f2f2 100%) !important;
    }

    .main .sidebar.s1 {
        background-color: #e3eee5;
        border-left: 2px solid #86a98f;
        box-sizing: border-box;
    }
}