.banner .bnr-bx img {
    max-width: 100%;
}

.product-info > .right ,
.product-info > .left {
    width : 50%;
}

.product-info .left .image {
    width : 64% !important;
    padding: 5px !important;
}



.product-info .image img {
    max-width: 100%;
}

.cp-text {
    width : 90% !important;
}

@media (max-width: 480px) {
    #content #column-left + .content-body, #content #column-right + .content-body {
        width: 100%;
    }

    #content #column-left {
        width : 100%;
    }

    .contactus .right ,
    .contactus .left {
        width : 100%;
        display: block;
    }

    .contactus .right  {
        width : 90%;
    }

    .product-grid .prd-block {
        width : 100%;
    }

    #header {
        height : 128px;
    }

    .top-options {
        top : 58px;
    }

    #header .links {
        margin-top : 10px;
        width : 100%;
    }

    #header #welcome {
        top : 67px;
        width : 100%;
        left : 0;
    }

    #aboutus-content {
        height : auto !important;
        width : 100% !important;
    }

    #aboutus-content img {
        height: auto !important;
        width : auto !important;
        max-width : 100%;
    }

    #facebook-block {
        width :100% !important;
        overflow: hidden;
    }

    #menu > ul > li > div.sub-menu {
        position: relative;
    }

    #content #column-right {
        width : 100% !important;
    }

    .login-content .right ,
    .login-content .left {
        width : 84%;
    }

    #banner0 {
        text-align: center;
    }

    #banner0 .bnr-bx {
        width : 100%;
    }
    #banner2 {
        text-align: center;
    }

    #banner2 .bnr-bx {
        width : 100%;
    }

    .product-info h1 {
        clear : both;
    }
    .product-info > .right,
    .product-info > .left {
        float: none;
        width : 100%;
    }

    .sub-menu {
        width : 80%;
    }

    .sub-menu ul li {
        float: none !important;
    }

    .footer-bt td {
        display: block;
    }

    .footer-bt td.cards {
        text-align: center;
        margin-top: 10px;
    }

    #header #cart .content {
        width : 100%;
    }

    .product-info > .right .l {
        float : none;
    }

    .product-info > .right .r {
        margin-left : 0;
    }

    .product-info .cart {
        margin-left: 0;
        padding: 0;
        width : 88%;
    }

}
@media (max-width:640px) and (min-width:481px) {

    #banner0 {
        text-align: center;
    }

    #banner0 .bnr-bx {
        width : 100%;
    }
    #banner2 {
        text-align: center;
    }

    #banner2 .bnr-bx {
        width : 100%;
    }

    #content #column-left + .content-body, #content #column-right + .content-body {
        width : 100%;
    }

    #content #column-left {
        width : 100%;
    }

    .product-grid .prd-block {
        width : 100%;
    }
    
    .prd-block {
        height :auto;
        max-height: 300px;
    }
    
    .footer-bt table {
        width : 100%;
    }
    
    .product-info > .right,
    .product-info > .left {
        float: none;
        width : 100%;
    }
    
    .product-info > .left .image {
        width : 70% !important;
    }
    
    .product-info > .left .image img {
        max-width: 100%;
    }
    
    .banner .bnr-bx img {
        max-width: 100%;
    }

    .category-info p img {
        width : auto !important;
        height : auto !important;
        max-width: 100%;
    }

    #header {
        height : 128px;
    }

    .top-options {
        top : 58px;
    }

    #header .links {
        margin-top : 10px;
        width : 100%;
    }

    #header #welcome {
        top : 67px;
        width : 100%;
        left : 0;
    }

    #menu > ul > li > div.sub-menu {
        position: relative;
    }

    .login-content .left,
    .login-content .right {
        width : 80%;
    }

    .product-info h1 {
        clear : both;
    }
}

@media (max-width:900px) and (min-width:641px) {

    .category-info p img {
        width : auto !important;
        height : auto !important;
        max-width: 100%;
    }

    #banner2 .bnr-bx ,
    #banner0 .bnr-bx {
        width : 32%;
    }

    .footer-bt table {
        width : 100%;
    }

    .product-info h1 {
        clear : both;
    }
    
    .product-grid .prd-block {
        width : 49%;
    }
    
    .login-content .right,
    .login-content .left {
        width : 80%;
        float :none;
    }
    
    #content {
        width : 95%;
    }
    #content #column-left {
        width : 30%;
        margin-right : 10px;
    }
    
    .product-info > .right {
        float : none;
        width : 100%;
    }
    
    .breadcrumb {
        left : 10px;
    }
    
    #content #column-left + .content-body, #content #column-right + .content-body {
        width : 68%;
        float: right;
    }

    #content #column-left {
        width : 24%;
    }

    #content #column-left + .content-body, #content #column-right + .content-body {
        width : 70%;
    }

    #header {
        height : 128px;
    }

    .top-options {
        top : 58px;
    }

    #header .links {
        margin-top : 10px;
        width : 100%;
    }

    #header #welcome {
        top : 67px;
        width : 100%;
        left : 0;
    }

    #menu {
        position: relative;
        min-height: auto;
        width : 100%;
        padding-top: 10px;
    }

    #menu ul {
        min-height: auto;
    }

    #menu > ul > li {
        float : none;
    }

    #menu > ul > li > a.top-lvl {
        min-height: auto;
        padding: 5px;
        font-size: 14px;
        letter-spacing: 1px;
    }

    #menu > ul > li > div.sub-menu {
        position: relative;
    }

    .navigation-bar {
        width : 100%;
        background: none;
    }



    .full-slideshow #header-wrapper {
        background: #685551 !important;
    }

    .home-btn {
        position: relative;
        top : 0;
        left : 0;
        display: block;
        margin-left: 25px;
        margin-bottom: 3px;
    }

    .store-logo {
        margin : 0 auto 10px;
    }

    .login-content .left,
    .login-content .right {
        width : 80%;
    }

    .product-list .prd-block {
        height : auto;
        max-height : 100% !important;
    }

    .product-list .info-wrp {
        margin-left: 0;
        padding : 10px 230px 15px 15px;
    }

    .product-list .prd-block .image {
        float : none;
        width : 100%;
    }

    .product-list .image {
        width : 36%;
    }


    .product-info > .right, .product-info > .left {
        width : 100%;
        float : none;
    }
}

@media (max-width:1200px) and (min-width:901px) {

    #banner2 .bnr-bx,
    #banner0 .bnr-bx {
        width: 32%;
    }

    #content #column-left {
        width : 24%;
    }

    #content #column-left + .content-body, #content #column-right + .content-body {
        width : 70%;
    }
}

@media (max-width:1200px) {

    #facebook-block {
        height : auto !important;
    }

    .store-home .banner .clearfix {
        width : 100% !important;
    }

    .category-info p img {
        width : auto !important;
        height : auto !important;
        max-width: 100%;
    }

    .footer-bt table {
        width : 100%;
    }

    #notification {
        clear : both;
        width : 100%;
    }

    #content #column-right {
        width : 30%;
    }

}

@media (max-width:640px) {

    #menu {
        position: relative;
        min-height: auto;
        width : 100%;
        padding-top: 10px;
    }

    #menu ul {
        min-height: auto;
    }

    #menu > ul > li {
        float : none;
    }

    #content #column-right {
        width : 100% !important;
    }

    .navigation-bar {
        width : 100%;
        background: none;
    }

    .store-logo {
        margin : 0 auto 10px;
    }

    #menu > ul > li > a.top-lvl {
        min-height: auto;
        padding: 5px;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .full-slideshow #header-wrapper {
        background: #685551 !important;
    }

    .product-info h1 {
        clear : both;
    }

    .home-btn {
        position: relative;
        top : 0;
        left : 0;
        display: block;
        margin-left: 25px;
        margin-bottom: 3px;
    }


    .cart-info table, .cart-info thead, .cart-info tbody, .cart-info th, .cart-info td, .cart-info tr {
        display: block;
    }


    .cart-info thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .cart-info tr { border: 1px solid #ccc; }

    .cart-info td {

        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;;
    }

    .cart-info td:before {

        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        padding :20px;
        text-align: left;
    }

    /*
    Label the data
    */
    .cart-info td:nth-of-type(1):before { content: "Product"; }
    .cart-info td:nth-of-type(2):before { content: "Stock Level"; }
    .cart-info td:nth-of-type(3):before { content: "Quantity"; }
    .cart-info td:nth-of-type(4):before { content: "Unit Price"; }
    .cart-info td:nth-of-type(5):before { content: "Total"; }

    .cart-info tbody .price ,
    .cart-info thead .quantity, .cart-info tbody .quantity {
        width : auto;
        text-align: left;
    }

    .cart-total {
        width : 100%;
    }

    .cart-info tbody .total {
        text-align: left;
    }

    .full-slideshow #content .content-body {
        padding-top : 20px;
    }

    .store-home .slideshow {
        display: none;
    }

    .product-list .prd-block {
        height : auto;
        max-height : 100% !important;
    }

    .product-list .info-wrp {
        margin-left: 0;
        padding : 10px 230px 15px 15px;
    }

    .product-list .prd-block .image {
        float : none;
        width : 100%;
    }

    .product-info > .left:after {
        content : '';
        display: block;
        clear : both;
    }

}

/************* Mobile menu *****************/


.topnav .icon {
    display: none;
}

@media (max-width: 900px) {

    .topnav ul {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
        position: absolute;
        right : 3px;
        top : 3px;
        width : 32px;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        padding : 4px;
    }

    .topnav a.icon:hover {
        color : #fff;
        background: #685551;
        text-decoration: none;
    }

    #menu {
        padding-bottom: 5px;
    }
    .product-info > .right ,
    .product-info > .left {
        width : 100%;
    }
    
    .refine-cate h2 {
        width : 47px;
    }
    
    .refine-cate h2 span {
        left : 14%;
    }
    .refine-cate ul {
        margin-left: 47px;
    }
}

@media (max-width: 900px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 3px;
        top: 3px;
    }
    .topnav.responsive ul {
        float: none;
        display: block;
        text-align: left;
    }

    .bar1, .bar2, .bar3 {
        width: 28px;
        height: 4px;
        background-color: #333;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
        transform: rotate(-45deg) translate(-9px, 6px) ;
    }

    .change .bar2 {opacity: 0;}

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
        transform: rotate(45deg) translate(-8px, -8px) ;
    }

}