.gal ul li { display: inline;margin:10px;}
ul li a img {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(163,158,163,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(163,158,163,1);
    box-shadow: 5px 5px 5px 0px rgba(163,158,163,1);
}
.gallery {   
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    padding-inline-start: 0px;
} 

.gallery2 {   
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}   

@media only screen and (min-width: 480px) and (max-width: 767px) {
     .pp_pic_holder{ left: 50% !important; width: 400px !important;  margin-left: -200px !important;top:50px; }
     div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
     .pp_content, #pp_full_res img{ width: 100% !important; /* height: 100% !important;*/ }
     div.pp_default .pp_content_container .pp_details {width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important;}
     .gallery {   
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
     
    } 
}

@media only screen and (max-width: 479px) {
     .pp_pic_holder{ left: 50% !important; width: 300px !important;  margin-left: -150px !important; top:50px;}
     div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; }
     .pp_content, #pp_full_res img{ width: 100% !important; /* height: 100% !important;*/ }
     div.pp_default .pp_content_container .pp_details {width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
     .gallery {   
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
}