.home {
    background: #e5e5e5;
}

    .home .title {
        margin-top: 60px;
    }

        .home .title h1 {
            font-weight: 500;
            font-size: 28px;
            line-height: 35px;
            text-transform: uppercase;
            color: #333333;
            text-align: center;
        }

        .home .title hr {
            width: 80px;
            height: 1px;
            border: none;
            background: #004949;
            margin: 15px auto 30px;
        }

    .home .col-md-4 {
        margin-bottom: 50px;
    }

        .home .col-md-4 .tin-tuc {
            background: #ffffff;
            border: 1px solid #f8f8f8;
            padding: 20px;
            height: 432px;
        }

            .home .col-md-4 .tin-tuc .image {
                margin-bottom: 30px;
                height: auto;
                max-height: 180px;
                overflow: hidden;
            }

                .home .col-md-4 .tin-tuc .image img {
                    width: 100%;
                }

            .home .col-md-4 .tin-tuc span {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                color: #777777;
            }

                .home .col-md-4 .tin-tuc span img {
                    margin-right: 10px;
                }

            .home .col-md-4 .tin-tuc h2 {
                font-weight: 700;
                font-size: 16px;
                line-height: 20px;
                height: 40px;
                color: #333333;
                margin-top: 13px;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            .home .col-md-4 .tin-tuc hr {
                width: 50px;
                height: 2px;
                border: none;
                background: #004949;
                margin: 15px 0px 20px;
            }

            .home .col-md-4 .tin-tuc p {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 4;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            .home .col-md-4 .tin-tuc:hover h2 a {
                color: #107171;
            }

            .home .col-md-4 .tin-tuc:hover hr {
                width: 60px;
                -webkit-transition: ease-in-out 0.5s;
                transition: ease-in-out 0.5s;
            }



    .home .col-md-3 {
        margin-bottom: 50px;
    }

        .home .col-md-3 .tin-tuc {
            background: #ffffff;
            /*border: 1px solid #f8f8f8;*/
            padding: 20px;
            height: 332px;
        }

            .home .col-md-3 .tin-tuc .image {
                margin-bottom: 30px;
                height: auto;
                max-height: 180px;
                overflow: hidden;
            }

                .home .col-md-3 .tin-tuc .image img {
                    width: 100%;
                    transition-duration: .3s;
                }


                    .home .col-md-3 .tin-tuc .image img:hover {
                        transform: scale(1.05)
                    }

            .home .col-md-3 .tin-tuc span {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                color: #777777;
            }

                .home .col-md-3 .tin-tuc span img {
                    margin-right: 10px;
                }

            .home .col-md-3 .tin-tuc h2 {
                font-weight: 700;
                font-size: 16px;
                line-height: 20px;
                height: 40px;
                color: #333333;
                margin-top: 13px;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            .home .col-md-3 .tin-tuc hr {
                width: 50px;
                height: 2px;
                border: none;
                background: #004949;
                margin: 15px 0px 20px;
            }

            .home .col-md-3 .tin-tuc p {
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 4;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }

            .home .col-md-3 .tin-tuc:hover h2 a {
                color: #107171;
            }

            .home .col-md-3 .tin-tuc:hover hr {
                width: 60px;
                -webkit-transition: ease-in-out 0.5s;
                transition: ease-in-out 0.5s;
            }


    .home .col-md-6 {
        margin-bottom: 50px;
    }

        .home .col-md-6 .tin-tuc {
            background: #ffffff;
            /*border: 1px solid #f8f8f8;*/
            /*padding: 20px;*/
            height: 332px;
        }

@media(max-width: 768px) {
    .home .col-md-6 {
        padding: 0 20px;
    }
    .home .col-md-6 .tin-tuc {
        height: auto !important;
        max-height: 480px;
    }

        .home .col-md-6 .tin-tuc .image {
            max-height: 335px !important;
        }
}

.home .col-md-6 .tin-tuc .image {
    margin-bottom: 30px;
    height: auto;
    max-height: 180px;
    overflow: hidden;
}

    .home .col-md-6 .tin-tuc .image img {
        width: 100%;
        transition-duration: .3s;
    }


        .home .col-md-6 .tin-tuc .image img:hover {
            transform: scale(1.05)
        }

.home .col-md-6 .tin-tuc span {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    padding: 0 20px;
}

    .home .col-md-6 .tin-tuc span img {
        margin-right: 10px;
    }

.home .col-md-6 .tin-tuc h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    color: #333333;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 0 20px;
}

.home .col-md-6 .tin-tuc hr {
    width: 50px;
    height: 2px;
    border: none;
    background: #004949;
    margin: 15px 20px 20px;
}

.home .col-md-6 .tin-tuc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.home .col-md-6 .tin-tuc:hover h2 a {
    color: #107171;
}

.home .col-md-6 .tin-tuc:hover hr {
    width: 60px;
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}

/*# sourceMappingURL=news.css.map */