.blog-post {
    margin-bottom: 50px;
}

.blog-post .post-img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.blog-post .post-content {
    font-size: 16px;
}

.related-blogs h3 {
    margin-bottom: 40px;
}

.related-blogs .blog-item {
    margin-bottom: 20px;
}

.related-blogs .blog-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.related-blogs .blog-item h4 {
    margin-bottom: 5px;
}

.related-blogs .blog-item p {
    font-size: 14px;
    color: #666;
}

.mt {
    margin-top: 160px;
    margin-bottom: 140px;
}

.post {
    position: relative;
    padding-left: 100px;
    padding-bottom: 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
}

.post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

#dyndata p {
    text-align: justify !important;
}



.main-hero-title{
    font-size: 40px !important;
}


@media(max-width:1500px){
  .main-hero-title{
    font-size: 30px !important;
}  
}
@media(max-width:1200px){
  .main-hero-title{
    font-size: 20px !important;
}  
}
@media(max-width:1000px){
  .main-hero-title{
    font-size: 18px !important;
}  
}
@media(max-width:850px){
  .main-hero-title{
    font-size: 16px !important;
}  
}
@media(max-width:600px){
  .main-hero-title{
    font-size: 14px !important;
}  
}

@media(max-width:400px){
  .main-hero-title{
    font-size: 12px !important;
}  
}