@media (max-width: 768px){
        section.multipurpose-news h2 {
            text-align: center;
            background: #000;
            padding: 1em 0;
            color: #fff;
            margin: 0 0 5px;
            font-size: 1.2em;
            border-top: 5px solid #aad68b;
        }
        section.multipurpose-news ul {
            padding: 5px 0 0 0;
            display: flex;
            overflow-x: scroll;
            margin: 0 0 30px;
            background: #0c161c;
            background: linear-gradient(0deg, #0c161c, #222);
        }
        section.multipurpose-news ul.scroller {
            -ms-scroll-snap-type: x mandatory;
                scroll-snap-type: x mandatory;
        }
                section.multipurpose-news ul.scroller li img {
                    height:210px;
                    max-height:none;
                    max-width: 100%;    
                    margin-bottom: 10px; 
                    -o-object-fit: cover; 
                       object-fit: cover;
                }
                section.multipurpose-news ul.scroller li h1{
                    position: relative;
                    font-size: 1.8em;
                    color:#fff;
                    font-family: 'Roboto', sans-serif;
                    margin: 0 5vw 0 5vw;
                }
            
                section.multipurpose-news ul.scroller li span.category-name{
                    margin-bottom: 5px;
                    background:none;
                    color: #a9d68b;
                    box-shadow: none!important; 
                    padding:0;
                    font-size: .8em;
                    margin-left: 5vw; 
                    white-space: nowrap;
                }	
                section.multipurpose-news ul.scroller li .publish-info{
                    font-size: .8em;
                    font-weight: bold;
                    color: #aad68b; 
                    margin: 10px 5vw 30px;
                }
        section.multipurpose-news li {
            list-style-type: none!important;
            min-width: 91%;
            padding: 5px;
            scroll-snap-align: center;line-height: normal;
        }
            section.multipurpose-news li a {
                display: block;
            }
        section.multipurpose-news .support-menu ul.menu{
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            border: none;
            padding: 1em 0;
            background: linear-gradient(#f2f2f200 40%, #f2f2f2bd 61%, #f2f2f2 70%, #f2f2f2);   
        }
            section.multipurpose-news .support-menu ul.menu li{
                min-width: 0;
                width: 50%;
                text-align: center;
                padding: 0;
                margin:0;
                background: none;
            }
}