
#blog #blog-div{margin-top: 50px}
#blog #blog-div .wrap{ width: 100%; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1.8em; grid-row-gap:1.8em; margin-bottom: 200px;  }
#blog #blog-div .wrap .box{ display: flex; flex-direction: column; }
#blog #blog-div .wrap .box .cont-div{ display: flex; flex-direction: row; }
#blog #blog-div .wrap .box .cont-div .day-date-div{width:24%; height: 85px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content:center; flex-direction: column;}
#blog #blog-div .wrap .box .cont-div .day-date-div h2{color: #fff; font-size: 24px;font-family: 'hind_siliguribold';padding: 0; margin: 0;}
#blog #blog-div .wrap .box .cont-div .day-date-div span{color: #fff;font-size: 12px;font-family: 'hind_siliguriregular';}
#blog #blog-div .wrap .box .cont-div .text-div{width:76%; background: #f9f9f9; font-size: 16px;font-family: 'hind_siliguri_mediumregular'; padding: 15px; display: flex; align-items: flex-start;  justify-content: flex-start; }

#blog #blog-div .wrap a {color: #000; text-decoration: none}

#blog-inner #blog-inner-div2 .inner-content img{ max-width: 100%;}

@media (max-width:768px) {  
#blog #blog-div .wrap{grid-template-columns:1fr 1fr; padding: 0 25px;}
#blog-inner #blog-inner-div2 .div-N-P .content-text .div-right p, #blog-inner #blog-inner-div2 .div-N-P .content-text .div-left p { display: none;}
#blog-inner #blog-inner-div2 .div-N-P .content-text .div-right h4, #blog-inner #blog-inner-div2 .div-N-P .content-text .div-left h4 { margin-bottom: 0;}
}



@media (max-width:576px) {
  

}