@media (max-width: 700px){
    .popup{

    }
    .popup_con{
        display: flex;
        position: relative;
        height: 95%;
        width: 94%;
        flex-direction: column;
        
    }
    
    .opis {
        margin-top: 10px;
        font-size: 1.2em;
        color: #333;
        text-align: center;
        display: table-column;
        width: 100%;
        height: calc(100% - 20px);
    }
    
    .desc{height: 20vh;}
    
    .popup_title {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 10px;
        color: #333;
    }
    .popup_description{
        text-align: center;
        display: flex;
        justify-content: center;
        white-space: pre-line;
        font-size: 3vw; 
    }
    
    .popup_image{
        width: 100%;
        display: flex;
        height: calc(100% - 20px);
        min-width: 300px;
        min-height: 200px;
        margin: 10px;
        overflow: hidden;
        transition: 0.5s;
        justify-content: center;
        object-fit: contain;
    }
    
    
    .hidden {display: none;}
    
    .popup_close{
        position: absolute;
        font-size: 2em;
        cursor: pointer;
        top: 10px;
        right: 10px;
        z-index: 10;
    }
    
    .arrows {
        display: flex;
        justify-content: space-between;
        margin-top: 20vw;
    }
    
    .a_left, .a_right{
        cursor: pointer;
        user-select: none;
        top: 50%;
        left: 50%;
    }
    

    .tymczasow{
        display: flex;
        justify-content: center;
        width: 100%;
        height: 550px;
    }
    .tymczasow1{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 90%;
        object-fit: contain;
        flex-wrap: wrap;
        position: relative;
    }

    .tym_l{
        font-size: 1.2em;
        color: #333;
        text-align: center;
        display: table-column;
        width: 100%;
        height: 30%;
        margin-bottom: 20px;
    }
    .tym_r{
        width: 100%;
        height: 60%;
        display: flex;
        justify-content: center;
        object-fit: contain;
        overflow: hidden;
    }.tym_r img{width: 80%;}
}


@media (max-width: 400px){
    .popup_description{font-size: 6vw;}
    .popup_title {
        font-size: 1.1em;

    }
}