.dpw-loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.dpw-loader-wrapper img {
    width: 150px;
    height: 150px;
}

.dpw-error {
    color: #d9534f;
    padding: 15px;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    text-align: center;
}

/* 
  **جدید:** استایل‌های ریسپانسیو 
  این نقاط شکست (breakpoints) رایج هستند. می‌توانید آن‌ها را تغییر دهید.
*/

/* موبایل (کمتر از 768px) */
@media (max-width: 767.98px) {
    .dpw-hide-on-mobile {
        display: none !important;
    }
}

/* تبلت (بین 768px و 992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .dpw-hide-on-tablet {
        display: none !important;
    }
}

/* دسکتاپ (بزرگتر از 992px) */
@media (min-width: 992px) {
    .dpw-hide-on-desktop {
        display: none !important;
    }
}