/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  ============ RESPONDSIVE FOR DEVICES =======================
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* =====================================
     > 1920 /////////////////////////////////////////////////////////// */
@media screen and (min-width: 1920px) {
    .layout {
        width: 1900px;
    }

    #mainPage ul#linkNavHead {
        text-align: right;
    }
}

/* =====================================
     < 1920 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1920px) {
    .layout {
        width: 1500px;
    }

    #mainPage ul#linkNavHead {
        text-align: right;
    }
}


/* =====================================
     < 1560 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1560px) {
    .layout {
        width: 1300px;
    }
}

/* =====================================
     < 1366 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1366px) {
    .layout {
        width: 1250px;
    }

    .w-category {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 33%;
     }

    .w-OrderIntRecID {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-orderhistoryid {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-SKU {
        float: left;
        margin: 0;
        padding-left: 8px;
        width: 30%;
    }
}

/* =====================================
     < 1280 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1280px) {
    .layout {
        width: 1170px;
    }

    .w-category {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 34%;
     }

    .w-OrderIntRecID {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-orderhistoryid {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-SKU {
        float: left;
        margin: 0;
        padding-left: 8px;
        width: 29%;
    }
}


/* =====================================
     < 1200 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1200px) {
    .layout {
        width: 1140px;
    }

    .w-category {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 32%;
     }

    .w-OrderIntRecID {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-orderhistoryid {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-SKU {
        float: left;
        margin: 0;
        padding-left: 8px;
        width: 27%;
    }
}


/* =====================================
     < 1170 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1170px) {
    .layout {
        width: 995px;
    }

    #driverMenuPage #listDriver > li {
        width: 50%;
    }

    #mainPage .input-parent.input-container {
        display: block;
    }

    #mainPage #inputDate {
        width: 100%;
        margin-bottom: 10px;
    }

    #mainPage #resetDate {
        width: 100%;
    }

    #mainPage #UserAccountAndOrderNoteArea > .col {
        height: 350px;
    }

    #mainPage #viewCart .row .item-no .row-respondsive {
        display: inline-block;
    }

    #mainPage #viewCart .row .unitprice {
        display: none;
    }

    #mainPage #viewCart .table-description-1 .exunitprice {
        display: table;
    }

    #mainPage #standardOrder .row .unitprice {
        width: 175px;
    }

    #mainPage #allProductsOrder .row .unitprice {
        width: 175px;
    }

    #mainPage #receiveProductsOrder .row .unitprice {
        width: 175px;
    }

    #mainPage #historyOrder .row .unitprice {
        width: 175px;
    }

    #mainPage #frequentlyPurchasedOrder .row .unitprice {
        width: 175px;
    }

    .w-category {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 33%;
     }

    .w-OrderIntRecID {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-orderhistoryid {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-SKU {
        float: left;
        margin: 0;
        padding-left: 8px;
        width: 26%;
    }
}

/* =====================================
     < 1024 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 1024px) {
    .layout {
        width: 930px;
    }

    #mainPage ul#linkNavHead > li {
        margin-right: 20px;
    }

        #mainPage ul#linkNavHead > li:last-of-type {
            margin-right: 0;
        }

    #submitOrderPage #tableProductOrder .row .sku .row-respondsive {
        display: inline-block;
    }

    #submitOrderPage #tableProductOrder .row .description {
        /*display: none;*/
    }

    #submitOrderPage #tableProductOrder .table-description-1 .exdescription {
        display: table;
    }

    #submitOrderPage #tableProductOrder .row .unit {
        display: none;
    }

    #submitOrderPage #tableProductOrder .table-description-1 .exunit {
        display: table;
    }

    #printOrderPage #tableProductOrder .row .sku .row-respondsive {
        display: inline-block;
    }

    #printOrderPage #tableProductOrder .row .description {
        display: none;
    }

    #printOrderPage #tableProductOrder .table-description-1 .exdescription {
        display: table;
    }

    #printOrderPage #tableProductOrder .row .unit {
        display: none;
    }

    #printOrderPage #tableProductOrder .table-description-1 .exunit {
        display: table;
    }

    #mainPage #UserAccountAndOrderNoteArea > .col {
        width: 100%;
        height: auto;
    }

    #mainPage #orderSummaryLineArea > .col {
        width: 100%;
    }

    #mainPage #standardOrder_showing {
        display: none;
    }

    #mainPage #standardOrder_pagingno {
        width: 100%;
    }

    #mainPage #allProductsOrder_showing {
        display: none;
    }

    #mainPage #allProductsOrder_pagingno {
        width: 100%;
    }

    #mainPage #receiveProductsOrder_showing {
        display: none;
    }

    #mainPage #receiveProductsOrder_pagingno {
        width: 100%;
    }

    #mainPage #historyOrder_showing {
        display: none;
    }

    #mainPage #historyOrder_pagingno {
        width: 100%;
    }

    #mainPage #frequentlyPurchasedOrder_showing {
        display: none;
    }

    #mainPage #frequentlyPurchasedOrder_pagingno {
        width: 100%;
    }



    #mainPage .lightbox {
        padding: 0 20px;
    }

        #mainPage .lightbox .lb-outerContainer {
            width: 100% !important;
            height: auto !important;
        }

        #mainPage .lightbox .lb-dataContainer {
            width: 100% !important;
        }

        #mainPage .lightbox .lb-outerContainer .lb-image {
            width: 100% !important;
            height: auto !important;
        }

        .w-category {
            float: left;
            margin: 0;
            padding-left: 20px;
            padding-right: 40px;
            width: 29%;
        }

        .w-OrderIntRecID {
            float: left;
            margin: 0;
            padding-left: 20px;
            padding-right: 40px;
            width: 50%;
        }

	    .w-orderhistoryid {
	        float: left;
	        margin: 0;
	        padding-left: 20px;
	        padding-right: 40px;
	        width: 50%;
	     }

        .w-SKU {
            float: left;
            margin: 0;
            padding-left: 8px;
            width: 27%;
        }
}

/* =====================================
     < 960 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 960px) {
    .layout {
        width: 820px;
    }

			
	#driverMenuPage #logoMain {
		display: block;
		margin-top: 0px;
	}

	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #fff;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}
	
	
    #mainPage #viewCart .row .item-total {
        display: none;
    }

    #mainPage #viewCart .table-description-1 .exitem-total {
        display: table;
    }

    #mainPage #viewCart .row .tax-total {
        display: none;
    }

    #mainPage #viewCart .table-description-1 .extax-total {
        display: table;
    }

    #mainPage #viewCart .table-description-1 .exdeposit-total {
        display: table;
    }
    #mainPage #standardOrder .row .category {
        display: table;
    }

    #mainPage #standardOrder .table-description-1 .excategory {
        display: table;
    }

    #mainPage #allProductsOrder .row .category {
        display: table;
    }

    #mainPage #allProductsOrder .table-description-1 .excategory {
        display: table;
    }

    #mainPage #receiveProductsOrder .row .category {
        display: table;
    }

    #mainPage #receiveProductsOrder .table-description-1 .excategory {
        display: table;
    }

    #mainPage #historyOrder .row .category {
        display: table;
    }

    #mainPage #historyOrder .table-description-1 .excategory {
        display: table;
    }

    #mainPage #frequentlyPurchasedOrder .row .category {
        display: table;
    }

    #mainPage #frequentlyPurchasedOrder .table-description-1 .excategory {
        display: table;
    }



    #submitOrderPage #tableUserOrder {
        width: 100%;
    }



    #printOrderPage #tableUserOrder {
        width: 100%;
    }

    .w-category {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 40%;
    }

    .w-OrderIntRecID {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
    }

    .w-orderhistoryid {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 50%;
     }

    .w-SKU {
        float: left;
        margin: 0;
        padding-left: 8px;
        width: 34%;
    }
}

/* =====================================
     < 854 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 854px) {
    .layout {
        width: 770px;
    }


    #driverLoginPage #frmLogin {
        width: 90%;
    }
	
    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}


    #driverMenuPage #listDriver > li {
        width: 100%;
        height: auto;
    }


    #submitOrderPage #tableUserOrder {
        margin-bottom: 10px;
    }

    #printOrderPage #tableUserOrder {
        margin-bottom: 10px;
    }

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }

    #allProductsOrder_length {
        float: none;
    }

    #receiveProductsOrder_length {
        float: none;
    }

    #historyOrder_length {
        float: none;
    }

    .text-or {
        margin-top: 5px;
    }
}

/* =====================================
     < 800 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 800px) {
    .layout {
        width: 735px;
    }

  #driverLoginPage #frmLogin {
        width: 100%;
		margin: 10px auto 30px
    }

    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }


	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}


    #mainPage .beatpicker {
        width: 90%;
        left: 5% !important;
    }

    #driverMenuPage .beatpicker {
        width: 90%;
        left: 5% !important;
    }

    /*.w-category {
        float: left;
        margin: 0;
        padding-left: 20px;
        padding-right: 40px;
        width: 39%;
    }

    .w-SKU {
        float: left;
        margin: 0;
        padding-left: 8px;
        width: 34%;
    }*/

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }

    #allProductsOrder_length {
        float: none;
    }

    #receiveProductsOrder_length {
        float: none;
    }

    #historyOrder_length {
        float: none;
    }


   .text-or {
        margin-top: 5px;
    }
}

/* =====================================
     < 768 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
    .layout {
        width: 690px;
    }

  #driverLoginPage #frmLogin {
        width: 100%;
		margin: 10px auto 30px
    }

    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}


    #mainPage #standardOrder .row .unitprice {
        display: none;
    }

    #mainPage #standardOrder .table-description-1 .exunitprice {
        display: table;
    }

    #mainPage #receiveProductsOrder .row .unitprice {
        display: none;
    }

    #mainPage #receiveProductsOrder .table-description-1 .exunitprice {
        display: table;
    }

    #mainPage #historyOrder .row .unitprice {
        display: none;
    }

    #mainPage #historyOrder .table-description-1 .exunitprice {
        display: table;
    }

    #mainPage #frequentlyPurchasedOrder .row .unitprice {
        display: none;
    }

    #mainPage #frequentlyPurchasedOrder .table-description-1 .exunitprice {
        display: table;
    }

    #mainPage #allProductsOrder .row .unitprice {
        display: none;
    }

    #mainPage #allProductsOrder .table-description-1 .exunitprice {
        display: table;
    }
    
     #mainPage #receiveProductsOrder .row .unitprice {
        display: none;
    }

    #mainPage #receiveProductsOrder .table-description-1 .exunitprice {
        display: table;
    }
   

    #submitOrderPage #tableProductOrder .row .item-total {
        display: none;
    }

    #submitOrderPage #tableProductOrder .table-description-1 .exitem-total {
        display: table;
    }

    #submitOrderPage #tableProductOrder .row .tax {
        display: none;
    }

    #submitOrderPage #tableProductOrder .row .deposit {
        display: none;
    }
	
    #submitOrderPage #tableProductOrder .table-description-1 .extax {
        display: table;
    }

    #printOrderPage #tableProductOrder .row .item-total {
        display: none;
    }

    #printOrderPage #tableProductOrder .table-description-1 .exitem-total {
        display: table;
    }

    #printOrderPage #tableProductOrder .row .tax {
        display: none;
    }

    #printOrderPage #tableProductOrder .row .deposit {
        display: none;
    }
    #printOrderPage #tableProductOrder .table-description-1 .extax {
        display: table;
    }

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }

    #allProductsOrder_length {
        float: none;
    }

    #receiveProductsOrder_length {
        float: none;
    }
    
    #historyOrder_length {
        float: none;
    }

    .text-or {
        margin-top: 5px;
    }
}

/* =====================================
     < 720 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 720px) {
    .layout {
        width: 610px;
    }

  #driverLoginPage #frmLogin {
        width: 100%;
		margin: 10px auto 30px
    }

    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }


	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}


    #submitOrderPage #orderTitle {
        padding-left: 0;
        font-size: 20px;
        text-align: right;
    }

    #printOrderPage #orderTitle {
        padding-left: 0;
        font-size: 20px;
        text-align: right;
    }

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }

    #allProductsOrder_length {
        float: none;
    }

    #receiveProductsOrder_length {
        float: none;
    }

    #historyOrder_length {
        float: none;
    }

    .text-or {
        margin-top: 4px;
    }

    #mainPage #panelOrderInfor ul.tab-link > li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #92b0c7;
    }
}


/* =====================================
     < 640 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 640px) {
    .layout {
        width: 450px;
    }

  #driverLoginPage #frmLogin {
        width: 100%;
		margin: 10px auto 30px
    }

    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}


        #driverLoginPage #frmLogin .button-field-3 {
            width: 100%;
        }

    #mainPage ul#linkNavHead > li > a span {
        display: none;
    }

    #mainPage #panelOrderInfor ul.tab-link > li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #92b0c7;
    }

        #mainPage #panelOrderInfor ul.tab-link > li:last-of-type {
            border-bottom: none;
        }

    #mainPage #viewCart .row .line-total {
        display: none;
    }

    #mainPage #viewCart .table-description-1 .exline-total {
        display: table;
    }

    #mainPage #standardOrder .row .par {
        display: none;
    }

    #mainPage #standardOrder .table-description-1 .expar {
        display: table;
    }

    #mainPage #allProductsOrder .row .par {
        display: none;
    }

    #mainPage #allProductsOrder .table-description-1 .expar {
        display: table;
    }

    #mainPage #receiveProductsOrder .row .par {
        display: none;
    }

    #mainPage #receiveProductsOrder .table-description-1 .expar {
        display: table;
    }

    #mainPage #historyOrder .row .par {
        display: none;
    }

    #mainPage #historyOrder .table-description-1 .expar {
        display: table;
    }
 
    #mainPage #frequentlyPurchasedOrder .row .par {
        display: none;
    }

    #mainPage #frequentlyPurchasedOrder .table-description-1 .expar {
        display: table;
    }

    #submitOrderPage #tableProductOrder .row .price {
        display: none;
    }

    #submitOrderPage #tableProductOrder .table-description-1 .exprice {
        display: table;
    }

    #submitOrderPage #tableProductOrder .row .sku {
        width: auto;
    }

    #printOrderPage #tableProductOrder .row .price {
        display: none;
    }

    #printOrderPage #tableProductOrder .table-description-1 .exprice {
        display: table;
    }

    #printOrderPage #tableProductOrder .row .sku {
        width: auto;
    }

    #submitOrderPage #orderInfor #ocsInfor {
        width: 100%;
    }

    #submitOrderPage #orderInfor #customerInfor {
        margin-top: 20px;
        width: 100%;
    }


    #submitOrderPage #tableUserOrder .caption > .row > span {
        font-size: 13px;
    }

    #submitOrderPage #tableUserOrder .row .po {
        width: 120px;
    }

    #submitOrderPage #tableUserOrder .row .delivery {
        width: 130px;
    }



    #printOrderPage #orderInfor #ocsInfor {
        width: 100%;
    }

    #printOrderPage #orderInfor #customerInfor {
        margin-top: 20px;
        width: 100%;
    }

    #printOrderPage #buildAndShipInfor #buildInfor {
        padding-right: 0;
        width: 100%;
    }

    #printOrderPage #buildAndShipInfor #shipInfor {
        margin-top: 20px;
        width: 100%;
    }


    #printOrderPage #tableUserOrder .caption > .row > span {
        font-size: 13px;
    }

    #printOrderPage #tableUserOrder .row .po {
        width: 120px;
    }

    #printOrderPage #tableUserOrder .row .delivery {
        width: 130px;
    }


    #printOrderPage #tableProductOrderTotal {
        width: 100%;
    }

    #viewOrderHistoryByCustomerPage #backDriverMenu {
        width: 100%;
    }

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }

    #receiveProductsOrder_length {
        float: none;
    }

    #historyOrder_length {
        float: none;
    }

    .text-or {
        margin-top: 5px;
    }
}

/* =====================================
     < 480 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 480px) {
    .layout {
        width: 400px;
    }

    #driverLoginPage #frmLogin {
        width: 100%;
		margin: 10px auto 30px
    }

    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}

    #mainPage #UserAccountAndOrderNoteArea > .col .box-1 {
        padding: 5px 15px;
    }

	#mainPage #UserAccountAndOrderNoteArea > .col {
		padding-bottom: 10px;
	}

    #mainPage #viewCart .row .item-no {
        width: 145px;
    }

    #mainPage #viewCart .row .qty > a {
        display: none;
    }

    #mainPage #standardOrder .row .product {
        display: none;
    }

    #mainPage #standardOrder .row .qty {
        /*display: none;*/
    }

    #mainPage #standardOrder .table-description-1 .exproduct {
        display: table;
    }

    #mainPage #standardOrder .row .sku {
        width: 150px;
    }

    #mainPage #allProductsOrder .row .product {
        display: none;
    }

    #mainPage #allProductsOrder .row .qty {
        /*display: none;*/
    }

    #mainPage #allProductsOrder .table-description-1 .exproduct {
        display: table;
    }

    #mainPage #allProductsOrder .row .sku {
        width: 150px;
    }

    #mainPage #receiveProductsOrder .table-description-1 .exproduct {
        display: table;
    }

    #mainPage #receiveProductsOrder .row .sku {
        width: 150px;
    }

    #mainPage #historyOrder .row .product {
        display: none;
    }

    #mainPage #historyOrder .row .qty {
        /*display: none;*/
    }

    #mainPage #historyOrder .table-description-1 .exproduct {
        display: table;
    }

    #mainPage #historyOrder .row .sku {
        width: 150px;
    }
 
    #mainPage #frequentlyPurchasedOrder .row .product {
        display: none;
    }

    #mainPage #frequentlyPurchasedOrder .row .qty {
        /*display: none;*/
    }

    #mainPage #frequentlyPurchasedOrder .table-description-1 .exproduct {
        display: table;
    }

    #mainPage #frequentlyPurchasedOrder .row .sku {
        width: 150px;
    }

    #driverMenuPage .ui-dialog {
        width: 92% !important;
        left: 4% !important;
    }

    #submitOrderPage #tableUserOrder .row .po {
        width: 85px;
    }

    #submitOrderPage #tableUserOrder .row .delivery {
        width: 100px;
    }

    #submitOrderPage #signatureUser #signature input[type=button] {
        bottom: -32px;
    }

    #printOrderPage #tableUserOrder .row .po {
        width: 85px;
    }

    #printOrderPage #tableUserOrder .row .delivery {
        width: 100px;
    }

    #printOrderPage #tableProductOrderTotal .row label {
        width: 200px;
    }

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }


    #allProductsOrder_length {
        float: none;
    }

    #receiveProductsOrder_length {
        float: none;
    }

    #historyOrder_length {
        float: none;
    }

    .text-or {
        margin-top: 3px;
    }
}

/* =====================================
     < 360 /////////////////////////////////////////////////////////// */
@media screen and (max-width: 400px) {
    .layout {
        width: 100%;
        min-width: 280px;
        padding: 0 5px;
    }
    #driverLoginPage #frmLogin {
        width: 100%;
		margin: 10px auto 30px
    }

    #driverMenuPage #logoMain {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	#driverMenuPage #driverMenu {
		margin: 0px auto 0px;
		background: #E8EAEA;
		padding: 4px 4px 8px;
	}

	#driverMenuPage #listDriver > li {
		width: 100%;
		height: auto;
		padding: 8px;
	}

	#driverMenuPage #driverMenu > .content {
		background: none repeat scroll 0 0 #FFF;
		padding: 0px 0px;
		border-radius: 0 0 5px 5px;
	}

	.title {
		background: none repeat scroll 0 0 #222;
		padding: 3px 0;
		border: 1px solid #000;
		font: normal 24px OpenSansRegular;
		color: #fff;
		text-align: center;
		text-shadow: 0 2px 0 #222;
		margin-top:10px;
	}


	table#orderhistory {
		width: 400px;
	}

    #submitOrderPage #orderTitle {
        font-size: 15px;
    }

    #submitOrderPage .button-field-4 {
        font-size: 25px;
    }

    #printOrderPage #orderTitle {
        font-size: 15px;
    }
    #allProductsOrder_length{
        float: none;
    }
    #receiveProductsOrder_length {
        float: none;
    }
    #historyOrder_length {
        float: none;
    }

    .w-SKU {
        float: none;
        margin-top: 15px;
        padding-left: 0;
        width: 100%;
    }

    .w-category {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-OrderIntRecID {
        float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
    }

    .w-orderhistoryid {
      	float: left;
        margin-top: 12px;
        padding: 0;
        width: 100%;
     }

    .text-or {
        margin-top: 3px;
    }

}