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

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

@media screen and (max-width: 767px) {
    
}

@media screen and (max-width: 459px) {
    
}

@media screen and (max-width: 320px) {
    
}