/* *. :after,
        :before {
            box-sizing: border-box;
        } */

        .clear:after,
        .clear:before {
            content: '';
            display: table;
            clear: both;
        }

        .gallery {
            display: flex;
            flex-wrap: wrap;
            border: 10px solid #fff;
            width: calc(100% - 50px);
            margin: 60px auto 0;
        }

        .gallery a {
            display: block;
            text-decoration: none;
            width: 25%;
            overflow: hidden;
            outline: none;
        }

        .gallery a img {
            height: 100%;
            transform: scale(1, 1);
            transition: all 300ms ease;
        }

        .gallery a img:hover {
            transform: scale(1.1, 1.1);
        }

       

        .bg {
            width: 100%;
            height: 300px;
            background-size: cover;
            transform: scale(1, 1);
            transition: all 300ms ease;
            margin: 6px 6px 0px 6px;
        }

        .bg:hover {
            transform: scale(1.1, 1.1);
        }

        @media(max-width: 991px) {

            .gallery a {
                width: 50%;
            }

        }

        @media(max-width: 767px) {

            .gallery a {
                width: 100%;
            }

            .bg {
                height: 300px;
            }

        }

        
        .bg{
            position: relative;
            z-index: 1;
        }
        .description{
            position: absolute;
            z-index: 999;
            bottom: -15px;
            left: 0;
            /* left: 10px; */
            width: 100%;
            text-align: center;
            height: fit-content;
            background-color: #0000005e;
            padding: 2px 18px 10px 9px;
            font-size: 13px;
            color: #fff;
            line-height: 17px;
        }