@media (max-width: 767px) {
  .t3-mainnav .off-canvas-toggle {
    margin: 10px 0 0;
    height: 43px;
    background: url(../../../templates/jux_ciao/images/btn-nav.png) no-repeat center center;
  }
  .t3-mainnav .off-canvas-toggle i {
    display: none;
  }
  .t3-mainnav .off-canvas-toggle:hover,
  .t3-mainnav .off-canvas-toggle:focus {
    background: url(../../../templates/jux_ciao/images/btn-nav-over.png) no-repeat center center;
  }
  #t3-off-canvas {
    background: none;
  }
  #t3-off-canvas .t3-off-canvas-body {
    padding: 20px 0;
  }
  #t3-off-canvas .nav li a {
    border-bottom: 1px solid #7F4317;
    padding: 10px 20px;
    font-weight: normal;
    font-size: 16px;
    color: #e27900;
    text-shadow: none;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #t3-off-canvas .nav li a .caret {
    display: none;
  }
  #t3-off-canvas .nav li a:after {
    display: none;
  }
  #t3-off-canvas .nav li:hover > a,
  #t3-off-canvas .nav li:focus > a,
  #t3-off-canvas .nav li.active > a {
    background: none;
    color: #fff;
  }
  #t3-off-canvas .nav li .dropdown-menu {
    background: none !important;
    margin: 0;
  }
  #t3-off-canvas .nav li .dropdown-menu li a {
    padding-left: 30px;
  }
  #t3-off-canvas .nav li .dropdown-menu li li a {
    padding-left: 40px;
  }
}