/*
 * قوانین ریسپانسیو قالب سافت سرا.
 * نقاط شکست 995 / 800 / 480 پیش‌فرض‌اند؛ اگر در «سفارشی‌سازی › تنظیمات سافت سرا» تغییر کنند،
 * نسخه‌ای از همین فایل با مقادیر جدید در wp-content/uploads/softsara ساخته و به جای آن بارگذاری می‌شود.
 * این اعداد را در @media ها دستی تغییر ندهید؛ از سفارشی‌سازی استفاده کنید.
 */

/* ==========================================================================
   تبلت و کوچک‌تر — مقدار پیش‌فرض ۹۹۵ پیکسل («نقطه شکست تبلت» در سفارشی‌سازی)
   ========================================================================== */
@media (max-width: 800px) {
  #body-content {
    padding-left: 1px;
    padding-right: 1px;
  }

  .wrapper {
    width: calc(100% - 30px);
    max-width: none;
  }

  .wrapper-content {
    width: 100%;
    margin: 0 auto;
    float: none !important;
  }

  .wrapper-sidbar {
    width: 275px !important;
    margin: 0 auto;
    float: none !important;
  }

  #tab-container #main_tabber .tabbs li:nth-child(7) {
    display: none;
  }

  .box-shadow footer .border {
    margin-left: 8px;
    margin-right: 8px;
  }
}

/* ==========================================================================
   موبایل و کوچک‌تر — مقدار پیش‌فرض ۸۰۰ پیکسل («نقطه شکست موبایل»)
   ========================================================================== */
@media (max-width: 700px) {
  header #s-left-header {
    padding-right: 0 !important;
    width: 50%;
  }

  header #s-left-header {
    display: none;
  }

  header #s-right-header {
    padding-right: 0 !important;
    width: 50%;
  }

  header #s-right-header {
    width: 100%;
    position: relative;
    float: none;
  }

  header #s-right-header #ticker {
    display: none !important;
  }

  .menu_mobile {
    display: inline-block !important;
  }

  .menu_desktop {
    display: none !important;
  }

  #tab-container #main_tabber .tabbs li:nth-child(3) {
    display: none;
  }

  #tab-container #main_tabber .tabbs li:nth-child(5) {
    display: none;
  }

  #tab-container #main_tabber .tabbs li:nth-child(6) {
    display: none;
  }

  #main-content article.single-post img {
    text-align: center;
    display: unset;
  }

  #main-content article.single-post header h1,
  #main-content article.post header h2 {
    max-width: 70%;
    font: 16px "arial";
  }

  #main-content article.single-post header h1 a,
  #main-content header h2 a {
    font: normal 16px "arial";
  }

  #main-content article.single-post .single-tittle {
    text-align: center;
  }

  #main-content article.single-post #postcontent .post-content .detail .cat-btn .cat {
    width: 100% !important;
  }

  #main-content article.single-post #postcontent .post-content .img-post {
    width: 100% !important;
    text-align: center;
  }

  #main-content article.single-post #postcontent .post-content .img-post .overlay {
    width: 100% !important;
    text-align: center;
  }

  #main-content article.single-post #postcontent .post-content .meta {
    width: 100% !important;
  }

  #main-content article.single-post #single-footer .helpbox {
    width: 50%;
  }

  #main-content .post .post-content .detail .cat-btn .cat {
    width: 100% !important;
  }

  #main-content .post .post-content .img-post {
    width: 100% !important;
    text-align: center;
  }

  #main-content .post .post-content .img-post .overlay {
    width: 100% !important;
    text-align: center;
  }

  #main-content .post .post-content .meta {
    width: 100% !important;
  }

  #main-content .post .tittle {
    text-align: center;
    font-size: 12px;
  }

  .p_n_s {
    display: none;
  }

  #page-number #number-block {
    height: 47px;
  }

  .box-shadow footer .border .content section {
    width: 100% !important;
  }

  .box-shadow footer #meta-footer {
    background: none !important;
  }

  .box-shadow footer #meta-footer #copyright {
    padding-right: 5px !important;
  }

  .box-shadow footer #meta-footer #copyright p {
    display: none !important;
  }

  .adspace {
    width: 100%;
  }
}

/* ==========================================================================
   موبایل کوچک — مقدار پیش‌فرض ۴۸۰ پیکسل («نقطه شکست موبایل کوچک»)
   ========================================================================== */
@media (max-width: 480px) {
  .ubermenu .ubermenu-submenu.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-right_edge_item {
    left: 0;
  }

  #tab-container #main_tabber .tab_container {
    min-height: 718px;
  }

  #tab-container #main_tabber .tab_container .tab_content .left-column,
  #tab-container #main_tabber .tab_container .tab_content .right-column {
    width: 100% !important;
  }

  #tab-container #main_tabber .tabbs li:nth-child(2) {
    display: none;
  }

  #tab-container #main_tabber .tabbs li:nth-child(4),
  #tab-container #main_tabber .tabbs li:nth-child(8) {
    display: none;
  }

  #main-content article.single-post header h1,
  #main-content article.post header h2 {
    max-width: 60%;
    font: 15px "arial";
  }

  #main-content article.single-post header h1 a,
  #main-content header h2 a {
    font: normal 15px "arial";
  }

  #main-content article.single-post #sharebutton p {
    float: unset;
    display: inline-block;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
  }

  #main-content article.single-post #sharebutton ul#sharingbuts {
    float: unset;
    display: inline-block;
  }

  #main-content article.single-post #article-tabber #main-ar-tabber ul li {
    height: 60px;
    width: 111px;
  }

  #main-content article.single-post #single-footer .helpbox {
    width: 100%;
  }

  #main-content .post header h2 img {
    display: none;
  }

  #page-number ul li.active+li+li+li+li+li {
    display: none;
  }

  #page-number ul li a,
  #page-number ul li .go_to_page {
    padding: 4px 8px;
  }

  #page-number .bg_selector.selector input {
    margin: 0 2px 0 0;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  #page-number .bg_selector.selector .pgngo {
    margin: -12px 0 0 0;
    width: 19px;
  }

  .company ul li div.comments p.cominfo {
    text-align: center;
    float: left;
  }

  .userspmenu .user_div label.error {
    float: right;
  }

  .form-group {
    width: auto;
  }

  .form-group .kv-meter-container .kv-meter {
    display: none !important;
  }

  .form-group .kv-meter-container .kv-meter .kv-verdict .label {
    display: none !important;
  }

  .lost_pass {
    width: 290px !important;
  }

  #user_login {
    width: 290px !important;
  }
}

/* ==========================================================================
   ستون‌بندی ابزارک‌ها و نمایش در دستگاه‌ها (گزینه‌های «عرض» و «مخفی در ...» هر ابزارک)
   ========================================================================== */
@media (max-width: 480px) {
  .ss-widget-grid .ss-col {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (min-width: 801px) {
  .ss-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 701px) and (max-width: 800px) {
  .ss-hide-tablet {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .ss-hide-mobile {
    display: none !important;
  }
}
/* ==========================================================================
   صفحه‌های خیلی کوچک (مقادیر ثابت، به تنظیمات وابسته نیستند)
   ========================================================================== */
@media (max-width: 321px) {
  article section {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 330px) {
  #main-content .post .post-content .meta .short-discription .is .block-res {
    padding-right: 0;
  }
}

@media (max-width: 376px) {
  #main-content article.single-post #postcontent ul,
  #main-content article.single-post #postcontent ol {
    margin: 0 12px 6px 12px;
  }
}

@media (max-width: 330px) {
  #main-content article.single-post #postcontent .post-content .meta .short-discription .is .block-res {
    padding-right: 0;
  }
}

@media (max-width: 373px) {
  #main-content article.single-post #article-tabber #main-ar-tabber ul li {
    width: 85px;
  }
}

@media (max-width: 373px) {
  #main-content article.single-post #article-tabber #main-ar-tabber ul li a {
    font: normal 12px/21px "iransans";
  }
}

@media (max-width: 373px) {
  #main-content article.single-post #article-tabber #main-ar-tabber ul li .ux-2x {
    font-size: 19px !important;
  }
}

@media (max-width: 365px) {
  #main-content article.single-post #dbcontent #rating {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 321px) {
  #page-number .bg_selector.selector input {
    margin: 0;
  }
}

/* ==========================================================================
   فقط فایرفاکس
   ========================================================================== */
@supports (-moz-appearance: none) {
  #thepage form textarea {
    width: 200px;
  }

  .archive_div ul li {
    margin-left: 6px;
  }

  .userspmenu .user_div .user_info_content table select {
    width: 200px;
  }

  .user_info_content label.error,
  .user_info_content table input,
  .user_info_content table select,
  .user_info_content table textarea,
  .select_avatar,
  .reply_content,
  .reply_btn,
  .comment_tbl #comment_content,
  .comment_tbl input {
    padding: 0 16px;
  }

  #commentbox .comment-textinput textarea {
    margin-bottom: 0;
  }
}