.blog-row{
    margin-bottom:90px;
}
.blog-con{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom:45px;
}

.blog-con .blog-item{
    display:flex;
    align-items:flex-end
}
.blog-con .blog-item .img-con{
    min-width:110px;
   width:110px;
   height:110px;
   margin-right:15px;
   position:relative;

}
.blog-con .blog-item .img-con img{
   width:100%;
   height:100%;
   object-fit:cover;
   position:absolute;
   top:0;
   left:0;
}



.blog-con .blog-item .txt-con{
           flex-grow:1;
          }

          
.blog-con .blog-item .txt-con .head{
          color:#000;
          font-size:16px;
          font-weight:400;
          margin:0;
          }    

.blog-con .blog-item .txt-con .date{

          font-size:12px;
          font-weight:200;
          margin-top:5px;
          }    




.blog-con .blog-item.big-item{
    flex-direction:column;
    align-items:flex-start
}
.blog-con .blog-item.big-item .img-con{
    min-width:100%;
   width:100%;
   height:auto;
   aspect-ratio:3/2;
   margin-right:0;
   margin-bottom:10px;
}



.post-row .post-top-row{
    display:flex;
    margin-bottom:45px;
}
.post-row .post-top-row .img-con{
    flex:1 0 0;
    max-width:50%;
    margin-left:45px;
    aspect-ratio:3/2;
    position:relative;
}

.post-row .post-top-row .img-con img{
   width:100%;
   height:100%;
   object-fit:cover;
   position:absolute;
   top:0;
   left:0;
}
.post-row .post-top-row .txt-con{
    flex:1 0 0;
    max-width:50%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;

}
.post-row .post-top-row .txt-con .head1{
    font-size:32px;
    font-weight:400;
    color:#000;
    margin:0;

}

.post-row .post-top-row .txt-con .date{
    font-size:12px;
    font-weight:200;
    margin:15px 0 0 0;

}

.post-row .post-top-row .txt-con .desc{
    margin-top:30px;
    font-size:18px;
    font-weight:400;


}
.post-row .post-body-row {
    padding-bottom:90px;
    border-bottom:1px solid #000

}
.post-row .post-body-row .post-body-con{
    font-size:16px;
    font-weight:200;
    width:100%;

}
.post-row .post-body-row .post-body-con img{
    width:100%;

}

.post-row .post-body-row .post-body-con h1,
.post-row .post-body-row .post-body-con h2,
.post-row .post-body-row .post-body-con h3,
.post-row .post-body-row .post-body-con h4,
.post-row .post-body-row .post-body-con h5,
.post-row .post-body-row .post-body-con h6
{
    margin:0;
    font-size:24px;

}



@media(max-width:1199px) {
  
}

@media(max-width:991px) {
 
}



@media(max-width:767px) {

    .blog-row {
        margin-bottom: 45px;
    }

    .blog-con {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        margin-bottom: 30px;
    }

        .blog-con .blog-item .img-con {
            min-width: 75px;
            width: 75px;
            height: 75px;
            margin-right: 10px;
        }



        .blog-con .blog-item .txt-con .head {
            font-size: 12px;
        }

        .blog-con .blog-item.big-item .txt-con .head {
            font-size: 14px;
        }

        .blog-con .blog-item .txt-con .date {
            font-size: 9px;
            margin-top: 3px;
        }






    .post-row .post-top-row {
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }

        .post-row .post-top-row .img-con {
            min-width: 100%;
            max-width: 100%;
            margin-left: 0;
        }

        .post-row .post-top-row .txt-con {
            min-width: 100%;
            max-width: 100%;
        }

            .post-row .post-top-row .txt-con .head1 {
                font-size: 24px;
            }

            .post-row .post-top-row .txt-con .date {
                font-size: 9px;
                margin: 10px 0 0 0;
            }

            .post-row .post-top-row .txt-con .desc {
                margin-top: 15px;
                font-size: 14px;
                font-weight: 400;
            }

    .post-row .post-body-row {
        padding-bottom: 45px;
    }

        .post-row .post-body-row .post-body-con {
            font-size: 14px;
        }

            .post-row .post-body-row .post-body-con img {
                width: 100%;
            }

            .post-row .post-body-row .post-body-con h1,
            .post-row .post-body-row .post-body-con h2,
            .post-row .post-body-row .post-body-con h3,
            .post-row .post-body-row .post-body-con h4,
            .post-row .post-body-row .post-body-con h5,
            .post-row .post-body-row .post-body-con h6 {
                font-size: 20px;
            }
}