@media only screen and (max-width: 999px) {
    /* rules that only apply for canvases narrower than 1000px */
    #sideLeft {
        background: #3173AF;
        float: right;
        width: 671px;
        /* height: 160px; */
        padding: 18px;
        padding-bottom: 0px;
        position: relative;
        z-index: 9000;
    }

    #welcome
    {
        width: 487px;
    }

    #container
    {
        width: 707px;
    }

    #searchWrapper
    {
        position: absolute;
        top: 12px;
        right: 0;
        left: auto;
        background: none;
    }

    #header
    {
        position: relative;
        width: 100%;
        margin-top: -9px;
        text-align: center;
    }

    iframe[id*='twitter-widget-']
    {
        display: none !important;
    }

    #menu
    {
        position: absolute;
        top: auto;
        left: auto;
        right: 0px;
        bottom: 0px;
        background: none;
    }

    #menu ul li
    {
        display: inline-block;
    }
}

@media only screen and (max-width: 707px) {
    html, body
    {
        width: 100%;
    }

    #header
    {
        height: 100px;
        text-align: center;
    }

    #logo
    {
        transform: scale(0.6);
        transform-origin: top;
        display: inline-block;
        margin-top: 10px;
    }

    #searchWrapper
    {
        width: 100%;
        position: relative;
    }

    #searchWrapper #search
    {
        background: white;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

    #menu
    {
        position: relative;
    }

    #menu ul li
    {
        display: block;
    }

    #menu .catColumn
    {
        display: block !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        background: none !important;
    }

    #menu .catColumn ul
    {
        background: none !important;
        float: none !important;
        margin-left: 20px;
        display: none;
    }

    .divImg
    {
        display: none !important;
    }

    #welcome
    {
        display: none;
        width: 100%;
    }

    #content
    {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        overflow: hidden;
    }

    #content, #container, #sideLeft
    {
        margin-left: 0px;
        margin-right: 0px;
        width: 100% !important;
        box-sizing: border-box;
    }

    #content .breadcrumb {
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    #content .category-info
    {
        width: 100%;
        box-sizing: border-box;
        left: 0;
        text-align: center;
    }

    #content .catInfo
    {
        width: 90%;
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
        overflow-x: hidden;
        display: inline-block;
        text-align: initial;
    }

    #content .banner
    {
        display: none !important;
    }

    #content .product-grid .item-container
    {
        width: 100%;
        height: initial;
    }

    #content .product-grid .item-container .image
    {
        float: left;
        margin-right: 20px;
    }

    #content .box .box-content .box-product .item, .product-grid .item
    {
        float: left;
        min-height: initial;
        width: 100%;
    }

    #content .item .wishlist
    {
        left: 0;
    }

    #content .item .wishlist
    {
        border-width: 0 0px 35px 35px;
        border-color: transparent transparent transparent #143049;
    }

    #content .item .wishlist a
    {
        left: -28px;
    }

    #content .login-content .right, #content .login-content .left
    {
        min-width: 200px;
        float: left;
    }

    #footer
    {
        width: 100%;
        float: none;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    #footer .payments
    {
        display: none;
    }

    #powered
    {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 400px)
{
    #content .item
    {
        width: 215px;
        float: none;
        margin: 0 auto;
    }

    .product-info .left, .product-info .right, .product-info .prodDesc, .product-info .pAdd
    {
        width: 100%;
    }

    .product-info .prodDesc
    {
        box-sizing: border-box;
    }

    .product-info .pAdd
    {
        left: auto;
    }

    .product-info .pAdd .price
    {
        padding-top: 17px;
    }
}

@media only screen and (max-width: 320px)
{
    body, html
    {
        min-width: 320px;
    }
}