/* Базовые стили - применяются только на экранах 479px и больше */
@media only screen and (min-width: 479px) {
  .pop-up-wrapper-nav, 
  .pop-up-wrapper-general_modal,
  .pop-up-wrapper-new-yacht-modal,
  .pop-up-wrapper-new-yacht,
  .pop-up-wrapper-listing-charter,
  .pop-up-wrapper-listing-sale,
  .pop-up-wrapper-sell,
  .pop-up-wrapper-listings_modal-sale,
  .pop-up-wrapper-listings_modal,
  .pop-up-wrapper-yacht-charter {
    padding-left: 15px;
  }

  /* Стили для больших экранов с высоким DPI */
  @media only screen and (min-width: 992px) and (min-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (hover: hover) {
    .pop-up-wrapper-nav, 
    .pop-up-wrapper-general_modal, 
    .pop-up-wrapper-new-yacht,
    .pop-up-wrapper-listing-charter,
    .pop-up-wrapper-listing-sale,
    .pop-up-wrapper-sell,
    .pop-up-wrapper-listings_modal-sale,
    .pop-up-wrapper-listings_modal,
    .pop-up-wrapper-yacht-charter {
      padding-left: 0 !important;
    }
  }
}

/* Явное обнуление для экранов меньше 479px */
@media only screen and (max-width: 478px) {
  .pop-up-wrapper-nav, 
  .pop-up-wrapper-general_modal, 
  .pop-up-wrapper-new-yacht,
  .pop-up-wrapper-listing-charter,
  .pop-up-wrapper-listing-sale,
  .pop-up-wrapper-sell,
  .pop-up-wrapper-listings_modal-sale,
  .pop-up-wrapper-listings_modal,
  .pop-up-wrapper-yacht-charter {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0 !important;
  }
}
