Cacher is the code snippet organizer for pro developers

.responsive-menu-box{
    float: right;
    padding-right: 35px;
    padding-top: 2px;
  }
  .filtermobile.aan {
    transition: all 0.3s ease-in;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.30) !important;
    z-index: 100;
  }
  #nav-icon3{
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon3 span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #1e1e1e;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }


  #nav-icon3 span:nth-child(1) {
    top: 0;
  }

  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 6px;
  }

  #nav-icon3 span:nth-child(4) {
    top: 12px;
  }

  #nav-icon3.open span:nth-child(1) {
    top: 6px;
    width: 0;
    left: 50%;
  }

  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-icon3.open span:nth-child(4) {
    top: 6px;
    width: 0;
    left: 50%;
  }
 
  #responsive-menu-container{
    position: absolute;
    li.responsive-menu-item a{
      line-height: inherit !important;
      min-height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-color: rgba(30,30,30,0.1)!important;
		padding: 10px 50px 10px 10px;
    }
    #responsive-menu-search-box{
      padding: 15px;
      background: white;
      .responsive-menu-search-form{
        display: flex;
        button{
          border:0;
          color: white;
          padding: 6.5px 10px;
          float: right;
          background-repeat: no-repeat !important;
          align-self: center;
        }
        .responsive-menu-search-box{
          height: inherit;
          border: none;
          padding: 12px 42px 12px 12px;
          background: #e8e8e8;
        }
      }
    }
    .responsive-menu-subarrow{
      position: absolute!important;
      border: none!important;
      font-size: 14px;
      background-repeat: no-repeat!important;
      width: 36px!important;
      height: 38px!important;
	  line-height: 40px !important;
      background-color: transparent !important;
	  top: 5px !important;
	  right: 10px !important;
    }
    .responsive-menu-submenu-depth-1,.responsive-menu-submenu-depth-2,.responsive-menu-submenu-depth-3,.responsive-menu-submenu-depth-4,.responsive-menu-submenu-depth-5 {
      padding-left: 15px !important;
      background: white;
    }
  }
  button#responsive-menu-button {
    right: 0;
    //position: absolute;
    top: 0;
    width: 100%;
    //text-align: right;
    //padding-right: 15px;
    height: 40px;
  }
  div#responsive-menu-container {
    //			border-right: 1px solid #1e1e1e;
    //			border-bottom: 1px solid #1e1e1e;
    z-index: 99999;
  }

{"accordion_animation":"off","active_arrow_font_icon":"","active_arrow_image":"","active_arrow_image_alt":"","active_arrow_shape":"\u25b2","animation_speed":"0.5","animation_type":"slide","arrow_position":"right","auto_expand_all_submenus":"off","auto_expand_current_submenus":"off","breakpoint":"991","button_background_colour":"#e8e8e8","button_background_colour_hover":"#e8e8e8","button_click_animation":"boring","button_click_trigger":"#responsive-menu-button, .filtermobile","button_distance_from_side":"5","button_distance_from_side_unit":"%","button_font":"calibri","button_font_icon":"","button_font_icon_when_clicked":"","button_font_size":"14","button_font_size_unit":"px","button_height":"55","button_height_unit":"px","button_image":"","button_image_alt":"","button_image_alt_when_clicked":"","button_image_when_clicked":"","button_left_or_right":"right","button_line_colour":"#0a0000","button_line_height":"3","button_line_height_unit":"px","button_line_margin":"5","button_line_margin_unit":"px","button_line_width":"25","button_line_width_unit":"px","button_position_type":"absolute","button_push_with_animation":"off","button_text_colour":"#fff","button_title":"","button_title_line_height":"13","button_title_line_height_unit":"px","button_title_position":"left","button_top":"15","button_top_unit":"px","button_transparent_background":"off","button_width":"55","button_width_unit":"px","custom_css":"","custom_walker":"","external_files":"off","fade_submenus":"off","fade_submenus_delay":"100","fade_submenus_side":"left","fade_submenus_speed":"500","header_bar_background_color":"#ffffff","header_bar_breakpoint":"800","header_bar_font":"","header_bar_font_size":"14","header_bar_font_size_unit":"px","header_bar_height":"80","header_bar_height_unit":"px","header_bar_html_content":null,"header_bar_items_order":"{\"logo\":\"on\",\"title\":\"on\",\"search\":\"on\",\"html content\":\"on\"}","header_bar_logo":"","header_bar_logo_alt":"","header_bar_logo_link":"","header_bar_position_type":"fixed","header_bar_text_color":"#ffffff","header_bar_title":"","inactive_arrow_font_icon":"","inactive_arrow_image":"","inactive_arrow_image_alt":"","inactive_arrow_shape":"\u25bc","items_order":"{\"search\":\"on\",\"title\":\"\",\"additional content\":\"\",\"menu\":\"on\"}","menu_additional_content":null,"menu_additional_content_colour":"#0a0a0a","menu_appear_from":"left","menu_auto_height":"off","menu_background_colour":"#ffffff","menu_background_image":"","menu_border_width":"1","menu_border_width_unit":"px","menu_close_on_body_click":"off","menu_close_on_link_click":"off","menu_current_item_background_colour":"#005c7f","menu_current_item_background_hover_colour":"#0a0a0a","menu_current_item_border_colour":"#0a0a0a","menu_current_item_border_hover_colour":"#0a0a0a","menu_current_link_colour":"#ffffff","menu_current_link_hover_colour":"#ffffff","menu_depth":"5","menu_disable_scrolling":"off","menu_font":"calibri","menu_font_icons":"{\"id\":[\"\"],\"icon\":[\"\"]}","menu_font_size":"18","menu_font_size_unit":"px","menu_item_background_colour":"#ffffff","menu_item_background_hover_colour":"#005c7f","menu_item_border_colour":"#0a0a0a","menu_item_border_colour_hover":"#0a0a0a","menu_item_click_to_trigger_submenu":"off","menu_link_colour":"#0a0a0a","menu_link_hover_colour":"#ffffff","menu_links_height":"40","menu_links_height_unit":"px","menu_maximum_width":"","menu_maximum_width_unit":"px","menu_minimum_width":"","menu_minimum_width_unit":"px","menu_overlay":"off","menu_overlay_colour":"rgba(0,0,0,0.7)","menu_search_box_background_colour":"#ffffff","menu_search_box_border_colour":"#ffffff","menu_search_box_placholder_colour":"#0a0909","menu_search_box_text":"Zoeken...","menu_search_box_text_colour":"#0a0a0a","menu_sub_arrow_background_colour":"#ffffff","menu_sub_arrow_background_colour_active":"#005c7f","menu_sub_arrow_background_hover_colour":"#005c7f","menu_sub_arrow_background_hover_colour_active":"#005c7f","menu_sub_arrow_border_colour":"#0a0000","menu_sub_arrow_border_colour_active":"#000000","menu_sub_arrow_border_hover_colour":"#000000","menu_sub_arrow_border_hover_colour_active":"#000000","menu_sub_arrow_shape_colour":"#0a0000","menu_sub_arrow_shape_colour_active":"#ffffff","menu_sub_arrow_shape_hover_colour":"#ffffff","menu_sub_arrow_shape_hover_colour_active":"#ffffff","menu_text_alignment":"left","menu_title":null,"menu_title_background_colour":"#005c7f","menu_title_background_hover_colour":"#005c7f","menu_title_colour":"#ffffff","menu_title_font_icon":"","menu_title_font_size":"18","menu_title_font_size_unit":"px","menu_title_hover_colour":"#ffffff","menu_title_image":"","menu_title_image_alt":"Amfors Groep","menu_title_link":"","menu_title_link_location":"_self","menu_to_hide":".col-xs-7.head, .wrapper.top","menu_to_use":"mobiel-menu","menu_width":"50","menu_width_unit":"%","menu_word_wrap":"off","minify_scripts":"off","mobile_only":"off","page_wrapper":"","scripts_in_footer":"off","shortcode":"off","single_menu_font":"","single_menu_font_size":"14","single_menu_font_size_unit":"px","single_menu_height":"80","single_menu_height_unit":"px","single_menu_item_background_colour":"#ffffff","single_menu_item_background_colour_hover":"#ffffff","single_menu_item_link_colour":"#ffffff","single_menu_item_link_colour_hover":"#ffffff","single_menu_item_submenu_background_colour":"#ffffff","single_menu_item_submenu_background_colour_hover":"#ffffff","single_menu_item_submenu_link_colour":"#ffffff","single_menu_item_submenu_link_colour_hover":"#ffffff","single_menu_submenu_font":"","single_menu_submenu_font_size":"12","single_menu_submenu_font_size_unit":"px","single_menu_submenu_height":"40","single_menu_submenu_height_unit":"px","submenu_arrow_height":"40","submenu_arrow_height_unit":"px","submenu_arrow_width":"40","submenu_arrow_width_unit":"px","theme_location_menu":"","transition_speed":"0.5","use_header_bar":"off","use_single_menu":"off","use_slide_effect":"off"}

jQuery('#responsive-menu-button').click(function() {
        jQuery('.filtermobile').toggleClass('aan');
        jQuery('#nav-icon3').toggleClass('open');
    });
    jQuery('.filtermobile').click(function() {
        jQuery('.filtermobile').toggleClass('aan');
        jQuery('#nav-icon3').toggleClass('open');

    });