Hi there James,

You can try for example something like this:

@media (max-width: 480px){
    #post-83 .inner-box {
        padding-left: 0;
        padding-right: 0;
    }
    .blog .content-area #post-83 .entry-content p:not(:first-child) {
        padding: 0 3rem;
    }
    .blog #post-83 .content-area .entry-more{
        padding: 0 3rem;
    }
}

Add this code in Appearance > Customize > Additional CSS. And for every post that has video, set that post ID (for that article post ID is #post-83).

Let us know if you manage this! 

Best regards,

Marie

Hello,

As you can see in the following screenshot, there is some left/right padding for screens lees than 768 px →

But you can try to add this css underneath in Appearance >> Customize >> Additional CSS field:

@media only screen and (max-width: 768px) {
.navigation, .inner-box {
    padding-left: 10px;
    padding-right: 10px;
}
}

Note that this css will apply to all screens less than 768px.

For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.

Thanks & Regards, 
Vladimir

Hello,

You're welcome. Please let us know if there is anything else we can do for you, thanks!

We hope it’s not too much trouble, but we’d really appreciate it if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads  This way you’ll be helping us improve our support services and make them even more efficient.

For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.

Thanks & Regards, 
Vladimir