@media (max-width: 1680px) {
    .hero_banner {
        min-height: 400px !important;
        height: 600px !important;
    }

    
}


@media (max-width: 1280px) {
    .hero_banner {
        min-height: 400px !important;
        height: 600px !important;
    }

   

   
}


@media (max-width: 1024px) {
    .hero_banner {
        min-height: 400px !important;
        height: 600px !important;
    }

   
}

@media (max-width: 768px) {
  

   

    .banner-text-title {
        position: absolute;
        top: 10% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 25px !important;
        margin-right: 10px !important;
    }


    .banner-text-subtitle {
        position: absolute;
        top: 30% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 20px !important;
        margin-right: 10px !important;
    }

    .banner-text {
        position: absolute;
        top: 60% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 15px !important;
        margin-right: 10px !important;
    }

    .banner-text-icon {
        position: absolute;
        top: 60% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 15px !important;
        margin-right: 10px !important;
    }

        .banner-text-icon a {
            color: #ffffff !important;
        }


    .crs_grid_list_Custom table {
        display: block;
        width: 100%;
        overflow-x: auto; /* فعال‌سازی اسکرول افقی */
        white-space: nowrap; /* جلوگیری از شکست خطوط در جدول */
    }

    .crs_grid_list_Custom td, .crs_grid_list_Custom th {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .crs_grid_list_Custom img {
        width: 100%; /* تنظیم اندازه تصویر برای دستگاه‌های کوچک */
        height: auto;
    }

   
}



@media (max-width: 600px) {


    .banner-text-title {
        position: absolute;
        top: 10% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 25px !important;
        margin-right: 10px !important;
    }


    .banner-text-subtitle {
        position: absolute;
        top: 20% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 15px !important;
        margin-right: 10px !important;
    }

    .banner-text {
        position: absolute;
        top: 50% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 10px !important;
        margin-right: 10px !important;
    }


    .banner-text-icon {
        position: absolute;
        top: 70% !important; /* تنظیم از بالا */
        transform: translate(-50%, -50%); /* برای وسط‌چین کردن کامل متن */
        color: white; /* رنگ متن سفید */
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* زمینه نیمه شفاف برای خوانا کردن متن */
        padding: 0px 5px 0px 5px; /* فاصله داخلی (padding) برای متن */
        border-radius: 10px; /* گوشه‌های گرد برای زمینه */
        width: 80% !important; /* عرض تنظیم‌شده برای متن */
        text-align: justify !important;
        font-size: 10px !important;
        margin-right: 10px !important;
    }

    .lmp_caption {
        width: 100% !important; /* عرض تنظیم‌شده برای متن */
    }

        .lmp_caption h6 {
            font-size: 10px !important;
        }

    .banner-text-icon a {
        color: #ffffff !important;
    }


}


@media (max-width: 320px) {
}