@media screen and (max-width: 1023px) {
    #header .inner:before {
        right: 0;
        left: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .type-fullscreen #header, 
    .layout-hero-header #header, 
    .header-fixed-wrapper #header,
    #hero_header > .inner,
    #container {
        padding-left: 40px;
        padding-right: 40px;
    }
    #hero_heading {
        left: 40px;
        right: 40px;
    }
    .fullscreen_slideshow ul li .content .inner {
        padding: 0 40px;
    }
}

@media screen and (max-width: 767px) {
    
    /*this needs removing and consolidating in the core layout file*/
    .records_list.feature_list ul li {
        flex-direction: column;
    }
    
}