.amenities{
    padding-top: 80px;
/*    padding-bottom: 100px;*/
    width: 100%;
    height: auto;
}

.amenities .btn-wrap{
    margin: 80px 0 30px;
    text-align: center;
}
.amenities .other-amenities{
    display: none;
    margin-top: 70px;
}

.amenities .other-amenities>.row{
    margin-top: 30px;
}

.amenity-swipebox-hidden{
    display: none;
}

.amenity:not(.amenity-swipebox){
    height: 100%;
    border-left: 1px solid #D8B04A;
}
.other-amenities .amenity{
    padding: 20px 0 0;
}

.amenity>p{
    padding-left: 75px;
}

.amenity ul{
    position: relative;
    min-height: 165px;
    padding-top: 15px;
    padding-bottom: 35px;
}

.amenity ul li{
    position: relative;
    padding-left: 75px;
}

.amenity ul li:not(:first-child){
    padding-top: 20px;
}

.amenity ul li::before{
    content: '';
    position: absolute;
    background: url("../images/check.png") no-repeat;
    width: 25px;
    height: 25px;
    left: 25px;
    background-size: 100%;
    filter: brightness(0);
}

.amenity ul li ul{
    padding: 10px 0;
    min-height: unset;
    border: none;
}
.amenity ul li ul li{
    font-size: smaller;
    padding-left: 30px;
}
.amenity ul li ul li:before{
    top: 10px;
    left: 0;
    background: #140A01;
    width: 10px;
    height: 1px;
}
.amenity ul li ul li:not(:first-child){
    padding-top: 10px;
}
.amenity ul li ul li:not(:first-child):before{
    top: 20px;
    left: 0;
    background: #140A01;
    width: 10px;
    height: 1px;
}

.btn-gallery{
    position: relative;
    margin-left: 25px;
    margin-top: 25px;
    font-family: Raleway-Regular, sans-serif;
    color: #0A1A40;
    text-transform: uppercase;
}

.btn-gallery::before{
    content: '';
    position: absolute;
    background: url('../images/pre_icon.png') no-repeat;
    top: 25%;
    left: -25px;
    width: 12px;
    height: 23px;
    background-size: 100%;
}

.amenities-swipe img{
    display: none;
}

@media (max-width: 1200px) {
    .amenities.p-100{
        padding-left: 35px;
        padding-right: 35px;
    }

    .amenity .amenities-swipe{
        margin-bottom: 50px;
    }
}

@media (max-width: 768px){
    .amenities.p-100{
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 30px;
    }
    .other-amenities .amenity{
        padding: 30px 0 0;
    }
    .other-amenities .amenity>p{
        margin: 0;
    }

    .amenity h2{
        margin-bottom: 20px;
    }

    .amenity ul{
        padding-top: 0;
        min-height: unset;
        padding-bottom: 0;
    }


    .amenity ul li:first-child{
        padding-top: 20px;
    }
    .amenity ul li, .amenity ul li p{
        font-size: 16px;
        margin: 0;
    }

    .amenities{
        padding-bottom: 35px;
    }
    .amenities .other-amenities{
        margin-top: 20px;
    }
    .amenities .btn-wrap{
        margin: 50px 0 0;
    }
    .amenities .other-amenities>.row{
        margin-top: 0;
    }
}
