/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../../../uploads/web_assets/a17.png') no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01-150-100 .p            (normal).jssort01-150-100 .p:hover      (normal mouseover).jssort01-150-100 .p.pav        (active).jssort01-150-100 .p.pdn        (mousedown)*/.jssort01-150-100 .p {    position: absolute;    top: 0;    left: 0;    width: 150px;    height: 100px;}.jssort01-150-100 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01-150-100 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01-150-100 .c {    position: absolute;    top: 0px;    left: 0px;    width: 146px;    height: 96px;    border: #000 2px solid;    box-sizing: content-box;    background: url('/theme/img/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01-150-100 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 146px;    height: 96px;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01-150-100 .p:hover .c {    top: 0px;    left: 0px;    width: 148px;    height: 98px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01-150-100 .p.pdn .c {    background-position: 50% 50%;    width: 146px;    height: 96px;}* html .jssort01-150-100 .c, * html .jssort01-150-100 .pdn .c, * html .jssort01-150-100 .pav .c {    /* ie quirks mode adjust */    width /**/: 150px;    height /**/: 100px;}
div[data-u="slides"] .c {
    border: none !important;
}
div[data-u="slides"] .p {
    cursor: pointer;
}
div[data-u="slides"] .p:hover img {
    opacity: 0.8;
}
div[data-u="slides"] .p img {
    opacity: 0.6;
}
div[data-u="slides"] .p.pav img {
    opacity: 1;
}

/*Media Query*/

    @media (max-width: 768px) {
        #jssor_1{
            width: 100% !important;
        }
    }

    @media (min-width: 768px) and (max-width: 992px) {
        #jssor_1{
            width: 100% !important;
        }
    }