@media screen and (min-width: 1024px) {
    .vs-triplelayout .vs-nav {
        width: 33.33%;
        height: 4em;
    }

    .vs-triplelayout .vs-nav li {
        position: absolute;
        visibility: hidden;
        width: 100%;
    }

    .vs-nav li a {
        color: #ddd !important;
        border-top: 2px solid #ddd !important;
        border-bottom: 2px solid #ddd !important;
        -webkit-transition: border-color 0.3s, color 0.3s;
        transition: border-color 0.3s, color 0.3s;
    }

    .vs-nav li a:hover,
    .vs-nav li a:focus,
    .vs-triplelayout .vs-nav .vs-nav-current a,
    .vs-container.vs-move-left .vs-nav-right a,
    .vs-container.vs-move-right .vs-nav-left a {
        border-top: 2px solid #3c588b !important;
        border-bottom: 2px solid #3c588b !important;
        color: #3c588b !important;
    }

    #vs-container.vs-move-left .vs-nav-current a,
    #vs-container.vs-move-right .vs-nav-current a {
        border-color: #3c588b;
        color: #3c588b;
    }

    .vs-triplelayout .vs-nav .vs-nav-left,
    .vs-triplelayout .vs-nav .vs-nav-right,
    .vs-triplelayout .vs-nav .vs-nav-left-outer,
    .vs-triplelayout .vs-nav .vs-nav-right-outer,
    .vs-triplelayout .vs-nav .vs-nav-current {
        visibility: visible;
    }

    .vs-triplelayout .vs-nav .vs-nav-current {
        left: 0%;
    }

    .vs-triplelayout .vs-nav .vs-nav-left {
        left: -100%;
    }

    .vs-triplelayout .vs-nav .vs-nav-right {
        left: 100%;
    }

    .vs-triplelayout .vs-nav .vs-nav-right-outer {
        left: 200%;
    }

    .vs-triplelayout .vs-nav .vs-nav-left-outer {
        left: -200%;
    }

    #vs-container.vs-move-left .vs-nav-left,
    #vs-container.vs-move-left .vs-nav-left-outer,
    #vs-container.vs-move-left .vs-nav-current,
    #vs-container.vs-move-left .vs-nav-right,
    #vs-container.vs-move-left .vs-nav-right-outer {
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    #vs-container.vs-move-right .vs-nav-left,
    #vs-container.vs-move-right .vs-nav-left-outer,
    #vs-container.vs-move-right .vs-nav-current,
    #vs-container.vs-move-right .vs-nav-right,
    #vs-container.vs-move-right .vs-nav-right-outer {
        -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    #vs-container.vs-move-left .vs-nav-left,
    #vs-container.vs-move-right .vs-nav-right {
        opacity: 0;
    }

    .vs-triplelayout .vs-wrapper > section {
        position: absolute;
        top: 0;
        left: 10%;
        visibility: hidden;
        padding: 20em 0 1em;
        width: 80%;
        -webkit-backface-visibility: hidden;
    }

    .vs-triplelayout .vs-wrapper > section:not(.vs-current) {
        overflow: hidden;
        height: 100%;
    }

    .vs-triplelayout .vs-wrapper .vs-left,
    .vs-triplelayout .vs-wrapper .vs-left-outer,
    .vs-triplelayout .vs-wrapper .vs-current,
    .vs-triplelayout .vs-wrapper .vs-right,
    .vs-triplelayout .vs-wrapper .vs-right-outer {
        visibility: visible;
        background-color: rgba(0,0,0,0.2)
    }

    .vs-triplelayout .vs-wrapper .vs-left,
    .vs-triplelayout .vs-wrapper .vs-right {
        opacity: .2;

        -webkit-transition: opacity .2s ease-in;
        transition: opacity .2s ease-in;
    }

    .vs-triplelayout .vs-wrapper .vs-left {
        left: -70%; /* 80 - 10 */
    }

    .vs-triplelayout .vs-wrapper .vs-left-outer {
        left: -150%; /* - 70 - 80 */
    }

    .vs-triplelayout .vs-wrapper .vs-current {
        position: relative;
        z-index: 100;
        background-color: rgba(0,0,0,0)
    }

    .vs-triplelayout .vs-wrapper .vs-right {
        left: 90%; /* 80 + 10 */
    }

    .vs-triplelayout .vs-wrapper .vs-right-outer {
        left: 170%; /* 90 + 80 */
    }

    #vs-container.vs-move-left .vs-left,
    #vs-container.vs-move-left .vs-current,
    #vs-container.vs-move-left .vs-right,
    #vs-container.vs-move-left .vs-right-outer {
        -webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
        transition: transform 0.5s, background-color 0.5s;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        background-color: rgba(0,0,0,0);
    }
    #vs-container.vs-move-left .vs-current {
        -webkit-transition: -webkit-transform 0.5s, background-color 0.5s ease-in 0.1s;
        transition: transform 0.5s, background-color ease-in 0.1s;
    }

    #vs-container.vs-move-right .vs-left,
    #vs-container.vs-move-right .vs-left-outer,
    #vs-container.vs-move-right .vs-current,
    #vs-container.vs-move-right .vs-right {
        -webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
        transition: transform 0.5s, background-color 0.5s;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        background-color: rgba(0,0,0,0);
    }
    #vs-container.vs-move-right .vs-current {
        -webkit-transition: -webkit-transform 0.5s, background-color 0.5s ease-in 0.1s;
        transition: transform 0.5s, background-color ease-in 0.1s;
    }

    #vs-container.vs-move-left .vs-right-outer,
    #vs-container.vs-move-left .vs-current,
    #vs-container.vs-move-right .vs-current,
    #vs-container.vs-move-right .vs-left-outer{
        background-color: rgba(0,0,0,0.2);
    }

    .vs-sidenav div {
        position: fixed;
        top: 50%;
        z-index: 500;
        width: 80px;
        height: 80px;
        cursor: pointer;
    }

    .vs-sidenav div:after {
        position: absolute;
        left: 0;
        top: 0;
        line-height: 0.5;
        font-size: 8em;
        font-weight: 300;
    }

    .vs-sidenav .vs-sidenav-left,
    .vs-sidenav .vs-sidenav-right {
        color: #3c588b;
    }

    .vs-sidenav .vs-sidenav-left {
        left: 30px;
    }

    .vs-sidenav .vs-sidenav-right {
        right: 30px;
    }

    .vs-sidenav .vs-sidenav-left:after {
        content: '<';
    }

    .vs-sidenav .vs-sidenav-right:after {
        content: '>';
    }
}