/* padding-bottom and top for image */
        .mfp-no-margins img.mfp-img {
            padding: 0;
        }
        /* position of shadow behind the image */
        .mfp-no-margins .mfp-figure:after {
            top: 0;
            bottom: 0;
        }
        /* padding for main container */
        .mfp-no-margins .mfp-container {
            padding: 0;
        }


        /* 

        for zoom animation 
        uncomment this part if you haven't added this code anywhere else

        */
        

        .mfp-with-zoom .mfp-container,
        .mfp-with-zoom.mfp-bg {
            opacity: 0;
            -webkit-backface-visibility: hidden;
            -webkit-transition: all 0.3s ease-out; 
            -moz-transition: all 0.3s ease-out; 
            -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out;
        }

        .mfp-with-zoom.mfp-ready .mfp-container {
                opacity: 1;
        }
        .mfp-with-zoom.mfp-ready.mfp-bg {
                opacity: 0.5;
        }

        .mfp-with-zoom.mfp-removing .mfp-container, 
        .mfp-with-zoom.mfp-removing.mfp-bg {
            opacity: 0;
        }




        

        /* 
        x-webkit x-chrome x-windows x-desktop x-body x-keyboard-mode x-border-layout-ct x-border-box x-scroller x-container x-container-default mfp-zoom-out-cur
        mfp-bg mfp-ready
        */
        body div.mfp-bg { z-index: 999998 !important; }
        body div.mfp-wrap { z-index: 999999 !important; }