/* ==================== [ 1500px ] ==================== */
@media (min-width: 1500px) {

    /* ==================== [ Common Start ] ==================== */
    .container ,
    .container-fluid {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }
    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
    :root {
        /* Heading Sizes */
        --fs-h1: 36px;
        --fs-h2: 32px;
        --fs-h3: 28px;
        --fs-h4: 24px;
        --fs-h5: 22px;
        --fs-h6: 18px;
    }

    /* real-stories page */
    .real-stories-section .stories-header-part .sidebar-filter-button .selected-filter-items { display: none; }
    .real-stories-section .stories-artist-list.grid-layout-view .stories-artist-block { flex-direction: column; }
    /* real-stories page */

    .submission-form-v2 .submission-form-title * { margin-bottom: 20px; }
}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {
    :root {
        /* Heading Sizes */
        --fs-h1: 30px;
        --fs-h2: 28px;
        --fs-h3: 26px;
        --fs-h4: 22px;
        --fs-h5: 20px;
        --fs-h6: 18px;
    }

body { padding-top: 63px; }
.breadcrumb-section { padding: 10px 20px; }
/* header */
.header .container { padding-inline: 20px; }
/* header */

/* add-story page */
.step-wizard { padding-top: 30px; padding-bottom: 42px; }
.step-wizard .step-wizard-content { padding: 0; }
.step-wizard-form .steps-button-area { margin-top: 30px; }
/* add-story page */

/* real-stories page */
.real-stories-section .stories-header-part { align-items: flex-start; gap: 7px; padding: 10px 12px; }
.real-stories-section .stories-header-part .filter-result-layout { justify-content: center; }
.real-stories-section .stories-body-part .stories-main-content { padding: 20px 12px; }
.real-stories-section .stories-artist-list.grid-layout-view > * { width: 100%; }
.real-stories-section:has(.stories-sidebar-part.close-sidebar) .stories-artist-list.grid-layout-view > * { width: 50%; }
/* real-stories page */

/* story-detail page */
.story-detail-section .story-author-block .auther-detail .title * { font-size: 22px; }
.story-detail-section .story-author-block .auther-profile { width: 60px; height: 60px; }
.story-detail-section .story-author-block { gap: 20px; }
.story-detail-section .story-detail-list .story-block { padding: 16px; }
/* story-detail page */

    .step-wizard-form .give-permission-selection .form-check-label span { font-size: 14px; }
    .common-form .form-group { margin-bottom: 20px; }
}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {
/* header */
.header .nav-parent-block { padding-top: 20px; }
/* header */

/* step-wizard */
.step-wizard-form .steps-button-area { flex-direction: column-reverse; justify-content: center; }
/* step-wizard */

/* real-stories page */
.real-stories-section .stories-header-part { padding: 10px 12px; flex-direction: column-reverse; }
.real-stories-section .stories-header-part .filter-result-layout { min-width: 100%; gap: 7px; }
.real-stories-section .stories-header-part .filter-result-layout .form-select { max-width: 130px; font-size: 14px; padding-left: 10px; padding-right: 10px; }
.real-stories-section .stories-body-part .stories-sidebar-part { position: absolute; left: 0; z-index: 9; margin: 0 !important; width: 100%; border-top:1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.15); }
.real-stories-section .stories-body-part .stories-sidebar-part .stories-accordion { display: block; width: 100%; flex-direction: column; max-height: 350px; overflow-y: scroll; }
.real-stories-section .stories-body-part .stories-sidebar-part .stories-accordion .accordion-item { margin-bottom: 15px; }
.real-stories-section .stories-body-part .stories-sidebar-part.close-sidebar { left: -100%; }
.real-stories-section .stories-body-part .stories-sidebar-part .sidebar-filter-buttons { padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.15); }
.real-stories-section:has(.stories-sidebar-part.close-sidebar) .stories-artist-list.grid-layout-view > * { width: 100%; }
/* real-stories page */

.submit-btn-wrapper .btn { width: 100%; max-width: 100%; }
}