@media (max-width: 999px) {

body { background: #fff url(); width: 100%; max-width: 100%; min-width: 100%; padding: 0; margin: 0; }
.container {width: 100%; max-width: 100%; min-width: 100%; padding: 0; margin: 0; }
.header { height: auto;  }
.search { position: relative; left: auto; top: auto; width: 90%; text-align: center; height: auto; margin: 20px 5% 10px 5%; padding: 0; }
.inputwrap { width: 60%; }
.search button { width: 40%; }
.inputwrap input { width: 100%; }
.navbar-custom { width: 100%; max-width: 100%; min-width: 100%; padding: 0; margin: 0; }
.navbar-custom .logo { position: relative; width: 100%; height: auto; margin: 10px 0 0 0; padding: 0px; text-align: center; float: none; left: 0; top: 0; }
.navbar-custom .logo img { width: 80%; max-width: 800px; margin: 0; padding: 0; text-align: center; }
.navbar-custom .small-logo { display: none; }
.navbar-custom .large-logo { display: inline; }
.navbar-nav-custom { display: none; }

.slideshow { width: 100%; max-width: 100%; min-width: 100%; height: auto; }
.slideshow img { width: 100%; position: relative; left: 0; margin-left: 0; }

.cart { position: relative; width: 90%; text-align: center; height: auto; margin: 10px 5%; padding: 10px 0; float: none; background-color: #eee; }
.cart table { margin: 0px 0px 0px 80px; }
.cart i { color: #cac6c1; position: absolute; left: 20px; top: 50%; margin-top: -20px; font-size: 40px; line-height: 40px; height: 40px; }

.menu { width: 90%; height: auto; margin: 10px 5%; padding: 0; list-style-type: none; position: relative; }
.menu>li, .menu>li:last-child { float: none; text-align: center; padding: 0px; margin-bottom: 2px; font-size: 13px; background: #00558c url(); }
.menu>li>a { padding: 0px; height: auto; line-height: 30px; }
.menu>li:hover .ddmenu { display: none; }
.menu>li>a:hover, .menu>li.active>a { background-color: #003471; border-bottom: 0; }

.main, .hidesidebar, .homepageproducts { width: 100%; max-width: 100%; min-width: 100%; float: none; margin: 0px; padding: 0px; }
.content { width: 90%; height: auto; margin: 10px 5%; padding: 0 0 10px 0; border: 0px; margin-top: 0px; }
.content img { max-width: 100%; height: auto !important; }
.sidebar, .filter { display: none; }

.catnav { width: 100%; padding: 5px 5%; float: none; margin: 5px 0 0 0; }

.main .sort { float: none; }
.main .sort span { margin: 5px 0px; float: none; }
.main .sort .btn { margin: 2px 2%; float: none; width: 46%; float: left; }

.product { width: 100%; padding: 5px 5%; float: none; margin: 5px 0 0 0; border: 1px solid #eee; }
.product img { position: absolute; top: 65px; left: 50%; margin-left: -105px; }

.detail { width: 100%; padding: 10px 5%; margin: 0; }
.detail .image { width: 100%; margin: 0; float: none; }
.detail .info { width: 100%; margin: 0; float: none; clear: both; }

.process, .cartimage { display: none; }

.btn-lg { margin-bottom: 5px; }

#slider { position: relative; }
.sliderloader { display: none; }

footer { width: 100%; max-width: 100%; min-width: 100%; padding: 0; margin: 0; }
footer hr { margin: 0px; }
.footermenu, .contact, .mobile { width: 90%; text-align: center; height: auto; margin: 10px 5%; padding: 10px 0; float: none; background-color: #eee; }
.partners { border-top: 1px solid #ddd; }

.advantages, .facebook, .newsletter { width: 90%; height: auto; margin: 10px 5%; padding: 10px 0; border: 0px; }

body>div:first-child { display: none; }

table { width: auto !important; max-width: 100%; }
td { width: auto !important; }

.mobileonly { display: block; }
.contactbutton a { background-color: #666; }

.slidernormal { display: none; }
.slidermobile { display: block; }

.pages iframe { width: 100% !important; height: auto; }

.reswidth { min-width: 50px; }

.eet { display: none; }

.pages table td[colspan="2"] {
  width: 50%!important;
}

td[colspan="2"] a.fancybox img {
  width: 100%!important;
}

.search.collapse, .cart.collapse, .menu.collapse {
  display: none;
}

.navbar-custom.with-responsive .logo {
  left: 15px;
  width: 300px;
  float: left;
  margin: 10px 0 10px;
}

.menu .contactbutton {
  margin-bottom: 10px;
}

.navbar-custom.with-responsive .icons {
  float: right;
  margin-right: 50px;
  top: 35px;
  position: relative;
  display: block;
}

.navbar-custom.with-responsive .icons .icon {
  font-size: 35px;
  margin-left: 25px;
  color: #414b54;
  transition: opacity .15s;
}

.navbar-custom.with-responsive .icons .icon:hover {
  opacity: .6;
}
}

@media (max-width: 580px) {
  .logo img {
    float: left;
  }

  .navbar-custom.with-responsive .logo {
    width: 220px;
  }

  .navbar-custom.with-responsive .icons {
    top: 22px;
    margin-right: 20px;
  }

  .navbar-custom.with-responsive .icons .icon {
    font-size: 34px;
  }
}


@media (max-width: 450px) {
  .navbar-custom.with-responsive .logo {
    width: 200px;
  }

  .navbar-custom.with-responsive .icons {
    top: 22px;
  }

  .navbar-custom.with-responsive .icons .icon {
    margin-left: 15px;
    font-size: 27px;
  }
}