@media screen and (max-width: 1600px){
    .content_popup{
        width: 400px;
        height: 70%;
    }
}
@media screen and (max-width: 1190px){
    .img {
        height: 200px;
    }
    .content {
        height: calc(100% - 175px);
    }
}

@media screen and (max-width: 1100px){
    .content_popup {
        width: 400px;
        height: 50%;
    }
}

@media screen and (max-width: 768px){
    .content_popup{
        width: 400px;
        height: 50%;
    }

    .content {
        height: calc(100% - 175px);
    }
}

@media screen and (max-width: 500px){
    .content_popup{
        width: 90%;
        height: 70%;
    }

    .img{
        height: 240px;
    }

    .content{
        height: calc(100% - 215px);
    }
}

@media screen and (width: 1280px){
    .content_popup{
        width: 300px;
        height: 70%;
    }

    .img{
        height: 200px;
    }

    .content{
        height: calc(100% - 215px);
    }
}

@media screen and (width: 1024px){
    .content_popup {
        width: 500px;
        height: 50%;
    }

    .img {
        height: 300px;
    }
    .content {
        height: calc(100% - 315px);
    }
}

@media screen and (width: 960px){
    .content_popup {
        width: 300px;
        height: 90%;
    }

    .img{
        height: 180px;
    }

    .content{
        height: calc(100% - 195px);
    }
}