@media only screen and (max-width: 1840px) {




    .flex-prod{
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    }


.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  box-sizing: border-box;
  width: 100%;
}


}

@media only screen and (max-width: 1600px) {


     .flex-prod{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }

 

.Banery{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(540px, 1fr));
  box-sizing: border-box;
  width: 100%;
}


.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  box-sizing: border-box;
  width: 100%;
}


}



@media only screen and (max-width: 1440px) {



.szukaj-prod{

    width: calc(33.3333333% - 10px);
 
}



    #MenuTop{
    display: none;
}
    





#Top{ 
   height: 60px;
}


#logo-moma{
    left: 45px;
    top: 10px; 
    background-size: 100px auto;
}






.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  box-sizing: border-box;
  width: 100%;
}



    #MenuNav{
    display: block;
}

    .MenuMore{
    display: block;
    }

    #MenuLogo{
    display: block;
    }

#MenuTopRes-inc{
    padding: 0 40px 40px 40px;
}


#MenuTopL{
 position: fixed;
        text-align: left;
        padding: 0;
        top: 0;
        left: -440px;
        background: #fff;
        color: #000 !important;
        width: 100vw;
        max-width: 440px;
        height: 100vh;
        z-index: 10000;   
        overflow-y: auto;
       overflow-x: hidden; 
}


   #MenuTop{
        display: none;
    }



     #MenuTopRes ul{
        position: relative;
     }

    #MenuTopRes li{
        display: block;
        position: relative;
        margin: 0;
    }

    #MenuTopRes li a{
        cursor: pointer;
        font-weight: 600;
        display: block;
        padding: 15px 0;
    }





#top-ikonki{
    right: 15px;
    top: 10px;
}


#szukaj-prod{
    width: calc(70% - 10px);
   
}

#szukaj-kat-brand{
    width: calc(30% - 10px);
}




}

@media only screen and (max-width: 1240px) {
    /*
.m-wid{
    min-width: 160px;
}
*/
#rekl-kat{
display: none;
}


   .tekst-flex-inc{

 display: grid;
  gap: 40px;                     /* odstęp między komórkami */
  --min: 300px;                  /* minimalna szerokość jednej komórki */
  --max-cols: 4;                 /* maksymalna liczba kolumn w rzędzie */
  --gap: 40px;
  /* WAŻNE: ograniczamy szerokość kontenera tak, żeby fizycznie nie zmieściło się
     więcej niż --max-cols kolumn o szerokości --min (plus gapy) */
  width: min(100%, calc(var(--min) * var(--max-cols) + var(--gap) * (var(--max-cols) - 1)));
  margin: 0 auto;                /* wycentrowanie gdy kontener mniejszy niż 100% */
  /* auto-fit dopasuje liczbę kolumn w zależności od dostępnej szerokości,
     każda kolumna ma min 400px i rośnie równomiernie (1fr) */
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  box-sizing: border-box;
}


.Banery{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
  box-sizing: border-box;
  width: 100%;
}


.noressh{
    display: none;
}

.szukaj-prod{

    width: calc(50% - 15px);
 
}



   
#szukaj-prod{
    width: calc(60% - 10px);
   
}

#szukaj-kat-brand{
    width: calc(40% - 10px);
}



.flex-inc2{
    width: 100%; 
}

.FotoTxt{
    margin-bottom: 40px;
}

.text-left{
flex-direction: row-reverse;
}




.baner-sw{
    height: 560px;
    max-width: calc(100vw - 40px);
}


.baner-sw-img-h{
    height: 100%;
    max-width: calc(100vw - 60px);
}


.baner-sw-img-h img, .baner-sw-img-h video{
     width: 100%;
    height: 100%;
    object-fit: cover;  
}






.TextOut{
    display: block;
}

.TextInc{
    display: block; 
    width: 100%;
    padding: 0;
}

.TextIncR{
    display: block; 
    width: 100%;
    padding: 0;
}


.ImgInc{
   width: 100%; 
     flex: 1; 
    overflow: hidden; /* ukrywa nadmiar obrazu - ważne */
}

.TextDol{
    padding-top: 40px;
}

.TextDolG{
    padding: 40px 0;
}










.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  box-sizing: border-box;
  width: 100%;
}







}

@media only screen and (max-width: 992px) {


    body {
        font-size: 14px;
        line-height: 17px;

    }

.tekst-ramka-out{
  display: block;
  width: 100%;
}



    .wrapper-pad{
        padding: 0 20px;
       
    }

    .wrapper{
    width: calc(100% - 40px);
    margin: 0 20px;
    }





    #TopBlog #logo-moma{
        background-size: 95px auto;
    }
    


    #panel-szukaj{
        right: 0;
        top: 92px;
        width: 100%;
        background: #fff;
        max-height: auto;
    height: calc(100vh - 100px);
    overflow-y: auto;
    padding-left: 0;
    }



    #SortowanieR{
        display: block !important
    }

    #SortowanieD{
        display: none;
    }

    #wszystkiefiltry  span{
        display: inline;
    }


      #FiltrBoxRespo{   
            max-width: calc(100% - 100px);
    }


    #FiltrBoxRespoInc{
        height: calc(100% - 120px);
    }

    #FiltrBoxRespoInc > h3 > span{
        display: inline;
    }

.filtr-nomob{
    display: none;
}

    #szukaj-kategorie{
        width: 260px;
    }
    



#Szukaj form input[type="text"]{
font-size: 18px;

}


#szukaj-prod{
    width: 100%;
   
}

#szukaj-kat-brand{
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px;
    margin-bottom: 80px;
}
/*
#szukaj-kat-brand a.morebut{
    position: fixed;
    margin: 0;
    bottom: 0;
    width: 100% !important;
    left: 0;
    -webkit-border-radius: 0;
border-radius: 0;
}
*/







    .subkat-main-inc{
        max-width: 220px;
    }

    .subkat-img{
             height: 170px;
    }

    .subkat-main h4{
         font-size: 26px;
    }


    .subkat-bg{
        width: 160px;
        height: 160px;
    }



    #koszyk-left{
        width: 100%;
        }
        
        #koszyk-right{
            width: 100%;
        }








    
    a.mag{
        width: 26%;
       
        }





    .son{
        background: none;
    }




#i-log-m{
margin-top: 50px !important;
background: url('../img/i-user.png') no-repeat left;
}

#i-reg-m{

    background: url('../img/i-user.png') no-repeat left;
    }

#i-ulub-m{
 background: url('../img/i-ulub.png') no-repeat left;
}


    
    #e-sklep{
        background: url('../img/i-ff.png') no-repeat right;
    }

    #bg-nav{
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.3);
position: fixed;
z-index: 10000;
top: 0;
left: 0;
    }
    
    #i-nav-c{
        display: block;
        height: 40px;
        background: #EBEBEB;
        position: relative;
    }

    #i-close{
        width: 40px;
        height: 40px;
        background: url('../img/iclose.svg') no-repeat center;
        background-size: 18px 18px;
        position: absolute;
        right: 10px;
        cursor: pointer;
    }


/* MENU GÓRNE */



/* Głowne menu */
    #MenuSklep{
        display: block;
        position: fixed;
       top:0;
        left: -100%;
        height: 100vh;
        min-height: 100vh;
        overflow-y: auto;
        right: auto;
        width: 90%;
        padding: 0;
        margin: 0;
        z-index: 10000 !important;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 0;
       
    }

    #MainMenu{
        background: #fff;
        height: auto;
        margin: 0;

    }


    #MenuSklepTop > ul, #MainMenu{
        height: auto;
        text-align: left;       
    }

    #MenuSklepTop > ul > li, #MainMenu  > li{
        display: block;
        height: auto;
        border: 0;
        padding: 0;
    }

    #MenuSklepTop > ul > li:hover, #MainMenu > li:hover{
        border: 0;
    }
    
    #MenuSklepTop > ul > li > a, #MainMenu  > li > a{
        padding: 10px 15px;
        height: auto;
        font-size: 13px;
        line-height: 18px;
        border-top: 1px solid #E7E7E7;
    
    }
    #MainMenu > li a:hover{
        border-bottom: 0;
    }

    #TopBlog #MainMenu li a{
        color: #000;
    }
    #TopBlog #MainMenu li a:hover{
        border: 0;
    }
    
    #TopBlog #MainMenu li a.click{
        border: 0;
    }


    #TopBlog #MenuSklepTop > ul > li > a{
        color: #000;
        }
        
        
        #TopBlog #MenuSklepTop > ul > li:hover{
            border: 0;
        }
    


    #MenuSklepTop a.sbm,  #MenuSklepTop a.sbkat{
        background: url('../img/plus-lg.svg') no-repeat right 17px center;
        background-size: 14px auto;
    }

    #MenuSklepTop a.clc{
        background: url('../img/dash-lg.svg') no-repeat right 17px center !important;
        background-size: 14px auto  !important;
    }

    #MenuSklepTop .nav-subcat a{
        padding: 10px 0;
     }


   /* SUBKATEGORIE */
#MenuSklepTop .nav-subcat{
    display: none;
    position: relative;
    width: 100%;
    background: inherit;
    margin: 0;
    top: 0;
    border-bottom: 0;
    padding: 0;
}

/* Pierwszy ul podkategorii */


#MenuSklepTop .nav-subcat > ul{
    margin: 0;
    padding: 0;
    background: #fff;
}


#MenuSklep .nav-subcat > ul > li > a{
    padding: 10px 0 10px 15px;
}


/* Drugi ul podkategorii */
#MenuSklepTop .nav-subcat > ul > li > ul{
    margin: 0;
    display: none;
}
#MenuSklepTop .nav-subcat > ul > li > ul > li > a{
    padding: 10px 0 10px 25px;
}



/* Trzeci ul podkategorii */

#MenuSklepTop .nav-subcat > ul > li > ul > li > ul{
    background: #fff;
    display: none;

}


#MenuSklepTop .nav-subcat > ul > li > ul > li > ul > li > a{
    padding: 10px 0 10px 45px;

}





.subsubm{
    display: block;
    margin: 0 !important;
}

.subsubm li a{
    padding-left: 20px !important;
    font-size: 13px !important;
}





 .rekl-kat{
    display: none;
 }





#MenuSklep .nav-subcat > div{
margin: 0;
}
    



.scrd{
    opacity: 1;
}




   
       
#szukaj{
    width: calc(100% - 100px);
    left: auto;
    right: 20px;
    top: 52px;
    margin: 0 0 0 auto;
}

.thomes{
    background: #fffdfa !important;
}
    

#szukaj-submit{
    right: 17px;
    background-position: center;
}






#i-nav{
    display: block;
    width: 40px;
    height: 40px;
    background: url('../img/burger.svg') no-repeat center;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 1001;
    cursor: pointer;
    border: solid 1px #000;
    border-radius: 10px;
}

#TopBlog #i-nav{
    background: rgba(255, 255, 255, 0.2) url('../img/burger-white.svg') no-repeat center;
    border: solid 1px #fff;
}



#i-nav.c{
    background: url('../img/close.svg') no-repeat center;
}





     .swipper-caption .h1{
        font-size: 50px;
    }

    .swipper-ng{
        font-size: 15px;
        }

      


            #prod-tab-n{
                position: relative;
                text-align: center;
                margin-top: 7px;
                padding: 30px 0 20px 0;
                border-top: solid 1px #D5D5D5;
            }

            #tab-str{
width: 23px;
height: 13px;
position: absolute;
right: 0;
background: #fff url('../img/strzalka.svg') no-repeat left;
top: -7px;
right: 0;
            }

            #prod-tab-n > a{

                margin: 10px;

            }

            .prod-tab-inc .moreplus{
                top: auto;
                left: 0;
                right: 0;
                margin: 0 auto;
                bottom: -60px;
                border: solid 1px #000;
                width: 140px;
max-width: 100%;
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-size: 15px;
text-align: center;
cursor: pointer;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #fff;
padding: 0;
            }

            #produkty-tab-h{
                padding: 0  0 35px 0;
            }


            .Baner-Strefa{
                margin: 50px 0;
            }

            #Baner-Strefa {
                margin: 100px 0 10px 0; 
            }


            .Baner-Strefa .h2{

                margin: 20px 0 5px 0;
            
            }
            
            #Baner-Strefa .h3{
                margin: 25px 0 5px 0;
            }
            
            
            #Baner-Strefa a{
                width: 100%;
                margin: 0 0 50px 0;
            }
            
            #Baner-Strefa .more{
                margin: 25px auto 0 auto; 
            }
            

            #Magazyn-Home-h{
                height: 80px;
                font-size: 68px;
                line-height: 80px; 

            }

            .subt h4{
            font-size: 15px;
            margin: 10px 0;
              }


              #Magazyn-Home-inc{
                height: 450px;
                margin: 20px 0 50px 0;
            
              }

             
              #Tylkounas-nx{
                margin: 35px 0 0 0;
            }
            


.marka-s{
    width: 355px;
}


.marka{
    width: 355px;
margin: 20px 0; 

}



.jakkupic{
    width: 100%;
    margin: 40px 0 0px 0;
    padding-bottom: 50px;
}

.jakkupic h3{
    font-weight: 400;
    font-size: 15px;
    margin: 14px 0 20px 0;
    text-transform: uppercase;
}

.jakkupic p{
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}

.jakkupic a{
  
    padding-right: 34px;
    height: 22px;
    line-height: 22px;
    font-weight: 400;
font-size: 15px;
letter-spacing: normal;

}


#jestesmy{
    height: auto;
    margin: 80px 0;
    padding: 40px 0;

    }









    .salon-sw{
        width: 350px;
        height: 580px;
    font-size: 12px;
    }

    

    
    .salon-sw-img{
        width: 100%;
        height: 300px;

    }
    

    
    .salon-sw h4{
    font-size: 24px;
    margin: 18px 0 15px 0;
    }
    .salon-sw h4 span{
    font-size: 12px;
    }
    
    .moreplush{
        top: -25px;
    }
    .moreplusn{
        top: 5px;
    }

     .moreplusnh{
    right: 20px;
    top: 5px;
}

    

    #Tylkounas{
        margin: 50px 0 0 0;
        padding: 16px 0;
    }
    

    #unas-main, .BanerD{
        height: 400px;
    }


    #unas-main-inc h3, .BanerD-inc h3{
    font-size: 50px;
    margin: 24px 0 0 17px;
 
    }


    #unas-main-inc h4, .BanerD-inc h4{
  
        width: 70%;
        max-width: auto;
    font-size: 50px;
    right: 17px;
    bottom: 80px;
    text-align: right;
    }


#unas-main-txt, .BanerD-txt{
    display: none;
}

.unas-sw{
    width: 360px;
    height: 340px;
    font-size: 14px;
}

.unas-sw-img{
    height: 200px;
    margin-bottom: 13px;
}





   #m-newsletter-inc{

    padding: 33px 0;
}


#m-newsletter-inc-txt{
    width: 100%;
    max-width: auto;

}



#m-newsletter-inc-txt h3{
font-size: 50px;
}

#m-newsletter-inc-txt h4{

    font-size: 15px;

    }

    #newsletter-form  input[type="text"] {
        height: 40px;

font-size: 15px;
line-height: 40px;

        }



        #nl-submit{
 
            width: 50px;
            height: 40px;


        }



        #m-newsletter-inc-img{
            width: 100%; 
        }



        .stopka-inc{
            width: 48%;
            margin-bottom: 50px;
        }




        #stopka-moma, #stopka-mash{
             background-position: top;
            width: 100%;
    padding: 70px 0 0 0 ;
    text-align: center;
        }
        
        #stopka-kontakt{
            width: 100%;

        }

        #ikon-desk{

            margin: 20px 0 35px 0;

        }
        















.finc1{
    width: 44%;
}

.finc2{
    width: 50%;
}

.finc3{
    display: none;
}





#m-infoblok-inc{
    padding: 20px 0 40px 0;
}





 #polecamy{
     padding: 50px 0;
 }






 #home-4, #home-5{
    width: 48%;
    max-width: 48%;   
}















/* ------------------MENU LEFT ------------- */




#MenuLeft{
display: none;
    }

    #RightMain{
        width: 100%;
    }


.subkat-proste{
display: block;
}









        #popup-content{
            max-width: 90%;
  
            }


      



                    .h3w{
                        font-size: 27px;
                        line-height: 30px;
                    }


                
                    
                    .h3wc{
                       
                        font-size: 20px;
                        line-height: 28px;
                    
                    }
                    





                    #bs-img1{
    
                        display: none;
                    
                    
                    }


                    #bs-img2{
    
                        right: 55px;
                    
                    
                    }
                
                
                    .bsa2-txt{
                
                        margin: 0 auto 0 0;
                   
                         
                        }




                    


                        a.mag{
                    
                            margin: 20px 0;
                       
                            
                            }

















                            #ProduktInfo, #ProduktFoto{
                                width: 100%;
                            
                                }
                            
                                #ProduktFoto{
                            margin-bottom: 30px;
                            position: relative;
                            
                                }

                                #Pfoto{
                                    width: 100%;
                                     }




                                     #Pfoto .swiper-slide{
                                        height: 400px;
                                     }
                                        
                                        #Pfoto .swiper-slide img{
                                        max-height: 840px;
                                        }
                                
                                





                                        #bloghleft{
                                            position: relative;
                
                                        }
                                        






                            
                            /*
                                #title-stac{
                                    display: none;
                                }
                            
                            
                            
                            #title-mob{
                                display: block;
                            }
                            */
                            #GaleriaTh{
                                display: none;
                            }

                         
                          
                        


                            #z-telmail-tel{
                      
                                padding-left: 37px;
                            }
            
                            #z-telmail-mail{
                          
                                padding-left: 37px;
                                margin-left: 46px;
                            }
            





                            #blog-ng h1{
                         
                                margin: 16px 0 24px 0;
                                font-size: 45px;
                                line-height: 49px;
                            }
                            



                            #blog-ng{
                                font-size: 18px;
                                line-height: 21px;
                            }


                            #blog-ng{
                                width: 100%;
                                padding: 0 0 24px 0;
                            }
                            
                    
                    
                    
                            #blog-ng-img{
                                width: 100%;
                            }
                    
                    
                            #blog-mapa{
                                width: 100%;
                                height: 400px;
                                margin-bottom: 40px;
                            }
                          
                        




                              
                              



                                  

















                                    #awiecejkat{
                                        display:block;
                                       
                                    }

                                    #wiecejkat{
                                        display: none;
                                    }




                                    #Kat-Opis{
                                        display: block;
                                    }

                                    #Kat-Opis-txt{
                                        width: 100%;
                                        padding-bottom: 25px;
                                        
                                    }

                                    #Kat-Opis-img{
                                        width: 100%;
                                        height: 250px;
                                        position: relative;
                                       
                        
                                    }



                                    #Kat-Opis-doc{
                                        display: block;
                                    }

                                    #Kat-Opis-txt-doc{
                                        width: 100%;
                                        padding: 0 0 25px 0;
                                    }

                                    #Kat-Opis-img-doc{
                                        display: block;
                                        width: 100%;
                                    }
                                    
                                    #Kat-Opis-txt-doc .tresci{
                                        position: relative;
                                        padding: 0;

                                    }
                                    
                                 
                                    #Belkas-g{
                                        display: none;
                                    }









                                    #Sciezka ul{
                                        display: none;
                                    }
                                    
                                    #Sciezka{
                                        padding: 0;
                                        min-height: 24px;
                                        padding: 14px 0;
                                    
                                    }
                                    
                                    #backto{
                                        display: inline-block;
                                        margin-bottom: 16px;
                                    }
                                    
                                    



                                    #popupnl-content{
                                        width: 100%;
                            
                                        max-height: 100vh;
                                        min-height: 100vh;
                                        overflow-y: auto;
                                        z-index: 1;
                            
                            background: none !important;
                                        }


                                        #popupnl-content-inc{

                                            width: 90%;
                                            height: 70%;
                                            overflow-y: auto;
                                      
                                         
                                        }
                            
                            
                            
                                        #popupnl-content-inc2{
                                            width: 100%;
                                          
                                        }



                                     

                                        #popupnl-mask2{
                                            width: 100%;
                                            height: auto;
                                            bottom: 0;
                                            }

























                                        .s-mobile, .slider-img a.s-mobile{
                                            display: block;
                                        }
                                        .d-mobile, .slider-img a.d-mobile{
                                            display: none;
                                        } 




                                        #popup-mask > div{


                                            display: block;
                                        
                                            }
                                        
                                        
                                        #popup-content{
                                            max-width: 100%;
                                            width: 100% !important;
                                            max-height: 90vh;
                                            border-radius: 10px 10px 0 0;
                                            position: absolute;
                                            bottom: 0;
                                            padding: 20px;
                                            }
                                        




/*
#filtry-res-show{
    display: block;
    margin: 20px auto;
    width: 90px;
    height: 40px;
    line-height: 40px;
position: absolute;
top: -96px;
  right: 0;
   font-size: 15px;
    text-align: center;
color: #fff;
    background: #000 url(../img/filtr.svg) no-repeat 66px;
    padding-right: 20px;
    border-radius: 10px;
    font-size: 13px;
font-weight: 500;
cursor: pointer;
    }

    #filtry-res-show span{
        display: none;
    }


    #filtry-res-show i{
        display: none;
    }




    #FiltrBox{
        width: 100%;
        height: 70px;
        margin: 0 0 20px 0;
        border-top: 1px solid #D5D5D5;
        border-bottom: 1px solid #D5D5D5;
        background: #F2F2F2;
        }
        




    #filtrbox{
        position: fixed;
        background: #fff;
        padding: 0;
        width: 260px;
        z-index: 1001;
        top: 0;
        left: -100%;
        height: 100vh;
        overflow-y: auto; 
        overflow-x: hidden; 
      }


    #filtrbox-back{
        width: 30px;
        height: 30px;
        position: absolute;
        right: 5px;
        top: 5px;
        background: url('../img/close-mini.svg') no-repeat center;
        cursor: pointer;
        display: block;
    }

    #filtrbox-h{
        text-align: center;
        font-size: 15px;
        margin: 0;
        padding: 15px 0;
        font-weight: 500;
        text-transform: uppercase;
        display: block;
        border-bottom: 1px solid #D5D5D5;
    }


    .m-wid{
        min-width: auto;
        border: none;
    }

    .m-wid .filtrbox-inc{
        min-width: auto;
    }
        

    
#filtrbox-inc{
    margin: 0;
}
    
    .filtrng-resp{
        display: block;
        padding: 12px 16px;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #D5D5D5;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        cursor: pointer;
        height: auto;
        margin: 0;
position: relative;
    }
    
    
    
    
    
 
    
    .filtrng-resp > div > i{
        margin-left: 10px;
    }
    


    
  
    
    
    .filtrbox-inc{
        width: auto;
        display: none;
        padding: 5px 0 0 0;
        position: relative;
        background: transparent;
        left: auto;
        top: auto;
        border: none;
        max-height: none;
        overflow: visible;
    }

    .range-s{
        padding-left: 10px;
    }


    
    #filtry-do-r{
        position: relative;
        right: auto;
    display: block;
    text-align: left;
    }

.filtr-bot{
position: relative;
    width: 100%;
    left: auto;
    bottom: auto;
    padding: 0 0 7px 0;
   background: transparent;
}


.filtrkat{
    display: block;
    width: 100%;
    line-height: 1.5;
    font-size: 13px;
    padding: 2px 0;
    position: relative;
    cursor: pointer;
    letter-spacing: normal;
}

.filtrkat_k{
    text-transform: uppercase;
    font-weight: bold;
}

.filtrkat_s{
    padding: 2px 0 2px 10px;
}

.flto{
    font-weight: 700;
    color: #f88461;
}
    
    
    .filtrwrt{
        display: block;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        padding: 2px 0 2px 27px;
        position: relative;
        cursor: pointer;
        letter-spacing: normal;
    }
    
    
    .filtrwrt > span{
        display: block;
        width: 12px;
        height: 12px;
        border: solid 1px #293033;
        position: absolute;
        left: 2px;
        top: 3px;
        line-height: 12px;
        font-size: 9px;
        text-align: center;
        color: #293033;
  
    }

    .sqr{
        display: block;
        width: 12px;
        height: 12px;
        border: solid 1px #293033;
        position: absolute;
        left: 20px;
        top: 15px;
        line-height: 12px;
        font-size: 11px;
        text-align: center;
        color: #293033;
  
    }

    .noc{
        padding-left: 45px;
    }
    
    
    .range-s{
        margin: 40px 0;
        text-align: center;
    }
    

    
    
    .filtr-info{
        padding: 7px 15px;
        border: solid 1px #e0e0e0;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        display: inline-block;
        position: relative;
        margin: 5px;
        }
        
        .filtr-info i{
        margin-left: 10px;
        cursor: pointer;
        }
        
        #filtr-info{
        position: relative;
        padding: 20px 0 10px 0;
        text-align: center;
        }
        
    
    
    
    .wyczysc-filtr,  .wyczysc-cena{
          width: 110px;
        height: 30px;
        text-align: center;
         border: solid 1px #293033;
        line-height: 28px;
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 110px;
        right: auto;
        cursor: pointer;
        text-transform: uppercase;
    
    }
    
    
    .wyczysc-wszystkie{
        width: 150px;
        height: 30px;
        text-align: center;
         border: solid 1px #293033;
        line-height: 28px;
        font-size: 12px;
        margin: 20px 0 0 20px;
        padding: 0;
        cursor: pointer;
        text-transform: uppercase;
        color: #293033;
    }
    
    
    .panel-zamknij{
    width: 100px;
    height: 30px;
    text-align: center;
    color: #fff;
    background: #293033;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    letter-spacing: normal;
    }
    
    
    #sortdiv{
        position: relative;
        width: 100%;
        margin: 20px 0 0 0;
        padding: 20px;
        border-bottom: solid 1px #293033;
        letter-spacing: normal;
    }
    
    #sortng{
        
        font-size: 14px;
        font-weight: 600;
        color: #293033;
        padding: 0;
        letter-spacing: normal;
        cursor: pointer;
    }

    #sortng span{
        display: block;
        font-weight: 400;
        letter-spacing: normal;
    }
    
    #sortng i{
        margin-left: 4px;
    }

    #sortowanie{
        display: none;
    }


    #sortowanie-res{
        display: block;
        position: absolute;
        top: -76px;
        height: 40px;
        border: solid 1px #D5D5D5;
        padding: 0;
        border-radius: 10px;
        background: #fff;
        font-size: 13px;
        font-weight: 500;
        width: calc(100% - 100px);
        max-width: 400px;
    }

    #sortuj-res-show-res{
        display: block;
        position: relative;
line-height: 40px;
 padding-left: 15px;
        font-weight: 500;
        font-size: 13px;
        
           cursor: pointer;
 
position: relative;

    }


    #sortuj-res-show-res span{
display: block;
position: absolute;
right: 15px;
top: 0;
    }

    
    #sortopcje-res{
        position: absolute;
        left: -1px;
        top: 30px;
        width: calc(100% + 2px);
        padding: 10px;
        z-index: 100;
        background: #fff;
        border: solid 1px #D5D5D5;
        border-top: 0;
       display: none;
    }
    
    #sortopcje-res span{
    display: block;
    padding: 4px 0;
    cursor: pointer;
    font-size: 13px;
    
    }
    
    #sortopcje-res span:hover, #sortopcje-res span.slc{
        text-decoration: underline;
        }

        

*/





       

        .Baner-Strefa2{
padding: 50px 0 10px 0;
            height: auto;

            }

            .h-blok{
display: block;
            }
            .h-blok-rev{

                display: block;
            }

            .h-image{
                width: 100%;
                margin-bottom: 40px;
            }


            .h-text-right{
                padding: 0;
                width: 100%;
              }
              
              
              .h-text-left{
                padding: 0;
                width: 100%;
              
              }
            





              #TopBlog #Top{
                border-bottom: 0;
            }



           


            #logo-blog{
                width: 170px;
                height: 137px;
                margin-top: 160px;
                left: -10px;
                background-size: 100% auto;
   
            }

            #logo-blog-h{
                width: 130px;
                height: 100px;
                top: 10px;
                left: -10px;
                background-size: 100% auto;
   
            }


            
            #blog-home-txt .h1{
                font-size: 36px;
                margin: 14px 0 20px 0;
                }
                
                #blog-home-txt p{
                    font-size: 13px;
                }



               
                #blog-kategorie{
                    margin: 40px 0 40px 0;
                } 


                .blog-kat-a{
                    padding: 10px 10px;
                    margin-right: 0;
                }




                .blog-h-left{
                    width: 100%;
                    margin-bottom: 44px
                }
                
                .blog-h-right{
                    width: 100%;
                    display: block;
    
                }


                .blog-wpis-s{
                    width: 100%;

                }
                

                #blog-s-top{

                    margin: 40px 0 80px 0;
                }


                #blog-s-top h1{
                    font-size: 16px;
                margin: 40px 0 20px 0;
                }
                
                #blog-s-top h4{
                    font-size: 34px;
                }



                .blog-s-wpis{
                    margin: 0 0 80px 0;
                }
                
                .blog-s-txt{
                width: 100%;
                margin: 0 0 60px 0;
                }
                
                .blog-s-img{
                    width: 100%;
                    
                    }


                  

                    #blog-main #backto{

                        background: rgba(255, 255, 255, 0.2);
                       
                    }

                    #blog-main #backto i{

                        background: rgba(255, 255, 255, 0.2) url('../img/back-s.svg') no-repeat center;
                        background-size: 6px auto;
                       
                    }






                    .frm-sr{
                        width: 100%;
                    }


                    .krok{

                        font-size: 22px;
              
                    }
                    


                
.tresci{
font-size: 14px;

    }
                

    .h1{
        font-size: 42px;
    }

    .h1h{
        font-size: 26px;
   
    }
    


.h1h{
    margin-bottom: 0;
}




    .user-a{
        height: 42px;
        width: 200px;
        margin-right: 10px;
    font-size: 16px;
    line-height: 42px;
 
    }



    #user-znak{
      
        width: 50px;
        height: 50px;
        line-height: 50px;
       font-size: 16px;
        margin-right: 20px;
    }
    .user-inc{
        margin-right: 40px;
        font-size: 13px;

    }
    
    .user-inc span{
    margin: 0 0 5px 0;
    font-size: 10px;

    }


    #user-inc{

        width: calc(100% - 80px);
    }

    .user-inc{
        margin-bottom: 20px;
    }


    .tablist-ng, .orderth{
        padding: 22px 20px;
        font-size: 22px;
    }
    

    .mobile-h{
        display: none;
    }

    .mobile-s{
        display: block;
    }

    span.mobile-s{
        display: inline-block;
        margin-right: 10px;
    }

    table.zamowienie strong, table.zamowienie b{
        font-size: 13px;
        display: block;
     
 
    }

    .zcena{
        display: block;
        margin-top: 20px;
        font-size: 13px;
    }


    .status{
       position: relative;
        height: 27px;
        line-height: 27px;
        font-size: 9px;
    padding: 0 10px;
top: -20px;
    }


    .orderinc{
        padding: 22px 20px;
        font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    }
    
    .orderflx > div{

        margin-bottom: 40px;
    }

    .mob-inc-n{
        padding: 5px 0;
        width: 50%;
        font-weight: 700;
    }
    .mob-inc{
        padding: 5px 0;
        width: 50%;
        text-align: right;
    }


    .orderflx > div{
        width: 100%;
        margin: 0 0 40px 0;
    }


    .basketng1, .basketng2, .basketng3{
        display: none;
    }
    #basketng{
        padding: 0;
    }

    .flex-basket-opis{
        width: calc(100% - 87px);
        padding-right: 70px;
    }
    .flex-basket-ilosc{
        margin-left: 107px;
    }


    .flex-basket-del{
        position: absolute;
        top: 0;
        right: 0;
    }

    .flex-polecamy-opis{
        width: calc(100% - 87px);
        height: auto;
        display: block;
        padding-bottom: 55px;
 
    }

    .flex-polecamy-cena{
        margin-left: 107px;
        height: auto;
    
  
    }

    .flex-polecamy-kosz{
        width: 150px;
        height: auto;
   

    }

.flex-polecamy-cena-s{
   margin-top: 25px;
    font-size: 26px;
font-weight: 500;
color: #FF6B00;
font-size: 16px;
position: absolute;
bottom: 25px;
left: 117px;
}

#polecamy-add-out{
    position: absolute;
    bottom: 15px;
    right: 20px;
}




.Baner-Strefa a, .Banery a{
    width: 100%;
}


.wyroznione-baner, .wyroznione-baner-main{
    display: block;
 }

 .wyroznione-txt{
width: 100%;
padding: 40px 30px;
 }

 .wyroznione-txt > div{
    max-width: 100%;
}

.wyroznione-img{
    width: 100%;
    display: block;

}

.flex-w{
display: block;

}

.wyroznione-txt h3{
    font-size: 42px;

}

.wyroznione-txt h3 span{
    font-size: 28px;
}

.baner-parallax-txt h2{
    font-size: 48px;
}

.katalog, .design{
    width: 30.5%;
}

.mleft{
    display: none;
}

.marka-b{
    width: 48%;
    height: 88px;
}



.h1praca{
    margin-bottom: 30px !important;
    }
    

    .praca-txt-info{
        padding: 60px 0;
        font-size: 13px;
 
      }



      .praca-txt-info h2{

    font-size: 36px;

      }


      .praca-txt-info .tresci{
        font-size: 13px;
      }



      #moma-licz > div{
        width: 100%;
 margin-bottom: 20px;

    }


    .baner-praca-inc{
        flex-direction: row;
    }

.baner-praca-txt{
    width: 100%;
    

}
.baner-praca-txt h2{
    font-size: 36px;

}

.baner-praca-img{
    width: 100%;
    margin-bottom: 60px;
}

#oferty-pracy{
    margin-top: 30px;
    padding: 30px 15px;

}

.of-p-ile{
    font-size: 14px;
    width: 30px;
}
.of-p-nazwa{
    font-size: 14px;
    width: calc(100% - 30px);
    padding: 0 0 30px 0;
}


.of-p-miejsce{
    width: calc(100% - 80px);
    padding-left: 30px;
}




.of-p-miejsce span{
    background: #F2F2F2;
    padding: 5px 15px;
    font-size: 10px;

}



#moma-wart{
    margin: 60px 0; 
}


#moma-wart > div{
    width: 100%;
    height: auto;
    padding: 30px;
    font-size: 13px;
    }


    .wart-img{
        height: 55px;
    
    }
    
    .wart-img > img{
        height: 55px;
        width: auto;
    }


    #moma-wart h3{

        font-size: 14px;
        margin: 15px 0;
    }


    #moma-wart > div:first-of-type{
        border-right: 0;
    }

    #moma-wart > div:nth-of-type(3){
        border-right: 0;
        border-bottom: solid 1px #D9D9D9;
    }


    .baner-praca-txt .more{
     margin-left: auto;
     margin-right: auto;
        }



        #panel-mini{
max-width: calc(100% - 100px);
}
.panel-mini-inc{
padding: 30px 30px 160px 30px;
}

#panel-mini-bot{
    padding: 20px 30px 60px 20px;

}
    .closepanelm{
        right: 30px;
    }






.BanerWyr{
    display: block;
}

.WyrTxt{
    display: block;
    padding: 40px 20px;
    width: 100%;
}

.WyrImg{
   width: 100%; 
}

.WyrImg img{
    width: 100%;
    height: auto;
}











.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
  box-sizing: border-box;
  width: 100%;
}


.BanerProd{
    max-width: 100%;
}




}



@media only screen and (max-width: 768px) {



        #FiltrBoxRespo{   
            max-width: calc(100% - 40px);
    }



    .flex-box3{
        width: 100%;
        margin-top: 48px;
        padding: 0;
            }
        


#panel-mini{
max-width: calc(100% - 40px);
}
   
  

    #szukaj-kategorie{
        width: 100%;
    }

    .flex-c{
        display: block;
}


.strona-bnr > div{
    width: 100%;
}








.galeria-2{
    width: 100%;
    margin: 8px 0;
}

.galeria-3, .galeria-2l{
    width: 100%;
  margin: 8px 0;
}

.galeria-2r{
    width: 100%;
  margin: 8px 0;
}








#logowanie{
    width: 100%;
    height: 100%;
    display: block;
}


#logowanie-txt{
    width: 100%;
    height: 100%;
    padding: 0 20px;
}



#logowanie-img{
    display: none;
}



#insta a{
 
    width: 49%;
    margin-bottom: 7px;
    font-size: 12px;

}

}


@media only screen and (max-width: 680px) {

    .katalog, .design{
        width: 47.5%;
        font-size: 14px;
    }

     .flex-prod{
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

       .flex-prod-s{
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }




}

@media only screen and (max-width: 540px) {

    .katalog div, .design-img{
        height: 340px;
   
    }

   .stopka-inc{
            width: 100%;
            text-align: center;

        }



        /* FILTRY */
   #FiltrBoxRespo{   
            max-width: 100%;
    }

     #FiltrBoxRespoInc{
                padding: 30px;
            }







.GaleriaTxt{
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}





.Banery{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  box-sizing: border-box;
  width: 100%;
}



.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  box-sizing: border-box;
  width: 100%;
}




}