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

/*body [max-width="700px"] {
    .pq-module-header           { width: 100%; min-width: 300px; box-sizing: border-box; }
}*/

@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=date],
    .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; border-left: 0px; border-right: 0px; }
	.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-buybox { text-align: center; }

    .pq-checkout-item   { border-bottom: 1px solid #ccc; padding-bottom: 20px;}
    .pq-checkout-item-header { display: none; }
    .pq-checkout-item-stockcode { display: none; }
    .pq-checkout-item-title.pq-checkout-item-header { display: block; }
    .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; }
    .checkout-stages { padding-right: 10px; }
    .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;}
    
    .braintree-card { float: none; width: 100%; }
     
    .pq-checkout-backorders .item-number { display: none; }

    .pq-checkout-buybox p           { text-align: center; }
    .apple-pay-button { width: 100%; }
    /* .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%!important; float: none; } 
    .pq-order-pay       { width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
    .pq-order-stock-code { white-space:normal}
    
	.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; }
    .pq-statement-itm a     { color: #000; }
    
    .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=date],
    .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-left         { width: 100%; float: none; }
    .basket-footer-right        { width: 100%!important; float: none; }
    .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; }

    .basket-card { margin-bottom: 10px; }
    .basket-card img { float: none; }
    .basket-card .btn { float: none; width: 100%; margin-top: 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*/
    
    .AjaxSearch-TextBox-Div .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; }
    .pq-freq-buttons { height: auto; }
    .pq-freq-buttons .btn { transform: initial; }

    #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; }
    
    
   
    
   /* Returns */
    .pq-onlinereturns h3 { font-size: 16px; }
    .pq-onlinereturns h4 { font-size: 14px; }
    .pq-onlinereturns-left { float: none; width: 100%; }
    .pq-onlinereturns-right { float: none; width: 100%; margin-top: 20px; }
    .pq-onlinereturns-product-img { position: absolute; }
    .pq-onlinereturns-product-desc { padding-left: 110px; float: none; margin-right: 0px; width: auto!important; }
    .pq-onlinereturns-product-qty { margin-top: 20px; }
    .pq-onlinereturns-product-reason { margin-top: 20px; }
    .pq-onlinereturns-questions select, .pq-onlinereturns-questions input { width: 100%; }
    .pq-onlinereturns-questions .pq-info { display: block; margin: 0px; }
    .pq-onlinereturns-upload { float: none; margin-left: auto!important; margin-right: auto; margin-top: 20px; }
    .pq-onlinereturns-buttons { margin: 0px; }
    .pq-onlinereturns-buttons .btn { float: none; width: 100%; margin: 20px 0px 0px 0px!important; }
    .pq-onlinereturns-confirmation img { width: 100%!important; height: auto!important; }
    .pq-onlinereturns-confirmation-option { float: none; margin: 20px 0px 0px 0px;}
    .pq-onlinereturns-confirmation-options .pq-onlinereturns-confirmation-option:first-child { margin-top: 0px; }
    
    .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; }

    .basket-addons-bullguard { padding: 10px; }
    .basket-addons-bullguard-banner { width: 100%; }
    .basket-addons-bullguard-left { width: 100%; }
    .basket-addons-bullguard .image2 {display: none; }
    .basket-addons-bullguard .image3 {display: none; }*/

    .basket-addons2-left { width: 100%; margin-bottom: 50px;}
    .basket-addons2-group-products { padding: 0px 5px; }
    .basket-addons2-group .p-accessory { width: 100%; }
    .p-accessory-addbox { width: 150px; margin-left: auto; margin-right: auto; }
    .basket-addons2-right { width: 100%; position: initial; }
    .basket-addons2-footer { display: block; }
    .close-pop, .basket-addons2-continue { display: none; }
    .basket-addons2-footer .close-pop { display: block; }
    .basket-addons2-footer .btn.basket-addons2-continue { display: block; }
    .basket-addons2-footer .btn.basket-addons2-continue span { top: -1px; }
    .kaspersky img { float: none; height: auto!important; }
    #imgkaspersky2 { display: none; }

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

    /* Config-Wrapper */
    .custom-config-group-image { display : none; }
    .custom-config-group-details { width: 100%; position: relative; }
    .custom-config-group-details .text { width: 100%; padding-right: 32px; box-sizing: border-box;}
    .custom-config-group-details .price { position: absolute; top: 0px; right: 10px; margin: 0px; line-height: initial; font-size: 14px; padding: 5px 0px; }
    .custom-config-group-details .pq-next-arrow-small-btn { float: none; position: absolute; margin: 0px; right: 10px; top: 30px;}
    .custom-config-header .pq-error { width: 100%; margin: 10px 0px 0px 0px; float: none; }
    .custom-config-header { padding: 10px; }
    .custom-config-header h2 { padding: 0px; }
    .custom-config-header .p-buy { width: 100%; padding: 0px; }
    .custom-config-header .total { float: none; }
    .custom-config-header .total p { padding-left: 0px; padding-right: 0px; }
    .custom-config-header .total p.price { padding-right: 0px; }

    .custom-config-finance { margin-right: 0px; }

    .custom-config-selection-wrapper {  padding: 0px 0px 133px 0px; }
    .custom-config-selection-wrapper .pq-pop-content { margin-top: 83px; }
    .custom-config-selection-header { font-size: 18px; padding: 5px 10px; height: 83px; }
    .custom-config-selection-header span { top: 5px;  }
    .custom-config-selection-header .mob-refine-btn { margin-top: 10px; width: 100%; float: none; box-sizing: border-box; height: auto; }
    .custom-config-selection-footer .btn { right: 10px; }

    .custom-config-buttons { position: relative; width: 100%; left: 0px; bottom: 0px; }
    .custom-config-buttons .btn { width: 100%; }
    .custom-config-share { margin-left: 0px; margin-top: 20px; }
    .custom-config-selection-wrapper.no-refiners { padding-bottom: 35px }
    .custom-config-selection-wrapper.no-refiners .pq-pop-content  { margin-top: 35px }
    .custom-config-selection-wrapper.no-refiners .custom-config-selection-header { height: 35px; }

    .list .custom-config-selection-product { min-height: 55px; }
    .list .custom-config-selection-product .image { display: none; }
    .list .custom-config-selection-product .text { width: 100%!important; padding-left: 10px; float: none; padding-right: 100px; }
    .list .custom-config-selection-product .price { float: none;  position: absolute; right: 10px; padding-right: 0px; top: 8px; width: 80px; font-size: 14px; }
    .list .custom-config-selection-product .button { float: none; position: absolute; right: 10px; padding-right: 0px; top: 40px; width: 80px; }
    .list .custom-config-selection-product .p-list-promotion-wrapper { padding-left: 10px; }

    .custom-config-selection-products .grid { width: 100%; display: block; }
    .grid .custom-config-selection-product { float: none; width: 100%; }
    .grid .custom-config-selection-product .flags { height: auto; }

    .custom-config-call-us, .custom-config-callback, .custom-config-email, .custom-config-chat, .custom-config-faq { width: 100%; float: none; margin-top: 0px; margin-bottom: 20px; }
    .cookie-policy .btn { margin-right: 0px;}

    .printer-search { padding: 10px; height: auto; }
    .printer-search .pq-magnify-white { display: none; }
    .printer-search label { font-size: 12px; line-height: initial; padding-bottom: 5px; }
    .printer-search-box { width: 100%; float: right; }
    .printer-search .btn { position: absolute; right: 10px; top: 31px; height: 45px; }

    .printer-search .pq-ajaxsearch-results { top: 55px!important; left: -10px!important; width: 100%;  padding: 0px 10px 10px 10px; border: none; background-color: #000; box-sizing: content-box; }
    .printer-search .pq-ajaxsearch-results div { background-color: #fff; }

    .printer-result  { width: 48%; margin-right: 0px; }
    .printer-result.second  { float: right; }


    .basket-addons2-arthr-header { font-size: 22px; }
    #basket-addons2-arthr-buttons { margin-top: 20px; }
    #basket-addons2-arthr-buttons .close-pop { display: inline-block; width: 90%;}
    #basket-addons2-arthr-gtb { width: 90%; margin-left: 0px; }

     /*#product-list-item-arthr {
        margin-left: 30%;
    }
    */
    
     #product-carousel-arthr {
        margin-left: 10px !important;
        margin-right: 10px !important;      
        }

     #product-carousel-arthr .product-list-item { margin-left: auto; margin-right: auto; float: none; }
}