/* ----------------------------------------- */ /* View slug: yachts-eyi - start */ /* ----------------------------------------- */ .filterDiv { display: none; /* Hidden by default */ } .filterDiv img, .filterDiv a img { border: none; padding: 0; margin: 0; 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: 2px solid #f4bb3b; outline: none; padding: 12px 30px; background-color: #0f3158; cursor: pointer; color: #fff; } /* Add a light grey background on mouse-over */ .btn:hover { background-color: #f4bb3b; color: white; } /* Add a dark background to the active button */ .btn.active { background-color: #163d76;; color: white; } @media only screen and (max-width: 767px){ .filterDiv { width: 100%; } .filterDiv img, .filterDiv a img { height: auto; } } .carousel-cell { width: 33%!important; height: auto; padding: 10px!important; float: left; display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; align-items: stretch; -webkit-align-items: stretch; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 10px; } #carousel h2.h2eyi{font-size:22px!important;padding-bottom: 0px; padding-top: 0px; text-transform: uppercase;} #carousel .img{max-height:400px} /*MOBILE*/ @media only screen and (max-width: 767px) { .carousel-cell { width: 100%!important;} #carousel h2.h2eyi{font-size:20px!important} } /* ----------------------------------------- */ /* View slug: yachts-eyi - end */ /* ----------------------------------------- */