@media (max-width: 981px){
  html,
  body{
    max-width: 100%;
    overflow-x: hidden;
  }

  .container{
    width: auto;
  }
  .row{
    max-width: none;
    min-width: initial;
    width: 100%;
  }
  
  .container .branding{
    margin-top: 15px;
  }

  .float-menu{
    width: 100%;
  }

  .container .main-menu{
    width: 100%;
  }
  
  .container .main-menu .twelve .nav-bar{
    background: #fff;
    text-align: center;
  }


  .container .main-menu .twelve .nav-bar li a.main{
    padding: 0 10px;
  }
  
  .reveal-modal{
    width: 100%;
  }
  
  .footer{
    padding: 0 15px;
    width: auto !important;
  }

  .footer .footer-logo{
    float: right;
    margin-left: auto;
    margin-right: -15px;

  }
  .footer .footer-logo:after{
    clear: both;
  }

  #social-links{
    margin: 30px 0 2px auto;
  }

  #wrapper-collection{
    margin-top: 0;
  }

  .container .row.slider{
    margin: 195px auto auto auto;
  }
  
  .featured-columns{
    margin: 15px 0;
  }

  .featured-columns li{
    width: 30%;
    margin-right: 0;
    padding: 0 1.665%;
    text-align: center;
  }

  .product-description{
    width: 100% !important;
    height: 100% !important;
  }
  .page-content.twelve{
    width: auto;
    float: none;
  }

  #search-main,
  #search-results,
  .page-content{
    padding: 0 15px;
  }
  
  .paginate-bottom,
  .main-content h2,
  .brands2-sub{
    padding-left: 15px;
    padding-right: 15px;
  }

  .apparel-sub,
  .footwear-sub,
  .accessories-sub,
  .other-sub{
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  #enquiries + div{
    float: none !important;
    width: 100% !important;
  }

  .page-content .page-image-header img{
    padding: 0 2.5%;
    width: 20%;
    height: auto;
  }

  .search-image{
    width: 100%;
  }

  .search-image img{
    height: auto;
    max-width: 100%;
  }

  #filter-by-tag #shop-cat{
    padding: 0 10px 0 10px !important;
    float: none;
    display: inline-block;
  }
  

  #search-results li,
  .block-grid.four-up>li,
  #product .product-top{
    width: 46%;
    margin: 0;
    padding: 0 2%;
  }

  .article-wrapper > div{
    width: 46% !important;
    margin: 0 !important;
    padding: 0 2% !important;
  }
  
  #blog .article,
  #product-slider,
  #product-photo-container{
    height: auto;
  }
  
  #blog .news-main{
    width: 100%;
  }

  #blog .posted-by{
    float: none;
    margin: 0;
    padding-top: 10px;
  }

  .news-sidebar,
  #social-slider .slide{
    width: 96% !important;
    margin: 0 !important;
    padding: 0 2% !important;
  }

  .article-page{
    width: 75%;
    margin: 0 auto !important;
    float: none;
    display: block;
  }

  .article-page div,
  .article-page div img{
    width: 100% !important;
  }

  .article-title{
    text-align: center;
  }

  .collection-titles div:first-of-type{
    width: 96% !important;
    display: block !important;
    padding: 0 2%;
  }

  .collection-titles div:nth-of-type(2){
    width: 94% !important;
    display: block !important;
    padding: 0 3%;
  }

  .cart-row > .columns{
    margin: 0 0 5px !important;
    padding: 0 2%;
    width: 26%;
  }

  .cart-row > .five.columns{
    margin: 0;
    padding: 0 2%;
    width: 36%;
  }

  #cart .cart-items li.cart-row{
    padding: 15px 0;
  }
  #cart .main-content .row .six{
    width: 46%;
    margin: 0;
    padding: 0 2%;
  }
  #cart #cart-buttons{
    margin: 0;
  }
  .cart-row > .columns.cart-note textarea{
    margin-bottom: 10px;
    width: 100%;
  }

  #cart .cart-buttons input[type="submit"]{
    width: 100%;
  }

  #cart .sub-total{
    text-align: right;
    width: 96%;
    margin: 0;
    padding: 0 2%;
  }

  #cart .sub-total span{
    padding: 0;
  }

  .cart-head{
    display: none;
  }

  #index .jcarousel ul{
    width: 100%;
  }

  #index .jcarousel ul li #wrapper-collection{
    border-bottom-color: transparent;
  }

  #index .jcarousel ul li:last-child #wrapper-collection{
    border-bottom-color: #CCC;
  }

  #index #jcarousel-wrapper .jcarousel-prev,
  #index #jcarousel-wrapper .jcarousel-next{
    display: none;
  }

  #index #jcarousel-wrapper .product.left{
    float: none;
    display: inline-block;
  }
}

@media (max-width: 625px){
  .footer .six.columns{
    width: 100%;
  }
  .footer .three.columns{
    width: 50%;
    margin-left: 0;
  }
  .footer .list{
    margin-top: 15px;
  }
  .footer .first{
    padding: 15px 0;
  }
  #newsletter p{
    margin-bottom: 0;
  }
  #social-links{
    margin-top: 15px;
  }
  .ui-widget-content div,
  .ui-widget-content p{
    width: 100% !important;
  }

  .cart-row > .columns{
    margin: 0 0 5px !important;
    padding: 0 2% !important;
    width: 96% !important;
    text-align: right;
  }

  .cart-row > .five.columns,
  .cart-row > .columns.cart-note,
  .cart-row > .columns.cart-buttons{
    width: 96% !important;
    text-align: left;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 425px){
  #result-q{
    width: 65%;
  }

  #search-results li,
  .block-grid.four-up>li,
  #product .product-top{
    width: 96%;
    margin: 0;
    padding: 0 2%;
  }
  
  #product-slider div.slide-tabs div{
    float: none;
    display: inline-block;
    text-align: center;
  }

  .description h1,
  .description h2,
  .description .price-tag{
    text-align: center;
  }
  
  #product .selector-wrapper select,
  #product #purchase{
    float: right;
  }

  #product .qty-field{
    text-align: right;
  }

  .article-wrapper > div{
    width: 96% !important;
    margin: 0 !important;
    padding: 0 2% !important;
    height: auto !important;
  }

  .article .article-wrapper img{
    margin-bottom: 15px;
  }

  .article-page{
    width: 96%;
    margin: 0 !important;
    padding: 0 2% !important;
    float: none;
    display: block;
  }

  .article-page div,
  .article-page div img{
    width: 100% !important;
  }
}