/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
    @media (max-width: 1399.98px) {
    }
    /* `xl` applies to large devices (desktops, less than 1200px) */
    @media (max-width: 1199.98px) {

    }
    @media(min-width: 1024.98px) and (max-width: 1199.98px) {

    }
    /* `lg` applies to medium devices (tablets, less than 992px) */
    @media (max-width: 1024.98px) {

    }
    @media(min-width: 767.98px) and (max-width: 991.98px) {
        .news .news_container h3 {
            font-size: 14px;
        }
        .news .news_container:hover .bg_title h5 {
            font-size: 14px;
        }
    }
    /* `md` applies to small devices (landscape phones, less than 768px) */
    @media (max-width: 768.98px) {
        .news .news_container{
            width: 30%;
        }
        .news .news_container h3 {
            font-size: 14px;
        }
        .news .news_container:hover .bg_title h5 {
            font-size: 14px;
        }
    }
    @media (min-width: 576px) {
        .container, .container-sm {
            max-width: 90%;
        }
    }

    /* `sm` applies to x-small devices (portrait phones, less than 576px) */
    @media (max-width: 575.98px) {
        .news .news_container{
            width: 100%;
            margin-top: 2rem;
            margin-bottom: 2rem;
        }
        .news {
            padding-top:0;
        }
        .news .titolo {
            display: none;
        }
        .news .news_body_row {
            margin-bottom: 0;
            padding-bottom: 5rem;
        }
        .news .extra_news_row {
            margin-top: -1rem;
        }
        .news .main_news_row {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .news .news_container h3 {
            font-size: 16px;
        }
        .news .news_container:hover .bg_title h5 {
            font-size: 16px;
        }

    }