.masonry_hybrid-bazgqa { margin-left: -40px; width: calc(100% + 40px); transition-property: height, width; } .masonry_hybrid-bazgqa .grid-item, .masonry_hybrid-bazgqa .grid-sizer { width: calc(100% / 2); } .masonry_hybrid-bazgqa .gutter-sizer { width: 0; } .masonry_hybrid-bazgqa .grid-item { float: left; box-sizing: border-box; padding-left: 40px; padding-bottom: 40px; } .masonry_hybrid-bazgqa .grid-item.ui-resizable-resizing { z-index: 999 } .masonry_hybrid-bazgqa .grid-item .screen-size{ visibility: hidden; transition: .5s; -webkit-transition: .5s; opacity: 0; position: absolute; bottom: calc(40px + 8px); right: 9px; padding: 2px 4px; border-radius: 2px; font-size: 11px; } .masonry_hybrid-bazgqa .grid-item.ui-resizable-resizing .screen-size{ visibility: visible; opacity: 1; } .masonry_hybrid-bazgqa .grid-item .ui-resizable-se { right: 0; bottom: 40px; opacity: 0; } .masonry_hybrid-bazgqa .grid-item:hover .ui-resizable-se { opacity: 1; }.masonry_hybrid-bazgqa .grid-item--width1 { width: 50% }.masonry_hybrid-bazgqa .grid-item--width2 { width: 100% } @media (max-width: 860px){ .masonry_hybrid-bazgqa .grid-item, .masonry_hybrid-bazgqa .grid-sizer { width: calc(100% / 2); } } @media (max-width: 577px){ .masonry_hybrid-bazgqa .grid-item, .masonry_hybrid-bazgqa .grid-sizer { width: calc(100% / 1); } }