/* Write your custom css code here */
@media (min-width: 1200px) {
  #sunfw_section_header  .container {
    width: 1200px !important;
// expand the width of the container contain menu to 1400px
// in the breakpoint 1200 forward, width of container is 1400px, you can adjust this number for desired efffect.
  }

#sunfw_section_header.sunfw-sticky {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: transparent;
// this piece of code make you menu transparent and fixed in position.
}

#sunfw_section_header.sunfw-sticky.sunfw-sticky-open {
	position: fixed !important;
}

 #sunfw-master:not(.sunfw-homepage) #menu_item_menu ul.navbar-nav > li > a 
 {
  color: #333 !important;
}

 #sunfw-master:not(.sunfw-homepage) .sunfw-sticky.sunfw-sticky-open #menu_item_menu ul.navbar-nav > li > span.nav-header {
   color: #fff;
 }
 
  #sunfw-master:not(.sunfw-homepage) .sunfw-sticky.sunfw-sticky-open #menu_item_menu ul.navbar-nav > li > a 
 {
  color: #fff !important;
}

 #sunfw-master:not(.sunfw-homepage) #menu_item_menu ul.navbar-nav > li > span.nav-header {
   color: #333;
 }



#menu_item_menu ul.navbar-nav > li > a, 
#menu_item_menu ul.navbar-nav > li > span.nav-header {

}




#sunfw_section_header + div#sunfw_section_promo {

}
.sunfw-section.sunfw-sticky.jsn_header + #sunfw_section_promo {
	position: relative;
    z-index: 999;
    margin-top: -120px;
}


#sunfw_section_header.sunfw-sticky.sunfw-sticky-open {
  background: #000 !important;
// change this background hex color if you want another color.
	}
}

nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
    padding: 35px 15px;
    font-weight: bold;
    display: block;
}

#menu_item_menu ul.dropdown-menu, #menu_item_menu ul.sunfw-megamenu-sub-menu ul {
    width: 220px;
}