﻿        .free-wall
        {
            margin: 0;
            display: none;
            overflow: hidden;
        }

        .brick
        {
            overflow: hidden;
        }

            .brick img
            {
                margin: 0;
                display: block;
                width: 100%;
            }



        .preview > li
        {
            width: 100px !important;
            height: 100px !important;
            background-size: 200px !important;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
            filter: gray; /* IE6-9 */
            -webkit-filter: grayscale(70%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
        }

        .preview li:hover, .preview .active
        {
            filter: initial;
            filter: initial;
            -webkit-filter: initial;
            opacity: 1;
        }

        .indicator
        {
            background: black !important;
            opacity: 0.8 !important;
            width: 100% !important;
            margin: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            right: 0 !important;
        }

        .preview
        {
            height: 100%;
            overflow: scroll;
            opacity: 1 !important;
        }


        #blueimp-gallery
        {
            width: 100% !important;
        }


        .blueimp-gallery > .indicator .description
        {
            top: 35px;
            left: 15px;
            color: #fff;
            display: none;
            text-shadow: 0px 0px 2px #000;
            line-height: initial;
            text-align: left;
            padding: 14px 20px;
            font-size: 12px;
        }

        .blueimp-gallery-controls > .indicator .description
        {
            display: block;
        }

        .blueimp-gallery-controls > .indicator .description
        {
            display: block;
        }

        .blueimp-gallery > .title
        {
            background: #000;
            top: 0 !important;
            left: 0 !important;
            width: 100%;
            font-weight: bold;
            padding: 10px 40px 15px 15px;
        }

        .blueimp-gallery > .description
        {
            background: #000;
            bottom: 0 !important;
            left: 0 !important;
            width: 100%;
            font-weight: bold;
            padding: 10px 40px 15px 15px;
        }


        @media (max-width: 768px)
        {
            .indicator
            {
                display: none !important;
            }

            .blueimp-gallery > .title
            {
                font-size: 16px;
                line-height: initial;
            }
        }

        @media (min-width: 768px)
        {
            .previews,
            .preview .previews
            {
                width: 20px !important;
                position: absolute;
                height: 20px !important;
                top: -35px;
                right: 5px;
                border: 1px solid white !important;
                color: white;
                padding-top: 4px;
            }

                .previews:hover
                {
                    color: black;
                }
        }
