@media(max-width: 1200px){

    .fold3-item{

        flex: 0 0 calc(50% - 15px);

    }

}



@media(max-width: 1024px){

    .blog-inner {

        flex-direction: column;

    }



    .blog-related > .subtitle{

        text-align: center;

    }

    .blog-content-outer, .blog-related{

        width: 100%;

        flex: 0 0 auto;

    }

}



@media(max-width: 767px){

    .fold3-item{

        flex: 0 0 100%;

    }



    .fold3-item-back, .fold3-item-front, .fold3-item-front-content{

        padding: 10px !important;

    }

}