/* Adds font-display: swap to the slick icon font (overrides slick-theme.css @font-face). */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('../../../etc.clientlibs/sisalsans/clientlibs/clientlib-vendor/resources/fonts/slick.woff') format('woff'),
         url('../../../etc.clientlibs/sisalsans/clientlibs/clientlib-vendor/resources/fonts/slick.ttf') format('truetype');
}

@media screen and (min-width: 1920px) {
    .millipiyango-card-element {
        min-height: 33vw;
    }
}
@media screen and (min-width: 1800px) and (max-width: 1919px) {
    .millipiyango-card-element {
        min-height: 35vw;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1799px) {
    .millipiyango-card-element {
        min-height: 39vw;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .millipiyango-card-element {
        min-height: 44vw;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1399px) {
    .millipiyango-card-element {
        min-height: 46vw;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
    .millipiyango-card-element {
        min-height: 50vw;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
    .millipiyango-card-element {
        min-height: 52vw;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
    .millipiyango-card-element {
        min-height: 57vw;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
    /* start of desktop styles */
    .millipiyango-card-element {
        min-height: 62vw;
    }
}
@media screen and (min-width: 980px) and (max-width: 1023px) {
    .millipiyango-card-element {
        min-height: 65vw;
    }
}
@media screen and (min-width: 879px) and (max-width: 979px) {
    /* start of wide tablet (ipad pro) styles */
    .millipiyango-card-element {
        min-height: 71vw;
    }
}
@media screen and (min-width: 768px) and (max-width: 878.99px) {
    .millipiyango-card-element {
        min-height: 81vw;
    }
}
@media screen and (min-width: 721px) and (max-width: 767px) {
    .millipiyango-card-element {
        min-height: 86vw;
    }
}
@media screen and (min-width: 665px) and (max-width: 720px) {
    .millipiyango-card-element {
        min-height: 93vw;
    }
}
@media screen and (min-width: 600px) and (max-width: 664px) {
    .millipiyango-card-element {
        min-height: 103vw;
    }
}
@media screen and (min-width: 549px) and (max-width: 599px) {
    .millipiyango-card-element {
        min-height: 113vw;
    }
}
@media screen and (min-width: 482px) and (max-width: 549px) {
    .millipiyango-card-element {
        min-height: 130vw;
    }
}
@media screen and (min-width: 410px) and (max-width: 482px) {
    .millipiyango-card-element {
        min-height: 130vw;
    }
}
@media screen and (min-width: 374px) and (max-width: 410px) {
    .millipiyango-card-element {
        min-height: 150vw;
    }
}
@media (max-width: 374px) {
    .millipiyango-card-element {
        min-height: 168vw;
    }
}
@media screen and (min-width: 401px) and (max-width: 991px) {
    .play-with {
        display: block !important;
    }
}
@media screen and (max-width: 400px) {
    /* start of phone styles */
    .play-with {
        display: block !important;
    }
}
.play-with .millypiyango {
    background-color: #169AD6;
    margin-bottom:0px;
}
.play-with .round-btn:hover svg polygon {
    fill: #169AD6;
}
@media (max-width: 767.98px) {
    .play-with {
        display: block !important;
    }
}
.millypiyango-stylehover {
    color: #169AD6 !important;
    border-color: #169AD6 !important;
    background-color: #fff !important;
}