.mega-menu {
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.mega-menu.sticky {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1030;              
  background-color: #fff;
  padding-top:15px;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); 
  width: 100%;                
  margin-top: 0 !important;    
}
.full-width {
    margin-right: calc(-100% * 0.05);
    margin-left: calc(-100% * 0.05);
    padding-right: calc(100% * 0.05);
    padding-left: calc(100% * 0.05);
    width: auto; /* or use 100% */
}
@media (max-width: 1100px) {
  .mega-menu.sticky {
    width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 768px) {
  .mega-menu.sticky {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 450px) {
  .mega-menu.sticky {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}