/*Style tweaks*/
html,
body{overflow-x: hidden;/*Prevent scroll on narrow devices*/}
footer {padding:30px 0}

/*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:-45%;/*6columns*/}

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

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

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

 .sidebar-offcanvas {
 position:absolute;
 top:0;
 width:45%;/*6-columns*/
 }
}