.pro-side-panel-trigger{display: none;}
@media (max-width: 992px){

  .pro-side-panel-trigger{display: block;}

  [class*="panel-eff"] .wrapper,
  .vf-panel{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
  
  .vf-panel-open .wrapper { position: relative; left: 0; z-index: 2; height: 100%;}
  .vf-panel-open .wrapper::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.6); content: '';opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;-o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;-ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;-moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
  .vf-panel-open .wrapper::after { width: 100%; height: 100%; opacity: 1; z-index: 2; -webkit-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; cursor: url("/i/images/close.png") 25 25, pointer; }
  
  .vf-panel {z-index: 9999;}
  .vf-panel::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; }
  .vf-panel-open .vf-panel::after { width: 0; height: 0; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -ms-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }
  
  .vf-panel {max-width: 100%; height: 100%;z-index: 9999; overflow-y: auto;max-width: 100%; position: fixed !important; top: 0; left: 0;visibility: hidden;width: 380px; height: 100%; background: #ffffff }

  .panel-eff-1.vf-panel { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  .panel-eff-1.vf-panel-open .panel-eff-1.vf-panel { visibility: visible; -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); }
  .panel-eff-1.vf-panel::after { display: none; }
  
  /*big-side */
  .vf-panel.big-side { width: 550px;}
}
@media (max-width: 479px){
  .vf-panel{width: 280px;}
}