/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}

@media (min-width: 550px) and (max-width: 850px) {
    .blog-style2 .post-item {
        min-width: 80px;
    }

    .blog-style2 {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .blog-style3{
        flex-wrap: wrap;
    }
}