@media all and (min-width: 240px) and (max-width: 980px) {

    .header-bottom .search-box {
        display: none;
    }

    .flyout-cart {
        display: none !important;
    }

    /* HEADER */

    .header-links .ico-register {
        background: url(../img/m-icon-plus.png) no-repeat center;
    }

    .header-links .ico-login {
        background: url(../img/m-icon-lock.png) no-repeat center;
    }

    .header-links .account {
        background: url(../img/m-icon-account.png) no-repeat center;
    }

    .header-links .ico-logout {
        background: url(../img/m-icon-logout.png) no-repeat center;
    }

    .header-links .ico-wishlist {
        background: url(../img/m-icon-star.png) no-repeat center;
    }

    .header-links .ico-inbox {
        background: url(../img/m-icon-inbox.png) no-repeat center;
    }

    /* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper-parent {
        height: 51px;
    }

    .responsive-nav-wrapper {
        position: relative;
        background: #46c688 url(../img/pattern-nav.png) left top;
        width: 100%;
        box-shadow: 0 1px 3px 1px rgba(0,0,0,0.15);
        text-align: center;
        font-size: 0;
    }

    .stick {
        position: fixed;
        top: 0;
        z-index: 10000;
    }

    .header-menu.stick {
        z-index: 2147483647; /* Mozzila fix (wrong rule priority) */
    }

    .responsive-nav-wrapper:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
    }

    .responsive-nav-wrapper > div > span {
        display: block;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        height: 51px;
        width: 85px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer;
    }

    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background: url(../img/icon-menu.png) no-repeat center;
    }

    .responsive-nav-wrapper .search-wrap {
        display: none;
        background: url(../img/icon-search.png) no-repeat center;
    }

    .responsive-nav-wrapper .filters-button {
        display: none;
        background: url(../img/icon-filters.png) no-repeat center;
    }

    /* RESPONSIVE MENU */

    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        overflow: hidden;
        z-index: 1000000;
    }

    #headerMenuParent {
        height: 0;
    }

    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        text-align: left;
        background: #333 url(../img/pattern-nav.png) left top !important;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 2147483647;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .notAndroid23 .justAFixingDivBefore,
    .notAndroid23 .header-menu {
        -webkit-transform: translate(-320px);
        -moz-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }

    .android23 .justAFixingDivBefore,
    .android23 .header-menu {
        left: -320px;
    }

    .header-menu.open {
        box-shadow: 1px 0 5px rgba(0,0,0,.5);
    }

    .notAndroid23 .header-menu.open {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .android23 .header-menu.open {
        left: 0;
    }

    .header-menu .close-menu {
        background: #46c688 url(../img/pattern-nav.png) left top;
        cursor: pointer;
    }

    .close-menu span {
        display: block;
        padding: 15px 20px;
        background: url(../img/nav-item-close.png) no-repeat 25px center;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 15px;
        text-align: right;
    }

    .header-menu > ul li {
        background: #fff url(../img/nav-item-border-bottom.png) repeat-x left bottom;
    }

        .header-menu > ul li:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
        }

        .header-menu > ul li > a,
        .header-menu > ul li > span {
            display: block;
            padding: 16px 18px 18px !important;
            line-height: 16px;
            color: #505050;
            font-size: 16px;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
        }

        .header-menu > ul li > .with-subcategories {
            width: 270px;
            float: left;
        }

    .plus-button {
        position: relative;
        float: right;
        background: url(../img/nav-item-border-side.png) repeat-y left top, url(../img/nav-item-open.png) no-repeat center;
        width: 50px;
        height: 48px;
        z-index: 2;
        cursor: pointer;
    }

    .header-menu .sublist {
        position: absolute;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #333 !important;
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        z-index: 3;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .notAndroid23 .header-menu .sublist {
        -webkit-transform: translate(-320px);
        -moz-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }

    .android23 .header-menu .sublist {
        left: -320px;
    }

    .notAndroid23 .header-menu .sublist.active {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .android23 .header-menu .sublist.active {
        left: 0;
    }

    .header-menu ul li.back-button {
        background: #46c688 url(../img/pattern-nav.png) left top;
    }

    .header-menu .back-button span {
        background: url(../img/nav-item-close.png) no-repeat 25px center;
        text-transform: none;
        color: #fff;
        text-align: right;
        padding: 14px 18px 15px !important;
        cursor: pointer;
    }

    /* header menu functionality classes */

    .admin-header-links,
    .header,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-page,
    .footer {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    .notAndroid23 .move-right {
        -webkit-transform: translate(320px);
        -moz-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px);
    }

    /* BLOCKS */



    /* CATEGORY PAGE & ITEM GRIDS */

    .product-viewmode,
    .product-page-size {
        display: display !important;
    }

    /* SEARCH */

    .search-box {
        position: initial;
        top: 0;
        left: 0;
        padding: 7px;
        width: 100%;
        background: #46c688 url(../img/pattern-nav.png) left top;
        box-shadow: -1px 2px 1px rgba(0,0,0,0.3);
        z-index: 9999999;
        text-align: center;
        margin-right: 0px;
    }

        .search-box.open {
            display: block;
        }

        .search-box form {
            display: inline-block;
            padding: 7px;
            background: rgba(0,0,0,0.2);
        }

            .search-box form:after {
                content: ".";
                display: block;
                visibility: hidden;
                clear: both;
                height: 0;
                line-height: 0;
                font-size: 0;
            }

        .search-box input.search-box-text {
            float: left;
            width: 257px !important;
            height: 34px;
            border: 0;
        }

        .search-box .search-box-button {
            float: left;
            width: 34px;
            height: 34px;
            border: none;
            overflow: hidden;
            background: #46c688 url('../img/icon-search.png') center no-repeat;
            text-indent: 999px;
        }

    #tblfiltersearch table, #tblfiltersearch thead, #tblfiltersearch tbody, #tblfiltersearch th, #tblfiltersearch td, #tblfiltersearch tr {
       	display: block;
	    margin-left: 30px;
	    margin-bottom: 5px;
    }

        #tblfiltersearch td #ProductName {
            /*padding: 0px 0px 0px 175px;*/
            margin-left: -20px;
        }

    .leftproductdetails {
        width: 100%;
    }

    #ToBeApplied td {
        padding-left: 5%;
        display: inline-block;
    }

        #ToBeApplied td:nth-of-type(2):before {
            display: none;
            content: "";
        }

    .productinfoheading {
        text-align: center;
    }

    #tblstocklist tbody td {
        display: inline-table;
        width: 100%;
    }

    #tblstocklist tr {
        height: auto;
    }

    #tblstocklist td:nth-of-type(1):before {
        content: "Location Name:";
        font-size: 18px;
        font-weight: bold;
    }

    #tblstocklist tbody td:nth-of-type(2):before {
        content: "Stock:";
        font-size: 18px;
        font-weight: bold;
    }

    .product-essential {
        width: 100%;
    }

    .tblproductslist td {
        width: 100%;
	/*margin-left:60px;*/
    }

    .tblproductslist tr {
        background: #fff;
    }

    /*open orders*/
    .tblopenordersearch td
    {
        display:block;
    }
    .tblopenorders tr {
        border: 1px solid;
    }

    .tblopenorders td {
        width: 100%;
        border: 1px solid #eee;
        display: block;
    }

    .openorderbutton {
        float: initial;
    }

    .tblopenorders tbody td:nth-of-type(1):before {
        content: "Order Number: ";
        font-weight: bold;
    }

    .tblopenorders tbody td:nth-of-type(2):before {
        content: "Order Status: ";
        font-weight: bold;
    }

    .tblopenorders tbody td:nth-of-type(3):before {
        content: "Order Date: ";
        font-weight: bold;
    }

    .tblopenorders tbody td:nth-of-type(4):before {
        content: "Order Total: ";
        font-weight: bold;
    }

    .tblopenorders tbody td:nth-of-type(5):before {
        content: "External Document No: ";
        font-weight: bold;
    }
    /**/

    /*closed orders*/
    .tblclosedorders tr {
        border: 1px solid;
	height: 200px;
    }

    .tblclosedorders td {
        width: 100%;
        border: 1px solid #fff;
        display: block;
    }

    .tblclosedorders tbody td:nth-of-type(1):before {
        content: "Order Number: ";
        font-weight: bold;
    }

    .tblclosedorders tbody td:nth-of-type(2):before {
        content: "Invoice No: ";
        font-weight: bold;
    }

    .tblclosedorders tbody td:nth-of-type(3):before {
        content: "Shipments: ";
        font-weight: bold;
    }

    .tblclosedorders tbody td:nth-of-type(4):before {
        content: "Order Date: ";
        font-weight: bold;
    }

    .tblclosedorders tbody td:nth-of-type(5):before {
        content: "Order Total: ";
        font-weight: bold;
    }
    /**/

  /*transactions*/
    .transactionsearch {
        margin: 5px 20px;
    }

    .tbltransactions tr {
        border: none;
        height: 200px;
        background: #fff;
        color: #505050;
    }

    .tbltransactions td {
        width: 100%;
        display: block;
    }

    .tbltransactions tbody td:nth-of-type(1):before {
        content: "Posted Date: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(2):before {
        content: "Document Type: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(3):before {
        content: "Document Number: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(4):before {
        content: "Description: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(5):before {
        content: "Amount: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(6):before {
        content: "Remaining Amount: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(7):before {
        content: "Due Date: ";
        font-weight: bold;
    }

    .tbltransactions tbody td:nth-of-type(8):before {
        content: "Open: ";
        font-weight: bold;
    }
    /**/

    /*Reports*/
    .shipmenthead {
        border: 1px solid;
        vertical-align: middle;
        width: 127px;
        background-color: #464646;
        color: white;
        border: 1px solid #464646;
        height: 30px;
    }

    .tblreportsearch tr {
        display: grid;
        text-align: center;
    }

    .btnreportsearch {
        background: #dcdcdc none repeat scroll 0 0;
        border: 1px solid #d3d3d3;
        box-shadow: 0 1px 0 0 #bbb;
        color: #505050;
        font-size: 14px;
        padding: 8px 16px;
        margin-top: 3px;
        margin-left: 40%;
    }
    /**/

    /* Force table to not be like tables anymore */

    .tblproductslist table, .tblproductslist thead, .tblproductslist tbody, .tblproductslist th, .tblproductslist td, .tblproductslist tr {
        display: block;
    }

    table:not(.ui-datepicker-calendar)
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        /*position: absolute;*/
        top: -9999px;
        left: -9999px;
    }

    .tblproductslist tr {
        border: 1px solid #ccc;
    }

    .tblproductslist td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        /*padding-left: 50%;*/
        padding-left: 0%;
	max-width:100%;
    }

    td:before {
        /* Now like a table header */
        position: initial;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-decoration: underline;
    }

    .ui-datepicker-calendar td:nth-of-type(6):before {
        content: "";
    }

    Label the data td:nth-of-type(1):before {
        content: "Photo: ";
    }

    .tblproductslist td:nth-of-type(2):before {
        content: "Sku: ";
    }

    .tblproductslist td:nth-of-type(3):before {
        content: "Product Name: ";
    }

    .tblproductslist td:nth-of-type(4):before {
        content: "Collection: ";
    }

    .tblproductslist td:nth-of-type(5):before {
        content: "Status: ";
    }

    .tblproductslist td:nth-of-type(6):before {
        content: "List Price: ";
    }

    /*search product list*/
    .tblsearchproductslist table, .tblsearchproductslist thead, .tblsearchproductslist tbody, .tblsearchproductslist th, .tblsearchproductslist td, .tblsearchproductslist tr
    {
        display:block;
    }

    .tblsearchproductslist td {
        padding-left: 0%;
        font-size: 14px;
        text-align: center;
        background: #eee;
    }

        .tblsearchproductslist td:nth-of-type(2):before {
            content: "Qty: ";
            font-weight: bold;
            text-align: center;
        }

        .tblsearchproductslist td:nth-of-type(3):before {
            content: "Name: ";
            font-weight: bold;
            text-align: center;
        }

        .tblsearchproductslist td:nth-of-type(4):before {
            content: "Available";
            font-weight: bold;
            text-align: center;
        }

        .tblsearchproductslist td:nth-of-type(5):before {
            content: "Qty: ";
            font-weight: bold;
            text-align: center;
        }

        .tblsearchproductslist td:nth-of-type(6):before {
            content: "Price: ";
            font-weight: bold;
            text-align: center;
        }
    /*.tblsearchproductslist td:nth-of-type(7):before {
        content: "Qty: ";
        font-weight:bold;
    }
    .tblsearchproductslist td:nth-of-type(8):before {
        content: "Price: ";
        font-weight:bold;*/
}
/*customcartmobile design*/

.customcart td {
    padding-left: 0%;
    font-size: 14px;
    text-align: center;
}
.tblpoinfo table, .tblpoinfo thead, .tblpoinfo tbody, .tblpoinfo th, .tblpoinfo td, .tblpoinfo tr
{
    display:block;
}



.tblorderpadedittext {
    margin-left: 0px;
    font-size: 18px;
}


    .tblorderpadedittext td {
        padding-left: 0%;
    }

.divcart
    {
        overflow-x:auto;
    }
#newcustomerddl
{
    width:265px;
}


.basic-search tr {
    border: none;
}
.basic-search td {
    padding-left: 0%;
    text-align: left;
}

    .basic-search td:before {
        content: "";
    }
/*}*/

/* FOOTER */

.footer-bottom .footer-centering > * {
    margin-bottom: 10px;
}

    .footer-bottom .footer-centering > *:last-child {
        margin: 0;
    }
}