/* ----------------------------------------- */ /* View slug: yachts-tutti - start */ /* ----------------------------------------- */ .filterDiv { float: left; background-color: #f9f9f90f; color: #ffffff; width: 49%; line-height: auto; text-align: center; margin: 2px; display: none; /* Hidden by default */ } .filterDiv img, .filterDiv a img { border: none; padding: 0; margin: 0; display: inline-block; max-width: 100%; height: 350px; image-rendering: optimizeQuality; } #myBtnContainer {text-align: center!important;} /* The "show" class is added to the filtered elements */ .show { display: block; } /* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: #e4f4f7; cursor: pointer; } /* Add a light grey background on mouse-over */ .btn:hover { background-color: #121f33; color: white; } /* Add a dark background to the active button */ .btn.active { background-color: #121f33; color: white; } @media only screen and (max-width: 767px){ .filterDiv { width: 100%; } .filterDiv img, .filterDiv a img { height: auto; } } /* ----------------------------------------- */ /* View slug: yachts-tutti - end */ /* ----------------------------------------- */