.offer-img{
 max-width: 440px;
}
.modal-content{
 width: 930px;
 right: 44%;
 top: 30px;
}
@media (min-width: 320px) and (max-width: 480px) {
 .offer-img{
  display: none;
 }
 .modal-content{
  width: 357px;
  right: 0px;
 }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 .modal-content{
  width: 703px;
  right: 24%;
 }
 .offer-img{
  max-width: 300px;
 }
}