.slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.slider .main {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: 85%; justify-content: space-between; align-items: center;}
.slider .main .churchtitle {text-align: left;}
.slider .main .churchtitle h1 { font-size: 119px; font-family: 'SEBANGGothicBold'; color:#fff;}
.slider .main .churchtitle h2 {font-size: 51.5px; font-family: 'SUITE-Regular'; color:#fff;}
.slider .main .link a {display: inline-block; padding: 45px 120px; position: relative; background: #d4af8b; border-radius: 20px;}
.slider .main .link a h5 {font-family: 'SUITE-Bold';  color: #fff; font-size: 22px; display: inline-block; margin: 0; position: absolute; top: 50%; font-weight: normal; left: 0; text-align: center; width: 100%; transform: translate(0, -50%);}
.slider .main .link a:before { background-color: #56413f; transition: 0.3s all ease;}
    .slider .mainslider-wrapper {
        height: 100%;
    }

        .slider .mainslider-wrapper .slide {
            height: 100%;
            text-align: center;
        }

            .slider .mainslider-wrapper .slide.bg {
                background-size: auto 100%;
                background-repeat: no-repeat;
                background-position: center;
            }

            .slider .mainslider-wrapper .slide p {
                margin: 0;
            }

            .slider .mainslider-wrapper .slide img {
                max-width: 100%;
            }

    .slider .slider-dots {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        text-align: center;
    }

        .slider .slider-dots .each-dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: #fff;
            cursor: pointer;
            margin: 0 2px;
            border: 1px solid #eee;
            border-radius: 50%;
            opacity: 0.9;
        }

            .slider .slider-dots .each-dot.active {
                background: #286090;
                border-color: #1c74bf;
            }

    .slider .move-btn {
        background: rgba(0, 0, 0, 0.68);
        position: absolute;
        top: 50%;
        margin-top: -52px;
        cursor: pointer;
        padding: 42px 12px;
    }

        .slider .move-btn.mainslide_prev-btn {
            left: 0;
        }

        .slider .move-btn.mainslide_next-btn {
            right: 0;
        }

    .slider.rightBottom .move-btn {
        right: 0;
        bottom: 0;
        margin-top: 0;
        padding: 0;
        top: initial;
    }

        .slider.rightBottom .move-btn:hover {
            opacity: 0.8;
        }

        .slider.rightBottom .move-btn.mainslide_prev-btn {
            background: rgba(255, 255, 255, 0.41);
            left: initial;
            right: 52px;
        }

    .slider .manage-link {
        position: absolute;
        color: #333;
        top: 3px;
        right: 6px;
        font-size: 16px;
    }
@media(max-width:1600px) {
    .slider .main .link a {padding: 30px 80px;}
    .slider .main .churchtitle h2 {font-size: 45px;}
    .slider .main .churchtitle h1 {
        font-size: 100px;
    }
}

@media(max-width:1500px) {
    .slider .main .link a h5 {font-size: 20px;}
    .slider .main .link a {padding: 30px 80px;}
    .slider .main .churchtitle h2 {font-size: 45px;}
    .slider .main .churchtitle h1 {
        font-size: 70px;
    }
}


@media(max-width:1300px) {
    .slider .main .churchtitle h1 {
        font-size: 60px;
    }
    .slider .main .churchtitle h2 {font-size: 40px;}
}

@media(max-width:992px) {
    .slider .main .churchtitle h2 {font-size: 30px;}
    .slider .main .churchtitle h1 {
        font-size: 40px;
    }
}


@media(max-width:767px) {
    .slider .main .churchtitle h2 {font-size: 20px;}
    .slider .main .churchtitle h1 {font-size: 25px; margin-top: 5px; margin-bottom: 10px;}
    .slider .main .churchtitle h2 {font-size: 20px; margin-top: 10px;}
    .slider .main {flex-direction: column; width: 100%;}
    .slider .main .link a h5 {font-size: 17px;}
    .slider .main .link a {padding: 15px 70px;}
    #section-1 .slider .mainslider-wrapper .slide video {
        height: 100%;
    }

    #section-1 .slider .mainslider-wrapper .slide {
        height: 400px;
    }

    .slider .move-btn {
        padding: 42px 2px;
        background: rgba(0, 0, 0, 0.5);
    }
}


@media(max-width:500px) {
    #section-1 .slider .mainslider-wrapper .slide {
        height: 230px;
    }

    .slider .move-btn.mainslide_next-btn {
        right: 0;
        width: 6%;
    }
    .slider .move-btn.mainslide_prev-btn {
        left: 0;
        width: 6%;
    }

}