.photo_album_grid{ background: #2f2f2f; } .photo_img_gride_item{ float:right; overflow: hidden; position: relative; } .photo_img_gride_item img{ height:100%; } @media(min-width:1200px){ .photo_img_gride_item{ width:23.5%; margin-left:2%; height:170px; margin-bottom:20px; } .photo_no_marg_md{ margin-left:0 !important; } } @media(max-width:1200px)and (min-width:980px){ .photo_img_gride_item{ width:23.5%; margin-left:2%; height:150px; margin-bottom:20px; } .photo_no_marg_md{ margin-left:0 !important; } } @media(min-width:767px) and (max-width:980px){ .photo_img_gride_item{ width:32%; margin-left:2%; margin-bottom:15px; height:170px; } .photo_no_marg_sm{ margin-left:0 !important; } } @media(min-width:480px) and (max-width:767px){ .photo_img_gride_item{ width:48%; margin-left:4%; margin-bottom:17px; height:140px; } .photo_no_marg_ms{ margin-left:0 !important; } } @media(min-width:320px)and (max-width:480px){ .photo_img_gride_item{ width:90%; margin-right:5%; margin-bottom:15px; height:200px;} } @media(max-width:320px){ .photo_img_gride_item{ width:90%; margin-right:5%; margin-bottom:15px; height:150px;} }
