* {
    box-sizing: border-box;
  }
@media (width>=1279px){
    
    
    .containerCard{
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: auto auto;
        

    }
    
    .kategoriaContainer{
       
        /* flex: 50%; */
        margin:10px;
        
        overflow:visible;
        width: clamp(300px, 50%, 500px);
        min-width:500px;
        height:400px;
        padding:20px 20px 20px 20px;
        border:0px solid rgb(39, 77, 100);
    }
    
    .kategoriaTytul{
        font-size: 1.2rem;
        color:rgb(39, 77, 100);
        padding-left:25%;
        padding-bottom:20px;
        text-transform:uppercase;
        text-align: center;
        padding: 10px;
        
        width:350px;
        height:400px;
        border:1px solid rgb(39, 77, 100);
    }
    
    
    .kategoriaZdjecie{
        height:300px;
        
        bottom:0px;
        border:0px solid black;
    }
        img.zdjecieImg {
            max-height:300px;
            width:auto;
            text-align: center;
        }

    .kategoriaStrzalkaWiecej{
        padding-left:80%;
        padding-top:20px;
        
        cursor:pointer;
        border:0px solid black;
    }


    .kategoriaDoProduktow{
    position:relative;
    top:-350px;
    left:250px;
    
    background-color: #FFFFFF;
        
    width:250px;
    min-height:50px;
    height:auto;
    padding:10px;
    
    
    

    border:1px solid rgb(39, 77, 100);
    }

    .kategorialinkProdukt{
        width:200px;
        color:rgb(39,77,100);        
        padding:5px 5px 5px 5px;
        border:0px solid black;
        margin: 0 auto;
        
    }   
        img.strzalkaPodkatWiecej{
            width:30px;
            height: auto;
            margin-top:10px;
            float:right;
            
        }
}

@media (width<=1279px){
    .containerCard{
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: auto auto;
        
    }
    .kategoriaContainer{
       
        /* flex: 50%; */
        margin:10px;
        
        overflow:visible;
        
        width: clamp(100px, 50%, 250px);
        height:400px;
        padding:20px 20px 20px 20px;
        border:0px solid rgb(39, 77, 100);
    }
    
    .kategoriaTytul{
        font-size: 0.8 rem;
        color:rgb(39, 77, 100);
        padding-left:25%;
        padding-bottom:20px;
        text-transform:uppercase;
        text-align: center;
        padding: 10px;
        width: clamp(250px, 50%, 300px);
        
        height:400px;
        border:1px solid rgb(39, 77, 100);
    }
    
    
    .kategoriaZdjecie{
        height:300px;
        
        bottom:0px;
        border:0px solid black;
    }
        img.zdjecieImg {
            max-height:300px;
            width:auto;
            text-align: center;
        }

    .kategoriaStrzalkaWiecej{
        padding-left:80%;
        padding-top:20px;
        
        cursor:pointer;
        border:0px solid black;
    }


    .kategoriaDoProduktow{
    position:relative;
    top:-350px;
    left:120%;
    
    background-color: #FFFFFF;
        
    width: 200px;
    min-height:50px;
    height:auto;
    padding:10px;
    
    
    

    border:1px solid rgb(39, 77, 100);
    }

    .kategorialinkProdukt{
        width:200px;
        color:rgb(39,77,100);        
        padding:5px 5px 5px 5px;
        border:0px solid black;
        margin: 0 auto;
        font-size:1rem;
        
    }   
        img.strzalkaPodkatWiecej{
            display:none;
            
        }
    }
@media (width<=800px){
    .containerCard{
        display: grid;
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: auto;
    }
    .kategoriaContainer{
       
        /* flex: 50%; */
        margin:10px;
        
        overflow:visible;
        
        width: clamp(100px, 50%, 250px);
        height:400px;
        padding:20px 20px 20px 20px;
        border:0px solid rgb(39, 77, 100);
    }
    
    .kategoriaTytul{
        font-size: 0.8 rem;
        color:rgb(39, 77, 100);
        padding-left:25%;
        padding-bottom:20px;
        text-transform:uppercase;
        text-align: center;
        padding: 10px;
        width: clamp(250px, 50%, 300px);
        
        height:400px;
        border:1px solid rgb(39, 77, 100);
    }
    
    
    .kategoriaZdjecie{
        height:300px;
        
        bottom:0px;
        border:0px solid black;
    }
        img.zdjecieImg {
            max-height:300px;
            width:auto;
            text-align: center;
        }

    .kategoriaStrzalkaWiecej{
        padding-left:80%;
        padding-top:20px;
        
        cursor:pointer;
        border:0px solid black;
    }


    .kategoriaDoProduktow{
   display:none;
    }

    .kategorialinkProdukt{
        display:none;
        
    }   
        img.strzalkaPodkatWiecej{
            display:none;
            
        }
}