@media (min-width: 320px) and (max-width: 320px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.33)!important;
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (min-width: 320px) and (max-width: 359px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            /* transform: scale(0.35)!important; */
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (min-width: 414px) and (max-width: 765px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.45)!important;
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (min-width: 360px) and (max-width: 640px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.4)!important;
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (max-width: 767px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.4);
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (min-width: 414px) and (max-width: 765px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.45)!important;
        }
    }
    
    @media (min-width: 375px) and (max-width: 812px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.4)!important;
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (min-width: 360px) and (max-width: 568px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.35)!important;
            transform-origin: 15% 0%!important;
        }
    }
    
    @media (min-width: 384px) and (max-width: 640px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.4)!important;
            transform-origin: 10% 0%!important;
        }
    }
    
    @media (min-width: 412px) and (max-width: 732px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.4)!important;
            transform-origin: 15% 0%!important;
        }
    }
    
    @media (min-width: 411px) and (max-width: 731px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.4)!important;
            transform-origin: 15% 0%!important;
        }
    }
    /* @media (min-width: 320px) and (max-width:568px) {
                .pagezoomcontroller,
                    .pagezoomcontroller-page {
                    transform: scale(0.33)!important;
                    transform-origin: 10% 0%!important;
                }
            } */
    
    @media (min-width: 768px) and (max-width: 1023px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.7)!important;
            transform-origin: 30% 0%!important;
        }
    }
    /*    @media (min-width: 1024px) and (max-width: 1366px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(1.0)!important;
            transform-origin: 10% 0%!important;
        }
    }*/
    
    @media (min-width: 640px) and (max-width:360px) {
        .pagezoomcontroller,
        .pagezoomcontroller-page {
            transform: scale(0.6)!important;
            transform-origin: 30% 0%!important;
        }
    }
    
    @media (max-device-width: 765px) and (orientation: landscape) {
        .pagezoomcontroller {
            transform: scale(0.6)!important;
            transform-origin: 25% 0%!important;
        }
    }
    
    @media (max-device-width: 480px) and (min-width: 320px) and (orientation: landscape) {
        .pagezoomcontroller {
            transform: scale(0.4)!important;
            transform-origin: 25% 0%!important;
        }
    }
    
    @media (max-device-width: 568px) and (min-width: 320px) and (orientation: landscape) {
        .pagezoomcontroller {
            transform: scale(0.5)!important;
            transform-origin: 15% 0%!important;
        }
    }