*{
    margin: 0;
    padding: 0;
} 
.container_newsrec_box
{
    display:grid;
    margin: auto;
    column-gap:0px;
    grid-template-columns:minmax(700px, 840px) minmax(200px, 400px);
    align-items: start;
    justify-content: center;
    background-color:#fffafa; 
    /* border:3px solid black; */
}
.article_box
{
   display: grid;
   justify-content:center;
   padding-top:50px;
   padding-bottom:40px;
   padding-right:5px;
   font-family: 'Anek Kannada', sans-serif;
   max-width: 840px;
   border-right:1px solid grey;
}
.article_title
{
    max-width: 820px;
}
.publish_date
{
    font-size:medium;
    color: dark grey;
}
.art_title 
{
    display: inline-block;
    word-break: break-word !important;
    font-size: 4.3rem;
    line-height:53px;
    text-align:left;
}
.article_thumb
{
    margin-top: 10px;
    max-width:820px;
    height:465px;
    overflow:hidden;
    object-fit: contain;
    background-color: #c0c0c0;
}

.article_thumb img{
    margin: auto;
    display: block;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: contain;
}

.article_content
{
    max-width:820px; 
}

.art_text
{
    font-size:2rem;
    text-align:justify; 
    word-break: break-word !important;
    white-space: pre-line;
}

.news_rec
{
    /* border:2px solid black; */
    display:grid;
    height:600px;
    grid-template-columns: minmax(100px,130px) minmax(100px,270px);
    justify-content: justify;
    align-items:start;
    scroll-behavior: smooth;
    overflow-y:scroll;
    overflow-x: hidden;
    padding-top:60px;
    padding-left:8px;
    font-family: 'Anek Kannada', sans-serif;
}

.news_rec::-webkit-scrollbar
{
    width: 9px;
}

.news_rec::-webkit-scrollbar-track
{
    background-color:#f1f1f1;
    border-radius:8px;
}

.news_rec::-webkit-scrollbar-thumb
{
   background-color:darkgrey;
   border-radius: 8px;
   border: 1px solid transparent;
   background-clip:content-box;
}

.news_rec img
{
    display: block;
    width:120px;
    height:80px;
    overflow:hidden;
    object-fit:cover;
    margin:15px 0 15px 0;
}

.news_title  
{
    max-width:100%;
    height:80px;
    word-break: break-word !important;
    text-align:left;
    margin:15px 0 15px 0;
   
}    
.newsrec_title
{
    font-size:1.5rem;
}
.newsrec_t_link
{
    text-decoration: none;
    color: black;
}

@media (max-width:1190px)
{
    .article_box
    {
        padding-left: 8px;
    }
    .newsrec_title
    {
        font-size:1.3rem;
    }
}
@media (max-width:1120px)
{
    .container_newsrec_box
    {
        display:grid;
        grid-template-columns: 92%;
    }
    .article_box
    {
        margin: auto;
        padding-right:0px;
        padding-left:0px;
        border-right:none;
    }
    .article_thumb
    {
        max-width:820px;
        height:280px;
        overflow:hidden;
        object-fit:contain;
        background-color: transparent;
    }
    .article_thumb img
    {
        margin: auto;
        display: block;
        max-width:100%;
        height: 100%;
        overflow: hidden;
        object-fit: contain;
    }
    .news_rec
    {
        display:none;
    }
}
@media (max-width:849px)
{
    .art_title 
    {
        font-size: 3.8rem;
        line-height:50px;
        text-align:left;
    }
    .art_text
    {
        font-size:1.8rem;
    }
    .news_rec
    {
        display:none;
    }
}
@media (max-width:580px)
{
    .art_title 
    {
        font-size: 3rem;
        line-height:40px;
    }
}
@media (max-width:540px)
{
    .art_text
    {
        font-size: 16px;
    }
}