.article-category {
    @media (max-width: 768px) {
        font-size: 10px !important;
    }
}

.hero {
    .articles-section {
        .article-content {
            .description {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                @media (max-width: 768px) {
                    font-size: 21px;
                }
            }
            .article-category {
                @media (max-width: 768px) {
                    font-size: 10px !important;
                }
            }
        }
    }
}

.below-hero-sec {
    .articles-sec {
        .article {
            .description {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                text-decoration: underline !important;
                @media (max-width: 768px) {
                    font-size: 19px !important;
                }
            }
        }
    }
}

.hot-stories {
    .article-sec-hot {
        .article {
            .article-content {
                @media (max-width: 920px) {
                    margin-bottom: 0rem !important;
                }
                @media (max-width: 768px) {
                    margin-bottom: 0rem !important;
                }
                .description {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    @media (max-width: 768px) {
                        width: 95% !important;
                    }
                }
                .article-category {
                    @media (max-width: 768px) {
                        font-size: 10px !important;
                    }
                }
            }
        }
        .list-articles {
            @media (max-width: 920px) {
                padding-bottom: 20px !important;
            }
            @media (max-width: 678px) {
                padding-bottom: 20px !important;
            }
            .title {
                @media (max-width: 678px) {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
            }
        }
    }
}

.technology-news {
    .articles-sec {
        .article {
            @media (max-width: 678px) {
                margin-bottom: 40px !important;
            }

            .description {
                @media (max-width: 768px) {
                    margin-top: 0.5rem !important;
                }
            }
        }
    }
}
.banner-sec {
    .content {
        @media (max-width: 678px) {
            width: 90% !important;
            /* margin: auto !important; */
        }
    }
}

.more-news {
    .article4 {
        .list-articles {
            .title {
                @media (max-width: 678px) {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    font-size: 1.1rem !important;
                }
            }
        }
    }
}

.inner-article-header {
    .article-form-sec {
        @media (max-width: 768px) {
            margin-top: 35px;
        }
        h5 {
            @media (max-width: 768px) {
                font-size: 19px;
            }
        }
        .input-sec {
            @media (max-width: 768px) {
                margin-top: 1rem;
            }
        }
    }
}