.facilities_wrapper{
    display: block;
}
.introduce_facilities{
    color: #010101;
    padding: 25px 30px 30px;
    font-family: "THKrub-bold",sans-serif;
    font-size: 21px;
    text-align: left;
}
.facilities-slick-block .slick-prev-arrow,
.facilities-slick-block .slick-next-arrow{
    opacity: 0;
}
.facilities-slick-block:hover .slick-prev-arrow,
.facilities-slick-block:hover .slick-next-arrow{
    opacity: 1;
}
.facilities-slick-block img{
    width: 100%;
}
.facilities-slick-block{
    position: relative;
}
.facilities-slick-block .text-over-slide .detail,
.facilities-slick-block .text-over-slide .agenda{
    font-size: 21px;
}

.text-over-slide{
    position: absolute;
    top: 5%;
    left: 0;
    bottom: 25px;
    width: 35%;
    height: 90%;
    background-color: rgba(0, 14, 35, 0.9);
    color: white;
    padding: 30px 60px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}
.text-over-slide .header{
    font-size: 36px;
    font-family: "SnellBT-Bold",sans-serif;
    margin-bottom: 10px;
}
.text-over-slide .detail,.text-over-slide .agenda{
    font-family: "THKrub",sans-serif;
    font-size: 18px;
    padding-top: 5px;
    color: #eeeeee;
}

.fac_icon{
    width: 21px;
    height: 21px;
    font-size: 18px;
    color: #dbb35a;
    margin-right: 5px;
}
.fa-swim:before{
    content: '';
    background: url(../image/icon-swim.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position-y: 5px;
}
.fa-carry:before{
    content: '';
    background: url(../image/icon-carry.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
}
.service-include{
    margin: 30px 0 0;
    padding: 15px 20px;
}
.service-include .header{
    text-align: center;
    font-size: 36px;
    font-family: "SnellBT-Bold",sans-serif;
}
.service-include .detail{
    font-size: 21px;
    font-family: "THKrub",sans-serif;
    /*justify-content: center;*/
    margin-top: 25px;
}
.service-include .detail .service-item{
    /*padding-left: 60px;*/
}


/*Extra small devices (portrait phones, less than 576px)*/

@media(max-width: 413.98px){
    .text-over-slide{
        /*position: relative;*/
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 20px;
        height: 38px;
        line-height: 38px;
        top: auto;
    }
    .text-over-slide .header{
        font-size: 21px;
        margin: 0;
    }
    .text-over-slide .detail,.text-over-slide .agenda{
        display: none;
        font-size: 21px;
        padding-top: 10px;
    }
    .introduce_facilities{
        font-size: 21px;
        padding-bottom: 35px;
    }
    .introduce_facilities,.facilities_wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .service-include .header{
        font-size:21px;
    }
    .introduce_facilities{
        font-size: 21px;
        padding: 10px 0 5px;
    }
    .service-include{
        margin: 15px 0 0;
        padding-bottom: 20px;

    }
    .service-include .detail{
        font-size: 21px;
        margin-top: 5px;
    }
    .service-include .detail .service-item{
        text-align: left;
        padding-left: 15px;
        font-size: 18px;
    }
}

@media(min-width: 414px) and (max-width: 575.98px) {

    .text-over-slide{
        /*position: relative;*/
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 20px;
        height: 38px;
        line-height: 38px;
        top: auto;
    }
    .text-over-slide .header{
        font-size: 21px;
        margin: 0;
    }
    .text-over-slide .detail,.text-over-slide .agenda{
        display: none;
        font-size: 21px;
        padding-top: 10px;
    }
    .introduce_facilities{
        font-size: 21px;
        padding-bottom: 35px;
    }
    .introduce_facilities,.facilities_wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .service-include .header{
        font-size:21px;
    }
    .introduce_facilities{
        font-size: 21px;
        padding: 10px 0 5px;
    }
    .service-include{
        margin: 15px 0 0;
        padding-bottom: 20px;

    }
    .service-include .detail{
        font-size: 21px;
        margin-top: 5px;
    }
    .service-include .detail .service-item{
        text-align: left;
        padding-left: 15px;
        font-size: 18px;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .text-over-slide{
        /*position: relative;*/
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        height: auto;
        top: auto;
    }
    .text-over-slide .header{
        font-size: 18px;
    }
    .introduce_facilities{
        font-size: 18px;
        padding-bottom: 35px;
    }
    .service-include{
        margin: 30px 0 5px;
        padding-bottom: 35px;
    }
    .service-include .header{
        font-size: 21px;
    }
    .service-include .detail{
        font-size: 18px;
    }
    .service-include .detail .service-item{
        text-align: left;
        padding-left: 45px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .text-over-slide{
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 20px;
        height: auto;
        top: auto;
    }
    .text-over-slide .header{
        font-family: "THKrub-bold",sans-serif;
        font-size: 18px;
        margin: 0;
    }
    .text-over-slide .detail,.text-over-slide .agenda{
        display: none;
        font-size: 18px;
        padding-top: 10px;
    }
    .service-include .detail .service-item{
        text-align: left;
        padding: 0;
    }
    .introduce_facilities{
        padding-top: 35px;
        padding-bottom: 25px;
    }
    .service-include{
        margin: 30px 0 5px;
    }
    .service-include .header{
        font-size: 21px;
    }
    .service-include .detail{
        font-size: 18px;
        margin-top: 10px;
        padding: 0 30px;
    }
    .facilities-zone .wrapper{
        padding-top: 35px;
    }
    .wrapper.service-include{
        padding-top: 18px;
        padding-bottom: 20px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .service-include .detail{
        margin-top: 0;
    }
    .facilities-zone .wrapper{
        padding-top: 35px;
    }
    .wrapper.service-include{
        padding: 10px 30px 20px;
    }
    .introduce_facilities{
        padding: 30px 30px 20px;
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .service-include .detail{
        margin-top: 0;
    }
    .facilities-zone .wrapper{
        padding-top: 35px;
    }
    .wrapper.service-include{
        padding: 10px 30px 20px;
    }
    .introduce_facilities{
        padding: 30px 30px 20px;
    }
}