body {
    max-width: 600px;
    margin: auto;
}

@media (min-width: 768px) {
    .d-md-block {
        display: none !important;
    }

    .d-md-none:not(.collapse) {
        display: block !important;
    }
}

.collapse.show {
    display: block !important;
}

header.fixed-top {
    max-width: 600px;
    margin: auto;
}

.col-lg-3,
.col-md-6,
.col-lg-6,
.col-lg-4,
.col-md-8,
.col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

.text-lg-left {
    text-align: center!important;
}

.box-8 .row img {
    height: auto!important;
}

.pagination {
    flex-wrap: wrap;
}

#app,
.page {
    margin-top: 100px;
}


@media (min-width: 768px) {
    .md\:block {
        display: none;
    }
}

@media (min-width: 768px) {
    .md\:hidden {
        display: block;
    }
}

#app .fixed {
    max-width: 600px;
    margin: auto;
}

@media (min-width: 992px) {
    .lg\:block {
        display: none;
    }
}

.index-video_wrap {
    display: none;
}

@media (min-width: 992px) {
    .lg\:hidden {
        display: block;
    }
}

.ti-menu-2 {
    font-size: 24px;
    padding-right: 10px;
}

.md\:w-48b {
    width: 100%;
}

.education_button {
    display: none!important;
}

@media (min-width: 768px) {
    .md\:flex {
        display: block;
    }
}

@media (min-width: 768px) {
    .md\:w-1\/2 {
        width: 100%;
    }
}

.hidden.md\:flex {
    display: none!important;
}