@media (min-width: 240px) and (max-width: 770px) {
  .wrapper {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}
.page {
    float: none;
    margin: auto !important;
    width: 100% !important;
    overflow: hidden;
}
.page-header-container {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}

.header_left {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}

.logo_background {
  
    float: none !important;
    height: auto !important;
    margin: auto !important;
    text-align: center !important;
    width: 100% !important;
}

.logo {
   
    float: none !important;
    margin: auto !important;
    padding: 0 !important;
    text-align: center !important;
}


.logo img {
    margin: auto !important;
     max-width: 90% !important;
}



.skip-links {
    background: #D41131 !important;
    border: medium none !important;
    float: none !important;
    margin: auto !important;
    padding: 0 !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.main-container.col1-layout {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}


.skip-account .icon {
    display: inline-block !important;
}
.skip-link.skip-account {
      margin-top: 0 !important;
    padding: 0 !important;
}



.skip-link {
   background: transparent none repeat scroll 0 0 !important;
    height: 45px !important;
    border-right:none !important;
    line-height: 50px !important;
     width: 23% !important;
      color: white !important;
}
.skip-link.skip-active {
    background:#BE0D29 !important;
    color: white !important;
}


.nav-primary li , #header-account li{
    height: auto !important;
    margin: auto !important;
      background-color: #BE0D29 !important;
}

.nav-primary li a, #header-account li a{
   text-align: center !important;
       color: white !important;
    
}
.no-touch #header-account a:hover, .no-touch .nav-primary a:hover{
     color: #636363 !important;
}
.nav-primary a.level0, .nav-primary a {
    line-height: 35px !important;
}
.nav-primary a {
     color: #000000 !important;
    display: block !important;
    font-size: 15px !important;
    position: relative !important;
    text-decoration: none !important;
}
#header-account a {
    color: #000000;
    display: block;
    font-size: 15px;
    position: relative;
    text-decoration: none;
    line-height: 35px !important;
}
#header-account {
    padding:  0 !important;
}
#header-search {
    margin-top: 35px;
}
.input-box {
    text-align: center !important;
}

.page-title {
    margin-top: 15px !important;
    text-align: center !important;
}

.page-title h1{
    margin-bottom: 0px !important;
    text-align: center !important;
}




.jcarousel-clip.jcarousel-clip-horizontal {
    width: 95% !important;
}

.pika-wrap {
    float: none !important;
    margin: auto !important;
    width: 95% !important;
}
.pika-image {
    float: none;
    height: auto !important;
    margin: auto !important;
    width: 95% !important;
}
.pika-imgnav a {
    height: 100% !important;
}




.skip-link .icon {

    height: 35px !important;
  
}

.category-description.std {
    margin: auto !important;
    text-align: center !important;
}
.product-view , .category-products{
    margin: auto !important;
    width: 97% !important;
}


.cart .page-title h1 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    text-align: center !important;
     float: none !important;
}

.cart {
    margin: auto !important;
    width: 97% !important;
}

#checkoutSteps {
    float: none !important;
    margin: auto !important;
    width: 97% !important;
}


.customer-account-login .col-main {
    margin: auto;
    width: 97% !important;
}
.header-minicart .subtotal .label {
    color: #636363 !important;
}


.header-minicart .minicart-actions .cart-link {
  
    position: relative !important;

}

.block.block-cart.skip-content.skip-active {
    clear: both;
   margin-bottom: 0px !important;
}

.skip-content.skip-active{
    margin-top: 0px !important;
   
}
.minicart-wrapper {
    width: 320px !important;
    margin: auto !important;
}
#header-nav {
    padding: 0px !important;
}



.skip-link-static.skip-account{
    display: none !important;
}
.skip-link:hover{
    background: #BE0D29 none repeat scroll 0 0 !important;
    color: white !important;
}
.skip-nav:hover:not(.skip-active) .icon {
    background-position: 4px 4px !important;
}
.skip-search:hover:not(.skip-active) .icon {
    background-position: 4px -146px !important;
}
.skip-account:hover:not(.skip-active) .icon {
    background-position: 4px -44px !important;
}
.skip-cart:hover:not(.skip-active) .icon{
      /* background-position: 0 -95px !important; */
}

.footer-container {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}
.footer {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
        height: auto !important;
}

.footeraddress {
  float: none !important;
  margin: auto !important;
  text-align: center !important;
}

.pika-image img {
  width: 100% !important;
  margin: auto !important;
  float: none !important;
}

.data-table.linearize-table {
  clear: both !important;
}
.cms-page-view .std ,  .cms-page-view .std p{
    width: 95% !important;
    float:none !important;
    margin: auto !important;
}
.cms-page-view .std h2{
    text-align: center !important;
}

.no-touch #header-account a:hover, .no-touch .nav-primary a:hover {
  background-color: #f4f29f !important;
  text-decoration: none;
}

.skip-cart .count {
  margin-left: 0px !important;
}

.skip-cart .price {
  display: none;
}
.skip-link.skip-cart .icon {
  margin-top: 8px !important;
}
.skip-cart .count {
  top:0px !important;
}
#header-account .links li > a {
 
  font-size: 15px !important;
}
.callus {
  float: none !important;
  margin-bottom: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 5px !important;
  width: 305px !important;
}
body .promos li {
  float: none !important;
  margin: auto !important;
  width: 100% !important;
  margin-bottom: 10px !important;
}
.promos img {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: auto !important;
  width: 100% !important;
}
.homebottom {
  float: none !important;
  margin: auto !important;
  overflow: hidden !important;
  width: 100% !important;
  clear: both !important;
}
.vendors {
  width: 100% !important;
  margin: auto !important;
  float: none !important;
}
.vendors .title {
  margin: auto !important;
  float: none !important;
  padding: 5px !important;
}
.vendors > img {
  float: none !important;
  margin: auto !important;
  width: 90% !important;
}
#topproducts {
  float: none !important;
  margin: auto !important;
  padding: 10px 0 0 !important;
}



.homebottom .button.btn-cart {
  margin-left: 25px !important;
}

.fcontain {
  float: none !important;
  margin: auto !important;
  overflow: hidden !important;
  clear: both !important;
    border: medium none !important;
    width: auto !important;
       height: auto !important;
       text-align: center !important;
        margin-bottom: 15px !important;
}
#flast hr {
  margin: auto !important;
}
#flast > a {
  float: none !important;
}
#fmiddle > img {
  margin: auto !important;
}
#ffirst > ul {
  float: none !important;
  margin: auto !important;
}



.products-grid .product-image {
  float: none !important;
  margin: auto !important;
  padding: 0 !important;
  width: 100% !important;
}
.products-grid .product-name {
  float: none !important;
  margin: auto !important;
  padding: 0 !important;
  width: 100% !important;
     text-align: center !important;
}
.products-grid  .price-box {
  margin: auto !important;
  text-align: center !important;
  width: 100% !important;
  padding: 0 !important;
}
.products-grid  .actions {
  float: none !important;
  margin: auto !important;
  text-align: center !important;
  padding: 0px !important;
}
.product-info .product-name {
  margin-bottom: 10px !important;
}
.products-grid .price-box {
  margin: auto auto 10px !important;
}
.page-title h1, .page-title h2, .product-name h1, .product-name .h1 {
  font-size: 15px !important;
}
.product-view .product-name h1 {
  text-align: center;
}
.more-views > h2 {
  font-size: 17px;
}
body .promos li { 
  width: 70% !important;
}
.level0 {
  width: 100% !important;
}
.level0.parent.menu-active ul li a {
  border-bottom: 1px solid white;
  clear: none !important;
  float: none !important;
  left: -24px;
  padding: 0 !important;
  width: 108% !important;
  background-color: #d41131 !important;
}


.level0.parent.menu-active ul li a:hover {
 color: #f7f4ad !important;
}

.promos > li:first-child {
  float: none !important;
  margin: auto !important;
  width: 100% !important;
}
.slideshow-container .slideshow > li{
    width: 100% !important;
}
body .promos > li{
    border: none !important;
}


}


/*-------------------------------- 240 to 600------------------------------------*/

@media (min-width: 240px) and (max-width: 600px) {
 .products-grid .item.last {
  float: none !important;
 margin: auto auto 15px !important;
  width: 175px !important;
}
 .products-grid.products-grid--max-3-col {
  float: none !important;
  margin: auto !important;
  width: 100% !important;
}
body, button, input, select, table, textarea {

  font-size: 12px !important;

}
.col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main {
     margin-bottom: 0 !important;
}

#sidebar-nav {
  margin-bottom: 0 !important;
 
}

}

@media (min-width: 601px) and (max-width: 770px) {
    
 .products-grid .item.last {
  float: left !important;
 margin: auto auto 15px 10px !important;
  width: 175px !important;
}

.products-grid.products-grid--max-3-col {
  width: 555px !important;
  margin: auto !important;
   float: none !important;
}


}
/*-------------------------------- 771 to 1150------------------------------------*/
@media (min-width: 771px) and (max-width: 900px) {
.nav-primary li.level0 > a { 
 font-size: 15px !important;
}
.nav-primary a.level0 {
  padding: 10px 10% 12px !important;
}
.level0.nav-1.first a {
  padding-left: 15px !important;
}

}

@media (min-width: 901px) and (max-width: 1000px) {
.nav-primary li.level0 > a { 
 font-size: 17px !important;
}
.nav-primary a.level0 {
  padding: 10px 11% 12px !important;
}
}



@media (min-width: 1000px) and (max-width: 1160px) {
.nav-primary li.level0 > a { 
 font-size: 17px !important;
}
.nav-primary a.level0 {
  padding: 10px 15% 12px !important;
}
}



@media (min-width: 771px) and (max-width: 1160px) {

 .wrapper {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}
.main {
  float: none !important;
  margin: auto !important;
  width: 100% !important;
}
#header {
  width: 95% !important;
}
.page {
    float: none;
    margin: auto !important;
    width: 100% !important;
}
.page-header-container {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}


header {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}
.logo {
  padding: 0 !important;
  width: 35% !important;
}
.main-container.col1-layout {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}
.std {
    float: none !important;
    margin: auto !important;
    width: 100% !important;
}



.footer {
  float: none !important;
  margin: auto !important;
  width: 100% !important;
}

.pika-image img {
  width: 100% !important;
  margin: auto !important;
  float: none !important;
}

.pika-image {
  width: 100% !important;
  margin: auto !important;
  float: none !important;
}
.promos li:first-child {
  /*width: 69% !important;*/
 
}
.promos li:first-child {
  border: medium none;
  clear: both !important;
  margin: auto auto 10px !important;
  overflow: hidden !important;
  width: 100% !important;
}

.promos > li:last-child {
  clear: both !important;
  margin: auto auto 10px !important;
    float: none !important;
  width: 38% !important;
}

.main-container, .footer-container {
  padding: 0 !important;
}
.cms-home .col-main {
  float: none !important;
  margin: auto !important;
  width: 100% !important;
  
}
.promos {
  margin: 10px auto auto !important;
  width: 100% !important;
}
.promos img {
  width: 100% !important;
}

.vendors > img {
  float: none !important;
  padding: 0 !important;
  width: 90% !important;
}
.homebottom .actions {
  float: left !important;
}
.homebottom .products-grid li {
 
  width: 31% !important;
}
.homebottom .product-image {
  height: 170px !important;
}
.detailbutton .button{
       padding: 7px !important;
}

.footercontain {
  margin: auto !important;
  width: 95% !important;
}
#ffirst {
  margin-left: 0 !important;
 /* width: 205px !important;*/
}

#fmiddle{
  margin-left: 15px !important;
/*  width: 230px !important;*/
}
#flast {
  margin-left: 15px !important;
  /*width: 240px !important;*/
}
.fcontain {
    width: 30% !important;
}
.main {
  width: 95% !important;
  margin-top: 10px !important;
}
.breadcrumbs {
  clear: both !important;
  margin-top: 10px !important;
}
.data-table.linearize-table {
  clear: both;
}

}

/*-------------------------------------------- 900 to 1150 ----------------------------------------------*/
@media (min-width: 771px) and (max-width: 850px) {

#subvacuumcleaners {
  left: 0px !important;
  width: 175px !important;
}
#subcentral {
  left: -5px !important;
  width: 210px !important;
}
#subair {
  left: -6px !important;
  width: 140px !important;
}
#subbags {
  left: -5px !important;
  width: 155px !important;
}
}


@media (min-width: 850px) and (max-width: 1000px) {
#subvacuumcleaners {
  left: 0px !important;
  width: 185px !important;
}
#subcentral {
  left: -5px !important;
  width: 240px !important;
}
#subair {
  left: -6px !important;
  width: 150px !important;
}
#subbags {
  left: -5px !important;
  width: 165px !important;
}
}

@media (min-width: 1000px) and (max-width: 1160px) {
#subvacuumcleaners {
  left: 0px !important;
  width: 195px !important;
}
#subcentral {
  left: -5px !important;
  width: 272px !important;
}
#subair {
  left: -6px !important;
  width: 160px !important;
}
#subbags {
  left: -5px !important;
  width: 175px !important;
}
}