.demo-row {
            -webkit-transition: opacity .5s ease;
            -o-transition: opacity .5s ease;
            transition: opacity .5s ease;
            overflow: hidden;
        }

        .demo-image-caption.type2 {
            padding: 0px 1px 0px 0px;
            position: relative;
            z-index: 9;
        }

        .demo-image-caption {
            float: left;
            clear: both;
            width: 100%;
            margin: 0px;
            padding: 0px;
        }

        .demo-image-caption.type2 .demo-image-demo-wrapper {
            clear: both;
            overflow: hidden;
        }

        .demo-image-caption .demo-image-demo-wrapper {
            position: relative;
        }

        .demo-image-caption.type2 .demo-image-content {
            border-color: #274584;
        }

        .demo-image-caption.type2 .demo-image-content {
            background: #51688c;
        }

        .demo-image-caption:hover .demo-image-demo-wrapper,
        .demo-image-caption:hover .demo-image-content a,
        .demo-image-caption .demo-image-demo-wrapper,
        .demo-image-caption.type2 .demo-image-content,
        .demo-image-caption.type2 .demo-image-content h3,
        .demo-image-caption.type2:hover .demo-image-content p {
            color: #ffffff;
        }

        .demo-image-caption.type2 .demo-image-content {
            height: 78px;
        }

        .demo-image-caption.type2 .demo-image-content {
            border-top: 2px solid;
            text-align: center;
            padding: 18px 20px;
            margin: 0px;
            float: left;
            width: 100%;
            position: relative;
            border-radius: 0px 0px 20px 20px;
        }

        .demo-image-caption .demo-image-content {
            display: inline-block;
            clear: both;
            margin: 30px 0px 0px;
        }

        .demo-image-caption.type2 .demo-image-title {
            margin-top: 12px;
        }

        .demo-image-caption .demo-image-title {
            margin-bottom: 30px;
            display: inline-block;
            width: 100%;
        }

        .demo-image-caption.type2 .demo-image-content h3 {
            color: #ebecf0;
            font-size: 14PX !important;
        }

        .demo-image-caption .demo-image-title h3 {
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 5px;
            position: relative;
            top: -2px;
        }

        .demo-image-caption.type2 .demo-image-content p {
            color: #ffffff80;
        }

        .demo-image-caption.type2 .demo-image-content p {
            position: absolute;
            top: 53px;
            left: 20px;
            right: 20px;
            margin: auto;
            opacity: 0;
        }

        .demo-image-caption.type2:hover .demo-image-content {
            height: 148px;
            margin-top: -70px;
        }

        .demo-image-caption.type2:hover .demo-image-content p {
            opacity: 1 !important;
        }

        .demo-image-caption.type2:hover .demo-image-content {
            border-color: #2953ab;
        }

        .demo-image-caption .demo-image-content a {
            margin-top: 20px;
        }

        @media (min-width: 992px) {
            .col-md-2 {
                margin-bottom: 15px;
            }
        }

        @media (max-width: 1100px) {
            .demo-row {
                left: 0px !important;
                width: auto !important;
            }
        }

        @media (max-width:769px) {
            .col-md-2 {
                width: 50%;
                float: left;
                padding-bottom: 10px;
            }
        }

        .demo-image-demo-wrapper img {
            border-radius: 20px 20px 0px 0px;
        }

        .dream-btn {
            background-image: linear-gradient(to right, #e3f6f9 0%, #335987 51%, #e3f6f9 100%);
        }