.page-wrapper {
            float: left;
            position: relative;
            clear: both;
            z-index: 99;
            padding: 0 30px;
            background: #FFF !important;
            width: 100%
        }

        .page-wrapper:before,
        .page-wrapper:after {
            content: "";
            display: block;
            width: 20px;
            height: 100%;
            position: absolute;
            top: 0;
            background: #fff;
            display: none
        }

        .page-wrapper:before {
            left: -20px
        }

        .page-wrapper:after {
            right: -20px
        }

        @media (max-width: 1023px) {
            .page-wrapper {
                width: 100%;
                margin-left: 0;
                left: 0;
                padding: 0 5%
            }
        }

        @media (width: 320px) {
            .page-wrapper {
                padding: 0 4%
            }
        }

        @media (min-width: 1024px) and (max-width: 1279px) {
            .page-wrapper {
                padding: 0 52px
            }
        }

        @media (min-width: 1280px) {
            .page-wrapper {
                left: 50%;
                width: 1000px;
                margin-left: -500px;
                padding: 0 40px
            }
        }

        @media (min-width: 1360px) {
            .page-wrapper {
                width: 1100px;
                margin-left: -550px;
                padding: 0 50px
            }
        }

        * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-rendering: geometricPrecision;
            outline: none
        }

        html {
            overflow-y: scroll;
            overflow-x: hidden;
            font-size: 16px
        }

        html,
        body,
        div,
        span,
        h1,
        h2,
        p,
        em,
        img,
        strong,
        i,
        ol,
        ul,
        li,
        form,
        article,
        footer,
        header,
        nav,
        section {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        body {
            line-height: 1;
            position: relative;
            font-family: Arial, sans-serif;
            font-size: 12px;
            overflow: visible !important
        }

        * {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        button {
            outline: none;
            border: 0;
            background-color: transparent;
            margin: 0
        }

        button:hover {
            cursor: pointer
        }

        article,
        footer,
        header,
        nav,
        section {
            display: block
        }

        ul {
            list-style: none
        }

        a {
            margin: 0;
            padding: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent;
            text-decoration: none;
            color: #333;
            cursor: pointer
        }

        a img {
            border: none;
            outline: none
        }

        input {
            vertical-align: middle
        }

        a:hover {
            color: #3399cc
        }

        input:hover,
        input:focus {
            outline: none
        }

        .layout-grid-3>* {
            width: 32% !important;
            float: left !important;
            margin-right: 2%
        }