
.index-info-item .col-lg-10 {
    margin: 10px auto;
    text-align: center;
}

.case-details {
    text-align: center;
}

.case-title {
    margin: 30px 50px;
}

.case-title span {
    font-size: 18px;
    color: #333;
}

.case-details img {
    width: 60%;
    max-width: 160px;
    transition: all 0.6s;
    cursor: pointer;
}

.case-details img:hover {
    transform: scale(1.2);
    box-shadow: 0 8px 10px #999;
}

.case-details .case-details-text {
    margin: 30px 0;
    font-size: 12px;
    color: #666;
    line-height: 18px;
}

.block-body {
    margin: 80px auto;
    line-height: 40px;
    padding: 0 59px;
}

.block-title {
    padding-top: 5px;
}

.block-title span {
    font-weight: bold;
    font-size: 24px;
}

.block-title div {
    font-size: 14px;
    color: darkgrey;
}

.recent-work {
    width: 100%;
    box-shadow: 0 5px 9px #ccc;
}

.index-info {
    margin-top: 31px;
    margin-bottom: 25px;
}

.index-info-font {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
}

.index-info-image {
    text-align: center;
    margin-top: 17px;
}

.index-info-desc {
    font-size: 14px;
    color: darkgrey;
    line-height: 30px
}

@media (min-width: 1200px) {
    .index-info-item .col-lg-10 {
        margin: 10px auto;
        text-align: left;
    }
}

@media (max-width: 1200px) {
    .recent-work {
        margin: 0 auto;

    }

    .block-title {
        text-align: center;
    }
}
