.modal-content {
width: 100%;
border-radius:25px;
/*border: 1px solid yellow;*/
}
.modal {
text-align:center;
}

.close {
position: absolute;
top: 15px;
right: 15px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}

.modal-body {
padding-left:0;
padding-top:0;

/*border:1px solid red;*/
}

.imgpopup {
    width:600px; height:600px;
    border-radius: 25px;
   }
   
.popups {
	width:600px; height:600px;
}

@Media only screen and (max-width: 590px) 
{
    .imgpopup {
    width:560px; height:560px;
    border-radius: 15px;
   }
   
   .popups {
   	width:560px; height:560px;
}
	.modal {
	text-align:center;
	/*bottom: 0;
	  left: 0;*/
	  margin: auto;
	  /*max-height: 500px;
	  max-width: 600px;
	  min-width: 300px;
	  position: fixed;
	  right: 0;
	  top: 0;*/
}
}

@Media only screen and (max-width: 480px) 
{
    .imgpopup {
    width:340px; height:460px;
    border-radius: 15px;
   }
   
   .popups {
   	width:340px; height:460px;
}
   .modal::before {
    content: "";      
    display: inline-block;
    height: 100%;    
    margin-right: -4px;
    vertical-align: top;
}

.modal-dialog { 
    display: inline-block;  
    text-align: left;   
    vertical-align: top;
}

}