@media screen and (min-width: 1280px) {
    .mainlayout {
        display: flex;
    }

    .mainlayout-left {
        width: 15%;
    }

    .mainlayout-right {
        width: 15%;
    }
}

@media screen and (max-width: 1280px) and (min-width: 600px) {
    .mainlayout {
        padding-top: 0;
    }

    .mainlayout-left {
        width: 0%;
        visibility: hidden;
    }

    .mainlayout-right {
        width: 0%;
        visibility: hidden;
    }

    .hide-on-small-size {
        visibility: hidden;
        display: none;
        height: 0;
    }
}

@media screen and (max-width: 600px) and (min-width: 350px) {

}

@media screen and (max-width: 350px) {

}