/**
* @helpers
*/

@media (min-width: 230px) {
    .detail-news {
        padding: 3rem 0;
    }
    .detail-news .detail__group .detail__main .detail__title {
        text-transform: uppercase;
        color: #109b58;
    }
    .detail-news .detail__group .detail__main .detail__category {
        margin-top: 2rem;
        margin-bottom: 3.5rem;
        font-family: "googlesans-regular";
        color: #7e7e7e;
    }
    .detail-news .detail__group .detail__main .detail__desc {
        font-family: "googlesans-regular";
        max-width: 100%;
    }
    .detail-news .detail__group .detail__main .detail__desc img {
        display: block;
        max-width: 100%;
        margin: auto;
    }
    .detail-news .detail__group .detail__main .detail__desc input {
        display: block;
        max-width: 100%;
        height: auto !important;
        margin: auto;
    }
    .detail-news .detail__group .detail__sidebar {
        padding-top: 2rem;
    }
    .detail-news .detail__group .detail__sidebar .title__global {
        margin-bottom: 2rem;
    }
    .detail-news .detail__group .detail__sidebar .title__global::before {
        max-width: 114px;
        width: 24%;
    }
    .detail-news .detail__group .detail__sidebar .box .box__item {
        margin-bottom: 2rem;
    }
    .detail-news .detail__group .detail__sidebar .box .box__item .hot__title a {
        text-transform: uppercase;
        -webkit-transition-duration: unset;
        -moz-transition-duration: unset;
        -o-transition-duration: unset;
        transition-duration: unset;
        color: #000;
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 24px;
        -webkit-line-clamp: 2;
        max-height: -webkit-calc(24px * 2);
        max-height: -moz-calc(24px * 2);
        max-height: calc(24px * 2);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        font-weight: 400;
    }
    .detail-news .detail__group .detail__sidebar .box .box__item .hot__title a:hover {
        color: #109b58;
    }
    .detail-news .detail__group .detail__sidebar .box .box__item .hot__time {
        color: #7e7e7e;
        display: block;
        margin: 1rem 0;
    }
}

@media (min-width: 768px) {
    .detail-news .detail__group {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .detail-news .detail__group .detail__main {
        max-width: -webkit-calc(100% - 250px);
        max-width: -moz-calc(100% - 250px);
        max-width: calc(100% - 250px);
        width: 100%;
        padding-right: 1.5rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .detail-news .detail__group .detail__sidebar {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 250px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .detail-news {
        padding-bottom: 5rem;
    }
}

@media (min-width: 1200px) {
    .detail-news {
        padding-bottom: 8rem;
    }
    .detail-news .detail__group .detail__main {
        max-width: -webkit-calc(100% - 300px);
        max-width: -moz-calc(100% - 300px);
        max-width: calc(100% - 300px);
        padding-right: 3.5rem;
    }
    .detail-news .detail__group .detail__main .detail__title {
        font-size: 35px;
        line-height: 52px;
        margin-bottom: 0;
    }
    .detail-news .detail__group .detail__main .detail__desc {
        font-size: 1.6rem;
    }
    .detail-news .detail__group .detail__sidebar {
        padding-top: 0;
        max-width: 300px;
    }
    .detail-news .detail__group .detail__sidebar .box .box__item .hot__title a {
        font-size: 2.2rem;
        line-height: 3.3rem;
        max-height: -webkit-calc(3.3rem * 2);
        max-height: -moz-calc(3.3rem * 2);
        max-height: calc(3.3rem * 2);
    }
}