@media screen and (max-width:1024px) and (max-height:768px) {
    .video-foreground {
        display: none;
    }

    .video-background {
        background-image: url(/wp-content/uploads/2017/10/9Z6A3588_preview.jpeg);
        background-size: cover;
        background-position: 50%;
        transition: all .6s;
    }

    div#videolibbozx {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .2s;
    }

    .openbox, .closebox {
        display: inline-block;
    }

    div#sidebk {
        float: left;
        width: 100%;
        padding: 15px 10px;
        z-index: 999;
        position: relative;
    }

    .woocommerce-page div#rightconten, .woocommerce div#rightconten {
        width: 100%;
        background: #fff;
    }

}
@media screen and (max-width: 1024px){
    ul#menu-right-menu li a, ul#menu-left-menu li a {
    padding: 36px 5px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    font-size: 14px;
}.menu-right-Donate-container
 a {
    padding: 5px 5px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 0px 1px #5d5d5d9c;
    margin: 31px 5px;
    /* font-weight: 900; */
    /* background-color: rgba(0, 0, 0, 0.84); */
    color: rgb(29, 29, 29);
}

}
@media screen and (max-width:768px) {
    .productlo {
        overflow: auto;
        float: right;
        width: 100%;
    }

    div#whowecarebx {
        background-image: url(http://sabotgroup.com/wp-content/uploads/2018/05/sabotgroup.jpg);
    }

    div#sabotracer {
        background-image: url(http://sabotgroup.com/wp-content/uploads/2018/01/6D810840-EC75-482E-B835-0E7C1D19FB56.jpeg);
    }

    div#shopibox {
        background-image: url(http://sabotgroup.com/wp-content/uploads/2018/04/store.jpg);
    }

    .boxdes:before {
        content: close-quote;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.31) 50%, rgba(0, 0, 0, 0.71) 100%);
        z-index: 0;
    }

    a.getst {
        transform: none;
        visibility: visible;
        opacity: 1;
        box-shadow: 0 0 0px 1px #fff;
        background: rgba(140, 140, 140, 0);
    }

    .cl p {
        margin: 10px 0;
    }

    iframe#newplayer {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 120%;
        width: 180%;
        max-width: none;
        transform: translateX(-50%) translateY(-50%);
        z-index: -1;
        display: none;
    }

    .boxdes {
        width: 100%;
        float: left;
        height: auto;
        box-shadow: 0 0 0px 4px #fff;
        display: flex;
        align-items: center;
        text-align: center;
        transition: all .4s;    /* background: rgb(0,0,0); */
        position: relative;    /* background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0.5214460784313726) 50%, rgba(255,255,255,0) 100%); */
        background-size: cover;
        background-position: 50%;
    }

    div#triboxes {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    div#minimumweight {
        min-height: 100vh;
        position: relative;
        overflow: auto;
    }

    .cl {
        width: 100%;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 100;
        text-transform: capitalize;
        position: relative;
        z-index: 12;
        padding: 10vh 0;
    }

    .page-id-1247 div#leftcontent {
        display: none;
    }

    div#leftcontent.homviu {
        display: none;
    }

    div#playmodal .modal-dialog {
        max-width: 75vw;
        margin: 0 auto;
    }

    div#homega-newvh h1.servk {
        display: block;
        z-index: 999;
        font-size: 46px;
        margin: 0;
        line-height: 40px;
    }

    div#videolink {
        width: 50vw;
    }

    h2.slo {
        font-family: 'Oswald', sans-serif;
        color: rgb(255, 255, 255);
        font-weight: 200;
        text-align: center;
        padding: 5px 15px;
        margin: 0;
    }

    .linef {
        float: left;
        width: 25%;
        height: 100vh;
        box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.13) inset;
        display: none;
    }

    div#sidebk {
        float: left;
        width: 100%;
        padding: 30px 10px;
        z-index: 999;
        position: relative;
    }

    .woocommerce-page div#rightconten, .woocommerce div#rightconten {
        width: 100%;
        background: #fff;
    }

    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
        width: 100%;
        overflow: visible;
    }

    .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
        float: right;
        width: 100%;
        clear: none;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        text-align: center;
        padding: 5px;
        transition: all .1s;
        width: 100% !important;
    }

    .envira-gallery-wrap .envira-gallery-public.envira-gallery-2-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-3-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-4-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-5-columns .envira-gallery-item, .envira-gallery-wrap .envira-gallery-public.envira-gallery-6-columns .envira-gallery-item {
        width: 100% !important;
    }

    .tribe-events-calendar td .tribe-events-viewmore, .tribe-events-calendar td .type-tribe_events {
        display: block;
    }

    .tribe-events-calendar th {
        background-color: #ddd;
        color: #333;
        height: 68px;
        letter-spacing: 1px;
        padding: 5px 0;
        text-align: center;
        text-transform: uppercase;
        width: 14.26%;
        display: block;
        float: left;
        overflow: auto;
    }

    #tribe-events-content .tribe-events-calendar td {
        box-sizing: border-box;
        color: #114b7d;
        font-size: 12px;
        padding: 0 0 .5em;
        background: #dedede;
        vertical-align: top;
        width: 14.28%;
        position: static;
        display: inline-block;
        width: 14.234%;
        height: 68px;
        margin: 0;
        position: static;
        display: block;
        float: left;
    }

    table.tribe-events-calendar tr {
        position: relative;
        position: relative;
        display: block;
        width: 100%;
        min-height: 68px;
    }

    .recurring-info-tooltip, .tribe-events-calendar .tribe-events-right .tribe-events-tooltip, .tribe-events-shortcode.view-week .tribe-events-right .tribe-events-tooltip, .tribe-events-week .tribe-events-right .tribe-events-tooltip {
        left: 0;
        right: 0;
    }

    .recurring-info-tooltip, .tribe-events-calendar .tribe-events-tooltip, .tribe-events-shortcode.view-week .tribe-events-tooltip, .tribe-events-week .tribe-events-tooltip {
        background-color: #f9f9f9;
        border: 1px solid #666;
        bottom: 30px;
        color: #333;
        display: none;
        left: 0;
        line-height: 1.4;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }

    .tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-event-] {
        margin: 0;
        position: static;
    }

    .tribe-events-calendar .tribe-events-has-events:after {
        display: none;
    }

    div#tribe-mobile-container {
        display: none;
    }

    #menusidebar {
        display: none;
    }

    header#masthead {
        display: none;
    }

    div#explorelink {
        position: absolute;
        bottom: 85px;
        left: 0;
        right: 0;
        text-align: center;
    }

    div#floatbar {
        display: block;
    }

    div#videolibbozx {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .2s;
    }

    div#leftcontent {
        float: left;
        width: 100%;
        min-height: 50vh;
        position: relative;
        z-index: 1245;
        background: rgba(0, 0, 0, 0.35);
    }

    .openbox, .closebox {
        display: inline-block;
    }

    ul.bellows-submenu a.bellows-target {
        background: #000000;
    }

    div#floatbar {
        display: block;
    }

    div#menusidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #dcdcdc;
        z-index: 15;
        overflow: auto;
        transform: translateX(-100%);
        -webkit-transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .home div#coundownfooter {
        display: block;
    }

    div#graetedesk {
        display: none;
    }

    div#mobilecontrol {
        display: block;
    }

    div#gtwo {
        top: 30px;
        bottom: auto;
        display: none;
    }

    div#floatbar .countdownmenu {
        display: none;
    }

    nav.menunav {
        display: none;
    }

    div#tiles span {
        display: inline-block;
        width: 35px;
        float: left;
        font-size: 12px;
        text-align: center;
    }

    .labels li {
        display: inline-block;
        width: 35px;
        float: left;
        font-size: 10px;
        text-align: center;
        text-transform: capitalize;
    }

    div#glock {
        float: left;
        padding: 11px 5px;
        font-size: 24px;
    }

    .countdownmenu {
        text-transform: uppercase;
        display: block;
        float: left;
        background: #262626;
        color: #fff;
        padding: 5px 5px;
    }

    h1.servk {
        position: absolute;
        left: 0;
        right: 0;
        display: block;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        color: #fff;
        font-size: 2rem;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: 200;
        padding: 0 15px;
    }

    div#leftcontent {
        float: left;
        width: 100%;
        min-height: 80vh;
        position: relative;
        z-index: 1245;
        background: rgba(0, 0, 0, 0.35);
        order: 2;
    }

    .slideim.slick-slide {
        min-height: 80vh;
        background: #eee;
        position: relative;
        background-size: cover;
        background-position: 50%;
    }

    div#rightconten {
        float: right;
        min-height: 100vh;
        width: 100%;
        position: relative;        /* background-position: 50% 0%; */
        padding-bottom: 60px;
        order: 1;
    }

    div#titlecontainer {
        position: absolute;
        bottom: 65%;
        font-size: 6rem;
        line-height: 6rem;
        text-transform: uppercase;
        font-weight: 800;
        transform: translateY(50%);
        left: 0;
        right: 0;
        word-break: break-word;
        padding: 10px;
        color: rgba(255, 255, 255, 0.18);
        z-index: 12;
        font-family: 'Oswald', sans-serif;
    }

    .video-foreground {
        display: none;
    }

    .video-background {
        background-image: url(http://sabotgroup.com/wp-content/uploads/2017/10/9Z6A3588_preview.jpeg);
        background-size: cover;
        background-position: 50%;
        transition: all .6s;
    }

    div#menulauncher {
        display: block;
        float: left;
        border-right: 1px solid #c3c3c3;
        margin-right: 0px;
        cursor: pointer;
    }

    header#masthead {
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        z-index: 12;
        overflow: auto;
        background: #fff;
        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.49);
    }

    footer#colophon {
        position: relative;
        z-index: 11;
        background: #131313;
        padding: 30px;
        color: #d6d6d6;
        margin-bottom: 97px;
    }

    div#primary {
        position: relative;
        z-index: 11;
        min-height: 100vh;
        padding: 10px;
    }

    .sthumn.slick-slide {
        min-height: 55px;
        background-size: cover;
        background-position: 50%;
        margin: 0 5px;
    }

    div#countdown {
        color: #fff;
        float: left;
        padding: 6px 0;
        width: 100%;
        line-height: 24px;
    }

    main#main {
        overflow: auto;    /* background-image: url(/wp-content/uploads/2017/10/frontpage.jpg); */
        background-position: 50% 0%;
        position: relative;
        background-size: cover;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .sabotgrouplogo {
        display: block;
        width: 113px;
        height: 67px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        overflow: hidden;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }

    .sabotgrouplogo svg {
        max-width: 70px;
        display: inline-block;
        max-height: 50px;
        margin: 11px 0;
    }

    div#menubar {
        overflow: auto;
        display: block;
        margin: 20px 25px;
    }

    .home div#headersko {
        display: block;
    }

    div#menulogo {
        float: right;
    }

    li.tribemnonth h2 {
        font-size: 13px;
        width: 100% !important;
        display: block;
        margin: 0;
        line-height: 16px;
    }

    html .woocommerce-message {
        border-top-color: #8fae1b;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 0 1rem;
        font-size: 12px;
        font-family: 'Oswald', sans-serif;
        line-height: 15px;
    }

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
        float: left;
        width: 100%;
        max-width: none;
        color: #272727;
    }

    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        float: right;
        width: 100%;
        max-width: none;
    }

    .woocommerce-tabs.wc-tabs-wrapper {
        float: right;
        width: 100%;
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        float: left;
        width: 100%;
        max-width: 450px;
    }

}

@media screen and (max-width:600px) {
    div#glock {
        float: left;
        padding: 11px 5px;
        font-size: 24px;
        display: none;
    }

    .labels li {
        display: inline-block;
        width: 20%;
        float: none;
        font-size: 10px;
        line-height: 32px;
        text-align: center;
        text-transform: capitalize;
    }

    div#tiles span {
        width: 45px;
        float: none;
        font-size: 17px;
        text-align: center;
        display: inline-block;
    }.countdown > div {
    text-align: center;
    margin-top: 2%;
    float: left;
    color: #fff;
    line-height: 21px;
    font-size: 48px;
    font-weight: bold;
}div#tiles {
    overflow: hidden;
    width: 100%;
}div#tiles span {
    display: inline-block;
    width: 20%;
    float: left;
    font-size: 19px;
    text-align: center;
}div#coundownfooter div#countdown {
    width: auto;
    max-width: 100%;
}

}