﻿ @media only screen and (max-width: 767px) {

.thirty-three, .thirty, .seventy, .forty, footer .thirty, footer .seventy, .fifty, .header .sixty, .header .forty, .fifty-five, .twenty-five, .sixty-six {
	width: 100%;
}
#logo {
  text-align: center;
}
aside {
	display:none;
}
footer {
  text-align: center;
}
.social-icons {
  text-align: center;
  margin: 1em 0 0 ;
}
.mailist-box {
  width: 100%;
}



#mobile-nav li {
  padding: 0 0 0 0;
}
/* LAYOUT CHANGES */

.columns-4 .product-container {
    width: 100%;
}
#listing0 .primary, #listing0 .secondary {
  width: 100%;
}
#listing0 .beta-col > div {
  width: 100%;
  margin:0;
}
#listing0 .beta-col .btn i {
    padding: 0 1em;
    position: absolute;
    left: 2em;
}
#listing0 .beta-col .btn {
  margin: 0.5em auto;
  width: 80%;
}

/*CUSTOM AREA */
#phone-info {
  margin: 1em 0 0;
}
#mobile-nav {
  margin: 0;
  padding: 0.5em;
  text-align: center;
}
#searchBox2 {
  width: 100%;
}

#upper-footer {
  text-align: center;
}
/*Slide Edits */
.content.top.left {
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  padding: 0.5em;
}
#slide-container .content {
  font-size: 13px;
  font-weight: 600;
}
#slide-container {

  height: auto;

}
.slogan {
  font-size: 15px;
  line-height: 1.2;
  padding: 0.25em;
}
.slidepag {
  top: 17%;
}
#form .row {
  float: left;
  width: 100%;
}
/* What is it good for page */
#body-chart li {
  display: block;
  font-size: 20px;
  text-align: center;
  border-bottom:1px solid #d8d8d8;
}
#body-chart li a {
  display: block;
  padding: 0.25em;
}


 }