@media only screen and (max-width: 320px){
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
        .popover{
                max-width: 150px !important;
                width: 150px;
                top: -270px !important;
        }
         .popover-street{
                   max-width: 800px !important;
                   width: 350px;   
                   top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }
    
}



@media only screen and (max-width: 460px){
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
        .popover{
                max-width: 150px !important;
                width: 150px;
                top: -270px !important;
        }
        .popover-street{
                max-width: 800px !important;
                width: 350px;
                top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }
    

}
 @media only screen and (min-width : 480px) {
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
        .popover{
                max-width: 150px !important;
                width: 150px;
                top: -270px !important;
        }
        .popover-street{
                max-width: 800px !important;
                width: 350px;
                top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }
    
}

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
        .popover{
                max-width: 300px !important;
                width: 300px;
                top: -270px !important;
        }
        .popover-street{
                max-width: 800px !important;
                width: 350px;
                top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }
}


    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
        .popover{
                max-width: 300px !important;
                width: 300px;
                top: -270px !important;
        }
        .popover-street{
                max-width: 800px !important;
                width: 350px;
                top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
        .popover{
                max-width: 300px !important;
                width: 300px;
                top: -320px !important;
        }
        .popover-street{
                max-width: 800px !important;
                width: 350px;
                top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }

    }

     @media only screen and (min-width : 1900px) {
                       
       .inner-box{
                margin-bottom: 5px;
                }
        .popover img{
            vertical-align: top;
            margin-left: 0px;
            max-width: 100%;
            width: 100%;
            }
            .popover-content {
            padding: 9px 14px;
        }
         .popover{
                max-width: 300px !important;
                width: 300px;
                top: -320px !important;
        }
        .popover-street{
                max-width: 800px !important;
                width: 350px;
                top: -347px !important;
        }
        .popover-stray{
                max-width: 150px !important;
                width: 150px;
                top: -133px !important;
        }
        .inner-box p {
                margin-bottom: -15px;
        }
}

.pp_gallery ul > li > a > img {
    width: 50px;
    max-width: 100%;
}