@media (max-width: 768px) {

    .navbar-nav {
        float: left;
    }

    .intro-text h1 {
        font-size: 36px;
    }

    .og-grid li {
        width: 46%;
    }

    .contact {
        bottom: 80px;
        width: 56px;
    }

    .top {
        bottom: 15px;
        padding: 15px 20px;
    }
    
    .top:focus {
        outline: none;
    }

    .scontact {
        bottom: 80px;
        width: 56px;
    }

    .stop {
        bottom: 15px;
        padding: 15px 20px;
    }

    .case a {
        font-size: 14px;
    }

    .news-list li {
        width: 100%;
    }

    .news-list li a {
        min-height: 64px;
    }

    .news-list li span {
        float: right;
    }

    .clients li {
        display: block;
        margin: 0;
        height:46px;
        color: #fff;
        font-size: 32px;
    }
    .contact-widget {
        margin: 0 auto;
        width: 90%;
        overflow: hidden;
    }

    .ft-icon {
        float: left;
        width: 50%;
        text-align: center;
    }

    .ft-text {
        float: left;
        margin-top: 16px;
        width: 50%;
        text-align: center;
    }

    .landmark-item-year {
        width: 80px;
        font-size: 14px;
        margin-left: -30px;
    }

    .item-circle {
        border: 1px solid #32CD32;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        top: 0;
        left: -3px;
    }

    .landmark-item-content {
        border-left: 1px solid #333;
        padding: 0 0 30px 48px;
        left: 20px;
    }

    .start-year {
        border-left: 1px solid #fff;
        padding: 0 0 30px 48px;
    }

    .landmark-item-paragraph {
        font-size: 14px;
        width: 130px;
    }

    .t-content {
        padding-left: 15px;
    }

}