/*
 * Off Canvas
 * --------------------------------------------------
 */
 
 .fixedPart.wholeBG.affix {
 		position:fixed;
 	    top: 0;
 	    right: 0;
 	    width: 100%;
 	    z-index: 100;
 	}/*displace for mobile unfix*/
 	
  .row-offcanvas-wrap {
	  position:relative;
	  }
  
 
  .row-offcanvas:before /*, .sidebar-offcanvas */{
	display:none;
	background: rgba(0,0,0,0)
/*    -webkit-transition: all .5s ease-out;
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;*/
  }

  .row-offcanvas{
    position: relative;
    right: 0;
  }

  .row-offcanvas.active {
    right: 150px;
    
  }
  .row-offcanvas.active:before {
    position: absolute;
    display:block;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        content: '';
  }
  
  
  .sidebar-offcanvasST, .sidebar-offcanvasSI, .sidebar-offcanvasSI1 {
		position: absolute;
		box-sizing: content-box;
		display: none;
		width: 300px;
		height: 100%;
		right: 0;
  }
  
  .sidebar-offcanvasST.block{
  		display: block;
  }

/*  .sidebar-offcanvas.active.affix {
	  	right: 0;
	  	display: block;
  	    position: absolute;
  }*/

  


/* Small devices (tablets, 768px and up)
@media (min-width: @screen-sm-min) { */
@media (min-width: 768px) { 

/*.fixedPart.wholeBG.affix {
		position:fixed;
	    top: 0;
	    right: 0;
	    width: 100%;
	    z-index: 1023;
	}*/
	
	/*.fixedPart.wholeBG.affix .sidebar-offcanvas.affix {
		position: fixed;
		height: 550px;
	}*/

}