<style>
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {

    .reveal .controls {display:block !important;}

                .slide-background{
                max-height: 375px !important;
                top: 10% !important;
            }

                #twittershare {
                    width: 10px !important;
                    left: 20% !important;
                    z-index: 15 !important;
                }

                #facebookshare{
                    width: 10px !important;
                    left: 40% !important;
                    z-index: 15 !important;
                }

                #showPopover{
                    font-size: 12px !important;
                    z-index: 15 !important;
                }

               
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

        .reveal .controls {display:block !important;}

                #twittershare {
                    
                    bottom: 20% !important;
                    left: 0% !important;
                    z-index: 15 !important;
                }

                #facebookshare{
                    
                    bottom: 40% !important;
                    left: 0.8% !important;
                    z-index: 15 !important;
                }

                #showPopover{
                    left: 1.6% !important;
                    z-index: 15 !important;
                }

                #pausebutton {
                    bottom: 2% !important;
                    left: 47.3% !important;
                }
                #playbutton {
                    bottom: 2% !important;
                    left: 47.3% !important;
                }                

}       

</style>