<% @boats.each do |boat| %>
<% boat.pictures.order("position").all.each do |pic| %> <% end %>
<% end %>
.boat-result { padding: 0 0; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.04); display: block; width: 100%; position: relative; margin: 0 0 30px; } .space-1 { margin-bottom: 6.25px; } .space-2 { margin-bottom: 12.5px; } .space-3 { margin-bottom: 18.75px; } .yacht-info__list { list-style: none; padding: 0; font-size: 16px; } .yacht-info__list li { padding: 6px 0; font-size: 15px; display: table; height: 100%; line-height:21px; } .price-range { color: #31b7d7; font-weight: 300; font-size: 24px; margin: 0; text-align: right; } .vr_slider { width: 100%; max-width: 100%; min-height: 150px; position: relative; direction: ltr; } .rsvr { background: #fff; color: #fff; } .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: #fff; } .rsActiveSlide { transition: all 0.5s linear; opacity:1 !important; } .yacht-info { position: relative; padding: 30px 35px; } .main-search-boat .row { margin-right: -15px; margin-left: -15px; } .main-search-boat { background-color:#f1f4f5; } .yacht-info__pricing-range { float: left; padding: 0; text-align: left; font-size: 12px; color: #677075; } .yacht-info .yacht-details-btn { width: 220px; position: relative; z-index: 10; } .yacht-info .yacht-card-link { text-indent: -9999px; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .yacht-info .yacht-details-btn { padding: 5px 34px; } @media (min-width: 1200px) { .yacht-info { padding: 25px 30px 25px 0; height: 265px; } .yacht-info .yacht-price-col { position: absolute; right: 15px; } .yacht-info__price-range { text-align: right; width: 100%; } .yacht-info__by-person { display: block; } .yacht-info .yacht-details-btn { position: absolute; bottom: 25px; right: 30px; width: auto; } }