.slider{
    position: relative;
    max-width: 1080px;
    /*margin-bottom: 40px;*/
    overflow: hidden;
}
.slider-nav .slick-slide img{
    max-width: 100%;
    height: auto;
}

.slider-for .slick-slide {
    position: relative;
}

.slider-for .slick-slide img{
    width: 100%;
    height: 62.5vw;
    object-fit: contain;
}

.slider-for .slick-slide img.play-bt{
        width: auto;
        height: auto;
        object-fit:none;
    }

@media (min-width: 1080px){
    .slider-for .slick-slide img{
        width: 100%;
        height: 570px;
        object-fit: contain;
    }
    
}

.slider .slider-nav-wrap{
    position: relative;
    width: 84%;
    margin-left: 8%;
}
.slider .slider-nav-wrap .slider-nav .slick-list{
    padding: 0 !important;
    margin-top: 1.5em;
}
@media (min-width: 1080px){
    .slider .slider-nav-wrap .slider-nav .slick-list{
    margin-top: 3em;
    }
}

.slider .slider-nav-wrap .slider-nav .slick-track{
    left: 0 !important;
    width: 100%;
    opacity: 1;
}
.slider .slider-nav-wrap .slider-nav .slick-slide{
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    padding: 5px;
    height: 13vw;
    overflow: hidden;
}
.slider .slider-nav-wrap .slider-nav .slick-slide:hover{
    opacity: .5;
}
.slider .slider-nav-wrap .slick-arrow{
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider .slider-nav-wrap .slick-prev{
    width: 14px;
    height: 14px;
    margin-top: -7px;
    left: -1.25em;
    border: 2px solid;
    border-color: transparent transparent #444444 #444444;
    transform: rotate(45deg);
}
.slider .slider-nav-wrap .slick-next{
    width: 14px;
    height: 14px;
    margin-top: -7px;
    right: -1.25em;
    border: 2px solid;
    border-color: #444444 #444444 transparent transparent;
    transform: rotate(45deg);
}
@media (min-width: 1080px){
    .slider .slider-for{
        float: left;
        width: 79.1666%;
    }
    .slider .slider-nav-wrap{
        float: right;
        width: 16.6666%;
        padding: 0;
        margin-left:0;
    }
    .slider .slider-nav-wrap .slider-nav .slick-list{
        padding: 0 0 !important;
    }
    .slider .slider-nav-wrap .slider-nav .slick-track{
        left: 0 !important;
    }
    .slider .slider-nav-wrap .slider-nav .slick-slide{
        padding: 0;
        height: 115px;
        overflow: hidden;
    }
    .slider .slider-nav-wrap .slider-nav .slick-slide img {
        width: 100%;
        height: 115px;
        object-fit:cover;
    }
    .slider .slider-nav-wrap .slick-arrow{
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .slider .slider-nav-wrap .slick-next{
        width: 11px;
        height: 11px;
        margin-left: -6.5px;
        top: auto;
        bottom: 0.75em;
        border: 1px solid;
        border-color:  transparent transparent #444444 #444444;
        transform: rotate(-45deg);
    }
    .slider .slider-nav-wrap .slick-prev{
        width: 11px;
        height: 11px;
        margin-left: -6.5px;
        top: 0.75em;
        border: 1px solid;
        border-color: #444444 #444444 transparent transparent;
        transform: rotate(-45deg);
    }
}

@media (min-width: 1080px){
    .slider .slider-nav-wrap{
        height: 547px;
        overflow: hidden;
    }
    .slick-vertical .slick-slide {
        box-sizing: border-box;
        height: 115px;
        overflow: hidden;
        outline : none;
    }
    .slick-vertical .slick-slide.slick-current img {
        opacity: 0.5; 
    }
}