@media screen and (max-width: 319px) {
    div.iden img {
    width: 389px;
    height: 257px;
    right: -0.5rem;
}

}

@media screen and (min-width: 320px) {
    div.iden img {
        width: 389px;
        height: 257px;
        right: -1.5rem;
    }
}

@media screen and (min-width: 480px) {
    div.iden img {
        width: 389px;
        height: 257px;
        right: -2.5rem;
    }
}

@media screen and (min-width: 640px) {
    div.iden img {
        width: 454px;
        height: 300px;
    }
}

@media screen and (min-width: 800px) {
    div.iden img {
        width: 500px;
        height: 330px;
        right: 0.5rem;
    }
}

@media screen and (min-width: 960px) {
    div.iden img {
        width: 500px;
        height: 330px;
        right: 0.5rem;
    }
}

@media screen and (min-width: 1120px) {
    div.iden img {
        width: 500px;
        height: 330px;
        right: -1.5rem;
    }
}



@media screen and (max-width: 480px) {
   .modal-content{
       padding : 20px !important;
    }
}