@media (max-width:1024px) and (min-width:768px)
{
  
  .t3-megamenu .mega > .mega-dropdown-menu
  {
    width:100% !important;
    left:0 !important;
  }
}

@media (max-width: 767px) {
  .t3-megamenu .mega-inner {
    padding: 10px 20px;
  }
  .t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li
  {
    width:100%;
    background-color: #1c1c1e;
  }
  .t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a
  {
    color:#DDD;
  }
  .t3-megamenu .row-fluid,
  .t3-megamenu .mega-dropdown-menu,
  .t3-megamenu .row-fluid [class*="span"] {
    width: 100% !important;
    min-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
  }
  .t3-megamenu .row-fluid + .row-fluid {
    padding-top: 10px;
    border-top: 1px solid #eee;
  }
  .t3-megamenu .hidden-collapse,
  .t3-megamenu .always-show  .caret,
  .t3-megamenu .sub-hidden-collapse > .nav-child,
  .t3-megamenu .sub-hidden-collapse .caret,
  .t3-megamenu .sub-hidden-collapse > a:after,
  .t3-megamenu .always-show .dropdown-submenu > a:after {
    display: none !important;
  }
  .t3-megamenu .mega-caption {
    display: none !important;
  }
  html[dir="rtl"] .t3-megamenu .row-fluid,
  html[dir="rtl"] .t3-megamenu .mega-dropdown-menu,
  html[dir="rtl"] .t3-megamenu .row-fluid [class*="span"] {
    right: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .t3-megamenu .mega-inner {
    padding: 10px 20px;
  }
  .t3-megamenu .row-fluid + .row-fluid {
    border-top: 1px solid #999;
  }
  .t3-megamenu .span12.mega-col-nav .mega-inner {
    padding: 0;
  }
  .t3-megamenu .mega-nav > li a,
  .t3-megamenu .dropdown-menu .mega-nav > li a {
    padding: 5px 20px;
  }
  .t3-megamenu .t3-module {
    margin-bottom: 0;
  }
}