nav ul.submenu { -webkit-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out; }
nav ul.main-nav{ -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

header{ width:100%;  z-index:999; text-align:center; font-size: 15px; -webkit-transition: -webkit-transform 1s; transition: transform 1s; }

nav ul{ padding:0; margin:0; list-style:none; z-index:2; color:#000; }
nav ul.main-nav{ position:relative; z-index:5; }

nav ul.main-nav div{ display:inline-block; }
nav ul li.first-level{ font-size:11px; display:inline-block; vertical-align:middle; }
nav ul li.first-level span{ cursor:pointer; padding: 30px 15px; display:block;  position:relative; z-index:2; left:0; }

nav ul li.first-level .submenu{ background:#fff; height: 250px; width:1100%; position:absolute; margin-left: -650px; padding:28px 0 20px 0; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.08); box-shadow: 0 0 20px rgba(0,0,0,.08); opacity:0; pointer-events:none; justify-content: center;   overflow: scroll;  overflow-x: hidden;}

nav li.submenu-col{ display:inline-block; vertical-align:top; text-align:left; width:calc(15% - 20px);position:relative; margin:0 10px; }
@media (max-width: 768px) {
    .nav li.submenu-col{
        width:calc(25% - 20px) !important; 
        }
    .nav ul{
        margin-right: 206px !important;
        padding: 10px 15px !important;
    }
  }
nav li.submenu-col a{ text-decoration:none; }
nav ul.submenu img { max-width:242px; width: 100%; height: auto; margin-bottom:17px; }
nav li .submenu-title{ color:#000; font-size:16px;  margin-bottom:17px; }

nav ul.main-nav.hover li.first-level span{ font-weight:600; color:#dadada; }
nav li.first-level:hover .submenu{ display:block; pointer-events: auto; opacity:1; }
nav ul.main-nav.hover li.first-level:hover span{ color:#fff; }
nav ul.submenu li:hover img{  -webkit-filter:none; filter:none; }
nav ul.submenu li:hover .submenu-title{ color:#000; }


@media (max-width: 768px) {
    nav ul li.first-level .submenu {
     height: auto;
     width:120%;
     margin-left: -90px;
     /* position: inherit; */
     /* position: relative; */
    }
    
  }