body {
    width: 100%;
    min-height: 240%;
}

hr {
    opacity: 100;
}

footer {
    margin-top: auto;
}

#tabs .kt-tabs-wrap {
    display: flex;
    flex-direction: column-reverse;
}
#tabs > .kt-tabs-title-list {
    order: 2;
}

#tabs > .kt-tabs-content-wrap {
    order: 1;
}

#tabs .kt-tabs-title-list li {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/*#tabs .kt-tabs-title-list, #tabs .kt-tabs-content-wrap {
    display: block;
}*/

@media screen and (max-width: 768px) {
    body {
        width: 100%;
        min-height: 350%;
    }
    
    hr {
        opacity: 100;
    }
    
    footer {
        margin-top: auto;
    }
}