/*
    Responsive 

*/
@mobile: ~"only screen and (max-width: 768px)";
@desktop: ~"only screen and (min-width: 768px)";
 
.property-resp-slideshow {
    .modal-header{
        display:none;
    }
}
.property-resp-slideshow.lightbox {
    position: fixed;
    top:0px;
    left: 0px;
    right:0px;
    bottom:0px;
    height: 100%;
    width: 100% !important;
    z-index: 999999;
    padding: 69.5px 0px 105px 0px;
    margin: 0px;
    box-sizing: border-box;
    background: #333;

    &.slideshow-type-standard{
        padding-bottom:2.5px;
    }

    @media @mobile{
        padding: 0px;
    }
    .modal-header{
        position:absolute;
        top: 0px;
        left: 0px;
        width:100%;
        display: block;
        color: #fff;
        font-size: 14px;
        box-sizing: border-box;
        @media @desktop{
            padding: 10px 0 10px 15px;
            height:67px;
            background-color: #1f1f1f;
        }
        @media @mobile{
            border:none;
            padding:0px;
            height:0px;
            z-index:99999;
            .lb-title{
                display:none;
            }
        }
        .pull-left{
            float:left;
        }
        .pull-right{
            float:right;
        }
        .viewOriginal{
            color: #fff;
        }
        .close {
            outline: none;
            float: right;
            font-size: 21px;
            font-weight: bold;
            line-height: 1;
            cursor: pointer;
            background: transparent;
            border: 0;
            color: #fff;
            padding: 0px 20px;
            z-index: 10;
            margin-left:10px;
            @media @mobile{
                padding: 10px 20px;
                i{
                    font-size:35px;
                    width:auto;
                    height:auto;
                }
            }
        }
    }
    .swiper-container {
        &.gallery-top{
            height: 100%;

            &.ratio-16-9{
                &:before {
                    content:;
                    display: none;
                }
                .swiper-slide.swiper-slide-active{
                    img {
                        cursor: auto;
                    }
                }
                .swiper-wrapper{
                    position: relative;
                }
            }
            .count-progress{
                display:block;
            }
        }
        &.gallery-thumbs{
            position: absolute;
            bottom: 2.5px;
            left: 2.5px;

        }
    }
}