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

    .container {
        width: 95%;
    }

    #header {
        min-height: 50px;
        margin: 15px 0 0 0;
    }

    #page-contents {

    }

    .col-right-st {
        display: none;
    }

    .menu-home {
        text-align: center;
        margin: 0;
    }

    .menu-home p {
        padding: 0 4px;
        border-left: 0 !important;
        font-size: 11px;
    }

    .menu-home p i {
        display: block;
    }

    .icon-main-header {
        position: absolute;
        top: -30px;
        left: 50px;
    }

    .icon-main-header a {
        text-align: center;
        display: inline-table;
        float: none;
        margin: 0 5px;
    }

    .menu-left-fixed .st-menu-fied {
        left: -50px;
    }

    .dd {
        left: 0 !important;
    }

    .timeline-cover .timeline-nav-bar ul.profile-menu {
        overflow: hidden;
        width: 100%;
        background: #eee;
        margin: 10px 0 0 0;
    }

    .timeline-cover .timeline-nav-bar .profile-menu li {
        display: -webkit-inline-box;
    }

    .timeline-cover .timeline-nav-bar .profile-menu li a {
        font-size: 11px;
        padding: 15px 7px;
    }

    .timeline-cover .timeline-nav-bar .follow-me li {
        padding: 5px 10px;
        border-radius: 3px;
        margin: 9px 0 0 5px;
        font-size: 10px;
    }

}

/******************* end screen ******************/