@charset 'utf-8';

/* ------------------------------------------------------------ COMMON ------------------------------------------------------------ */

@media (min-width: 769px){
.sub_menu {
           display: none;
          }
	  
.sub_menu li {
          display: block;
          height: 24px !important;
          line-height: 24px;
	   top: 0px;
	   margin: 5px 0 0 4px;
	   color: #fff !important;
	   font-weight: normal;
	   text-align: left;
          }
	  
ul.sub_menu li:after {
	  clear: both !important;
	  }

.nav_main > li.menu_single {
    position: relative;
}

li.menu_single ul.sub_menu {
    position: absolute;
    top: 0px;
    width: 300%;
    background: #37af64;
}

li.menu_single:hover ul.sub_menu  {
    top: 50px;
    display: block;
    height: 60px;
    line-height: 20px;
    
}

li.menu_single ul.sub_menu li span:hover {
    color: #ccc !important;
    }


}

@media (max-width: 768px){
.sub_menu {
           display: none;
          }
	  
.sub_menu li {
          height: 24px !important;
          line-height: 24px;
	  top: 0px;
	  color: #fff !important;
	  font-weight: normal;
	  text-align: center;
          }

.nav_main > li.menu_single {
    position: relative;
}

li.menu_single ul.sub_menu {
    position: absolute;
    top: 0px;
    width: 100%;
    background: #37af64;
}

li.menu_single:hover ul.sub_menu  {
    top: 24px;
    display: block;
    height: 60px;
    line-height: 20px;
    
}

li.menu_single ul.sub_menu li span:hover {
    color: #ccc !important;
    }

}