.list--buttons {display: flex;align-items: center;gap:20px;justify-content: flex-end}
.list--buttons .btn--fill svg *{fill:#fff}
.list--buttons .btn--fill:hover svg *{fill:var(--main)}
.cruises--table {width: 100%;border-collapse: collapse;}
.cruises--table thead td{padding: 10px 10px 10px 0;border-top:1px solid #000;border-bottom: 1px solid #000}
.cruises--table tbody td{padding: 10px 10px 10px 0;border-bottom: 1px solid #000}
.cruises--table tbody tr td:first-child{white-space: nowrap}
.cruises--table tbody tr td:nth-child(2){white-space: nowrap}
.cruises--table tbody tr td:nth-child(4){min-width:105px;text-align: center;}
.cruises--table *{border-collapse:collapse}
.cruise--title {font-weight: 600;font-size: 30px;line-height: 36px;margin-bottom: 30px;margin-top: 75px}
.cruise--desc {font-weight: 400;font-size: 18px;line-height: 22px;margin-bottom: 30px;}
.cruises--table thead tr td:nth-child(4) {
    text-align: center;
}
.ship-rating-text {
    font-size: 14px;
    color: #666;
}
.--album .cruises--table-btns .btn--fill.js--album {width: auto;padding-left: 15px;padding-right: 15px}
.--album .cruises--table-btns .btn--fill.js--album:hover span {color:var(--main)}
.rating {
    color: #FF7537;
}
@media all and (max-width: 1480px) {
    .cruise--title {margin-top: 50px;}
}

@media all and (max-width: 1152px) {
    .cruise--title {margin-top: 30px;font-size: 24px;}
    .list--buttons > a span {display: none}
}

@media only screen and (max-width: 1152px) and (min-width: 900px)  {
    .--album .cruises--table-btns .list--buttons {flex-direction: row}
    .--album .list--buttons>a span {display: block}
    .--album .cruises--table-btns .btn--fill.list--detail {width: auto;padding-left: 15px;padding-right: 15px}

}

@media only screen and (max-width: 1024px){
    .--album.cruises--table thead tr td:nth-child(4) {display: none}
    .--album.cruises--table tbody tr td:nth-child(4) {display: none}
}

@media all and (min-width: 767px) {
    .mobile--date, .mobile--ship {display: none}
}

@media all and (max-width: 767px) {
    .cruises--table thead {display: none}
    .cruises--table tbody {border-top: 1px solid #000;}
    .cruises--table tbody td {border: none}
    .cruises--table tbody tr td:first-child{white-space: nowrap;-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    .cruises--table tbody tr td:nth-child(2){white-space: nowrap;-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;}
    .cruises--table tbody tr td:nth-child(2):before{content: '/';display: inline-block;margin-right: 10px}
    .cruises--table tbody tr td:nth-child(3){-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;}
    .cruises--table tbody tr td:nth-child(4):before{content: '/';display: inline-block;margin-right: 10px}
    .cruises--table tbody tr td:nth-child(4){-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;}
    .list--buttons > a span {display: block}
    .list--buttons {justify-content: flex-start}

    .mobile--date {display: block;margin-bottom: 7px;font-weight: 400}
    .mobile--ship {display: block;margin-top: 7px;font-weight: 400}
}

@media all and (max-width: 550px) {
    .list--buttons {flex-wrap: wrap;gap:4px}
    .btn--fill {font-size: 14px}
}