.gallary-list{
    margin: 0 auto;
    width:80%;
    display: flex;
    flex-wrap: wrap;
}

.photo{
    margin:1%;
    width:48%;
}

.photo img{
    width:100%;
    height: 400px;
}

@media screen and (max-width:1200px){
    .photo img{
        height: 300px;
    }
}

@media screen and (max-width:900px){
    .photo img{
        height: 250px;
    }
}

.popup{
    background-color: black;
    width: 100vw;
    height: 100vh;
    position:fixed;
    top: 0;
    left:0;
    z-index:997;
    display: none;
}

.popup-all{
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index:998;
    height:90%;
    width: 60%; 
}

.popup-all img{
    width: 32px;
    height: 32px;
    z-index:999;
    margin: auto;
}



.popup-upper{
    display: flex;
    width: 100%;
    height: 90%;
}

.popup-photo{
    width: 100%;
    height: 100%;
}
    

.popup-photo img{
    width: 100%;
    height: 100%;
}

.popup-number{
    margin: 10px auto;
    height: fit-content;
    padding: 0 5px;
    width:fit-content;
    background-color: white;
    font-size: 30px;
    color:black;
}

@media screen and (max-width:760px){
    .photo{
        margin:2%;
        width:96%;
    }

    .photo img{
        width:100%;
        height: 300px;
    }

    .popup-all{
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index:998;
        width: 100%;
        height: 50%; 
    }

    .popup-inside{
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index:998;
        width: 80%;  
    }
    
    .popup-photo{
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width:550px){
    .photo img{
        height: 250px;
    }
}

    @media screen and (max-width:400px){
    .photo img{
        height: 200px;
    }
}