*, html, body, div, ul, li { margin:0; padding:0 }

.adapt-menu {
background-color:#dddddd; height:58px;
}

.container {
  width: 1100px;
  margin: 0 auto;
}


.menu {
  float: left;
}

.menu li {
  display: inline-block;
  margin-right: 38px;
  position: relative;
}

.menu li a {
  font-family: gothamnarrow-medium, sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 58px;
  text-transform: uppercase;
  display: inline-block;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}


/************************************************* * 10. Tablet * *************************************************/
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .container {
    width: 728px;
  }
}
/************************************************* * Mobile Portrait * *************************************************/
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }

  body {
    background: #fff !important;
  }

}
/************************************************* * 10. Landscape * *************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 480px;
  }
}


@media (min-width: 1200px) {
.container{max-width:1140px}
}
nav{width:auto;}
nav ul{display:table;}
nav ul li{}
nav ul li:last-child{}
nav ul li a{}
nav ul li a:hover{}
.toggle-menu ul{display:table;width:31px;margin-left:0;padding-left:0;margin:20px 5px 0px 0px}
.toggle-menu ul li{width:100%;height:3px;background-color:#e9f0f7;margin-bottom:4px;list-style:none}
.toggle-menu ul li:last-child{margin-bottom:0}
input[type=checkbox],label{display:none}
@media only screen and (max-width: 980px) {
input[type=checkbox]{position:absolute;top:-9999px;left:-9999px;background:none}
input[type=checkbox]:fous{background:none}
label{float:right;display:inline-block;cursor:pointer;margin-right:25px}
input[type=checkbox]:checked ~ nav{display:block}
nav{display:none;position:absolute;right:0;top:50px;background-color:#dddddd;padding:0;z-index:99}
nav ul{width:auto}
nav ul li{float:none;padding:0;width:100%;display:table}
nav ul li a{color:#FFF;font-size:15px;padding:0px 20px;display:block;border-bottom:1px solid rgba(225,225,225,0.1)}
}
@media only screen and (max-width: 360px) {
label{padding:5px 0}
#logo{font-size:20px}
nav{top:47px}
}