@media (max-width: 980px) 
{
    body {background : #f2f2f2;}
    
    .w980 {width : 100%; margin : 0;}  
    
    a.hore {display : none;}
    
    #top {display : none;}
    
    #head #logo_sk {float : left; width : 251px; height : 36px; margin : 4px 0 0 15px; background : url(../img/svet-svetiel-r.png) center top no-repeat; background-size: 100%;}
    #head #logo_cz {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-cz.png) center top no-repeat; background-size: 100%;}
    #head #logo_de {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-de.png) center top no-repeat; background-size: 100%;}                     
    #head #logo_hu {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-hu.png) center top no-repeat; background-size: 100%;}                    
    #head #logo_en {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-en.png) center top no-repeat; background-size: 100%;}                     
    #head #logo_hr {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-hr.png) center top no-repeat; background-size: 100%;}                     
    #head #logo_si {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-si.png) center top no-repeat; background-size: 100%;}                     
    #head #logo_be {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-be.png) center top no-repeat; background-size: 100%;}                     
    #head #logo_se {float : left; width : 226px; height : 36px; margin : 4px 0 0 15px; background : url(../img/azzardo-se.png) center top no-repeat; background-size: 100%;}
       
    
    #logged {padding-right : 20px;}
    .onlymobile {display : block;}
    tr.onlymobile {display : table-row;}
    select.onlymobile {display : inline-block; float : right;}
    .hidem {display : none;}
    
    h2.likeH1 {border : 0; margin : 0 0 10px 0;}
    
    .b_img_r {display : none;}
    .b_img_s {width : 100% !important; overflow : hidden; position : relative;}
                                                                
    #head {padding : 10px 0; background : #fff;}    
    #head #search {clear : both; margin : 50px 0 0 0; padding : 10px 0 0 0; width : 100%; display : none; border-left : 0; border-right : 0; border-bottom : 0;}
    #head #search .stxt {width : 96%; margin : 0 0 0 15px;}  
    #head #search .simg {position : absolute; right : 10px; border : 0; margin : -3px 0 0 3px;}   
    #head #cart {width : 50px; padding : 0; float : right;}
    #head #cart .orange, #head #cart span {display : none; }
    #head #showsearch {float : right; width : 40px; height : 40px; background : url(../img/search.png) center center no-repeat; margin : 3px 15px 0 10px; background-size: 75%;}
    
    .icolink {position : relative; border-bottom : 1px solid #fff; margin : 0 -20px;}
    .icolink a {display : block; padding : 15px 20px; font-size : 16px; font-weight : 600;}
    .icolink a:link, .icolink a:visited, .icolink a:hover, .icolink a:active {color : #36486e; text-decoration : none;}
    .mobilemore {width : 38px; height : 38px; background : url(../img/mobile-r.png) right center no-repeat; position : absolute; right : 0; top : 0; margin : 8px 15px 0 0;}
    .mobileback {width : 38px; height : 38px; background : url(../img/mobile-l.png) right center no-repeat; position : absolute; right : 0; top : 0; margin : 8px 15px 0 0;}
    .mobilex {width : 38px; height : 38px; background : url(../img/mobile-x.png) right center no-repeat; position : absolute; right : 0; top : 0; margin : 8px 15px 0 0;}
    .mobilenextw {width : 38px; height : 38px; background : url(../img/mobile-rw.png) right center no-repeat; position : absolute; right : 0; top : 0; margin : 8px 15px 0 0;}
    .mobilemored {width : 38px; height : 38px; background : url(../img/mobile-d.png) right center no-repeat; position : absolute; right : 0; top : 0; margin : 8px 15px 0 0; cursor : pointer;}
    .mobilemoredw {width : 38px; height : 38px; background : url(../img/mobile-dw.png) right center no-repeat; position : absolute; right : 0; top : 0; margin : 8px 15px 0 0; cursor : pointer;}
    
    #mobilemenu {display : block;}
    #mobilemenu_in {display : none;}
    #menucpt {padding : 17px 0 17px 15px; font-weight : 700; color : #36486e;}
    #menu {border : 1px solid #e5e5e5; border-left : 0; border-right : 0; background : #f3f3f3; margin : 0 0 20px 0;}
    #menu ul {display : block; padding : 0; margin : 0;}
    #menu li {list-style : none; float : none; border : 0; position : relative;} 
    #menu li:hover {border : 0;}
    #menu a.down {background : none;}
    #menu li .msub {display : none; width : 1px; overflow : hidden;}
    #menu li:hover .msub {}
    #menu li:hover .mcptsub {display : none;}
    #menu a, #menu a.down {display : block; background : #fff; border-top : 1px solid #dbdbdb; padding : 20px 15px; font-weight : 700; margin : 0;}
    
    #menu li .mobSub a {padding : 10px 15px 10px 80px; border : 0;}
    
    #menu a:link, #menu a:visited, #menu a.down:link, #menu a.down:visited {color : #36486e;}
    #menu a:hover, #menu a:active, #menu a.down:hover, #menu a.down:active {color : #36486e; background : #f3f3f3;}
    
    #menu a.mainlink {padding-left : 80px;}
    #menu .li1 a.mainlink {background : #fff url(../img/cat/mob1.png) 15px center no-repeat; background-size : auto 75%;}
    #menu .li2 a.mainlink {background : #fff url(../img/cat/mob2.png) 15px center no-repeat; background-size : auto 75%;}
    #menu .li3 a.mainlink {background : #fff url(../img/cat/mob3.png) 15px center no-repeat; background-size : auto 75%;}
    #menu .li4 a.mainlink {background : #fff url(../img/cat/mob4.png) 15px center no-repeat; background-size : auto 75%;}
    #menu .li5 a.mainlink {background : #fff url(../img/cat/mob5.png) 15px center no-repeat; background-size : auto 75%;}
    #menu .li6 a.mainlink {background : #fff url(../img/cat/mob6.png) 15px center no-repeat; background-size : auto 75%;}
    
    #ssvetiel {padding : 0;}
    
    #path {padding : 10px 15px; margin : -20px -15px 30px -15px; background : #f8f8f8 url(../img/bg.jpg) center -160px no-repeat;}
    #filter {padding-right : 10px; padding-top : 11px;}
    
    #cartpathm {background : #fff url(../img/mcart-line.png) center 27px no-repeat; background-size : 75% 4px; border-bottom : 1px solid #e5e5e5; padding : 15px 0; margin : -20px -15px 20px -15px;}
    #cartpathm table {border-collapse : collapse; width : 100%; border : 0; padding : 0; margin : 0;}
    #cartpathm table td {width : 25%; padding : 0; margin : 0; text-align : center; vertical-align : top;}
    #cartpathm .step {display : inline-block; width : 28px; height : 28px; background : url(../img/mcart-step.png); background-size : 100%; border-radius : 15px; font-size : 16px; color : #fff;}
    #cartpathm .ostep {display : inline-block; width : 28px; height : 28px; background : url(../img/mcart-stepo.png); background-size : 100%; border-radius : 15px; font-size : 16px; color : #fff;}
    #cartpathm div {padding : 5px 10px 0 10px; font-size : 14px; color : #686868;}
    
    #content {padding : 0 15px;}
    
    #catdesc {padding-left : 10px; padding-right : 10px;} 
    
    #filter {margin-bottom : 20px;}                                                                       
    #pfilter .zalozka {padding : 5px 9px; cursor : pointer;}
    #pfilter .zalozka span {padding : 0 9px; margin : 25px 0 0 -9px;}
    #filter_end {clear : both;}

    .list0, .list1, .list2, .list3 {margin : 0 0 10px 0; float : left; font-size : 12px;}
    .list_s0, .list_s1, .list_s2, .list_s3 {margin : 0 0 10px 0; padding : 0 15px; float : left;}
    .list b, .list_s b {font-size : 12px;}
                                      
    .list, .list_s {overflow : hidden; position : relative; width : 24.8% !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
    .list img.listimg, .list_s img.listimg {width : 100% !important; height : auto !important;}
    .list img.flagimg, .list_s img.flagimg {margin : 1px 1px 0 0; right : 0;}
    .list img.topimg, .list_s img.topimg {width : 22px; height : 20px; border : 0; position : absolute; margin : 1px 0 0 21px;}    
    .list img.youtube, .list_s img.youtube {margin : 45% 0 0 45%;}
    .list .stars, .list:hover .stars {display : none;}   
    .list_s .stars, .list_s:hover .stars {display : none;}   
                                       
    #pimages #mainimg {display : none;}
    #pimages #mainimg_m {display : inline-block;}
    
    .popisT {padding-bottom : 20px;}
    #pbuy {position : absolute; right : 0;}
    #pbuy .pocet {display : none;}
    #pbuy .tocart {display : none;}
    #pbuy .cena {font-weight : 700; padding : 0; margin : 0;}
    #pbuy #pcena_clear {display : none;}
    
    .mobilecart {position : relative;}
    .mobilecart a {background : #f58320; display : block; font-weight : 700; font-size : 16px; padding : 15px; position : relative; text-align : center;}
    .mobilecart a:link, .mobilecart a:visited {color : #fff;}
    .mobilecart a:hover, .mobilecart a:active {color : #fff; text-decoration : none;}
    
    #pdetail {padding : 0;}
    #cdetail {padding : 0 0 20px 0;}    
    #pspec {margin : 0 0 0 440px;}
    #prate {border-top : 0;}
    
    .infook, .infoko, .infoko2 {width : 100%;}
    
    /*#prate_clear {clear : both;}*/
    
    #pparams1 {float : none; width : 100%;}
    #pparams2 {margin : 0;}       
    
    #pdocl {display : none;}
    #pdocdtar, #pdocdta {margin : 0; padding : 0 ;}
    
    #pyoutube {width : 100%;} 
    
    /* cart */ 
    .carttbl td.ftd span.doprava {margin : 0; }
    .cartbtn {padding : 20px 0;}
    
    .carttbl tr.empty td {height : 20px; overflow : hidden;}
    
    .cartsum {float : none; width : 100%; padding : 20px 0 0 0;}
    .cartsumi {padding : 20px 0 0 10px; margin : 0;}
         
    
    .cartbtn {padding : 20px 0; margin : 0 -15px 0 -20px;}
    .fnextbtn {border-radius : 0; width : 100%; padding : 15px 0; margin : 0; display : block; float : none;}
    .fbackbtn {border-radius : 0; width : 100%; padding : 7px 0; margin : 0 0 20px 0; display : block; float : none;}   
    .calcbtn {display : none;}
    
    #hometext {border-left : 0; border-right : 0; padding : 20px 0;}
    #hometext img {display : none;}
    
    #homearticles, #detailarticles {padding : 0; margin : 15px -15px 0 -15px;}
    .homearticle, .detailarticle {width : 30%; margin : 0 3% 0 0; float : left;}
    #homearticles h2, #detailarticles h2 {display : none;}
    #homearticles #articleslist, #detailarticles #articleslist {display : none; padding : 10px 15px; background : #fff;}
    #homearticles .onlymobile, #detailarticles .onlymobile {position : relative; background : #fff; border-top : 1px solid #dbdbdb;}
    #homearticles .onlymobile b, #detailarticles .onlymobile b {display : block; padding : 15px; font-size : 17px; font-weight : 600; color : #36486e;}
    
    #footer {padding : 0 0 10px 0;}
    #footer #css_change {padding : 0;}
    #footer .onlymobile {padding : 0 0px;}    
    #footer .onlymobile a {display : block; font-size : 16px; padding : 3px 15px 3px 15px; font-weight : 600;}
    /*#footer .onlymobile a:link, #footer .onlymobile a:visited, #footer .onlymobile a:hover, #footer .onlymobile a:active {color : #fff;}*/
    #footer .onlymobile h3 {border-top : 1px solid #dbdbdb; padding : 0; margin : 0; position : relative;}
    #footer .onlymobile h3 b {display : block; padding : 15px 15px; font-weight : 600; color : #fff;}
    #footer table {display : none;}
    #footer #copyright {color : #8b8b8b; font-size : 12px; text-align : center; padding : 10px 0 0 0; white-space : nowrap;}
    #footer #copyright a {display : inline;}
    #footer #copyright a:link, #footer #copyright a:visited, #footer #copyright a:hover, #footer #copyright a:active {color : #8b8b8b;}
    #footer h3 {color : #fff;}
}
                          
@media (max-width: 890px) 
{                   
    table, textarea {width : 100% !important;}    
    .homearticle, .detailarticle {width : 100%; margin : 0 0 20px 0; padding : 0; float : none;}       
    
    #pbuy .cena {float : none; display : block;}
    
    #bulbs a span {padding-right : 0;}
}

@media (max-width: 820px)
{
    #pimages {width : 48%}    
    #pspec {margin : 0 0 0 54%}
             
    #pimages #mainimg_m {width : 100%; max-width : 420px;}
}
                          
@media (max-width: 750px) 
{                   
    table, textarea {width : 100% !important;}    
    .homearticle, .detailarticle {width : 100%; margin : 0 0 20px 0; padding : 0; float : none;}    
    
    #bulbs a span {padding : 15px 22px; margin : 3px 0 0 0;}
    #bulbs a b {display : none;}
}
                    
@media (max-width: 675px) 
{                     
    #slider, #slider div.sliderInner {
        width:100% !important;height:278px;/* Must be the same size as the slider images */
    }     
    .hMobile {display : none;}
    
    
    .list, .list_s {width : 49.8% !important;}
    .list2, .list_s2 {clear : left;}
    
    #filter {display : none;}  
     
    /* detail */
    #pimages {float : none; width : 100%; text-align : center;}
    
    #pimages #mainimg_m {width : 100%; max-width : 420px;}
    #pimages .thumbimg {width : 45px; height : 45px; border : 1px solid #e0e0e0; margin : 3px; cursor : pointer;}   
    
    .popisT {display : none;}
    .popisB {display : block;}
    
    .mobilecart {margin : 0 -15px;}
                                
    
    #pdetail .carttbl {border-bottom : 1px solid #dbdbdb;}
    #pdetail .carttbl td, #pdetail .carttbl td.ftd, #pdetail .carttbl td.ltd {display : block; border : 0; border-left : 1px solid #dbdbdb; border-right : 1px solid #dbdbdb;}
    #pdetail .carttbl td .cartlink {float : none;}
    
    #pbuy .cena {float : left; display : block;}
    
    #pspec {margin : 0; padding : 10px 0 0 0;} 
    
    #pparams1 {float : none; width : 100%;}
    #pparams2 {margin : 0;}
      
    #pshare a.mail {float : none; display : block;} 
    #pshare a.fb {display : block;}
    #pshare a.print {margin : 0; display : block;} 
    /* end detail */ 
    
    /* cart */      
    #cdetail .carttbl td {padding : 10px 10px;}
    #cdetail .carttbl td.ftd {padding : 10px 10px 10px 15px;}
    #cdetail .carttbl td.ltd {padding : 10px 15px 10px 10px;}    
    #cdetail .carttbl span {margin-left : 72px;}  
    #cdetail .carttbl span.doprava {margin : 0;}  
    
    #cartpath {padding : 5px 0 30px 0;}
    #cartpath img {padding : 0 5px;}   
    
    .cart_doprava {float : none; width : 100%;}
    .cart_platba {margin : 0; padding : 20px 0 0 0;}   

    .program_popis {margin : 20px 0 0 0;}
    
    
    
    #IMS_iframe1 {display : none;}    
}

@media (max-width : 550px)
{
    #pparams1, .pparams1 {float : none; width : 100%;}
    #pparams2, .pparams2 {margin : 0;}
    
    #cartpathm div {font-size : 13px;}
}

@media (max-width: 450px)
{
    #pyoutube {width : 100%; height : auto;}  
    
    .carttbl td {padding : 10px;}
    #cdetail .carttbl .mproduct td {padding : 35px 10px 10px 10px;}
    #cdetail .carttbl .mproduct td.ltd, #cdetail .carttbl .mproduct td.ftd {padding : 35px 10px 10px 10px;}       
    #cdetail .carttbl .mproduct td.ftd span {position : absolute; margin : -40px 0 0 0;}
    #cdetail .carttbl td.ltd {white-space : no-wrap; padding-left : 0;}
    #cdetail .carttbl td.ftd img {display : none;}
    #cdetail .carttbl td.ftd .ftxt {clear : left;}
    #cdetail .carttbl span {margin : 0;}  
} 

@media (max-width: 470px)
{                                                     
    #pbuy .cena {font-size : 25px; color : #36486e; display : block; float : none; padding : 0; text-align : left;}
    .pcena_clear {clear : both;}
    #pbuy {height : 100px;}   
    
   #head {padding : 15px 0;}
                                          
    #head #logo_sk {width : 151px; height : 25px; background-size: 100%;}
    #head #logo_cz {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_de {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_hu {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_en {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_hr {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_si {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_be {width : 170px; height : 25px; background-size: 100%;}
    #head #logo_se {width : 170px; height : 25px; background-size: 100%;}
    
    #head #cart {width : 25px; height : 25px; background-size: 100%; margin-top : 3px;}
    #head #showsearch {width : 25px; height : 25px; background-size: 90%;}       
    
    #mobilemenu {width : 25px; height : 25px; background-size: 100%; margin : 10px 15px 10px 0;}
    #menucpt {padding : 13px 0 13px 15px;}             
    
    .mobilemore {background-size: auto 70%; margin : 13px 15px 0 0;}
    .mobileback {background-size: auto 70%; margin : 13px 15px 0 0;}
    .mobilex {background-size: auto 70%; margin : 13px 15px 0 0;}
    .mobilenextw {background-size: auto 70%; margin : 13px 15px 0 0;}
    .mobilemored {background-size: auto 70%; margin : 13px 15px 0 0;}
    .mobilemoredw {background-size: auto 70%; margin : 13px 15px 0 0;}
    
    
    #head #search .stxt {padding : 2px 0;}
    
    .infook, .infoko, .infoko2 {width : 100%;}
} 

@media (max-width: 400px)
{      
    .pcena_clear {clear : both;}           
    #pbuy .tocart {background : #f58320 none; padding : 7px 30px;}
}