@media only screen and (max-device-width: 1024px) {
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        /*** Posiiton: LEFT begin ***/
        #txp123maxipi1 {
            left: 0 !important;
            right: unset !important;
        }
        .header-fixed #txp123maxipi1.footer {
            margin-bottom: 0.5em;
            transition: margin-bottom 1s;
        }

        #txp123maxipi1.open {
            margin-top: 0;
            transition: margin-top 1s;
        }
        #txp123maxipi1.footer.open {
            top: 0;
            margin-top: 3em;
        }
        #txp123maxipi1.open .txp123maxipi1-container{
            margin-top: .75em;
        }
        #txp123maxipi1.open .cover {
            display: block;
        }
        #txp123maxipi1 .txp123maxipi1-picture-wrapper {
            float: right !important;
            right: unset !important;
            left: -11px;
        }
        #txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-r {
            display: none;
        }
        #txp123maxipi1 .txp123maxipi1-picture-wrapper .picture.picture-l {
            display: block;
        }
        #txp123maxipi1 .txp123maxipi1-title-wrapper {
            float: right !important;
            width: 8px;
        }
        #txp123maxipi1 .txp123maxipi1-title-wrapper .title {
            display: none;
        }
        /*** Posiiton: LEFT end ***/

        #txp123maxipi1 .txp123maxipi1-message-wrapper {
            padding-right: 28px;
        }
        #txp123maxipi1 .txp123maxipi1-title-wrapper {
            background: #fff;
            border: 1px solid #d4d4d4;
            box-shadow: none;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            left: 90px;
            top: -185px;
            width: 480px;
            height: 277px;
            box-shadow: 9px 8px rgba(112, 112, 112,.5),rgba(0,0,0,.85) 2px 4px 13px 2px;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-message::before {
            left: -52px;
            transform: rotate(57deg);
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            max-height: calc(100vh - 155px);
            overflow-y: scroll;
        }
    }

    @media only screen and (max-device-width: 810px) {
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 540px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }
    @media only screen and (max-device-width: 812px) {
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 768px) {
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 736px) {
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 667px) {
        /*** because of cover ***/
        #footer-hotline {
            z-index: 2;
        }
        /*.header-fixed #txp123maxipi1 {*/
        /*    margin-top: calc(100vh - 185px);*/
        /*    transition: margin-top 1s;*/
        /*    margin-right: 0;*/
        /*}*/
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 640px) {
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 568px) {
        /*#txp123maxipi1 {*/
        /*    margin-top: calc(100vh - 300px);*/
        /*    font-size: 1.1em;*/
        /*}*/
        /*.header-fixed #txp123maxipi1.open {*/
        /*    margin-top: 0;*/
        /*}*/
        #txp123maxipi1 .message_footer ul {
            display: none;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            left: 74px;
            width: 315px;
            height: 204px;
            font-size: 0.9em;
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper {
            padding: 0;
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 314px;
        }
        #txp123maxipi1 .txp123maxipi1-close-wrapper {
            margin-right: -2px;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            top: -184px
        }
        .header-fixed #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            top: -182px;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper:before {
            width: 118px;
            height: 161px;
            bottom: 21px;
            transform: rotate(36deg);
            right: 79%;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 428px) {
        #txp123maxipi1 .close-x {
            margin-right: 5px;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            width: 300px;
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 305px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 414px) {
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 293px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 390px) {
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            width: 281px;
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 270px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 375px) {
        #txp123maxipi1 {
            font-size: 1.3em;
        }
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            width: 262px;
            font-size: 1em;
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 254px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 360px) {
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 239px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }

    @media only screen and (max-device-width: 320px) {
        #txp123maxipi1 .txp123maxipi1-speechbubble-wrapper {
            width: 214px;
            font-size: .9em;
        }
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message,
        #txp123maxipi1 .txp123maxipi1-message-wrapper .txp123maxipi1-message-js {
            width: 199px;
        }
        /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
        /*}*/
    }
}