@media only screen and (max-width: 900px) {
    #mobile {
        display: block !important;
    }

    #desktop {
        display: none !important;
    }

    .blog-post .blog-avatar {
        width: 120px;
        height: 120px;
        float: left;
    }

    .blog-post .blog-content {
        width: calc(100% - 120px);
        height: 120px;
    }

    .blog-post {
        height: 140px;
    }

    .blog-description {
        display: none;
    }

    .blog-post .blog-content h2 {
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }
    .box-information{
        padding-left: 0px !important;
    }
    .box-course-item {
        width: 92%;
        display: block;
        border: 8px solid #39b4ff;
        border-radius: 5px;
        position: relative;
        margin: auto !important;
    }
    footer#footer {
        width: 100%;
        display: inline-block;
        padding-bottom: 0px;
        background: none !important;
    }
    .ft-mobile{
        margin-bottom: 20px !important;
    }
}