/* All Devices styles start */

 /* Search start */

 #main .smartSearchList {
 position: absolute;
 top: 40px;
 right: 0;
 width: 344px;
 background-color: #e5e5e5;
 border-radius: 6px;
 z-index: 160;
 -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.60);
 -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.60);
 box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.60);
 }
 #main .smartSearchList .product {
 position: relative;
 width: 332px;
 height: 85px;
 background-color: #ffffff;
 border-radius: 8px;
 margin: 6px 6px 6px 6px;
 }
 #main .smartSearchList .product .productName {
 display: block;
 height: 30px;
 font-size: 14px;
 line-height: 14px;
 color: #333333;
 padding: 6px 0 0 71px;
 }
 #main .smartSearchList .product .productImage {
 position: absolute;
 top: 1px;
 left: 0;
 width: 63px;
 height: 63px;
 padding: 3px;
 overflow: hidden;
 }
 #main .smartSearchList .product .productImage img {
 width: 63px;
 }
 #main .smartSearchList .product .productImage .noImageText {
 position: absolute;
 top: 140px;
 width: 162px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }

 #main .smartSearchList .product .productOnePrice {
 font-size: 11px; 
 color: #666666;
 padding: 0 0 0 71px;
 height: 20px;
 }
 #main .smartSearchList .product .productPrice {
 padding: 0 0 0 71px;
 font-size: 17px;
 line-height: 17px;
 font-weight: bold;
 }
 #main .smartSearchList .product .productPrice .priceText {
 font-size: 11px;
 line-height: 11px;
 font-weight: normal;
 }
 #main .smartSearchList .product .productPrice .priceText .antal {
 font-size: 14px;
 line-height: 16px;
 }

 #main .smartSearchList .product .productPrice .currency { 
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 }
 #main .smartSearchList .product .productAddToBasket {
 position: absolute;
 height: 30px;
 right: 5px;
 bottom: 2px;
 clear: both;
 }
 #main .smartSearchList .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 background-color: transparent;
 border: none;
 outline: none;
 }
 #main .smartSearchList .product .productAddToBasket .antalEnd {
 float: left;
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 }


 #main .smartSearchList .product .productAddToBasket .atb {
 position: relative;
 top: -2px;
 float: left;
 width: 99px;
 height: 23px;
 text-align: center;
 color: #ffffff;
 font-size: 16px;
 line-height: 16px; 
 font-weight: bold;
 padding: 8px 2px 0 0;
 margin: 0 0 0 5px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 background-repeat: no-repeat; 
 }
 #main .smartSearchList .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }
 #main .smartSearchList .product .NotBuyable {
 position: absolute;
 height: 30px;
 right: 15px;
 bottom: 3px;
 clear: both;
 font-size: 12px;
 line-height: 12px;
 text-align: center;
 font-style: italic;
 }
 #main .smartSearchList .product .NoPreorder {
 position: absolute;
 height: 30px;
 right: 5px;
 bottom: 3px;
 padding: 5px 8px;
 background-color: #dff2e1;
 border-radius: 8px;
 text-align: center;
 font-style: italic;
 }
 /* Search end */

/* favorit produkter start */
 #main .jsonProducts .product .favorite {
 font-style: normal;
 font-family: 'FontAwesome';
 position: absolute;
 top: 10px;
 right: 10px; 
 font-size: 20px;
 line-height: 20px;
 color: #cccccc;
 cursor: pointer;
 }
 #main .jsonProducts .product .favorite:hover {
 color: #666; 
 }
 #main .jsonProducts .product .favorite.on {
 color: #d0002e;
 }
 /* favorit produkter slut */ 

 /* Avisvarer start */
 #main .jsonProducts .product .avisVare {
 position: absolute;
 top: 80px;
 right: 10px;
 width: 55px;
 height: 55px;
 background-image: url('https://fakta-v1.test.esellercloud.dk/media/374/v1/layout/splash-avispris.png');
 background-size: 420px 253px;
 background-position: 0px 0px;
 }
 #main .jsonProducts .product .avisVare.dage1 {
 background-position: -111px 0px;
 }
 #main .jsonProducts .product .avisVare.dage2 {
 background-position: -220px 0px;
 } 
 #main .jsonProducts .product .avisVare.dage3 {
 background-position: -330px 0px;
 }
 /* Avisvarer slut */


/* All devices styles end */












/* Generelle desktop styles start */
@media (min-width: 768px) {

 #main .cmsDiv,
 #main .cmsDiv2 {
/* display: none; */
 position: relative;
 background-color: #ffffff;
 border-radius: 6px;
 margin: 0 0 15px 0;
 padding: 20px;
 }

 #main #content #contentPane .jsonProducts {
 width: 950px;
 }
 #main #loaderDiv {
 width: 100%;
 padding: 0 0 50px 0;
 margin-top: 40px;
 text-align: center;
 font-style: italic;
 color: #666666;
 background-image: url(/media/374/v1/layout/loading.gif);
 background-position: center 30px;
 background-repeat: no-repeat;
 }
 #main .jsonProducts .product .productId {
 position: absolute;
 top: 10px;
 left: 10px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 padding: 2px;
 z-index: 99;
 color: #aaaaaa;
 }

 #main .jsonProducts .product {
 float: left;
 height: 323px;
 margin: 0 15px 15px 0;
 }
 #main .jsonProducts .productFrame {
 width: 175px;
 height: 323px;
 background-color: #ffffff;
 border-radius: 8px;
 position: relative;
 }
 #main #Favorites.jsonProducts .product {
 height: 355px;
 }
 #main #Favorites.jsonProducts .productFrame {
 height: 355px;
 }
 #main .jsonProducts .product .productImage {
 width: 163px;
 height: 163px;
 padding: 6px 0 6px 6px;
 overflow: hidden;
 }
 #main .jsonProducts .product .productImage img {
 width: 163px;
 }
 #main .jsonProducts .product .productImage .noImageText {
 position: absolute;
 top: 140px;
 width: 162px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 

 #main .jsonProducts .product .productName {
 display: block;
 width: 166px;
 height: 52px;
 overflow: hidden;
 font-size: 16px;
 line-height: 17px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 7px;
 }
 #main .jsonProducts .product .productPriceArea {
 position: relative;
 margin: 4px 0 3px 7px;
 height: 44px;
 }
 #main .jsonProducts .product .productPriceArea .productOnePrice {
 font-size: 11px;
 line-height: 11px;
 color: #666666;
 padding: 0 0 3px 0;
 }
 #main .jsonProducts .product .productPriceArea .itemMax{
 font-size: 10px;
 line-height: 11px;
 }
 #main .jsonProducts .product .productPriceArea .priceText {
 position: absolute;
 bottom: 0; 
 font-size: 15px;
 line-height: 20px;
 }
 #main .jsonProducts .product .productPriceArea .priceText .antal {
 font-size: 18px;
 line-height: 20px;
 }
 #main .jsonProducts .product .productPriceArea .productPrice {
 position: absolute;
 bottom: 0;
 width: 158px;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 }
 #main .jsonProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }
 #main .jsonProducts .product .productAddToBasket .antal {
 float: left;
 width: 32px;
 height: 31px;
 text-align: center;
 color: #000000;
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 padding: 0 0 0 5px;
 margin: 0 0 0 7px;
 background-position: -22px -171px;
 background-size: 528px 440px;
 background-repeat: no-repeat; 
 background-color: transparent;
 border: none;
 outline: none;
 }
 #main .jsonProducts .product .productAddToBasket .antalEnd {
 float: left;
 width: 5px;
 height: 31px;
 background-position: -13px -171px;
 background-size: 528px 440px;
 background-repeat: no-repeat; 
 }
 #main .jsonProducts .product .productAddToBasket {
 clear: both;
 height: 42px;
 }
 #main .jsonProducts .product .productAddToBasket .atb {
 position: relative;
 top: -2px;
 float: left; 
 width: 110px;
 height: 28px;
 text-align: center;
 color: #ffffff;
 font-size: 16px;
 line-height: 16px; 
 font-weight: bold;
 padding: 11px 4px 0 0;
 margin: 0 0 0 7px;
 background-position: -200px -65px;
 background-size: 600px 500px;
 background-repeat: no-repeat; 
 }
 #main .jsonProducts .product .productAddToBasket .atb:hover {
 background-position: -315px -65px; 
 }
 #main .jsonProducts .product .productAddToBasket .atb.info {
 margin: 0 0 0 33px;
 background-position: -315px -65px; 
 }
 #main .jsonProducts .product .productAddToBasket .atb.info:hover { 
 background-position: -315px -105px;
 }   
 #main .jsonProducts .product .NotBuyable {
 height: 42px;
 text-align: center;
 font-style: italic;
 }
 #main .jsonProducts .product .NoPreorder {
 background-color: #dff2e1;
 border-radius: 8px;
 text-align: center;
 font-style: italic;
 margin: 3px 10px 0 10px;
 padding: 4px 0 4px 0;
 line-height: 13px;
 } 
 #main #plistBottom {
 display: block;
 padding: 0 0 10px 0;
 text-align: center;
 }
 #main #plistBottom #tilTop {
 display: inline-block;
 color: #999999;
 padding: 0 10px 0 0;
 }
 #main #plistBottom #tilTop:hover {
 color: #6e002e;
 }
 #main #plistBottom #tilTop .text {
 display: inline-block;
 padding: 0 0 0 5px;
 }
 #main #tilTop .icon {
 font-size: 16px;
 color: #999999;
 }
 #main #plistBottom #tilTop:hover .icon {
 color: #6e002e;
 }
 #main #tilTop .icon::before {
 content: "\F0D8"
 } 
 #main #plistTopPager {
 position: absolute;
 right: 10px;
 top: -38px;
 display: inline-block;
 padding: 0 0 10px 0;
 }
 #main #plistTopPager a{
 display: inline-block;
 color: #999999;
 padding: 0 10px 0 10px;
 }
 #main #plistTopPager a:hover,
 #main #plistTopPager a:hover .icon{
 color: #6e002e;
 }
 #main #plistTopPager a .icon{
 position: relative;
 top: 1px;
 font-size: 16px;
 color: #999999;
 padding: 0 5px 0 5px;
 }
 #main #plistTopPager a .icon.previous::before {
 content: "\F0D9";
 }
 #main #plistTopPager a .icon.next::before {
 content: "\F0DA";
 }
 

 #main #plistBottomPager {
 display: block;
 padding: 0 0 10px 0;
 } 
 #main #plistBottomPager .pagerLeft,
 #main #plistBottomPager .pagerMiddle,
 #main #plistBottomPager .pagerRight {
 display: inline-block;
 width: 33.33%;
 }
 #main #plistBottomPager .pagerMiddle {
 text-align: center;
 }
 #main #plistBottomPager .pagerRight {
 text-align: right;
 }   

 #main #plistBottomPager a {
 text-align: center;
 width: 200px;
 border-radius: 6px;
 padding: 4px 15px;
 box-sizing: border-box;
 color: #ffffff;
 background-color: #808080;
 }
 #main #plistBottomPager a:hover,
 #main #plistBottomPager a:hover .icon { 
 background-color: #575757;
 }
 #main #plistBottomPager a:hover .icon {
 color: #ffffff;
 }
 #main #plistBottomPager a .icon {
 position: relative;
 top: 1px;
 font-size: 16px;
 color: #ffffff;
 padding: 0 5px 0 5px;
 }
 #main #plistBottomPager a .icon.previous::before {
 content: "\F0D9";
 }
 #main #plistBottomPager a .icon.next::before {
 content: "\F0DA";
 }  
 
 
 

 #main .plist a.removeFav {
 border-radius: 6px;
 text-align: center;
 background-color: #999;
 font-size: 13px;
 line-height: 13px;
 display: inline-block;
 width: 155px;
 height: 19px;
 color: #ffffff;  
 padding-top: 0px;
 margin-left:8px;
 margin-top:5px;
 }
 #main .plist a.removeFav:hover {
 background-color: #666;
 }
 #main .plist .removeFav .icon {
 font-size: 13px;
 color: #ffffff;
 margin-left: 7px;
 padding-top: 3px;
 display:inline-block;
 line-height: 13px;
 }
 #main .plist .removeFav .icon:before{
 content: "\F00D";
 }

}

/* Generelle desktop styles end */















/* 800px - 1024px start */
@media (min-width: 768px) and (max-width: 1023px) {

 #main #content #contentPane .jsonProducts {
 width: 525px;
 }
 #main .jsonProducts .product {
 float: left;
 margin: 0 14px 0px 0;
 }
 #main .jsonProducts .productFrame {
 width: 161px;
 height: 308px;
 background-color: #ffffff;
 border-radius: 7px;
 position: relative;
 }
 #main .jsonProducts .product .productImage {
 width: 149px;
 height: 149px;
 top: 6px;
 left: 6px;
 overflow: hidden;
 }
 #main .jsonProducts .product .productImage img {
 width: 149px;
 }
 #main .jsonProducts .product .productImage .noImageText {
 position: absolute;
 top: 10px;
 width: 149px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 


 #main .jsonProducts .product .productName {
 display: block;
 width: 150px;
 height: 54px;
 overflow: hidden;
 font-size: 15px;
 line-height: 16px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 6px;
 }
 #main .jsonProducts .product .productPriceArea {
 position: relative;
 }
 #main .jsonProducts .product .productPriceArea .productOnePrice {
 font-size: 12px;
 color: #666666;
 padding: 0 0 3px 0;
 height: 20px;
 }
 #main .jsonProducts .product .productPriceArea .priceText {
 position: relative;
 float: left;
 }
 #main .jsonProducts .product .productPriceArea .productPrice {
 width: 147px;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 }
 #main .jsonProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }
 
 #main .jsonProducts .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 }
 #main .jsonProducts .product .productAddToBasket  .antalEnd {
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 }
 #main .jsonProducts .product .productAddToBasket {
 clear: both;
 height: 42px;
 }

 #main .jsonProducts .product .productAddToBasket .atb {
 top: -2px;
 width: 99px;
 height: 23px;
 font-size: 16px;
 line-height: 16px; 
 padding: 8px 2px 0 0;
 margin: 0 0 0 7px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 }
 #main .jsonProducts .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }


 /* Search start */


 #main .smartSearchList {
 top: 78px;
 right: 0px;
 width: 308px;

 }
 #main .smartSearchList .product {
 position: relative;
 width: 296px;
 height: 75px;
 background-color: #ffffff;
 border-radius: 8px;
 margin: 6px 6px 6px 6px;
 }
 #main .smartSearchList .product .productName {
 display: block;
 height: 30px;
 font-size: 13px;
 line-height: 13px;
 color: #333333;
 padding: 6px 0 0 66px;
 }
 #main .smartSearchList .product .productImage {
 position: absolute;
 top: 1px;
 left: 0;
 width: 60px;
 height: 60px;
 padding: 2px;
 overflow: hidden;
 }
 #main .smartSearchList .product .productImage img {
 width: 60px;
 }
 #main .smartSearchList .product .productImage .noImageText {
 position: absolute;
 top: 140px;
 width: 162px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 #main .smartSearchList .product .productOnePrice {
 font-size: 11px; 
 color: #666666;
 padding: 0 0 0 66px;
 height: 20px;
 }
 #main .smartSearchList .product .productPrice {
 padding: 0 0 0 66px;
 font-size: 17px;
 line-height: 17px;
 font-weight: bold;
 }
 #main .smartSearchList .product .productPrice .priceText {
 font-size: 10px;
 line-height: 10px;
 }
 #main .smartSearchList .product .productPrice .priceText .antal {
 font-size: 14px;
 line-height: 16px;
 }

 #main .smartSearchList .product .productPrice .currency { 
 font-size: 10px;
 }
 #main .smartSearchList .product .productAddToBasket {
 position: absolute;
 height: 30px;
 right: 5px;
 bottom: 2px;
 clear: both;
 }
 #main .smartSearchList .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 background-color: transparent;
 border: none;
 outline: none;
 }
 #main .smartSearchList .product .productAddToBasket .antalEnd {
 float: left;
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 }


 #main .smartSearchList .product .productAddToBasket .atb {
 top: -2px;
 width: 99px;
 height: 23px;
 font-size: 16px;
 line-height: 16px; 
 padding: 8px 2px 0 0;
 margin: 0 0 0 5px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 }
 #main .smartSearchList .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }

 /* Search end */














}
/* 800px - 1024px end */








/* 800px - 1024px Tablet Portrait start */

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)  and (orientation:portrait) { 

 #main #content #contentPane .jsonProducts {
 width: 525px;
 }
 #main .jsonProducts .product {
 float: left;
 margin: 0 14px 14px 0;
 }
 #main .jsonProducts .productFrame {
 width: 161px;
 background-color: #ffffff;
 border-radius: 7px;
 position: relative;
 }
 #main .jsonProducts .product .productImage {
 width: 149px;
 height: 149px;
 top: 6px;
 left: 6px;
 overflow: hidden;
 }
 #main .jsonProducts .product .productImage img {
 width: 149px;
 }
 #main .jsonProducts .product .productImage .noImageText {
 position: absolute;
 top: 10px;
 width: 149px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 


 #main .jsonProducts .product .productName {
 display: block;
 width: 150px;
 height: 54px;
 overflow: hidden;
 font-size: 15px;
 line-height: 16px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 6px;
 }
 #main .jsonProducts .product .productPriceArea {
 position: relative;
 padding: 5px 0 4px 7px;
 }
 #main .jsonProducts .product .productPriceArea .productOnePrice {
 font-size: 12px;
 color: #666666;
 padding: 0 0 3px 0;
 height: 20px;
 }
 #main .jsonProducts .product .productPriceArea .priceText {
 position: relative;
 top: 5px;
 float: left;
 }
 #main .jsonProducts .product .productPriceArea .productPrice {
 width: 147px;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 }
 #main .jsonProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }
 
 #main .jsonProducts .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 }
 #main .jsonProducts .product .productAddToBasket  .antalEnd {
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 }
 #main .jsonProducts .product .productAddToBasket {
 clear: both;
 height: 42px;
 }

 #main .jsonProducts .product .productAddToBasket .atb {
 top: -2px;
 width: 99px;
 height: 23px;
 font-size: 16px;
 line-height: 16px; 
 padding: 8px 2px 0 0;
 margin: 0 0 0 7px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 }
 #main .jsonProducts .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }


 /* Search start */


 #main .smartSearchList {
 top: 78px;
 right: 0px;
 width: 308px;

 }
 #main .smartSearchList .product {
 position: relative;
 width: 296px;
 height: 75px;
 background-color: #ffffff;
 border-radius: 8px;
 margin: 6px 6px 6px 6px;
 }
 #main .smartSearchList .product .productName {
 display: block;
 height: 30px;
 font-size: 13px;
 line-height: 13px;
 color: #333333;
 padding: 6px 0 0 66px;
 }
 #main .smartSearchList .product .productImage {
 position: absolute;
 top: 1px;
 left: 0;
 width: 60px;
 height: 60px;
 padding: 2px;
 overflow: hidden;
 }
 #main .smartSearchList .product .productImage img {
 width: 60px;
 }
 #main .smartSearchList .product .productImage .noImageText {
 position: absolute;
 top: 140px;
 width: 162px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 #main .smartSearchList .product .productOnePrice {
 font-size: 11px; 
 color: #666666;
 padding: 0 0 0 66px;
 height: 20px;
 }
 #main .smartSearchList .product .productPrice {
 padding: 0 0 0 66px;
 font-size: 17px;
 line-height: 17px;
 font-weight: bold;
 }
 #main .smartSearchList .product .productPrice .priceText {
 font-size: 10px;
 line-height: 10px;
 }
 #main .smartSearchList .product .productPrice .priceText .antal {
 font-size: 14px;
 line-height: 16px;
 }

 #main .smartSearchList .product .productPrice .currency { 
 font-size: 10px;
 }
 #main .smartSearchList .product .productAddToBasket {
 position: absolute;
 height: 30px;
 right: 5px;
 bottom: 2px;
 clear: both;
 }
 #main .smartSearchList .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 14px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 background-color: transparent;
 border: none;
 outline: none;
 }
 #main .smartSearchList .product .productAddToBasket .antalEnd {
 float: left;
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 }


 #main .smartSearchList .product .productAddToBasket .atb {
 top: -2px;
 width: 99px;
 height: 23px;
 font-size: 16px;
 line-height: 16px; 
 padding: 8px 2px 0 0;
 margin: 0 0 0 5px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 }
 #main .smartSearchList .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }

 /* Search end */









	
}
/* 800px - 1024px Tablet Portrait end */











/* 1024x - 1200 start */
@media (min-width: 1024px) and (max-width: 1210px) {

 #main #content #contentPane .jsonProducts {
 width: 760px;
 }


}
/* 1024x - 1200 end */








/* 1200+ start */
@media (min-width: 1210px) {


}

/* 1200+ end */






/* Mobile start */
@media (max-width: 767px) {

 #main #loaderDiv {
 width: 100%;
 padding: 0 0 50px 0;
 margin-top: 20px;
 text-align: center;
 font-style: italic;
 color: #666666;
 background-image: url(/media/374/v1/layout/loading.gif);
 background-position: center 30px;
 background-repeat: no-repeat;
 }
 
 #main .jsonProducts .product .productId {
 position: absolute;
 top: 10px;
 left: 10px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 padding: 2px;
 z-index: 99;
 color: #aaaaaa;
 }
 #main .jsonProducts .product {
 width: 48%;
 float: left;
 margin: 0 0 10px 0;
 }
 #main .jsonProducts .product:nth-child(even) {
 float: right;
 }
 #main .jsonProducts .productFrame {
 width: 100%;
 background-color: #ffffff;
 border-radius: 8px;
 position: relative;
 padding: 0 0 10px 0;
 box-sizing: content-box;
 }
 #main .jsonProducts .product .productImage {
 width: 92%;
 padding: 4% 0 6px 4%;
 overflow: hidden;
 display: flex;
 justify-content: center;
 min-height: 163px;
 align-items: center;
 }
 #main .jsonProducts .product .productImage a {
 display: block;
 text-align: center;
 } 
 #main .jsonProducts .product .productImage img {
 width: 100%;
 max-width: 163px;
 }
 #main .jsonProducts .product .productImage .noImageText {
 position: absolute;
 top: 140px;
 width: 162px;
 text-align: center;
 color: #cccccc;
 font-style: italic;
 }
 #main .jsonProducts .product .productName {
 display: block;
 width: 95%;
 height: 52px;
 overflow: hidden;
 font-size: 16px;
 line-height: 17px;
 text-align: left;
 color: #333333;
 margin: 4px 0 0 7px;
 }
 #main .jsonProducts .product .productPriceArea {
 position: relative;
 padding: 5px 0 4px 7px;
 height: 55px;
 }
 #main .jsonProducts .product .productPriceArea .productOnePrice, #main .jsonProducts .product .productPriceArea .itemMax {
 font-size: 11px;
 color: #666666;
 padding: 0 0 3px 0;
 height: 30px;
 }
 #main .jsonProducts .product .productPriceArea .priceText {
 float: left;
 line-height: 20px;
 font-size: 15px;
 position: absolute;
 bottom: 0;
 }
 #main .jsonProducts .product .productPriceArea .priceText .antal {
 font-size: 18px;
 line-height: 20px;
 }
 #main .jsonProducts .product .productPriceArea .productPrice {
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-align: right;
 text-transform: uppercase;
 position: absolute;
 right: 8px;
 bottom: 0;
 }
 #main .jsonProducts .product .productPrice .currency { 
 font-size: 12px;
 font-weight: normal;
 }





 #main .jsonProducts .product .productAddToBasket {
 clear: both;
 height: 30px;
 width: 150px;
 margin: 10px auto 0 auto;
 }
 #main .jsonProducts .product .productAddToBasket .antal {
 float: left;
 width: 27px;
 height: 27px;
 text-align: center;
 color: #000000;
 font-size: 16px;
 line-height: 16px;
 font-weight: bold;
 padding: 0 0 0 4px;
 margin: 0 0 0 7px;
 background-position: -19px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 background-color: transparent;
 border: none;
 outline: none;
 }
 #main .jsonProducts .product .productAddToBasket .antalEnd {
 float: left;
 width: 4px;
 height: 27px;
 background-position: -12px -152px;
 background-size: 468px 390px;
 background-repeat: no-repeat; 
 }

 #main .jsonProducts .product .productAddToBasket .atb {
 position: relative;
 top: -2px;
 float: left;
 width: 99px;
 height: 23px;
 text-align: center;
 color: #ffffff;
 font-size: 16px;
 line-height: 16px; 
 font-weight: bold;
 padding: 8px 2px 0 0;
 margin: 0 0 0 5px;
 background-position: -190px -63px;
 background-size: 564px 470px;
 background-repeat: no-repeat; 
 }
 #main .jsonProducts .product .productAddToBasket .atb:hover {
 background-position: -298px -63px;
 }
 #main .jsonProducts .product .NotBuyable {
 box-sizing: border-box;
 text-align: center;
 font-style: italic;
 height: 36px;
 clear: both;
 margin: 4px 10px 0 10px;
 padding: 5px 0 5px 0; 
 line-height: 13px;
 }
 #main .jsonProducts .product .NoPreorder {
 box-sizing: border-box;
 height: 36px;
 background-color: #dff2e1;
 border-radius: 8px;
 text-align: center;
 font-style: italic;
 margin: 4px 10px 0 10px;
 padding: 5px 0 5px 0;
 line-height: 13px;
 } 




 #main .smartSearchList {
 top: 40px;
 left: 0;
 right: 0;
 width: inherit;
 }
 #main .smartSearchList .product {
 position: relative;
 width: auto;
 height: 75px;
 background-color: #ffffff;
 border-radius: 8px;
 margin: 6px 6px 6px 6px;
 }

 #main #plistBottomPager {
 display: block;
 padding: 0 0 10px 0;
 } 
 #main #plistBottomPager .pagerLeft,
 #main #plistBottomPager .pagerMiddle,
 #main #plistBottomPager .pagerRight {
 display: inline-block;
 width: 33.33%;
 }
 #main #plistBottomPager .pagerMiddle {
 text-align: center;
 }
 #main #plistBottomPager .pagerRight {
 text-align: right;
 }   

 #main #plistBottomPager a {
 text-align: center;
 width: 200px;
 border-radius: 6px;
 padding: 4px 15px;
 box-sizing: border-box;
 color: #ffffff;
 background-color: #808080;
 }
 #main #plistBottomPager a:hover,
 #main #plistBottomPager a:hover .icon { 
 background-color: #575757;
 }
 #main #plistBottomPager a:hover .icon {
 color: #ffffff;
 }
 #main #plistBottomPager a .icon {
 position: relative;
 top: 1px;
 font-size: 16px;
 color: #ffffff;
 padding: 0 5px 0 5px;
 }
 #main #plistBottomPager a .icon.previous::before {
 content: "\F0D9";
 }
 #main #plistBottomPager a .icon.next::before {
 content: "\F0DA";
 }  

 #main #plistBottom {
 display: block;
 padding: 0 0 10px 0;
 text-align: center;
 }
 #main #plistBottom #tilTop {
 display: inline-block;
 color: #999999;
 padding: 0 10px 0 0;
 }
 #main #plistBottom #tilTop:hover {
 color: #6e002e;
 }
 #main #plistBottom #tilTop .text {
 display: inline-block;
 padding: 0 0 0 5px;
 }
 #main #tilTop .icon {
 font-size: 16px;
 color: #999999;
 }
 #main #plistBottom #tilTop:hover .icon {
 color: #6e002e;
 }
 #main #tilTop .icon::before {
 content: "\F0D8"
 } 






}
/* Mobile end */


/* Mobile < 375px start */
@media (max-width: 375px) {

 #main .smartSearchList .product {
 height: 105px;
 }
 #main .jsonProducts .product {
 height: 100%;
 }
 #main .jsonProducts .productFrame {
 padding: 0 0 0px 0;
 }
 #main .jsonProducts .product .productPriceArea .priceText {
 font-size: 12px;
 }
 #main .jsonProducts .product .productPriceArea .priceText .antal {
 font-size: 16px;
 }
 #main .jsonProducts .product .productPriceArea .productPrice {
 font-size: 16px;
 line-height: 20px;
 }
 #main .jsonProducts .product .productAddToBasket .antal {
 float: left;
 width: 25px;
 height: 25px;
 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 9px;
 font-weight: bold;
 padding: 0 0 0 2px;
 margin: 0 0 0 4px;
 background-position: -18px -144px;
 background-size: 444px 370px;
 }
 #main .jsonProducts .product .productAddToBasket  .antalEnd {
 width: 4px;
 height: 25px;
 background-position: -11px -144px;
 background-size: 444px 370px;
 }
 #main .jsonProducts .product .productAddToBasket {
 clear: both;
 height: 32px;
 width: 130px;
 margin: auto;
 }
 #main .jsonProducts .product .productAddToBasket .atb {
 top: 0px;
 width: 88px;
 height: 23px;
 font-size: 14px;
 line-height: 14px; 
 padding: 5px 2px 0 0;
 margin: 0 0 0 3px;
 background-position: -166px -56px;
 background-size: 492px 410px;
 }
 #main .jsonProducts .product .productAddToBasket .atb:hover {
 background-position: -260px -56px;
 }
 #main .jsonProducts .product .NotBuyable {
 font-size: 12px;
 line-height: 12px;
 width: 100%;
 clear: both;
 height: 32px;
 }



}
/* Mobile < 375px end */