div.cn-shadow-pp {
            display: none;
            justify-content: center;
            align-items: center;
            position: fixed;top: 0;left: 0;z-index: 999999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
        div.cn-wrap-pp {display: none;/*position: fixed;left: 50%;top: 50%;margin-left: -250px;margin-top: -250px;*/width: 500px;/*height: 500px;*/z-index: 9999999;}
        div.cn-wrap-pp a.cn-bt-close {display: block;float: right;border: 1px solid #FFF;color: #FFF;font-family: 'Open Sans', Sans-serif;font-size: 12px;text-decoration: none;text-transform: uppercase;margin-bottom: 10px;padding: 5px;}
        div.cn-wrap-pp a.cn-bt-close:hover {background-color: #FFF;color: #000;}    

        @media screen and (max-width: 767px) {
            div.cn-wrap-pp {/*margin-left: -169px;*/width: 90%;}
            .cn-container img {width: 100%;height: auto;}
        }
        
        @media (max-width: 767px) and (orientation:landscape){
            div.cn-wrap-pp{   
                position: absolute;
                top: 10px;
            }
        }