@media only screen and (min-width:1024px) {
    .responsive-block-hiding-device-computers {
        display: none !important
    }
}

@media only screen and (max-width:1024px) {
    .responsive-grid-active .block {
        min-height: inherit !important;
        height: auto !important
    }

    .responsive-grid-active .block img,
    .responsive-grid-active .block .wp-caption {
        max-width: 100%;
        height: auto
    }

    .responsive-grid-active .block-type-footer p.footer-responsive-grid-link-container {
        display: block
    }

    .responsive-grid-active .block-type-image img {
        position: static !important
    }
}

@media only screen and (min-width :600px) and (max-width:1024px) and (orientation :landscape) {
    .responsive-block-hiding-device-tablets-landscape {
        display: none !important
    }
}

@media only screen and (min-width :600px) and (max-width :1024px) and (orientation :portrait) {
    .responsive-block-hiding-device-tablets-portrait {
        display: none !important
    }
}

@media only screen and (max-width :600px) {
    .responsive-grid-active div.wrapper:first-child {
        margin-top: 0 !important
    }

    .responsive-grid-active div.wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .responsive-grid-active .block,
    .responsive-grid-active .row,
    .responsive-grid-active .column {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .responsive-block-hiding-device-smartphones {
        display: none !important
    }

    .responsive-grid-active .block-type-navigation {
        height: auto
    }

    .responsive-grid-active .block-type-navigation .selectnav {
        display: block
    }

    .responsive-grid-active .block-type-navigation ul.menu.selectnav-active {
        display: none
    }

    .responsive-grid-active .block-type-content a.post-thumbnail {
        width: 100%;
        margin: 20px 0;
        text-align: center
    }

    .responsive-grid-active .block-type-content a.post-thumbnail img {
        max-width: 100%;
        height: auto
    }

    .responsive-grid-active .block-type-content .loop-navigation {
        text-align: center
    }

    .responsive-grid-active .block-type-content .loop-navigation .nav-previous,
    .responsive-grid-active .block-type-content .loop-navigation .nav-next {
        float: none;
        margin: 0 10px
    }

    .responsive-grid-active .block-type-content .loop-navigation .nav-next {
        margin-top: 20px
    }

    .responsive-grid-active .block-type-footer div.footer>* {
        clear: both;
        float: none;
        display: block;
        margin: 15px 0;
        text-align: center
    }
}