@charset "UTF-8";
/**
sFrame version: 1
created by "Mohammad Baqer Salimi"

Introduction:
sFrame is used to manage responsiveness.
Usable classes are:
        .only-{size}
        .not-{size}
        .show-device-mode
        .in-{mode}-device-is-{x}-percent-width
*****/
/*ــــــــــــــــــــــــــــــــ
اعوذ بالله من الشیطان الرجیم
***
بسم الله الرحمن الرحیم
***
لایکلف الله نفساً الّا وسعها
***
یمحوا الله ما یشاء و یثبت
ــــــــــــــــــــــــــــــــ*/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/************************
                       /
                     /
If small Device
                  /
               */
@media (min-width: 0px) and (max-width: 479px) {
  /* This Is small Mode */
  /**/
  /**/
  /* This Is small Mode */
  /* Make The Developer Aware Of This👇 */
  .show-device-mode:before {
    content: 'Now The Device Is: "small"';
  }
  /**/
  /**/
  /**/
  /* This Is small Mode */
  /* 🚫Do Not Show These Elements👇 */
  .only-in-medium-device {
    display: none !important;
  }
  .only-in-large-device {
    display: none !important;
  }
  .only-in-xlarge-device {
    display: none !important;
  }
  .not-in-small-device {
    display: none !important;
  }
  /**/
  /**/
  /**/
  /* This Is small Mode */
  /* Make The Width Suitable👇 */
  .in-small-device-is-1-percent-width {
    width: 1% !important;
  }
  .in-small-device-is-2-percent-width {
    width: 2% !important;
  }
  .in-small-device-is-3-percent-width {
    width: 3% !important;
  }
  .in-small-device-is-4-percent-width {
    width: 4% !important;
  }
  .in-small-device-is-5-percent-width {
    width: 5% !important;
  }
  .in-small-device-is-6-percent-width {
    width: 6% !important;
  }
  .in-small-device-is-7-percent-width {
    width: 7% !important;
  }
  .in-small-device-is-8-percent-width {
    width: 8% !important;
  }
  .in-small-device-is-9-percent-width {
    width: 9% !important;
  }
  .in-small-device-is-10-percent-width {
    width: 10% !important;
  }
  .in-small-device-is-11-percent-width {
    width: 11% !important;
  }
  .in-small-device-is-12-percent-width {
    width: 12% !important;
  }
  .in-small-device-is-13-percent-width {
    width: 13% !important;
  }
  .in-small-device-is-14-percent-width {
    width: 14% !important;
  }
  .in-small-device-is-15-percent-width {
    width: 15% !important;
  }
  .in-small-device-is-16-percent-width {
    width: 16% !important;
  }
  .in-small-device-is-17-percent-width {
    width: 17% !important;
  }
  .in-small-device-is-18-percent-width {
    width: 18% !important;
  }
  .in-small-device-is-19-percent-width {
    width: 19% !important;
  }
  .in-small-device-is-20-percent-width {
    width: 20% !important;
  }
  .in-small-device-is-21-percent-width {
    width: 21% !important;
  }
  .in-small-device-is-22-percent-width {
    width: 22% !important;
  }
  .in-small-device-is-23-percent-width {
    width: 23% !important;
  }
  .in-small-device-is-24-percent-width {
    width: 24% !important;
  }
  .in-small-device-is-25-percent-width {
    width: 25% !important;
  }
  .in-small-device-is-26-percent-width {
    width: 26% !important;
  }
  .in-small-device-is-27-percent-width {
    width: 27% !important;
  }
  .in-small-device-is-28-percent-width {
    width: 28% !important;
  }
  .in-small-device-is-29-percent-width {
    width: 29% !important;
  }
  .in-small-device-is-30-percent-width {
    width: 30% !important;
  }
  .in-small-device-is-31-percent-width {
    width: 31% !important;
  }
  .in-small-device-is-32-percent-width {
    width: 32% !important;
  }
  .in-small-device-is-33-percent-width {
    width: 33% !important;
  }
  .in-small-device-is-34-percent-width {
    width: 34% !important;
  }
  .in-small-device-is-35-percent-width {
    width: 35% !important;
  }
  .in-small-device-is-36-percent-width {
    width: 36% !important;
  }
  .in-small-device-is-37-percent-width {
    width: 37% !important;
  }
  .in-small-device-is-38-percent-width {
    width: 38% !important;
  }
  .in-small-device-is-39-percent-width {
    width: 39% !important;
  }
  .in-small-device-is-40-percent-width {
    width: 40% !important;
  }
  .in-small-device-is-41-percent-width {
    width: 41% !important;
  }
  .in-small-device-is-42-percent-width {
    width: 42% !important;
  }
  .in-small-device-is-43-percent-width {
    width: 43% !important;
  }
  .in-small-device-is-44-percent-width {
    width: 44% !important;
  }
  .in-small-device-is-45-percent-width {
    width: 45% !important;
  }
  .in-small-device-is-46-percent-width {
    width: 46% !important;
  }
  .in-small-device-is-47-percent-width {
    width: 47% !important;
  }
  .in-small-device-is-48-percent-width {
    width: 48% !important;
  }
  .in-small-device-is-49-percent-width {
    width: 49% !important;
  }
  .in-small-device-is-50-percent-width {
    width: 50% !important;
  }
  .in-small-device-is-51-percent-width {
    width: 51% !important;
  }
  .in-small-device-is-52-percent-width {
    width: 52% !important;
  }
  .in-small-device-is-53-percent-width {
    width: 53% !important;
  }
  .in-small-device-is-54-percent-width {
    width: 54% !important;
  }
  .in-small-device-is-55-percent-width {
    width: 55% !important;
  }
  .in-small-device-is-56-percent-width {
    width: 56% !important;
  }
  .in-small-device-is-57-percent-width {
    width: 57% !important;
  }
  .in-small-device-is-58-percent-width {
    width: 58% !important;
  }
  .in-small-device-is-59-percent-width {
    width: 59% !important;
  }
  .in-small-device-is-60-percent-width {
    width: 60% !important;
  }
  .in-small-device-is-61-percent-width {
    width: 61% !important;
  }
  .in-small-device-is-62-percent-width {
    width: 62% !important;
  }
  .in-small-device-is-63-percent-width {
    width: 63% !important;
  }
  .in-small-device-is-64-percent-width {
    width: 64% !important;
  }
  .in-small-device-is-65-percent-width {
    width: 65% !important;
  }
  .in-small-device-is-66-percent-width {
    width: 66% !important;
  }
  .in-small-device-is-67-percent-width {
    width: 67% !important;
  }
  .in-small-device-is-68-percent-width {
    width: 68% !important;
  }
  .in-small-device-is-69-percent-width {
    width: 69% !important;
  }
  .in-small-device-is-70-percent-width {
    width: 70% !important;
  }
  .in-small-device-is-71-percent-width {
    width: 71% !important;
  }
  .in-small-device-is-72-percent-width {
    width: 72% !important;
  }
  .in-small-device-is-73-percent-width {
    width: 73% !important;
  }
  .in-small-device-is-74-percent-width {
    width: 74% !important;
  }
  .in-small-device-is-75-percent-width {
    width: 75% !important;
  }
  .in-small-device-is-76-percent-width {
    width: 76% !important;
  }
  .in-small-device-is-77-percent-width {
    width: 77% !important;
  }
  .in-small-device-is-78-percent-width {
    width: 78% !important;
  }
  .in-small-device-is-79-percent-width {
    width: 79% !important;
  }
  .in-small-device-is-80-percent-width {
    width: 80% !important;
  }
  .in-small-device-is-81-percent-width {
    width: 81% !important;
  }
  .in-small-device-is-82-percent-width {
    width: 82% !important;
  }
  .in-small-device-is-83-percent-width {
    width: 83% !important;
  }
  .in-small-device-is-84-percent-width {
    width: 84% !important;
  }
  .in-small-device-is-85-percent-width {
    width: 85% !important;
  }
  .in-small-device-is-86-percent-width {
    width: 86% !important;
  }
  .in-small-device-is-87-percent-width {
    width: 87% !important;
  }
  .in-small-device-is-88-percent-width {
    width: 88% !important;
  }
  .in-small-device-is-89-percent-width {
    width: 89% !important;
  }
  .in-small-device-is-90-percent-width {
    width: 90% !important;
  }
  .in-small-device-is-91-percent-width {
    width: 91% !important;
  }
  .in-small-device-is-92-percent-width {
    width: 92% !important;
  }
  .in-small-device-is-93-percent-width {
    width: 93% !important;
  }
  .in-small-device-is-94-percent-width {
    width: 94% !important;
  }
  .in-small-device-is-95-percent-width {
    width: 95% !important;
  }
  .in-small-device-is-96-percent-width {
    width: 96% !important;
  }
  .in-small-device-is-97-percent-width {
    width: 97% !important;
  }
  .in-small-device-is-98-percent-width {
    width: 98% !important;
  }
  .in-small-device-is-99-percent-width {
    width: 99% !important;
  }
  .in-small-device-is-100-percent-width {
    width: 100% !important;
  }
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/************************
                       /
                     /
If medium Device
                  /
               */
@media (min-width: 480px) and (max-width: 767px) {
  /* This Is medium Mode */
  /**/
  /**/
  /* This Is medium Mode */
  /* Make The Developer Aware Of This👇 */
  .show-device-mode:before {
    content: 'Now The Device Is: "medium"';
  }
  /**/
  /**/
  /**/
  /* This Is medium Mode */
  /* 🚫Do Not Show These Elements👇 */
  .only-in-small-device {
    display: none !important;
  }
  .only-in-large-device {
    display: none !important;
  }
  .only-in-xlarge-device {
    display: none !important;
  }
  .not-in-medium-device {
    display: none !important;
  }
  /**/
  /**/
  /**/
  /* This Is medium Mode */
  /* Make The Width Suitable👇 */
  .in-medium-device-is-1-percent-width {
    width: 1% !important;
  }
  .in-medium-device-is-2-percent-width {
    width: 2% !important;
  }
  .in-medium-device-is-3-percent-width {
    width: 3% !important;
  }
  .in-medium-device-is-4-percent-width {
    width: 4% !important;
  }
  .in-medium-device-is-5-percent-width {
    width: 5% !important;
  }
  .in-medium-device-is-6-percent-width {
    width: 6% !important;
  }
  .in-medium-device-is-7-percent-width {
    width: 7% !important;
  }
  .in-medium-device-is-8-percent-width {
    width: 8% !important;
  }
  .in-medium-device-is-9-percent-width {
    width: 9% !important;
  }
  .in-medium-device-is-10-percent-width {
    width: 10% !important;
  }
  .in-medium-device-is-11-percent-width {
    width: 11% !important;
  }
  .in-medium-device-is-12-percent-width {
    width: 12% !important;
  }
  .in-medium-device-is-13-percent-width {
    width: 13% !important;
  }
  .in-medium-device-is-14-percent-width {
    width: 14% !important;
  }
  .in-medium-device-is-15-percent-width {
    width: 15% !important;
  }
  .in-medium-device-is-16-percent-width {
    width: 16% !important;
  }
  .in-medium-device-is-17-percent-width {
    width: 17% !important;
  }
  .in-medium-device-is-18-percent-width {
    width: 18% !important;
  }
  .in-medium-device-is-19-percent-width {
    width: 19% !important;
  }
  .in-medium-device-is-20-percent-width {
    width: 20% !important;
  }
  .in-medium-device-is-21-percent-width {
    width: 21% !important;
  }
  .in-medium-device-is-22-percent-width {
    width: 22% !important;
  }
  .in-medium-device-is-23-percent-width {
    width: 23% !important;
  }
  .in-medium-device-is-24-percent-width {
    width: 24% !important;
  }
  .in-medium-device-is-25-percent-width {
    width: 25% !important;
  }
  .in-medium-device-is-26-percent-width {
    width: 26% !important;
  }
  .in-medium-device-is-27-percent-width {
    width: 27% !important;
  }
  .in-medium-device-is-28-percent-width {
    width: 28% !important;
  }
  .in-medium-device-is-29-percent-width {
    width: 29% !important;
  }
  .in-medium-device-is-30-percent-width {
    width: 30% !important;
  }
  .in-medium-device-is-31-percent-width {
    width: 31% !important;
  }
  .in-medium-device-is-32-percent-width {
    width: 32% !important;
  }
  .in-medium-device-is-33-percent-width {
    width: 33% !important;
  }
  .in-medium-device-is-34-percent-width {
    width: 34% !important;
  }
  .in-medium-device-is-35-percent-width {
    width: 35% !important;
  }
  .in-medium-device-is-36-percent-width {
    width: 36% !important;
  }
  .in-medium-device-is-37-percent-width {
    width: 37% !important;
  }
  .in-medium-device-is-38-percent-width {
    width: 38% !important;
  }
  .in-medium-device-is-39-percent-width {
    width: 39% !important;
  }
  .in-medium-device-is-40-percent-width {
    width: 40% !important;
  }
  .in-medium-device-is-41-percent-width {
    width: 41% !important;
  }
  .in-medium-device-is-42-percent-width {
    width: 42% !important;
  }
  .in-medium-device-is-43-percent-width {
    width: 43% !important;
  }
  .in-medium-device-is-44-percent-width {
    width: 44% !important;
  }
  .in-medium-device-is-45-percent-width {
    width: 45% !important;
  }
  .in-medium-device-is-46-percent-width {
    width: 46% !important;
  }
  .in-medium-device-is-47-percent-width {
    width: 47% !important;
  }
  .in-medium-device-is-48-percent-width {
    width: 48% !important;
  }
  .in-medium-device-is-49-percent-width {
    width: 49% !important;
  }
  .in-medium-device-is-50-percent-width {
    width: 50% !important;
  }
  .in-medium-device-is-51-percent-width {
    width: 51% !important;
  }
  .in-medium-device-is-52-percent-width {
    width: 52% !important;
  }
  .in-medium-device-is-53-percent-width {
    width: 53% !important;
  }
  .in-medium-device-is-54-percent-width {
    width: 54% !important;
  }
  .in-medium-device-is-55-percent-width {
    width: 55% !important;
  }
  .in-medium-device-is-56-percent-width {
    width: 56% !important;
  }
  .in-medium-device-is-57-percent-width {
    width: 57% !important;
  }
  .in-medium-device-is-58-percent-width {
    width: 58% !important;
  }
  .in-medium-device-is-59-percent-width {
    width: 59% !important;
  }
  .in-medium-device-is-60-percent-width {
    width: 60% !important;
  }
  .in-medium-device-is-61-percent-width {
    width: 61% !important;
  }
  .in-medium-device-is-62-percent-width {
    width: 62% !important;
  }
  .in-medium-device-is-63-percent-width {
    width: 63% !important;
  }
  .in-medium-device-is-64-percent-width {
    width: 64% !important;
  }
  .in-medium-device-is-65-percent-width {
    width: 65% !important;
  }
  .in-medium-device-is-66-percent-width {
    width: 66% !important;
  }
  .in-medium-device-is-67-percent-width {
    width: 67% !important;
  }
  .in-medium-device-is-68-percent-width {
    width: 68% !important;
  }
  .in-medium-device-is-69-percent-width {
    width: 69% !important;
  }
  .in-medium-device-is-70-percent-width {
    width: 70% !important;
  }
  .in-medium-device-is-71-percent-width {
    width: 71% !important;
  }
  .in-medium-device-is-72-percent-width {
    width: 72% !important;
  }
  .in-medium-device-is-73-percent-width {
    width: 73% !important;
  }
  .in-medium-device-is-74-percent-width {
    width: 74% !important;
  }
  .in-medium-device-is-75-percent-width {
    width: 75% !important;
  }
  .in-medium-device-is-76-percent-width {
    width: 76% !important;
  }
  .in-medium-device-is-77-percent-width {
    width: 77% !important;
  }
  .in-medium-device-is-78-percent-width {
    width: 78% !important;
  }
  .in-medium-device-is-79-percent-width {
    width: 79% !important;
  }
  .in-medium-device-is-80-percent-width {
    width: 80% !important;
  }
  .in-medium-device-is-81-percent-width {
    width: 81% !important;
  }
  .in-medium-device-is-82-percent-width {
    width: 82% !important;
  }
  .in-medium-device-is-83-percent-width {
    width: 83% !important;
  }
  .in-medium-device-is-84-percent-width {
    width: 84% !important;
  }
  .in-medium-device-is-85-percent-width {
    width: 85% !important;
  }
  .in-medium-device-is-86-percent-width {
    width: 86% !important;
  }
  .in-medium-device-is-87-percent-width {
    width: 87% !important;
  }
  .in-medium-device-is-88-percent-width {
    width: 88% !important;
  }
  .in-medium-device-is-89-percent-width {
    width: 89% !important;
  }
  .in-medium-device-is-90-percent-width {
    width: 90% !important;
  }
  .in-medium-device-is-91-percent-width {
    width: 91% !important;
  }
  .in-medium-device-is-92-percent-width {
    width: 92% !important;
  }
  .in-medium-device-is-93-percent-width {
    width: 93% !important;
  }
  .in-medium-device-is-94-percent-width {
    width: 94% !important;
  }
  .in-medium-device-is-95-percent-width {
    width: 95% !important;
  }
  .in-medium-device-is-96-percent-width {
    width: 96% !important;
  }
  .in-medium-device-is-97-percent-width {
    width: 97% !important;
  }
  .in-medium-device-is-98-percent-width {
    width: 98% !important;
  }
  .in-medium-device-is-99-percent-width {
    width: 99% !important;
  }
  .in-medium-device-is-100-percent-width {
    width: 100% !important;
  }
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/************************
                       /
                     /
If large Device
                  /
               */
@media (min-width: 768px) and (max-width: 1279px) {
  /* This Is large Mode */
  /**/
  /**/
  /* This Is large Mode */
  /* Make The Developer Aware Of This👇 */
  .show-device-mode:before {
    content: 'Now The Device Is: "large"';
  }
  /**/
  /**/
  /**/
  /* This Is large Mode */
  /* 🚫Do Not Show These Elements👇 */
  .only-in-small-device {
    display: none !important;
  }
  .only-in-medium-device {
    display: none !important;
  }
  .only-in-xlarge-device {
    display: none !important;
  }
  .not-in-large-device {
    display: none !important;
  }
  /**/
  /**/
  /**/
  /* This Is large Mode */
  /* Make The Width Suitable👇 */
  .in-large-device-is-1-percent-width {
    width: 1% !important;
  }
  .in-large-device-is-2-percent-width {
    width: 2% !important;
  }
  .in-large-device-is-3-percent-width {
    width: 3% !important;
  }
  .in-large-device-is-4-percent-width {
    width: 4% !important;
  }
  .in-large-device-is-5-percent-width {
    width: 5% !important;
  }
  .in-large-device-is-6-percent-width {
    width: 6% !important;
  }
  .in-large-device-is-7-percent-width {
    width: 7% !important;
  }
  .in-large-device-is-8-percent-width {
    width: 8% !important;
  }
  .in-large-device-is-9-percent-width {
    width: 9% !important;
  }
  .in-large-device-is-10-percent-width {
    width: 10% !important;
  }
  .in-large-device-is-11-percent-width {
    width: 11% !important;
  }
  .in-large-device-is-12-percent-width {
    width: 12% !important;
  }
  .in-large-device-is-13-percent-width {
    width: 13% !important;
  }
  .in-large-device-is-14-percent-width {
    width: 14% !important;
  }
  .in-large-device-is-15-percent-width {
    width: 15% !important;
  }
  .in-large-device-is-16-percent-width {
    width: 16% !important;
  }
  .in-large-device-is-17-percent-width {
    width: 17% !important;
  }
  .in-large-device-is-18-percent-width {
    width: 18% !important;
  }
  .in-large-device-is-19-percent-width {
    width: 19% !important;
  }
  .in-large-device-is-20-percent-width {
    width: 20% !important;
  }
  .in-large-device-is-21-percent-width {
    width: 21% !important;
  }
  .in-large-device-is-22-percent-width {
    width: 22% !important;
  }
  .in-large-device-is-23-percent-width {
    width: 23% !important;
  }
  .in-large-device-is-24-percent-width {
    width: 24% !important;
  }
  .in-large-device-is-25-percent-width {
    width: 25% !important;
  }
  .in-large-device-is-26-percent-width {
    width: 26% !important;
  }
  .in-large-device-is-27-percent-width {
    width: 27% !important;
  }
  .in-large-device-is-28-percent-width {
    width: 28% !important;
  }
  .in-large-device-is-29-percent-width {
    width: 29% !important;
  }
  .in-large-device-is-30-percent-width {
    width: 30% !important;
  }
  .in-large-device-is-31-percent-width {
    width: 31% !important;
  }
  .in-large-device-is-32-percent-width {
    width: 32% !important;
  }
  .in-large-device-is-33-percent-width {
    width: 33% !important;
  }
  .in-large-device-is-34-percent-width {
    width: 34% !important;
  }
  .in-large-device-is-35-percent-width {
    width: 35% !important;
  }
  .in-large-device-is-36-percent-width {
    width: 36% !important;
  }
  .in-large-device-is-37-percent-width {
    width: 37% !important;
  }
  .in-large-device-is-38-percent-width {
    width: 38% !important;
  }
  .in-large-device-is-39-percent-width {
    width: 39% !important;
  }
  .in-large-device-is-40-percent-width {
    width: 40% !important;
  }
  .in-large-device-is-41-percent-width {
    width: 41% !important;
  }
  .in-large-device-is-42-percent-width {
    width: 42% !important;
  }
  .in-large-device-is-43-percent-width {
    width: 43% !important;
  }
  .in-large-device-is-44-percent-width {
    width: 44% !important;
  }
  .in-large-device-is-45-percent-width {
    width: 45% !important;
  }
  .in-large-device-is-46-percent-width {
    width: 46% !important;
  }
  .in-large-device-is-47-percent-width {
    width: 47% !important;
  }
  .in-large-device-is-48-percent-width {
    width: 48% !important;
  }
  .in-large-device-is-49-percent-width {
    width: 49% !important;
  }
  .in-large-device-is-50-percent-width {
    width: 50% !important;
  }
  .in-large-device-is-51-percent-width {
    width: 51% !important;
  }
  .in-large-device-is-52-percent-width {
    width: 52% !important;
  }
  .in-large-device-is-53-percent-width {
    width: 53% !important;
  }
  .in-large-device-is-54-percent-width {
    width: 54% !important;
  }
  .in-large-device-is-55-percent-width {
    width: 55% !important;
  }
  .in-large-device-is-56-percent-width {
    width: 56% !important;
  }
  .in-large-device-is-57-percent-width {
    width: 57% !important;
  }
  .in-large-device-is-58-percent-width {
    width: 58% !important;
  }
  .in-large-device-is-59-percent-width {
    width: 59% !important;
  }
  .in-large-device-is-60-percent-width {
    width: 60% !important;
  }
  .in-large-device-is-61-percent-width {
    width: 61% !important;
  }
  .in-large-device-is-62-percent-width {
    width: 62% !important;
  }
  .in-large-device-is-63-percent-width {
    width: 63% !important;
  }
  .in-large-device-is-64-percent-width {
    width: 64% !important;
  }
  .in-large-device-is-65-percent-width {
    width: 65% !important;
  }
  .in-large-device-is-66-percent-width {
    width: 66% !important;
  }
  .in-large-device-is-67-percent-width {
    width: 67% !important;
  }
  .in-large-device-is-68-percent-width {
    width: 68% !important;
  }
  .in-large-device-is-69-percent-width {
    width: 69% !important;
  }
  .in-large-device-is-70-percent-width {
    width: 70% !important;
  }
  .in-large-device-is-71-percent-width {
    width: 71% !important;
  }
  .in-large-device-is-72-percent-width {
    width: 72% !important;
  }
  .in-large-device-is-73-percent-width {
    width: 73% !important;
  }
  .in-large-device-is-74-percent-width {
    width: 74% !important;
  }
  .in-large-device-is-75-percent-width {
    width: 75% !important;
  }
  .in-large-device-is-76-percent-width {
    width: 76% !important;
  }
  .in-large-device-is-77-percent-width {
    width: 77% !important;
  }
  .in-large-device-is-78-percent-width {
    width: 78% !important;
  }
  .in-large-device-is-79-percent-width {
    width: 79% !important;
  }
  .in-large-device-is-80-percent-width {
    width: 80% !important;
  }
  .in-large-device-is-81-percent-width {
    width: 81% !important;
  }
  .in-large-device-is-82-percent-width {
    width: 82% !important;
  }
  .in-large-device-is-83-percent-width {
    width: 83% !important;
  }
  .in-large-device-is-84-percent-width {
    width: 84% !important;
  }
  .in-large-device-is-85-percent-width {
    width: 85% !important;
  }
  .in-large-device-is-86-percent-width {
    width: 86% !important;
  }
  .in-large-device-is-87-percent-width {
    width: 87% !important;
  }
  .in-large-device-is-88-percent-width {
    width: 88% !important;
  }
  .in-large-device-is-89-percent-width {
    width: 89% !important;
  }
  .in-large-device-is-90-percent-width {
    width: 90% !important;
  }
  .in-large-device-is-91-percent-width {
    width: 91% !important;
  }
  .in-large-device-is-92-percent-width {
    width: 92% !important;
  }
  .in-large-device-is-93-percent-width {
    width: 93% !important;
  }
  .in-large-device-is-94-percent-width {
    width: 94% !important;
  }
  .in-large-device-is-95-percent-width {
    width: 95% !important;
  }
  .in-large-device-is-96-percent-width {
    width: 96% !important;
  }
  .in-large-device-is-97-percent-width {
    width: 97% !important;
  }
  .in-large-device-is-98-percent-width {
    width: 98% !important;
  }
  .in-large-device-is-99-percent-width {
    width: 99% !important;
  }
  .in-large-device-is-100-percent-width {
    width: 100% !important;
  }
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/************************
                       /
                     /
If xlarge Device
                  /
               */
@media (min-width: 1280px) {
  /* This Is xlarge Mode */
  /**/
  /**/
  /* This Is xlarge Mode */
  /* Make The Developer Aware Of This👇 */
  .show-device-mode:before {
    content: 'Now The Device Is: "xlarge"';
  }
  /**/
  /**/
  /**/
  /* This Is xlarge Mode */
  /* 🚫Do Not Show These Elements👇 */
  .only-in-small-device {
    display: none !important;
  }
  .only-in-medium-device {
    display: none !important;
  }
  .only-in-large-device {
    display: none !important;
  }
  .not-in-xlarge-device {
    display: none !important;
  }
  /**/
  /**/
  /**/
  /* This Is xlarge Mode */
  /* Make The Width Suitable👇 */
  .in-xlarge-device-is-1-percent-width {
    width: 1% !important;
  }
  .in-xlarge-device-is-2-percent-width {
    width: 2% !important;
  }
  .in-xlarge-device-is-3-percent-width {
    width: 3% !important;
  }
  .in-xlarge-device-is-4-percent-width {
    width: 4% !important;
  }
  .in-xlarge-device-is-5-percent-width {
    width: 5% !important;
  }
  .in-xlarge-device-is-6-percent-width {
    width: 6% !important;
  }
  .in-xlarge-device-is-7-percent-width {
    width: 7% !important;
  }
  .in-xlarge-device-is-8-percent-width {
    width: 8% !important;
  }
  .in-xlarge-device-is-9-percent-width {
    width: 9% !important;
  }
  .in-xlarge-device-is-10-percent-width {
    width: 10% !important;
  }
  .in-xlarge-device-is-11-percent-width {
    width: 11% !important;
  }
  .in-xlarge-device-is-12-percent-width {
    width: 12% !important;
  }
  .in-xlarge-device-is-13-percent-width {
    width: 13% !important;
  }
  .in-xlarge-device-is-14-percent-width {
    width: 14% !important;
  }
  .in-xlarge-device-is-15-percent-width {
    width: 15% !important;
  }
  .in-xlarge-device-is-16-percent-width {
    width: 16% !important;
  }
  .in-xlarge-device-is-17-percent-width {
    width: 17% !important;
  }
  .in-xlarge-device-is-18-percent-width {
    width: 18% !important;
  }
  .in-xlarge-device-is-19-percent-width {
    width: 19% !important;
  }
  .in-xlarge-device-is-20-percent-width {
    width: 20% !important;
  }
  .in-xlarge-device-is-21-percent-width {
    width: 21% !important;
  }
  .in-xlarge-device-is-22-percent-width {
    width: 22% !important;
  }
  .in-xlarge-device-is-23-percent-width {
    width: 23% !important;
  }
  .in-xlarge-device-is-24-percent-width {
    width: 24% !important;
  }
  .in-xlarge-device-is-25-percent-width {
    width: 25% !important;
  }
  .in-xlarge-device-is-26-percent-width {
    width: 26% !important;
  }
  .in-xlarge-device-is-27-percent-width {
    width: 27% !important;
  }
  .in-xlarge-device-is-28-percent-width {
    width: 28% !important;
  }
  .in-xlarge-device-is-29-percent-width {
    width: 29% !important;
  }
  .in-xlarge-device-is-30-percent-width {
    width: 30% !important;
  }
  .in-xlarge-device-is-31-percent-width {
    width: 31% !important;
  }
  .in-xlarge-device-is-32-percent-width {
    width: 32% !important;
  }
  .in-xlarge-device-is-33-percent-width {
    width: 33% !important;
  }
  .in-xlarge-device-is-34-percent-width {
    width: 34% !important;
  }
  .in-xlarge-device-is-35-percent-width {
    width: 35% !important;
  }
  .in-xlarge-device-is-36-percent-width {
    width: 36% !important;
  }
  .in-xlarge-device-is-37-percent-width {
    width: 37% !important;
  }
  .in-xlarge-device-is-38-percent-width {
    width: 38% !important;
  }
  .in-xlarge-device-is-39-percent-width {
    width: 39% !important;
  }
  .in-xlarge-device-is-40-percent-width {
    width: 40% !important;
  }
  .in-xlarge-device-is-41-percent-width {
    width: 41% !important;
  }
  .in-xlarge-device-is-42-percent-width {
    width: 42% !important;
  }
  .in-xlarge-device-is-43-percent-width {
    width: 43% !important;
  }
  .in-xlarge-device-is-44-percent-width {
    width: 44% !important;
  }
  .in-xlarge-device-is-45-percent-width {
    width: 45% !important;
  }
  .in-xlarge-device-is-46-percent-width {
    width: 46% !important;
  }
  .in-xlarge-device-is-47-percent-width {
    width: 47% !important;
  }
  .in-xlarge-device-is-48-percent-width {
    width: 48% !important;
  }
  .in-xlarge-device-is-49-percent-width {
    width: 49% !important;
  }
  .in-xlarge-device-is-50-percent-width {
    width: 50% !important;
  }
  .in-xlarge-device-is-51-percent-width {
    width: 51% !important;
  }
  .in-xlarge-device-is-52-percent-width {
    width: 52% !important;
  }
  .in-xlarge-device-is-53-percent-width {
    width: 53% !important;
  }
  .in-xlarge-device-is-54-percent-width {
    width: 54% !important;
  }
  .in-xlarge-device-is-55-percent-width {
    width: 55% !important;
  }
  .in-xlarge-device-is-56-percent-width {
    width: 56% !important;
  }
  .in-xlarge-device-is-57-percent-width {
    width: 57% !important;
  }
  .in-xlarge-device-is-58-percent-width {
    width: 58% !important;
  }
  .in-xlarge-device-is-59-percent-width {
    width: 59% !important;
  }
  .in-xlarge-device-is-60-percent-width {
    width: 60% !important;
  }
  .in-xlarge-device-is-61-percent-width {
    width: 61% !important;
  }
  .in-xlarge-device-is-62-percent-width {
    width: 62% !important;
  }
  .in-xlarge-device-is-63-percent-width {
    width: 63% !important;
  }
  .in-xlarge-device-is-64-percent-width {
    width: 64% !important;
  }
  .in-xlarge-device-is-65-percent-width {
    width: 65% !important;
  }
  .in-xlarge-device-is-66-percent-width {
    width: 66% !important;
  }
  .in-xlarge-device-is-67-percent-width {
    width: 67% !important;
  }
  .in-xlarge-device-is-68-percent-width {
    width: 68% !important;
  }
  .in-xlarge-device-is-69-percent-width {
    width: 69% !important;
  }
  .in-xlarge-device-is-70-percent-width {
    width: 70% !important;
  }
  .in-xlarge-device-is-71-percent-width {
    width: 71% !important;
  }
  .in-xlarge-device-is-72-percent-width {
    width: 72% !important;
  }
  .in-xlarge-device-is-73-percent-width {
    width: 73% !important;
  }
  .in-xlarge-device-is-74-percent-width {
    width: 74% !important;
  }
  .in-xlarge-device-is-75-percent-width {
    width: 75% !important;
  }
  .in-xlarge-device-is-76-percent-width {
    width: 76% !important;
  }
  .in-xlarge-device-is-77-percent-width {
    width: 77% !important;
  }
  .in-xlarge-device-is-78-percent-width {
    width: 78% !important;
  }
  .in-xlarge-device-is-79-percent-width {
    width: 79% !important;
  }
  .in-xlarge-device-is-80-percent-width {
    width: 80% !important;
  }
  .in-xlarge-device-is-81-percent-width {
    width: 81% !important;
  }
  .in-xlarge-device-is-82-percent-width {
    width: 82% !important;
  }
  .in-xlarge-device-is-83-percent-width {
    width: 83% !important;
  }
  .in-xlarge-device-is-84-percent-width {
    width: 84% !important;
  }
  .in-xlarge-device-is-85-percent-width {
    width: 85% !important;
  }
  .in-xlarge-device-is-86-percent-width {
    width: 86% !important;
  }
  .in-xlarge-device-is-87-percent-width {
    width: 87% !important;
  }
  .in-xlarge-device-is-88-percent-width {
    width: 88% !important;
  }
  .in-xlarge-device-is-89-percent-width {
    width: 89% !important;
  }
  .in-xlarge-device-is-90-percent-width {
    width: 90% !important;
  }
  .in-xlarge-device-is-91-percent-width {
    width: 91% !important;
  }
  .in-xlarge-device-is-92-percent-width {
    width: 92% !important;
  }
  .in-xlarge-device-is-93-percent-width {
    width: 93% !important;
  }
  .in-xlarge-device-is-94-percent-width {
    width: 94% !important;
  }
  .in-xlarge-device-is-95-percent-width {
    width: 95% !important;
  }
  .in-xlarge-device-is-96-percent-width {
    width: 96% !important;
  }
  .in-xlarge-device-is-97-percent-width {
    width: 97% !important;
  }
  .in-xlarge-device-is-98-percent-width {
    width: 98% !important;
  }
  .in-xlarge-device-is-99-percent-width {
    width: 99% !important;
  }
  .in-xlarge-device-is-100-percent-width {
    width: 100% !important;
  }
}
/* بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِیم */
/* وَالْعَصْرِ */
/* إِنَّ الإنْسَانَ لَفِی خُسْرٍ */
/* إِلا الَّذِینَ آمَنُوا وَعَمِلُوا الصَّالِحَاتِ وَتَوَاصَوْا بِالْحَقِّ وَتَوَاصَوْا بِالصَّبْرِ */

/*# sourceMappingURL=sFrame.css.map */