.desktop-hidden { display: none; }

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

    BODY { padding-bottom: 0; }

    #layout { margin: 0; }

    #content {
        padding: 10px;
        margin: 0 10px !important;
        }

    #promo .tag {
        margin: .5em 20px 1.5em;
        }

    .products {}
    .products A {
        width: auto !important;
        min-height: auto;
        float: none !important;
        display: block;

        -moz-opacity: 1;
        filter: alpha(opacity=100);
        opacity: 1 !important;
        }
    .products A .ecover {
        width: 65%;
        height: auto;
        }

    .products A .title { font-size: 6vw; }
    .products A .descr { font-size: 4vw; }
    .products A .button { font-size: 4vw; }

    .wide-slider .slick-arrow,
    .wide-slider .slick-arrow:focus {
        width: 30px;
        height: 30px;
        opacity: .25;
        }

    .wide-slider .slick-arrow.slick-prev {
        background-image: url(../i/wide-slider/slick-arrow-lt-dark.png);
        left: 10px;
        }
    .wide-slider .slick-arrow.slick-next {
        background-image: url(../i/wide-slider/slick-arrow-rt-dark.png);
        right: 10px;
        }

    .wide-slider LI {
        padding: 1em 0;
        }

        .wide-slider LI H4 {
            font-size: 30px;
            }

        .wide-slider LI .cover {}

            .wide-slider LI .cover IMG {
                width: 80vw;
                }

        .wide-slider LI .price {
            font-size: 36px;
            }

        .wide-slider LI .act {
            margin: 1em 0 2em;
            }

            .wide-slider LI .act A {
                font-size: 22px;
                padding: .65em 1.35em;
                }

    #footer {
        margin: 30px 0 0;
        position: inherit;
        left: auto;
        right: auto;
        bottom: auto;
        }

    .mobile-hidden { display: none; }
    .desktop-hidden { display: block; }

    .mobile-visible { display: block; }

}