Mobile to Tablet transition

Hi guys,

Amazing job keeping up with all the support questions.

I'm a happy tipper btw.

Currently when I check the front page on a mobile (540px width) it looks as I planned, but when I rotate it to landscape (960px) it trys to make the mobile view still work, when it's probably best to switch to Tablet design.

I'm not sure where to fix this, taking into account the extra CSS for that front page.

This is the extra CSS for reference

@media (max-width: 768px) {

    #wpsp-2048 .wp-show-posts-columns {
        margin-left: -20px !important;
    }

    #wpsp-2048 .wp-show-posts-inner {
        margin-left: 20px !important;
    }    

    .wp-show-posts-columns#wpsp-1987 {
        flex-direction: column;
    }

    .wp-show-posts-columns#wpsp-1987 .wp-show-posts-single {
        width: 100%;
    }

    .wp-show-posts-columns#wpsp-1987 .wp-show-posts-inner {
        display: flex;
        flex-direction: row-reverse;
        margin-left: 20px !important;
        margin-bottom: 20px !important;
    }
    /* Set Image width */
    .wp-show-posts-columns#wpsp-1987 .wp-show-posts-image.wpsp-image-center {
        flex: 0 0 40%;
        margin-left: 20px;
    }
   

    .wp-show-posts#wpsp-4407 .wp-show-posts-inner {
        display: flex;
        flex-direction: row-reverse;
        margin-left: 20px !important;
        margin-bottom: -20px !important;
    }

    .wp-show-posts#wpsp-4407 .wp-show-posts-image.wpsp-image-center {
        flex: 0 0 50%;
        margin-left: 20px;
    }

}