/* NEW NAVBAR AND SEARCHBAR RESTYLING */
.layout-header .header #nav {
  margin-right: 0;
  width: 65.64516%; }

.searchbar {
  background-color: #fdfdfd;
  height: 60px;
  border-top: 1px solid #ECEEEE; }

@media (max-width: 1155px) {
  .searchbar {
    margin-top: 10px; } }
.search-contain {
  width: 440px;
  margin: auto; }

.searchbar #search {
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px; }

.searchbar #search p input[type=text] {
  padding: 11px 4% 11px 4%;
  font-size: 14px;
  width: 90%;
  border: 1px solid #ccc; }

.searchbar #search p input[type=submit] {
  background: url(https://boxstuff-development-thumbnails.s3.amazonaws.com/452633_orig.jpg) no-repeat;
  border: 0;
  cursor: pointer;
  height: 41px;
  width: 10%; }

.searchbar #search p input {
  float: left;
  margin-top: 0px; }

#menuBtn {
  display: none; }

@media (max-width: 1155px) {
  #nav {
    width: 100% !important; }

  #logo {
    width: 100% !important; }

  #logo img {
    width: 415px !important;
    margin-left: 20px; }

  #nav ul li a {
    padding: 8px 2% !important; }

  #search {
    width: 98% !important; }

  #search p input[type=text] {
    width: 90% !important; } }
@media (max-width: 1000px) {
  #search p input[type=text] {
    width: 90% !important; } }
@media (max-width: 750px) {
  #search p input[type=text] {
    width: 90% !important; } }
@media (max-width: 600px) {
  #search p input[type=text] {
    width: 85% !important; }

  .search-contain {
    width: 300px;
    margin: auto; }

  .searchbar #search p input[type=submit] {
    width: 15%; }

  .searchbar {
    margin-top: 30px; } }
@media (max-width: 575px) {
  #wrapper {
    position: relative; }

  #menuBtn {
    cursor: pointer;
    xxx-position: absolute;
    height: 60px;
    width: 60px;
    color: #000;
    line-height: 60px;
    text-align: center;
    xxx-top: 70px;
    left: calc(50vw - (/* width */60px / 2));
    display: block; }

  #resMenu ul {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    margin-top: 30px; }

  #resMenu li {
    text-align: center;
    height: auto;
    line-height: 40px;
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }

  .box-shadow-menu {
    position: relative;
    padding-left: 1.25em; }

  .box-shadow-menu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 1em;
    height: 0.15em;
    background: black;
    box-shadow: 0 0.25em 0 0 black, 0 0.5em 0 0 black; }

  #nav {
    width: 100% !important; }

  #nav ul li a {
    padding: 8px !important;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: center; }

  #search {
    width: 98% !important; }

  #logo img {
    width: 90% !important; }

  #search p input[type=text] {
    width: 80% !important; }

  .searchbox {
    width: 280px;
    margin: auto; } }