/* THIS FILE CONTAINS BASE INFORMATION FOR THE MVC WORK */
/* Try and keep site specifics out of here, and overidde in Template CSS */

@media (max-width: 700px) 
{
    
    
    #livechat-compact-container,
    #livechat-eye-catcher           {display:none !important}
    
    .pq-module-header           { width: 100%; min-width: 300px; box-sizing: border-box; }
    .pq-module-wrapper          { width: 100%; min-width: 300px; box-sizing: border-box; }
    .pq-module-content          { width: 100%; min-width: 300px; padding-left: 0px; padding-right: 0px;  }
    .pq-module-footer           { width: 100%; min-width: 280px; }
    .pq-module-box-top          { font-size: 12px; }
    .pq-module-box-top span     { top: 3px; position: relative;}
    .pq-module-left img         {  max-width: 95px; max-height: 53px; padding-top: 3px; padding-left: 3px;  }
	.pq-module-title 			{ padding-top: 5px; }
	.pq-module-title span 		{ font-size: 18px; top: -6px;  }
	.pq-module-phone            { text-align: right; }
	.pq-module-phone span 		{ font-size: 12px; top: -6px; }
	.pq-module-phone 			{  }
	.pq-module-footer-right     { clear: both; float: none; text-align: center; }
	.pq-module-footer-right p   { padding: 20px 0px 0px 0px; }
    .pq-fullwidth               { width: 100%!important; }
    
    .pq-module-m-nav                                { display: block; float: left; }
    .pq-module-header .pq-module-nav                { left: -300px; width: 280px; height: 100%; position: fixed; top: 56px; z-index: 100; background-color: #fff; -moz-box-shadow: 0px 3px 10px #999; -webkit-box-shadow: 0px 3px 10px #333; box-shadow: 0px 3px 10px #444; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-left: 0px; }
    .pq-module-header .pq-module-nav .tab, 
    .pq-module-header .pq-module-nav .tab-active    { float: none; margin: 0px; padding: 15px 10px; border-bottom: 1px solid #ccc;  }	
    .pq-module-header .pq-module-nav .tab-active    { border: none; margin: 0px; padding: 15px 10px; background-color: #ddd; border-bottom: 1px solid #ccc; }
    .pq-module-header .pq-module-nav .tab:hover     { border: none; margin: 0px; padding: 15px 10px; height: auto; background-color: #ddd; border-bottom: 1px solid #ccc;   }
    .pq-module-header .logout                       { float: none!important;  } 
    .pq-module-header .vat-toggle                   { display: none; }

    .pq-module-content input[type=text],       
    .pq-module-content input[type=email],
    .pq-module-content input[type=password],
    .pq-module-content input[type=tel]        { font-size: 1REM; }
    .pq-module-content select                 { font-size: 1REM; } 
    
    .pq-checkout                    { width : 100%; }
    .pq-checkout-box                { padding: 10px 10px 10px 10px; }
	.pleft                          {width: 100%!important; margin-bottom: 10px; margin-left: 0px!important;}
	.pright                         {width: 100%!important; margin-bottom: 10px;}
	.pmiddle                        {width: 100%!important; }
	.pq-checkout-address            { width: 100%; margin-bottom: 10px; }
	.pq-checkout-box .big           { width: 100%!important; }
    .pq-checkout-order .img         { display: none; }
    
    .pq-checkout-store-left         { width: 100%; }
    .pq-checkout-store-right        { width: 100%; margin-top: 10px; }
    .pq-checkout-store-select       { width: 100%; margin-top: 10px; }
        
    .pq-checkout-card-logo          { display: none!important;; }
    .pq-checkout-card-expires       { display: block!important; margin-left: 0px!important; }
    .checkout-stages-seperator      { width: 30px; }
    
    .pq-checkout-item   { border-bottom: 1px solid #ccc; padding-bottom: 20px;}
    .pq-checkout-item-header { display: none; }
    .pq-checkout-item-image { display: none; }
    .pq-checkout-item-title { float: none; width: 100%; margin-left: 0px; }
    .pq-checkout-item-title h5 { font-size: 14px; }
    .pq-checkout-item-text { float: none; width: 100%; }
    .pq-checkout-item-unit { display: none; }
    .pq-checkout-item-quantity { margin-left: 0px; text-align: left; margin-top: 10px; font-size: 14px;}
    .pq-checkout-item-total { text-align: right; margin-top: 10px; font-size: 14px; }
    .pq-checkout-textitem { margin-top: 10px; }
    .pq-checkout-item-text { font-size: 14px; text-align: left; }
    .pq-checkout-totals { width: 100%; float: none; }
    .pq-checkout-totals .pq-checkout-item-text { width: 100%; }
    .pq-checkout-totals td.pq-checkout-item-text { text-align: left; }

    .altapay-card .expiry_row       { float: none; margin-right: 0px; }
    .altapay-card .cvc_row          { float: none; }
    .altapay-card .pq-cvc           { right: auto; top: 152px; left: 100px;}
    
    .pq-checkout-buybox p           { text-align: center; }
    /* .pq-checkout-communication p    { text-align: center; }*/
    a.pq-checkout-terms-link        { font-size: 14px; text-align: center; padding-top: 10px; }
    
    div.finance-group           { width:100%!important; padding: 0px!important; border: none!important; margin-bottom: 20px!important; }
    
	.pq-mod-wrapper             { width: 100%; min-width: 300px; box-sizing: border-box; }
    .pq-mod-header              { position: fixed; z-index: 99; height: 53px; background-color: #fff; border-bottom: 2px solid #c6c6c6; display: block; top: 0px; background-image: none; }
    
    .pq-mod-header table.logo       { padding: 0px; float: right; border-collapse: collapse; height: 100%; }
    .pq-mod-header table.logo td    { text-align: center; vertical-align: middle; padding: 0px; }
    .pq-mod-header table.logo img   { max-width: 95px; max-height: 53px; }
    
    .pq-mod-header h1           { margin: 14px 10px; position: relative; top: auto; right: 0px; }
    .pq-mod-header .pq-mod-nav  {  }
    .pq-mod-m-nav               { display: block; float: left; }
    
    .pq-mod-header .pq-mod-nav              { left: -300px; width: 280px; height: 100%; position: fixed; top: 56px; z-index: 100; background-color: #fff; -moz-box-shadow: 0px 3px 10px #999; -webkit-box-shadow: 0px 3px 10px #333; box-shadow: 0px 3px 10px #444; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-left: 0px; }
    .pq-mod-header .pq-mod-nav .tab, 
    .pq-mod-header .pq-mod-nav .tab-active  { float: none; margin: 0px; padding: 15px 10px; border-bottom: 1px solid #ccc;  }	
    .pq-mod-header .pq-mod-nav .tab-active  { border: none; margin: 0px; padding: 15px 10px; background-color: #ddd; border-bottom: 1px solid #ccc; }
    .pq-mod-header .pq-mod-nav .tab:hover   { border: none; margin: 0px; padding: 15px 10px; height: auto; background-color: #ddd; border-bottom: 1px solid #ccc;   }
    .pq-mod-header .logout                  { float: none!important;  } 
    
    .pq-mod-content             { margin-top: 53px; background-color:#ecebeb; }
    .pq-mod-footer-left         { float:  none; }
    .pq-mod-footer-right        { float:  none; text-align: center; }
    .pq-mod-footer-right p      { margin-top: 10px; }
    
    .pq-address                 { width: 100%; margin: 0px; float: none; }
    .pq-select-address-wrapper  { height: auto!important; overflow: auto!important; }
    .pq-card                    { width: 100%; margin: 0px; float: none; }
    
    .pagination-top { display: none; }
    .pq-pagination-numbers { display: none; }
	.pq-pagination-link, .pq-pagination-link-active {display: inline;padding: 0.5em 0.6em!important;}
	.pq-pagination-more {display: inline;padding: 0em!important;}
	.pq-pagination-next, .pagination-bottom .pq-pagination-previous {padding: 0.5em 0.6em!important;}
	.pq-pagination a {margin-right: 0.25em!important;}
	.pq-pagination-pager {text-align:center; float:none; height:38px;}
	
	.pq-returns         { background-image: none; }
	.pq-returns-left    { width: 100%; float: none; background-color: #f7f7f7; border-bottom: 1px solid #ccc; }
    .pq-returns-right   { width: 100%; float: none; }
    
   	.pq-order           { background-image: none; }
	.pq-order-left      { width: 100%; float: none; background-color: #f7f7f7; border-bottom: 1px solid #ccc; }
    .pq-order-right     { width: 100%; float: none; } 
    .pq-order-pay       { width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
    
	.pq-statement-hdr       { display: none; }
	.pq-statement-itm       { float: none; width: 100%!important; text-align: left!important; padding: 2px 0px; }
    .pq-statement-itm .hdr  { display: block; }
    .pq-statement-itm .val  { float: left; }
    
    .p-promotion-wrapper { min-height: 26px; margin-bottom: 10px; }
    .p-promotion-header { font-size: 14px; height: 26px; }
    .p-promotion-header span { font-size: 26px; }
    .p-promotion-content { padding-top: 36px; }
    
    .pq-pop-holder { width: 100%!important; position: fixed!important; top: 0px!important; left: 0px!important;   border-radius: initial!important; -webkit-border-radius: initial!important; -moz-border-radius: initial!important; margin-left: 0px!important; margin-top: 0px!important; height: 100%!important; border: none; } 
    
    .pq-pop-content { height: 100%!important; }
    .pq-pop-header  { border-radius: initial!important; -webkit-border-radius: initial!important; -moz-border-radius: initial!important; }
    .pq-pop-loader2 { width: 100%!important; }
    
    .pq-pop-edit input[type=text],       
    .pq-pop-edit input[type=email],
    .pq-pop-edit input[type=password],
    .pq-pop-edit input[type=tel]        { font-size: 1REM; padding: 4px 5px 3px 5px!important; }
    .pq-pop-edit select                 { font-size: 1REM; padding: 4px 5px 3px 5px!important; } 
    
    .p-left table   { width: 100%; }
    .p-left table   { width: 100%; }
    .p-image img { width: auto!important; }
    
    
    .bc-office-mob              { display: block!important; }
    .bc-security-mob            { display: block!important; } 
    .bc-office                  { display: none; }
    .bc-security                { display: none; } 
        
    .p-accessory-mobile         { display: block!important; }
    .basket-item                { border-bottom: 1px solid #ccc; padding-bottom: 20px; }
    .basket-item-image          { display: none!important; }
    .basket-item-title          { width: 100%; }
    .basket-delivery            { width: 100%; }
    .basket-footer-buttons      { width: 100%; }
    .basket-item-warranty       { width: 100%; }
    .basket-group               { padding: 10px; }
    .basket-group-header        { display: none; }
    .basket-item-title          { margin-left: 0px!important; float: none; }
    .basket-pay-options         { padding: 10px 0px; text-align: center; }
    .basket-pay-option          { margin-bottom: 20px;  margin-right: 0px; float: none; }
    .basket-item-quantity       { margin-left: 0px; margin-top: 10px; }
    .basket-item-unit           { display: none; }
    .basket-item-total          { margin-top: 20px; }
    .basket-item.locked .basket-item-total { margin-top: 10px; }
    .basket-footer .btn         { width: 100%; } 
    .basket-offer-code          { width: 100%; margin-top: 20px; }
    .basket h1, .basket h2      { font-size: 18px; }
    .basket-item-quantity-input { padding:3px!important; }
    .basket-offer-code input[type=submit] {  height: 38px; }
    .basket-delivery-address input[type=submit] {  height: 38px; }
    
    .basket-delivery-v2 h2 { font-size: 14px; }
    .basket-delivery-v2 .basket-delivery-address select { width: 100%; float: none; }
    .basket-delivery-v2 .basket-delivery-address table  { width: 100%; float: none; margin-top: 10px;}
    .basket-delivery-v2-inner { padding-top: 0px; }
    .basket-delivery-v2 .pq-checkout-delivery-header { float: none; width: 100%; margin: 0px 0px 10px 0px!important;  }
    .basket-finance .btn { margin-bottom: 0px; }

    /*Delivery*/
    .delivery-group-products { width: 100%; float: none; padding-right: 0px; margin-bottom: 10px; }
    .delivery-group .delivery-options-wrapper-outer { width: 100%; float: none; }
    .delivery-option-date    { width: 23%; margin-right: 2.6%; padding: 4px; }
    .delivery-options-days .delivery-option-date:nth-child(5) { float: right; margin-right: 0px; }
    table.delivery-option-service { margin-bottom: 10px!important; }
    .delivery-options-services p { line-height: initial; float: none; margin-right: 0px; padding-bottom: 5px; }
    .delivery-option-service { float: none; text-align: left; }
    .delivery-group-image { display: none; }
    .delivery-group-title { padding-left: 0px; }
    .delivery-group-quantity { padding-left: 10px; }
    .delivery-group-total { padding-left: 10px; }
    .delivery-ungroup { width: 100%; }
    /*Delivery*/
    
    .pq-ajaxsearch-results { height: 100%; position: fixed; top: 111px; left: 0px; border: none; }
    .pq-ajaxsearch-results span { padding: 15px 5px; }
    
    .pq-cartridge           { text-align: center; }
    .pq-cartridge-hdr h1    { float: none; }
    .pq-cartridge-hdr img   { float: none; }
    .pq-cartridge-body img  { float: none; }
    .pq-cartridge-search    { display: none; }
    .pq-cartridge-split     { display: none; }
    .pq-cartridge .text     { width: 100%; }
    .pq-cartridge select    { width: 100%; margin-left: 0px; }
    
    .pq-freq-itm    { width: 100%!important; }
    .pq-freq-opt { display: none; }
    .pq-freq .pop-product { margin-bottom: 10px; }
    #frmCNET    { display: none!important; }

    /* Reviews */
    .facet          { width: 100%!important; }
    .config-options { width: 100%!important; border: none!important; }
    .review-star    { float: none; width: 100%; }
    .reviewer       { float: none; width: 100%; overflow: hidden;  margin-top: 10px; }
    
    
    table.pq-online-returns-search   { width: 100%; }
    
   /* table.pq-online-returns-grid, 
    table.pq-online-returns-grid tbody,
    table.pq-online-returns-grid tr,
    table.pq-online-returns-grid td { display: block; } */
    
    table.pq-online-returns-grid th { display: none!important;}
    
    
    table.pq-online-returns-grid tr             { border-bottom: solid 1px #ccc; }
    table.pq-online-returns-grid td             { display: block; border: none; text-align: left!important; width: 100%!important; }
    table.pq-online-returns-grid td::before     { border: none; text-align: left!important; font-weight: bold; width: 100px; display: inline-block;  }    
    
    table.pq-online-returns-grid .description    { padding-top: 10px; }
    table.pq-online-returns-grid .button        { padding-bottom: 10px; }
    
    table.pq-online-returns-grid .stock_code::before { content:"Stock Code" }
    table.pq-online-returns-grid .description::before {  }
    table.pq-online-returns-grid .invoice_no::before { content:"Invoice No." }
    table.pq-online-returns-grid .invoice_date::before { content:"Invoice Date" }
    table.pq-online-returns-grid .available::before { content:"Available" }
    table.pq-online-returns-grid .reason_for_return::before { content:"Reason" } 

    table.pq-online-returns-grid .button { display: block; }
    
    .p-used-product { width: 100%; padding-right: 0px; }
    .p-used-right { width: 100%; }
    .p-used-right .btn { width: 100%; }

    .pq-images-side{display:none;}
    .pq-images-holder{padding-left:0px;}
    .pq-images-inner{border:none; padding-left: 33px; padding-right: 33px; }
    .pq-images-text table   { width: 100%; border-left: none; }
    .pq-images-text         { padding-left: 0px; }
    .pq-images-text p       { font-size: 11px; }

    .pq-images-text.top .mobile { display: block; }
    .pq-images-text.top .desktop { display: none; }

    /* Styles for arrow buttons in mobile view. */
    .pm-next-arrow-btn          { background: url('/MVC/styles/shared/i/sprite-FP_2811181308.png')  -46px -50px no-repeat; height: 50px; width: 33px; z-index: 1;  }
    .pm-previous-arrow-btn      { background: url('/MVC/styles/shared/i/sprite-FP_2811181308.png')  -79px -50px no-repeat; height: 50px; width: 33px; z-index: 1; } 
    .pm-image-previous {position:absolute;top:50%;left:0px;margin-top:-25px;cursor:pointer}
    .pm-image-next {position:absolute;top:50%;right:0px;margin-top:-25px;cursor:pointer;z-index: 1;}

    .finance-groups     { display: block; }
    .finance-wrapper    { padding-right: 0px; }

    .ImageLeft { width: 100%!important; }
    .ImageRight { width: 100%!important; }

    .basket-addons-accessories { width: 100%; box-sizing: border-box; }
    .basket-addons .p-bundles { width: 95%; box-sizing: border-box; margin-left: auto; margin-right: auto; }
    .basket-addons-back { font-size: 12px; }
    .basket-addons-basket { display: none; }
    .basket-addons-header h3 { display: none; }
    .basket-addons-footer .btn { font-size: 12px; padding: 4px 8px; margin-top: 12px; }
    .basket-addons .p-promotions-item p  {font-size: 14px; }

    .config-selected { width: 100%!important; }
}