ul.sqrplugintileteaser {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.sqrplugintileteaser:after {
    content: "";
    display: table;
    clear: both;
}

ul.sqrplugintileteaser > li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

ul.sqrplugintileteaserc1m0 > li,
ul.sqrplugintileteaserc1m1 > li,
ul.sqrplugintileteaserc1m2 > li,
ul.sqrplugintileteaserc1m3 > li {
    width: 100%;
}

ul.sqrplugintileteaserc2m0 > li {
    width: 50%;
}

ul.sqrplugintileteaserc2m1 > li {
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 1%;
}

ul.sqrplugintileteaserc2m2 > li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

ul.sqrplugintileteaserc2m3 > li {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
}

ul.sqrplugintileteaserc2m1 > li:nth-child(2n+0),
ul.sqrplugintileteaserc2m2 > li:nth-child(2n+0),
ul.sqrplugintileteaserc2m3 > li:nth-child(2n+0) {
    margin-right: 0;
}

ul.sqrplugintileteaserc3m0 > li {
    width: 33.33333%;
}

ul.sqrplugintileteaserc3m1 > li {
    width: 32.66666%;
    margin-right: 1%;
    margin-bottom: 1%;
}

ul.sqrplugintileteaserc3m2 > li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

ul.sqrplugintileteaserc3m3 > li {
    width: 31.333333%;
    margin-right: 3%;
    margin-bottom: 3%;
}

ul.sqrplugintileteaserc3m1 > li:nth-child(3n+0),
ul.sqrplugintileteaserc3m2 > li:nth-child(3n+0),
ul.sqrplugintileteaserc3m3 > li:nth-child(3n+0) {
    margin-right: 0;
}

ul.sqrplugintileteaserc4m0 > li {
    width: 25%;
}

ul.sqrplugintileteaserc4m1 > li {
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 1%;
}

ul.sqrplugintileteaserc4m2 > li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
}

ul.sqrplugintileteaserc4m3 > li {
    width: 22.75%;
    margin-right: 3%;
    margin-bottom: 3%;
}

ul.sqrplugintileteaserc4m1 > li:nth-child(4n+0),
ul.sqrplugintileteaserc4m2 > li:nth-child(4n+0),
ul.sqrplugintileteaserc4m3 > li:nth-child(4n+0) {
    margin-right: 0;
}

ul.sqrplugintileteaserc5m0 > li {
    width: 20%;
}

ul.sqrplugintileteaserc5m1 > li {
    width: 19.2%;
    margin-right: 1%;
    margin-bottom: 1%;
}

ul.sqrplugintileteaserc5m2 > li {
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 2%;
}

ul.sqrplugintileteaserc5m3 > li {
    width: 17.6%;
    margin-right: 3%;
    margin-bottom: 3%;
}

ul.sqrplugintileteaserc5m1 > li:nth-child(5n+0),
ul.sqrplugintileteaserc5m2 > li:nth-child(5n+0),
ul.sqrplugintileteaserc5m3 > li:nth-child(5n+0) {
    margin-right: 0;
}

ul.sqrplugintileteaser > li > div {
    width: 100%;
    position: relative;
    overflow: hidden;
}

ul.sqrplugintileteaser3by1 > li > div {
    padding-bottom: 33.33333%;
}

ul.sqrplugintileteaser2by1 > li > div {
    padding-bottom: 50%;
}

ul.sqrplugintileteaser16by9 > li > div {
    padding-bottom: 56.25%;
}

ul.sqrplugintileteaser3by2 > li > div {
    padding-bottom: 66.66666%;
}

ul.sqrplugintileteaser4by3 > li > div {
    padding-bottom: 75%;
}

ul.sqrplugintileteaser1by1 > li > div {
    padding-bottom: 100%;
}

ul.sqrplugintileteaser3by4 > li > div {
    padding-bottom: 133.33333%;
}

ul.sqrplugintileteaser2by3 > li > div {
    padding-bottom: 150%;
}

ul.sqrplugintileteaser > li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

ul.sqrplugintileteaser > li > div div {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

ul.sqrplugintileteaser > li > div div span {
    display: block;
    position: absolute;
    text-decoration: none;
    box-sizing: border-box;
}

ul.sqrplugintileteasercenter > li > div div span {
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
}

ul.sqrplugintileteasertopleft > li > div div span {
    top: 0;
    left: 0;
}

ul.sqrplugintileteasertopright > li > div div span {
    top: 0;
    right: 0;
    text-align: right;
}

ul.sqrplugintileteaserbottomleft > li > div div span {
    bottom: 0;
    left: 0;
}

ul.sqrplugintileteaserbottomright > li > div div span {
    bottom: 0;
    right: 0;
    text-align: right;
}

@media (max-width: 767px) {
    ul.sqrplugintileteaser > li {
        float: none;
        margin-right: 0;
        width: 100%;
    }
}

@media (min-width: 768px) {
    ul.sqrplugintileteaseranimate > li img {
        transform: scale3d(1.001, 1.001, 1);
        transition: transform 1s ease;
    }

    ul.sqrplugintileteaseranimate > li a:hover img {
        transform: scale3d(1.1, 1.1, 1);
    }
}