
@media (min-width: 1280px) {
    /* Greek Template */
    .template-Baroque .mosaic-wrapper {
        position: relative;
        xoverflow: hidden;
        height: 680px;
        width: 80em;
        margin: 25px auto 20px auto;
    }

    .template-Baroque .mosaic-item {
        height: 100%;
        width: 100%;
        position: absolute;
        xpadding: 10px;
        xmargin: 10px;
        xborder: 1px solid #000;
    }

    .template-Baroque .mosaic-item .mosaic-inner-wrapper {
        xborder: 1px solid #000;
        overflow: hidden;
    }

    .template-Baroque .mosaic-title {
        font-weight:bold;
        text-align:left;
        color:#fff;
        position:absolute;
        bottom:0px;
        left:10px;
        padding-right:10px;
        text-shadow: 2px 2px #333;
    }

    .template-Baroque .mosaic-item:nth-child(1):hover .mosaic-title {
        /*top: 30px;
        -webkit-transition-delay: .25s; /!* Safari *!/
        transition-delay: .25s;*/
    }

    .template-Baroque .mosaic-item:nth-child(1) .mosaic-title {
        xbottom: 100px;
        xleft: 20px;
    }

    .template-Baroque .mosaic-item:nth-child(1) {
        height: 675px;
        width: 520px;
        top: 0px;
        left: 0px;
        /*-webkit-animation: Baroque-mosaic-item-1 2s 1;
        animation-name: Baroque-mosaic-item-1;
        animation-duration: 2s;
        animation-iteration-count: 1;*/
    }
    /*.template-Baroque .mosaic-item:nth-child(1):hover {
        top: -30px;
        left: -30px;
        height: 735px;
        width: 580px;
    }*/
    .template-Baroque .mosaic-item:nth-child(2) {
        height: 325px;
        width: 325px;
        top: 0px;
        left: 569px;
        /*-webkit-animation: Baroque-mosaic-item-2 2s 1;
        animation-name: Baroque-mosaic-item-2;
        animation-duration: 2s;
        animation-iteration-count: 1;*/
    }
    /*.template-Baroque .mosaic-item:nth-child(2):hover {
        top: -30px;
        left: 555px;
        height: 385px;
        width: 385px;
    }*/

    .template-Baroque .mosaic-item:nth-child(3) {
        height: 325px;
        width: 325px;
        top: 350px;
        left: 569px;
        /*-webkit-animation: Baroque-mosaic-item-3 2s 1;
        animation-name: Baroque-mosaic-item-3;
        animation-duration: 2s;
        animation-iteration-count: 1;*/
    }
    /*.template-Baroque .mosaic-item:nth-child(3):hover {
        top: 320px;
        left: 555px;
        height: 385px;
        width: 385px;
    }*/

    .template-Baroque .mosaic-item:nth-child(4) {
        height: 150px;
        width: 360px;
        top: 0px;
        left: 919px;
        /*-webkit-animation: Baroque-mosaic-item-4 2s 1;
        x-webkit-animation-delay: 1s;
        animation-name: Baroque-mosaic-item-4;
        animation-duration: 2s;
        animation-iteration-count: 1;
        xanimation-delay: 1s;
        x-webkit-animation-fill-mode: forwards;
        xanimation-fill-mode: forwards;*/
    }
    /*.template-Baroque .mosaic-item:nth-child(4):hover {
        top: -30px;
        left: 905px;
        height: 182px;
        width: 390px;
    }*/

    .template-Baroque .mosaic-item:nth-child(5) {
        height: 150px;
        width: 360px;
        top: 175px;
        left: 919px;
        /*-webkit-animation: Baroque-mosaic-item-5 2s 1;
        animation-name: Baroque-mosaic-item-5;
        animation-duration: 2s;
        animation-iteration-count: 1;*/
    }
    /*.template-Baroque .mosaic-item:nth-child(5):hover {
        height: 220px;
        width: 360px;
        top: 148px;
        left: 905px;
    */}

    .template-Baroque .mosaic-item:nth-child(6) {
        height: 150px;
        width: 360px;
        top: 350px;
        left: 919px;
        /*-webkit-animation: Baroque-mosaic-item-6 2s 1;
        animation-name: Baroque-mosaic-item-6;
        animation-duration: 2s;
        animation-iteration-count: 1;*/
    }
    /*.template-Baroque .mosaic-item:nth-child(6):hover {
        height: 220px;
        width: 360px;
        top: 226px;
        left: 905px;
    }*/

    .template-Baroque .mosaic-item:nth-child(7) {
        height: 150px;
        width: 360px;
        top: 525px;
        left: 919px;
        /*-webkit-animation: Baroque-mosaic-item-7 2s 1;
        animation-name: Baroque-mosaic-item-7;
        animation-duration: 2s;
        animation-iteration-count: 1;*/
    }

    /*.template-Baroque .mosaic-item:nth-child(7):hover {
        height: 400px;
        width: 570px;
        top: 404px;
        left: 905px;
    }*/

    .template-Baroque .mosaic-item:nth-child(8),
    .template-Baroque .mosaic-item:nth-child(9),
    .template-Baroque .mosaic-item:nth-child(10) {
        display:none;
    }

    /*.template-Baroque .mosaic-item.grow2:hover .mosaic-title {
        top: 20px;
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
    }

    .template-Baroque .mosaic-item.grow2 .mosaic-title {
        top: 180px;
        left: 20px;
    }*/

    .template-Baroque .mosaic-item {
        display: inline-block;
        /*-webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);*/
        z-index: 1;
    }

    .template-Baroque .mosaic-item.grow1:hover,
    .template-Baroque .mosaic-item.grow2:hover,
    .template-Baroque .mosaic-item.grow3:hover {
        /*transition: height .25s, width .25s, left .25s, top .25s;
        -webkit-transition-delay: .25s; /!* Safari *!/
        transition-delay: .25s;*/
        z-index: 999;
    }
    .template-Baroque .mosaic-tags,
    .template-Baroque .mosaic-overlay,
    .template-Baroque .mosaic-body {
        display: none;
    }
}
