﻿ @media only screen and (max-width: 767px) {

.thirty-three, .thirty, .seventy, .forty, footer .thirty, .seventy, .fifty, .sixty, .fifty-five, .fifteen, .forty-five, .twenty {
	width: 100%;
}
#logo {
  text-align:center;
}
#logo img {
  margin: 0;
  max-width: 200px;
  padding: 0;
  position:relative;
}
aside {
	display:none;
}
footer {

}
header {
  padding: 2em 0 1em;

}
#copyright {
  text-align: center;;
}
.social-icons {
  width: 100%;
  margin:0.5em 0;
  text-align:center;
}

#mobile-nav li {
  padding: 0 0em 0 1em ;
}

.show-mobile-only {
  display: block;
}
.hide-mobile-only {
	display:none;
}

/*CUSTOM AREA */
#FRAME_SEARCH {
	display:none;
}
#FRAME_SEARCH {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  box-sizing: border-box;
  left: 0;
  padding: 0.25em 0.5em 1em;
  position: absolute;
  top: 50px;
  width: 100%;
}
#mailistBox {
  float: none;
}
#mobile-navigation > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
#upper-header ul li {
  margin-right: 0.2em;
}
#searchBox, #searchBox2 {
  margin-top: 0.4em;
  padding:0;
}

lower-nav ul li {
  display: block;
  margin: 1em 0;
  text-align: left;
}
footer {
  text-align: center;
  padding:0;
}
footer .frame-links li {
  display: block;
  font-size: 14px;
  margin: 0 0 1em;
  width: 100%;
}
footer, #copyright {
  font-size: 11px;
}
#modLinks ul {
display:none;
}
#modLinks .title::before {
  content: "+";
  line-height: 1;
  padding-right: 0.5em;
}
#modLinks .title.active:before {
  content: "-";
    padding-right: 0.5em;
}
#modLinks .title {
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0.5em;
  padding-bottom: 0.25em;
  text-transform: uppercase;
  width: 100%;
}
#copyright .fifty:last-child {
  text-align: center;
}
.social-icons::before {
  background: rgba(0, 0, 0, 0) url("images/social-media-cta.png") no-repeat scroll center top;
}
#cart {
  display: none;
}
#user-area {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
#mobile-chat {
  float: right;
}
#info-area {
  margin: 0;
  padding: 0;
}
#info-area #desktop-chat {
  display: none;
}
#subcategoriesBlock .columns-4 li {
  width: 49%;
}
 }