@media only screen 
and (max-width : 780px) 
{

html, body {
  height: 100%;
   }
   
   

   
  
  
  }

.jsc-sidebar {
overflow-y:auto;

  position: fixed;
  top: 0;
  left: 0;
  width: 220px;
  height: 100%; 
  

  }
  
  

.jsc-sidebar-content {
  position: relative;
  top: 0;
  left: 0;
  min-height: 100%;
  z-index: 10;
  background-color: #fff; 
 background-image: url(../images/bg.jpg);
background-repeat: repeat-x;

  
 
  }

.jsc-sidebar-pulled {
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.jsc-sidebar-pushed {
  -webkit-transform: translate3d(220px, 0, 0);
  -moz-transform: translate3d(220px, 0, 0);
  -ms-transform: translate3d(220px, 0, 0);
  -o-transform: translate3d(220px, 0, 0);
  transform: translate3d(220px, 0, 0); }

.jsc-sidebar-scroll-disabled {
  position: fixed;
  overflow: hidden; }
@media only screen 
and (max-width : 780px) 
{
.jsc-sidebar-content {

 background-image: none;

   }

   
  
  
  }