﻿@media (min-width: 768px) {

    .jssorb03 {
        position: absolute;
        display: none;
    }

        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('img/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }

        .jssorb03 div {
            background-position: -5px -4px;
        }

            .jssorb03 div:hover, .jssorb03 .av:hover {
                background-position: -35px -4px;
            }

        .jssorb03 .av {
            background-position: -65px -4px;
        }

        .jssorb03 .dn, .jssorb03 .dn:hover {
            background-position: -95px -4px;
        }

    .jssora03l, .jssora03r {
        display: block;
        position: absolute;
        width: 55px;
        height: 55px;
        cursor: pointer;
        background: url('/Images/left2.png') no-repeat;
        background-size: contain;
        overflow: hidden;
        top: 45% !important;
    }

    .jssora03l {
        /*
        background-position: -3px -33px;*/
    }

    .jssora03r {
        background: url('/Images/right2.png') no-repeat;
        background-size: contain;
        /*
        background-position: -63px -33px;*/
    }

    .jssora03l:hover {
        opacity: .3;
        /*background-position: -123px -33px;*/
    }

    .jssora03r:hover {
        opacity: .3;
        /*background-position: -183px -33px;*/
    }

    .jssora03l.jssora03ldn {
        /*background-position: -243px -33px;*/
    }

    .jssora03r.jssora03rdn {
        /*background-position: -303px -33px;*/
    }

    .jssora03l.jssora03lds {
        /*background-position: -3px -33px;
        opacity: .3;
        pointer-events: none;*/
    }

    .jssora03r.jssora03rds {
        /*background-position: -63px -33px;
        opacity: .3;
        pointer-events: none;*/
    }

    .gallery-inner {
        max-width: 1350px !important;
        position: relative;
        display: block;
        width: 100%;
        margin: auto;
    }

    .jssora053b polyline {
        stroke: #bd5aa2 !important;
    }

    .jssora053b {
        top: calc(50% - 40px) !important;
    }

        .jssora053b[data-u='arrowleft'] {
            left: 0 !important;
        }

        .jssora053b[data-u='arrowright'] {
            right: 0 !important;
        }

    #jssor_1 .gallery-box {
        text-align: center;
    }

        #jssor_1 .gallery-box img[data-u='image'] {
            width: 150px !important;
            height: 150px !important;
            position: static !important;
            border-radius: 50%;
        }
}
