#menu-sidebar400 {
   background-color: bisque;
	font-family: helvetica, verdana, serif, arial;
	font-size: 1.2em;
	text-decoration: none;
	cursor: default;
}
 #menu-sidebar400 ul {
  margin: 0;
  padding: 0;
}
#menu-sidebar400 .main-menu {
  display: none;
}
#tm:checked + .main-menu {
  display: block;
}
#menu-sidebar400 input[type="checkbox"], 
#menu-sidebar400 ul span.drop-icon {
  display: none;
}
#menu-sidebar400 li, 
#toggle-menu, 
#menu-sidebar400 .sub-menu {
  border-style: solid;
  border-color: white;
  }

#menu-sidebar400 li, 
#toggle-menu {
  border-width: 0;
}

#menu-sidebar400 .sub-menu {                         /*tło podstrony*/
  background-color: #FFF8DC;
  margin-left: 15%;
  width: 85%;
}

#menu-sidebar400 .sub-menu li { 
  border-bottom-color:white;
  border-bottom-width: 2px;
  text-align: left;
  }

#menu-sidebar400 .sub-menu:last-child {
 border-bottom-width: 0;
  }
                                           /*0.2em - odstęp między klatkami sidebar*/
#menu-sidebar400 li, 
#toggle-menu, 
#menu-sidebar400 a {
  position: relative;
  display: block;
  color: #9d1619;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
  border-bottom-color:white;
  border-bottom-width: 0.2em;
}
                                         /*0.4em  - wysokość klatki sidebar*/
#toggle-menu,                  
#menu-sidebar400 a {
  padding: 0.4em 1em;
}

#menu-sidebar400 a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
  color: #9d1619;
  text-decoration: none;
}

#menu-sidebar400 a:hover {
  background-color: #FFF8DC;
  font-style: oblique;
}

#menu-sidebar400 .sub-menu {background-color: bisque;
  display: none;
  text-shadow: 0;
  font-weight: normal;
   font-size: 0.9em;
}

#menu-sidebar400 input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu-sidebar400 .sub-menu a:hover {
  color:#9d1619;
}

#toggle-menu .drop-icon, 
#menu-sidebar400 li label.drop-icon {                                  /*strzałka - hamburger*/
  position: absolute;
  font-size: 1.5em;
  right: 50px;
  top: 0.2em;
}

#menu-sidebar400 label.drop-icon, #toggle-menu span.drop-icon {      /*strzałka*/
  color: black;
}

#menu-sidebar400 .drop-icon {
  line-height: 1;
}

/*---------------------------@media only screen---------------------------------------------------*/

@media only screen and (min-width: 52.01em) and (max-width: 450px)  {
  #menu-sidebar400 li {
    width: 100%;
  }

  #menu-sidebar400 .sub-menu li {
    width: auto;
  }
/* @media only screen and (min-width: 52em) {
  #menu-sidebar400 .main-menu {
    display: block;  }*/

  #toggle-menu, 
  #menu-sidebar400 label.drop-icon {
    display: none;
  }

  #menu-sidebar400 ul span.drop-icon {
    display: inline-block;
  }

  #menu-sidebar400 li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu-sidebar400 .sub-menu li {
    float: none;
  }

  #menu-sidebar400 .sub-menu { 
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3000;
  }

  #menu-sidebar400 .sub-menu, 
  #menu-sidebar400 input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu-sidebar400 .sub-menu li {
    border-width: 0 0 1px;
  }

    #menu-sidebar400 li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}