.visibility{position:absolute;top:38px;visibility:hidden;width:288px;left:0px;height:228px;}
.display_block{visibility:visible;}
.jspContainer{overflow:hidden;position:relative;border-left:1px solid #fff;border-right:1px solid #fff;}
.jspPane{position:absolute;}
#post-479 .jspPane{}
#tgs1 .jspPane{}
.jspVerticalBar{position:absolute;top:0;right:1px;width:5px;height:100%;background:red;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspVerticalBar *,
.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#ccc;position:relative;}
.jspDrag{background:#aeaeae;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:5px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}
.scroll-pane{height:210px;overflow:auto;padding:0 20px;}
.jspPane{width:388px!important;}
.scroll-pane{width:388px!important;}
.jspScrollable{width:388px!important;}
.jspContainer{width:388px!important;}
 @media screen and (min-width: 768px) and (max-width: 1024px)  {
    .scroll-pane {width: 100%!important;}
     .jspContainer {width: 100%!important;}
      .jspPane {width: 100%!important;padding: 0!important;}
}
 @media screen and  (max-width: 768px)  {
    
    .jspPane {width: 100%!important;padding: 0!important;}
.scroll-pane {width: 100%!important;}
     .jspContainer {width: 100%!important;}
}