

@media all and (min-width: 1281px)  {
#top_m, #home_m , #search_m { display: none !important; }
#menu_m , #menu_m ul { display: none !important;  }
#banner_m  , #btz_m { display: none !important;  }
#zoom_mobile { display: none !important; }
}

@media all and (max-width: 1280px)  {
#top  , #banner , #menu { display: none !important; }
#zoom_desktop { display: none !important; }
}
 
#top_m { height: 3em; background-color: #313131; position: fixed; width: 100%; top:0; z-index: 20;-webkit-box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.67);-moz-box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.67);box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.67); }
#icon_m { float: left; display: block; margin: 0 0 0 0; width: 4em; height: 3em; background: rgba(255,0,0,0.0) url(img/menu_m.png) no-repeat center center; }
#logo_m  {   display: block; height: 3em; line-height: 3em; left:4em; right: 4em; position: absolute; color: #ffffff;  margin: auto;   }
#logo_m  img { height: 100%;   }
#icon_search_m { float: right; display: none; margin: 0 0 0 0; width: 4em; height: 3em; background: rgba(255,0,0,0.0) url(img/search_m.png) no-repeat center center;  }

#search_m { background-color: #b8232e;  display: none; line-height: 1.3em; top: 3em; position: fixed; width: 100%;}
#szo_cont_m { height: 1.8em; overflow: hidden; width: 85%; background: #313131;  margin: 0.6em auto; border-radius: 6px; }
#szo_m { font-size: 0.9em; line-height: 100%; height: 100%; text-indent: 14px; line-height: 2em; float: left; display: block; font-weight: 300;  color: #f0f0f0; width: 80%; background: #e02330; border-width: 0;}
#search_go_m { float: right; display: block;   height: 100%; background: #962028; width: 18%; line-height: 2em; color: #f0f0f0; font-size: 0.9em;   }
/*#home_m { float: right; display: block; margin: 1.1em 0.7em 0 0; width: 45px; height: 34px;  }*/



#menu_m { background-color:#313131;  display: none; text-align: left; top: 3em; position: absolute; width: 100%; z-index: 13;}
#menu_m ul { list-style-type: none; padding:0; margin: 0; }
#menu_m  li ul { display: none }
#menu_m a { color: #eeeeee; display: block; font-weight: 300;  border-bottom: 1px solid #232323;   }
#menu_m > ul > li > a { padding: 0.5em 0 0.5em 1em; font-size: 1em;  }
#menu_m > ul > li > ul > li > a { padding: 0.5em 0 0.5em 2.5em; font-size: 0.90em;  }
#menu_m > ul > li > ul > li > ul > li > a { padding: 0.5em 0 0.5em 4.5em; font-size: 0.80em;  }




@media all and (max-width: 1280px)  {

.spacer { height: 1px !important; }

#banner_m { width: 100%; margin-top: 3em; }
#banner_m img { width: 100%;  }

#content { margin-top: 3em; text-align: center; background-image: url() !important; }
#tartalom { text-align: center; padding: 0 1.5em;  line-height: 1.6em; font-size: 0.9em; color: #b2b2b2; }
#tartalom table {  width: 100% !important;  }
#tartalom td { display: block !important; width: 100% !important;   }
#tartalom p { margin-top: 0 }
#descr-main { }
#descr-main p { margin-top:0; }
#recomtitle {  font-size: 1.6em;  margin-top: 3em; margin-bottom: 1.4em; color: #d4d4d4; text-align: center;   }

#pagetitle {   color: #111111; font-size: 1.2em; margin-bottom: 2em; }
#pagetitle i { color: #e02330; font-size: 1em; padding: 0 0.3em; }
 
#bottom { margin-top: 3em;  background-color: #1b1a1a; text-align: center; padding: 1em 0; }
#bottom-c {   text-align: center; margin: 0 auto ;   }
#btz {    display: none; }
#btz_m {    display: block; margin: 1em auto; }
#bottom u {   display: block; text-decoration: none; padding-top:30px;  background:  url(img/bsl.png) no-repeat top center;}
#bottom i {  display: block; font-style: normal; color: #9b9ba7; font-size: 0.8em;  padding: 1em 2em;    }


#prod_list { text-align: center;  }
#prod_list_prod {  }
#lapozas {  margin: 0 auto; font-size: 1em; color: #111111}
#lapozas span {  display: block; padding-bottom: 1em }
.tlist-item {  width: 222px; line-height: 1.2em; height: 320px; text-align: center; cursor: pointer;  margin: 0 auto 1em auto; position: relative; }
.bestbuy:after { content:" "; position: absolute; display: block;  z-index:10; width: 80px; height: 80px; background: url(img/bestbuy.png) no-repeat; right: -8px; top: -8px;}
.indisp:after { content:" "; position: absolute; display: block;  z-index:10; width: 80px; height: 80px; background: url(img/indisp.png) no-repeat; right: -8px; top: -8px;}
.tlist-item-pic { max-width: 222px; background: #ffffff; height: 222px; display: block; text-align: center; overflow: hidden; position:relative; border: 1px solid #828282;}
.tlist-item-pic img { transition: all 0.3s;  position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; max-width: 96%; max-height: 96%;   }
.tlist-item:hover img { filter: contrast(120%) grayscale(70%);    }
.tlist-item-name { color: #111111;  font-weight: 400; line-height: 20px;   font-size: 1em; margin-top: 12px; margin-bottom: 4px; display: block; }
.tlist-item:hover .tlist-item-name { color: #111111;    }
.tlist-item-price {  color: #5cab46;  font-weight: 700; font-size: 0.9em; display: block;  }
.tlist-item-price-old {  color: #a0a0a0; text-decoration: line-through; font-weight: 500; font-size: 0.9em; display: block;  }
.tlist-item-price-promo {  color: #e02330;  font-weight: 700; font-size: 0.9em; display: block;  }
#vezi { color: #c2c2c2; font-size: 0.9em; font-style: italic; margin: 0 auto; display: block; }
#vezi:hover { color: #dddddd;   }
#vezi i { color: #a40003; margin-left: 10px; font-size: 18px; font-style: normal; }

#gmap { width: 100%; height: 326px; border: 5px solid #444444; border-radius: 4px; }
#zoom_desktop { margin-top: 10px; margin-left: 5px; display: inline-block; color: #555; }
#zoom_desktop i {  color: #888; }
#zoom_desktop:hover { color: #c6057c; }

.lapok { transition: background-color 0.13s; display: inline-block; width: 2em; height: 2em; text-align: center; line-height: 2em; color: #111111; font-size: 1.4em; }
.lapok-akt { background-color: #313131; color: #cccccc }
.lapok-first { margin-left: 1em; }
.lapok:hover { color: #cccccc; background-color: #313131; }

#prodpage {   width: 100%; color: #111111;  }
#pleft { width: 100%}
#pleft img {  margin: auto; width: 85%; border: 4px solid #555; border-radius: 4px; }
#pright { display: block;   }
#pcim { font-size: 1.3em; color: #111111; margin-top: 1em; }
#pkod { font-size: 1.2em; color: #176cb4; height: 32px; line-height: 32px;}
#pdesc { margin-top: 1.5em; margin-bottom: 1.5em; font-size: 1em; color: #111111 }
#pdesc p { margin:0 ;} 
#pdesc a { display: none; } 
#pdisp { font-size: 1em; }
#pdisp span.pdisp-1 { color: #20a000; }
#pdisp span.pdisp-0 { color: #f17100; }
#ppret { font-size: 16px; color: #111111; }
#ppret u { text-decoration: line-through; }
#phelp { color: #444444; font-size: 0.8em; margin-top: 2em; }
.social { margin-top: 2em; }
#pback { margin-top: 3em; }
#pback a { font-size: 0.8em; color: #111111; }
#pback a:hover { color: #c21d28;  }
#pback i { font-size: 1.1em; color: #c21d28; margin-right: 3px; }




}



@media all and (max-width: 1280px) and (min-width: 681px)  {
 

}

@media all and (max-width: 680px)  {
 
}

