html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


#products .row-offcanvas .title h2{
	font-size: 28px;
	line-height: 1.3em;
}
#products .row-offcanvas .title {
    padding-bottom: 15px;
}
#products .row-offcanvas #right-sidebar{
	padding-top: 30px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

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

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -52%; /* 6 columns */
	  	  background: #555;
	  border-left: solid #2db4eb 3px;
	  z-index: 98;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
	
	  .s-menu{
color:#ffffff;
background:#2db4eb;
box-shadow:4px 4px 2px #000000;
-moz-box-shadow:4px 4px 2px #000000;
-webkit-box-shadow:4px 4px 2px #000000;
border-radius:10px 0px 0px 10px;
-moz-border-radius:10px 0px 0px 10px;
-webkit-border-radius:10px 0px 0px 10px;
width:15px;
padding:2px 50px 2px 15px;
font-size:20px;
cursor:pointer;
margin:-15px -30px 0 0;
}
.s-menu:active{
cursor:pointer;
position:relative;
top:2px;
}
.s-menu:hover{
  color:#ffcc33;
}
#blog-page .s-menu{
	margin: -35px -25px 0 0;
	}
#blog-page	.row-offcanvas-right .sidebar-offcanvas{
 margin-top: -45px!important;	
	}
#blog-page	.row-offcanvas-right .sidebar-offcanvas h3 {
 margin-top: 25px!important;	
	}
.categories{
		font-size: 11px;
		line-height: 1.6;
	}
}