@include media(769px) {
    .site-content {
        @include outer-container;
        display: block;
        clear: both;
    }
    .content-area {
        @include span-columns(8.5,block-collapse);
        border-right: 1px solid;
    }
    .widget-area {
        @include span-columns(3.5,block-collapse);
        border-left: 1px solid;
        margin-left: -1px;
    }
    .sidebar-left {
        .content-area {
            @include span-columns(8.5,block-collapse);
            float:right;
            border-right: none;
            margin-left: -1px;
        }
        .widget-area {
            @include span-columns(3.5,block-collapse);
            float: left;
            border-right: 1px solid;
            border-left: none;
            margin-left: 1px;
        }
    }
    .page-template-page-focus {
            .content-area {
                @include span-columns(10);
                @include shift(1);
                border: none;
            }
        }
    .sidebar-left .full-width,
    .full-width {
        .content-area {
            @include span-columns(12 of 12);
            @include shift(0);
            border: none;
        }
    }
}
.site {
    padding: 0 $base__spacing;
}
.site-content {
    @include margin(0 null);
    @include padding(0);
    border:1px solid;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.07);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.07);
}
.page-template-elementor,
.page-template-beaver-builder {
    .site-content {
        @include outer-container(100%);
        width:100%;
        padding: 0;
    }
}