.hero-slider {
    position: relative;
    width: 100%;
}

    .hero-slider .slides .slick-list {
        width: 100%;
    }

        .hero-slider .slides .slick-list .slick-track {
            width: 100%;
        }

    .hero-slider .slides .hero-slide {
        position: relative;
        height: 49vh;
    }

.document-type-location .hero-slider .slides .hero-slide {
    position: relative;
    height: 75vh;
}

.within-location .hero-slider .slides .hero-slide {
    position: relative;
    height: 75vh;
}

        .hero-slider .slides .hero-slide .slider-content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
        }

            .hero-slider .slides .hero-slide .slider-content .content {
                padding: 60px;
                color: #fff;
                left: 0;
                right: 0;
            }

                .hero-slider .slides .hero-slide .slider-content .content h2 {
                    color: #fff;
                }

                .hero-slider .slides .hero-slide .slider-content .content.text-top-left,
                .hero-slider .slides .hero-slide .slider-content .content.text-top-center,
                .hero-slider .slides .hero-slide .slider-content .content.text-top-right {
                    position: absolute;
                    top: 0;
                    bottom: auto;
                    transform: unset;
                }

                .hero-slider .slides .hero-slide .slider-content .content.text-middle-left,
                .hero-slider .slides .hero-slide .slider-content .content.text-middle-center,
                .hero-slider .slides .hero-slide .slider-content .content.text-middle-right {
                    position: absolute;
                    top: 50%;
                    bottom: auto;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    -o-transform: translate(0, -50%);
                }

                .hero-slider .slides .hero-slide .slider-content .content.text-bottom-left,
                .hero-slider .slides .hero-slide .slider-content .content.text-bottom-center,
                .hero-slider .slides .hero-slide .slider-content .content.text-bottom-right {
                    position: absolute;
                    bottom: 0;
                    top: auto;
                    transform: unset;
                }

                .hero-slider .slides .hero-slide .slider-content .content.text-top-right,
                .hero-slider .slides .hero-slide .slider-content .content.text-middle-right,
                .hero-slider .slides .hero-slide .slider-content .content.text-bottom-right {
                    text-align: right;
                }

                .hero-slider .slides .hero-slide .slider-content .content.text-top-left,
                .hero-slider .slides .hero-slide .slider-content .content.text-middle-left,
                .hero-slider .slides .hero-slide .slider-content .content.text-bottom-left {
                    text-align: left;
                }

                .hero-slider .slides .hero-slide .slider-content .content.text-top-center,
                .hero-slider .slides .hero-slide .slider-content .content.text-middle-center,
                .hero-slider .slides .hero-slide .slider-content .content.text-bottom-center {
                    text-align: center;
                }

        .hero-slider .slides .hero-slide .slide-images {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .hero-slider .slides .hero-slide .slide-images .slide-image-holder {
                height: 100%;
            }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.tablet-image {
                    display: none;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-top-left .slide-image {
                    background-position: top left;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-top-center .slide-image {
                    background-position: top center;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-top-right .slide-image {
                    background-position: top right;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-middle-left .slide-image {
                    background-position: center left;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-middle-center .slide-image {
                    background-position: center;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-middle-right .slide-image {
                    background-position: center right;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-bottom-left .slide-image {
                    background-position: bottom left;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-bottom-center .slide-image {
                    background-position: bottom center;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder.image-bottom-right .slide-image {
                    background-position: bottom right;
                }

                .hero-slider .slides .hero-slide .slide-images .slide-image-holder .slide-image {
                    background-size: cover;
                    background-position: center;
                    height: 100%;
                }

    .hero-slider .slick-prev,
    .hero-slider .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        display: block;
        width: 40px;
        height: 40px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        z-index: 1;
    }

        .hero-slider .slick-prev:before,
        .hero-slider .slick-next:before {
            font-family: FontAwesome;
            font-size: 40px;
            line-height: 1;
            opacity: .75;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .hero-slider .slick-prev:hover,
        .hero-slider .slick-next:hover,
        .hero-slider .slick-prev:focus,
        .hero-slider .slick-next:focus {
            color: transparent;
            outline: none;
            background: transparent;
        }

            .hero-slider .slick-prev:hover:before,
            .hero-slider .slick-next:hover:before,
            .hero-slider .slick-prev:focus:before,
            .hero-slider .slick-next:focus:before {
                opacity: 1;
            }

        .hero-slider .slick-prev.slick-disabled:before,
        .hero-slider .slick-next.slick-disabled:before {
            opacity: 0.25;
        }

    .hero-slider .slick-prev {
        left: 5px;
    }

        .hero-slider .slick-prev:before {
            content: "\f053";
        }

    .hero-slider .slick-next {
        right: 5px;
    }

        .hero-slider .slick-next:before {
            content: "\f054";
        }

@media (min-width: 992px) {
    .hero-slider .slides .hero-slide {
        height: 49vh;
    }

    .document-type-location .hero-slider .slides .hero-slide {
        position: relative;
        height: 75vh;
    }

    .within-location .hero-slider .slides .hero-slide {
        position: relative;
        height: 75vh;
    }



        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-top-left,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-top-center,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-top-right {
            position: absolute;
            top: 0;
            bottom: auto;
            transform: unset;
        }

        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-middle-left,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-middle-center,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-middle-right {
            position: absolute;
            top: 50%;
            bottom: auto;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
        }

        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-bottom-left,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-bottom-center,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-bottom-right {
            position: absolute;
            top: auto;
            transform: unset;
            bottom: 0;
        }

        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-top-right,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-middle-right,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-bottom-right {
            text-align: right;
        }

        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-top-left,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-middle-left,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-bottom-left {
            text-align: left;
        }

        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-top-center,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-middle-center,
        .hero-slider .slides .hero-slide .slider-content .content.tablet-text-bottom-center {
            text-align: center;
        }

        .hero-slider .slides .hero-slide .slide-images .slide-image-holder.mobile-image {
            display: none;
        }

        .hero-slider .slides .hero-slide .slide-images .slide-image-holder.tablet-image {
            display: block;
        }

        .hero-slider .slides .hero-slide .slide-images .slide-image-holder.desktop-image {
            /* display: none; */
        }
}

@media (min-width: 1200px) {
    .hero-slider .slides .hero-slide {
        height: 60vh;
    }

    .document-type-location .hero-slider .slides .hero-slide {
        position: relative;
        height: 75vh;
    }

    .within-location .hero-slider .slides .hero-slide {
        position: relative;
        height: 75vh;
    }

        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-top-left,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-top-center,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-top-right {
            position: absolute;
            top: 0;
            bottom: auto;
            transform: unset;
        }

        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-middle-left,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-middle-center,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-middle-right {
            position: absolute;
            top: 50%;
            bottom: auto;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
        }

        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-bottom-left,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-bottom-center,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-bottom-right {
            position: absolute;
            top: auto;
            transform: unset;
            bottom: 0;
        }

        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-top-right,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-middle-right,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-bottom-right {
            text-align: right;
        }

        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-top-left,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-middle-left,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-bottom-left {
            text-align: left;
        }

        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-top-center,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-middle-center,
        .hero-slider .slides .hero-slide .slider-content .content.desktop-text-bottom-center {
            text-align: center;
        }

        .hero-slider .slides .hero-slide .slide-images .slide-image-holder.mobile-image {
            display: none;
        }

        .hero-slider .slides .hero-slide .slide-images .slide-image-holder.tablet-image {
            display: none;
        }

        .hero-slider .slides .hero-slide .slide-images .slide-image-holder.desktop-image {
            display: block;
        }
}