/* mobile styles */
#wrap {
  /* width:310px; */
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  /* overflow:hidden; */
}

#nav {
  width: 310px;
  background: none;
  height: auto;
  overflow: hidden;
  & ul {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 42px;
    line-height: 42px;
    & li {
      float: left;
      display: inline;
      font-size: 12px;
      margin: 0px;
      padding: 0px;
      & a {
        display: block;
        height: 42px;
        padding: 0;
        margin: 0px;
        width: 320px;
        border-bottom: 1px solid #ccc;
      }
    }
  }
}

.single-post .type-post {
  width: 310px;
  & .gridly-copy {
    width: 290px;
  }
  & img {
    width: 290px;
    height: inherit;
  }  
}

.type-page {
  width: 310px;
  & .gridly-copy {
    width: 290px;
  }
  & img {
    width: 290px;
    height: inherit;
  }  
}

#comment-form {
  width: 285px;
}

#btn_search {
  -webkit-appearance: none;
}