/* All Sizes
=================================================================*/
.header .quick-access{
    display: none;
}


/* Desktop: width >= 960
=================================================================*/

@media (min-width: 960px) {

}

/* Desktop & Tablet: width >= 768px
=================================================================*/

@media (min-width: 768px) {

}

/* Tablet only: width >= 768px && width <= 959px
=================================================================*/

@media (min-width: 768px) and (max-width: 959px) {

}

/* Tablet & Mobile: width <= 959px
=================================================================*/

@media (max-width: 959px) {

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

    /* fix fixed widths */
    html,
    body,
    .wrapper,
    .header,
    .nav-container,
    #nav,
    .home-main,
    .col-main,
    .main,
    .footer,
    .footerCopyright,
    .home-main-content{
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }
    
    .header {
        min-height: 100px;
    }
    .footer{
        background-size: cover;
        background-position: center;
    }

    .footer img{
        max-width: 100%;
    }

    /* Search Bar */
    .header .form-search{
        right: 6px;
        left: initial;
        top: 54px;
    }

    /* Nav Bar */
    #nav li,
    #nav a {
        float: none;
    }

    .nav-container{
        position: relative;
        min-height: 35px;
    }

    .menu-button{
        content: " ";
        position: absolute;
        height: 19px;
        width: 25px;
        display: block;
        margin: 8px;
        top: 0;
        right: 0;
        cursor: pointer;
        z-index: 10000;
            margin-right: 25px;
    }

    .menu-button div{
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        left: 0;
    }

    .menu-button div:nth-child(1){
        top: 0;
    }

    .menu-button div:nth-child(2){
        top: 8px;
    }

    .menu-button div:nth-child(3){
        top:16px;
    }

    #nav{
        display: none;
    }

    #nav.show{
        display: block;
    }

    .home-sidebar,
    .col-left.sidebar {
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 90px;
        width: 100%;
        box-sizing: border-box;
    }

    .home-image-small-left,
    .home-image-small-middle,
    .home-image-small-right{
        box-sizing: border-box;
        width: calc(100%/3);
    }

    .home-image-small-left p,
    .home-image-small-left a,
    .home-image-small-left img,
    .home-image-small-middle p,
    .home-image-small-middle a,
    .home-image-small-middle img,
    .home-image-small-right p,
    .home-image-small-right a,
    .home-image-small-right img{
        width: 100%;
    }

    #slides{
        display: none;
    }

    #sliderContainer,
    #slider{
        width: 100%;
        box-sizing: border-box;
    }

    .category-products,
    .category-products .toolbar-bottom .toolbar{
        width: 100%;
    }

    .products-list li.item{
        width: 100%;
        box-sizing: border-box;
    }

    .store-locator{
        width: 100%;
    }

    .col3-layout .col-wrapper,
    .col3-layout .col-wrapper .col-main{
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

}

/* Mobile: width <= 767px
=================================================================*/

@media (max-width: 767px) {
    .footer-column-left,
    .footer-column-middle,
    .footer-column-right,
    .home-content-column{
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }

}

/* Extra small: width <= 480px
=================================================================*/

@media (max-width: 480px) {

    .home-image-small-left,
    .home-image-small-left p,
    .home-image-small-middle,
    .home-image-small-middle p,
    .home-image-small-right,
    .home-image-small-right p{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin: 0;
    }

    .header{
        height: 240px;
    }

    .header > h1.logo,
    .header > a.logo{
        width: 100%;
        float: none;
        margin: 0;
    }
    .header .logo {
        position: static;
    }

    .header h1.logo a{
        width: 100%;
        margin: 0;
    }

    .header h1.logo a img,
    .header > a.logo img{
        display: block;
        margin: 0 auto;
    }

    .header .links{
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .header .links li{
        float: none;
    }

    .header .links li:first-child{
        padding-left: 0;
    }

    .header .header-contact {
        position: absolute;
        top: 115px !important;
        width: 100%;
        left: 0;
        text-align: center;
    }
    .header .header-contact .header-btn {
        left: 50%;
        top: 45px;
        white-space: nowrap;
    }

    #search_mini_form{
        position: absolute;
        top: 190px;
        display: block;
        width: 100vw;
        left: 0;
    }

    .header .form-search{
        position: relative;
        top: 0;
        margin: 0 auto;
        max-width: 192px;
        right: auto;
    }

    .header .form-search label{
        width: 0;
    }

    .pager .amount,
    .pager .limiter{
        float: none;
    }

    .pager .pages{
        margin: 0;
    }

}