@charset "UTF-8";

/*DESKTOP
======================*/

@media screen and (min-width: 1170px) {}

@media screen and (min-width: 990px) {}

@media screen and (min-width: 990px) and (max-width: 1169px) {}

@media screen and (min-width: 768px) and (max-width: 1169px) {}


/*TABLET
======================*/
@media screen and (min-width: 1281px) and (max-width: 1366px) {
    .twentytwenty-container {
        padding:0 0;
    }
}
@media screen and (min-width: 1170px) and (max-width: 1280px) {
    .twentytwenty-container {
        padding:0 0;
    }
}
@media screen and (max-width:1279px) and (orientation:landscape) {}

@media screen and (max-width: 989px) {
    .twentytwenty-container {
        padding:0 0;
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {}


/* MOBILE
======================*/

@media screen and (max-width: 599px) {
    .twentytwenty-container {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        z-index: 0;
        overflow: hidden;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        padding:0;
        overflow-x: hidden;
        display: block;
        height:100%;
    }

    .twentytwenty-container img {
        max-width: 100%;
        position: absolute;
        top: 0;
        display: block;
    }
}

@media screen and (max-width: 330px) {}


/* ONLY
======================*/

@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width: 768px) and (max-width: 989px) {}

@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width: 767px) {}


/* Firefox All */

@-moz-document url-prefix() {
    .xxxx {}
}


/* Safari 5~6 ONLY */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,
    .xxxx {}
}


/* Safari 6以上 ONLY */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        _:-webkit-full-screen,
        .xxxx {}
    }
}


/**/