/*Different screen sizes for devices*/
/*Most mobile phones will fall under this profile */
@media (max-width: 415px) {
    .container {min-width: 100% !important; max-width: 100% !important; padding-left: 5px !important; padding-right: 5px !important;}
    .signup-resource-wrapper {margin-bottom: 0 !important;}
    .header-profile-pic {height: 135px; width: 135px; margin: 0;}
    .header-profile-combo {width: 100%; padding: 20px 60px 10px 20px; justify-content: space-between;}
    .header-profile-list {width: 60%; margin: 20px 50px 0 auto;}
    .header-profile {position: relative; left: 50%; right: 50%; margin: 0 -50vw 20px -48vw; width: 96vw; padding-top: 0;}
    .header-profile-user {padding-left: 10%;}
    .button-search {width: auto !important;}
    #collapsible-nav-dropdown {display: none !important;}
    .admin-review-content {min-width: 100% !important;}
    .resource-description-wrapper {padding-right: 0 !important; padding-left: 0 !important;}
    .resource-comments-title {padding-left: 15px !important;}
    .resource-comments-textarea {margin-left: 12px !important;}
    .resource-comment-wrapper, .resource-post-wrapper, .resource-related-wrapper {min-width: calc(100vw - 20px) !important;max-width: calc(100vw - 20px) !important; margin-left: 0 !important;}
    .action-wrapper-child .action-wrapper-author {margin-bottom: auto !important}
    .resource-tags-wrapper{margin-right: -15px !important}
    .button-resource-comments {margin-right: 15px !important;}
    .admin-review-wrapper {padding: 0 !important;}
    .side-bar-toggle {margin: 0;}
    .main-header {padding-top: 0 !important}
    .main-header-title {font-size: 30px !important;}
    .main-logo-large, .button-create, .button-login, .button-signup, .button-switch-admin {display: none;}
    .main-logo-small{margin-right: -8px; margin-left: -8px}
    .search-page-bar-title {font-size: 20px !important; width: 100% !important;}
    .login-wrapper, .pass-reset-wrapper {flex-direction: column;min-width: calc(100vw - 60px) !important; margin: 60px auto 0 auto !important; padding: 5px !important;}
    .emailInput-OTP{max-width: 80% !important;}
    .login-content, .pass-reset-content {max-width: 100% !important;}
    .signup-wrapper{margin: 0 30px !important; min-width: calc(100vw - 30px) !important;  max-width: calc(100vw - 30px) !important; padding: 60px 15px !important}
    .emailInput-OTP{max-width: 80% !important;}
    .emailInput-verify-sent{left: 262px !important;font-size: 11px !important;}
    .tags-row-single {transform: scale(0.85) !important; padding: 0 !important;}
    .contact-us-full {flex-direction: column !important; margin-left: -15px !important; margin-right: -15px !important;}
    .contact-us-sidebar {display: flex !important; flex-direction: column !important; align-self: center !important; margin-top: 30px !important; min-width: 100% !important;}
    .contact-us-main {margin: 0 !important; overflow-y: auto !important;}
    .tags-row-multi {margin: 30px 0 230px 0 !important; padding: 0 15px !important;}
    .sharedResources-wrapper {flex-wrap: wrap !important;}
    .sharedResources-posts {min-width: 100% !important;}
    .sharedResources-sidebar {min-width: 90% !important; margin: 45px auto 100px auto !important;}
    #created-posts-status {font-size: 13px !important;}
    .modal-header .btn-close{transform: scale(0.7); top: 12px; right: 12px}
    .user-login{font-size: 18px}
    .resource-full{display: none !important}
    .resource-screenshot { width: auto !important; }
    .signup-image-container {display: none !important;}
    .signup-container {flex: 0 0 100%;max-width: 100%; !important;}
    .main-logo-signup{margin-left: 90px !important}
    .apps-list {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;grid-gap: 0 12px !important;}
    .apps-list-card-wrapper {min-width: 160px !important;}
    .apps-header-title {font-size: 38px !important;}
    .nav-bar-start{display: none !important}
    .nav-bar .button-reward-navbar{display: none}
    .nav-bar{padding: 0 5px}
    .share-inputs-wrapper{min-width: 100%; margin: 0 0 30px 0}
    .resource-screenshot-preview img.small {min-height: 100%; width: auto; height: 160px;}
    .injected-image {max-width: 140px !important;}
    .resource-comments-feed-wrapper{margin: 15px -15px 45px -15px !important}
    .resource-comments-user-wrapper {padding: 18px 0 15px 45px; !important;margin-right: 20px; !important;}
    .topics-carousel-1 {display: block !important;}
    .topics-carousel-2, .topics-carousel-3 {display: none !important;}
    .public-get-started {min-width: 100% !important;, width: 100% !important;margin: 45px auto 15px 10% !important;}
    .resource-col {font-size: 12px !important;}
    .resource-title{font-size: 20px !important}
    .resource-sign-up{font-size: 14px !important}
    .appsPlatform-title{margin-top: 15px !important; font-size: 30px !important;}
    .appsPlatform-subtitle {margin: 15px 15px 50px 15px !important;text-align: center !important; font-size: 14px !important}
    .appsPlatform-thumb {margin-top: 0 !important;}
    .topic-resource-top{margin-bottom: 10px !important;flex-wrap: wrap !important;justify-content: flex-start !important;}
    .topic-row {margin-bottom: 30px !important;}
    .topic-title {font-size: 20px !important;min-width: 100% !important; margin-top: 15px !important}
    .carousel-control-next, .carousel-control-prev {display: none !important;}
    .welcome-modal .modal-content{min-width: 100vw !important;min-height: 100vh !important;}
    .welcome-modal-option-wrapper {margin: 0 !important;}
    .welcome-modal-option-title{font-size: 14px !important;}
    .welcome-modal-selection-indicator{right: 8px; !important; width: 12px !important; height: 12px !important;}
    .profileTab-verification-status{width: 100% !important;}
    .profileTab-verification-status-indicator {min-width: 100% !important;position: relative !important;justify-content: left !important;margin-left: 15px;}
    .profileTab-verification-status-indicator.shifted {right: 50% !important;transform: translateX(50%) !important;}
    .profileTab-left-col, .profileTab-right-col {margin-left: -24px !important; margin-right: 0 !important}
    .profileTab-save-wrapper-desktop{display: none !important;}
    .profileTab-save-wrapper-mobile{display: flex !important; flex-direction: column !important; width: 100% !important; align-items: stretch !important;}
    .profileTab-save-mobile-button{min-width: 100% !important; width: 100% !important;}
    .profileTab-checklist-wrap { order: 2 !important; margin-top: 24px !important; }
    .profileTab-social-section { order: 1 !important; margin-top: 0 !important; }
    .paymentsTab-status-text, .notificationsTab-status-text, .profileTab-verification-status-text{font-size: 14px !important;min-width: 100% !important;}
    .paymentsTab-status-indicator{max-width: 100% !important;}
    .paymentsTab-not-connected, .paymentsTab-connected, .paymentsTab-restricted, .profileTab-verification, .notificationsTab-content{padding: 16px 5px !important;}
    .notificationsTab-toggle {position: absolute;top: 22px;right: -5px;}
    .notificationsTab-title{font-size: 16px !important;}
    .private-profile-bio-wrapper{flex-direction: column; gap: 30px; margin: auto}
    .public-header{margin-left: 0; margin-right: 0;}
    .public-header-profile{margin: 0 0 -136px 15px !important}
    .public-profile-info-stats{justify-content: space-evenly;margin-top: 15px;}
    .public-profile-info-social-wrapper{position:absolute !important; margin-top: -45px !important;}
    .sharedResources-wrapper, .purchasedResources-wrapper{flex-direction: column; align-items: center !important;}
    .sharedResources-posts, .purchasedResources-posts{min-width: 100% !important; padding: 5px !important; }
    .rlv-wrapper {flex-direction: column; padding: 8px !important;}
    .rlv-left-col-wrapper {width: 100% !important; border: none !important; }
    .rlv-right-col-wrapper {width: 100%;padding: 0;}
    .rlv-user-info {flex-direction: column;align-items: flex-start;margin-top: 8px;}
    .rlv-profile-link {width: 100%;margin-bottom: 8px;}
    .rlv-profile-wrapper {width: 100%;justify-content: space-between;}
    .rlv-price-paid, .rlv-price-free {margin-top: 8px;margin-right: 0;align-self: flex-end;}
    .rlv-post-wrapper {width: 100%;}
    .rlv-title, .rlv-description {width: 100%;}
    .rlv-title {margin-top: -20px; max-width: 90% !important}
    .rlv-icon-tags-wrapper {flex-direction: column;width: 100%;}
    .rlv-icon-wrapper, .rlv-tags-wrapper {margin-top: 8px;}
    .rlv-icon {display: flex;align-items: center;margin-right: 8px;}
    .rlv-tags-wrapper {display: flex;flex-wrap: wrap;}
    .feed-tags {margin-right: 8px;margin-bottom: 8px;}
    .settings-title{font-size: 24px !important;}
    .settings-profile-button{font-size: 13px !important;height: 32px !important;padding: 5px !important;margin-right: -8px !important;}
    .admin-editor-modal-wrapper .modal-dialog .modal-content {min-width: calc(100vw - 30px) !important;padding: 2px !important;margin-left: 10px !important;}
    .sales-header {flex-direction: column;gap: 24px !important;font-size: 20px !important;margin-top: 15px !important;}
    .sellers-commission-wrapper{padding: 0 !important;margin: 1px !important;}
    .sellers-commission{flex-direction: column !important;}
    .sellers-commission-percentage, .sellers-commission-free {font-size: 160px !important;font-weight: 600 !important;}
    .sellers-who-can-sell-wrapper{margin-top: 90px !important; margin-inline: unset !important}
    .sellers-header h1{font-size: 40px !important;font-weight: 700 !important;text-align: center !important;}
    .sellers-how-it-works-wrapper{padding: 0 30px;}
    .sellers-supported-app-wrapper{gap: 0 !important;}
    .sellers-supported-app img{height: 56px !important;width: 56px !important;}
    .sellers-testimonials{padding: 32px !important;flex-direction: column !important;}
    .main-testimonial {font-size: 26px !important;font-weight: 400 !important;text-align: center !important;max-width: fit-content !important;}
    .secondary-testimonials-wrapper {flex-direction: column;}
    .sellers-commission-wrapper h2{font-size: 30px !important;font-weight: 600 !important;}
    .sellers-footer-image{width: calc(100vw - 36px) !important;height: 432px !important;}
    .footer-bar {flex-direction: column !important;margin-left: 15px;gap: 40px;}
    .footer-resource-wrapper {margin-top: 16px;max-height: 207px;}
    .footer-social {order: -1;margin-bottom: 48px;align-self: center;gap: 40px;}
    .footer-logo{display: none;}
    .footer-middle-input-wrapper{margin-bottom: 0;}
    .footer-left-col{align-self: center !important}
    .sponsored-tag{margin: 0 !important;left: 15px !important;top: 10px !important;z-index: 100 !important;}
    .popular-searches-wrapper{flex-flow: column !important;font-size: 12px;}
    .popular-searches-wrapper h5{display: none;}
    /* .banner-selling{height: auto !important;} */
    /* .banner-selling-text{font-size: 12px; margin: 0 8px 0 0} */
    /* .banner-selling-button{font-size: 12px !important; margin: 0 !important} */
    .resource-bottom-row {margin: 30px 0 15px 15px;}
    .onboarding-item {flex-wrap: nowrap}
    .ad-searchpage {margin-bottom: 16px !important}
    .search-reset-filters-button{margin: 4px 0 0 32px !important; padding: 0 !important; }
    .search-page-filters-title{padding-bottom: 0 !important; font-size: 18px !important; }
    .search-page-filter-date-wrapper{width: auto!important;     place-items: self-end; !important;}
    .search-page-bar-title h1{font-size: 32px !important}
    .search-filters-date-titles {font-size: 15px !important}
    .search-page-filters-sortby{font-size: 12px !important}
    .popular-search-term {font-size: 12px !important; padding: 8px 6px !important; height: 32px !important}
    .settings-full-page .nav-tabs{font-size: 13px !important; margin: 8px 0 30px 0 !important; width: calc(100%) !important;}
    .rewardsTab-title{font-size: 20px}
    .rewardsTab-wrapper{ margin: 0 !important}
    .rewardsTab-wrapper h4{font-size: 14px !important}
    .rewardsTab-points{font-size: 18px; font-weight: bolder !important; }
    .skeleton-term {height: 32px !important;}
    .rewardsTab-cheatsheet-wrapper{margin: 0 -48px -48px -48px !important; }
    .appsPlatform-no-resources { margin: 20px auto !important}
    .carousel-timer{display: none}
    .main-sidebar {flex-direction: row !important;  margin-top: 30px !important}
    .seller-notification, .seller-notification .seller-notification-button{font-size: 12px !important}
    .admin-panel-title {flex-direction: column !important; margin-bottom: 10px !important; padding: 6px !important; justify-content: space-between !important; align-content: center; gap: 8px !important;}
    .admin-panel { margin: 8px 0 !important; padding: 10px !important; }
    .admin-testUser-wrapper { padding: 5px 10px !important; text-align: center !important; justify-content: center !important; }
    .admin-paid-wrapper { padding: 5px 10px !important; text-align: center !important; justify-content: center !important; }
    .admin-panel-content { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 8px 0 !important; justify-content: flex-start !important; }
    .admin-panel-content #buttons { flex: 1 1 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 0 !important; margin: 0 !important; }
    .admin-panel-content .atc-root { flex: 0 0 100% !important; width: 100% !important; min-width: 0 !important; }
    .atc-tab-bar { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; }
    .atc-tab-bar::-webkit-scrollbar { display: none !important; }
    .atc-tab { flex-shrink: 0 !important; font-size: 11px !important; padding: 7px 10px !important; white-space: nowrap !important; }
    .uc-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 14px !important; }
    .uc-search-wrap { max-width: 100% !important; width: 100% !important; min-width: 0 !important; }
    .mac-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 14px !important; }
    .mac-header-right { width: 100% !important; }
    .admin-analytics-wrapper { flex-direction: column !important; }
    .aa-summary { grid-template-columns: repeat(2, 1fr) !important; }
    .aa-stat__num { font-size: 18px !important; }
    .ah-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .skeleton.avatar {width: 100px;height: 100px;}
    .skeleton-stats, .skeleton.text1{display: none;}
    .generate-hero-row{padding: 36px 8px 48px 15px !important; flex-direction: column !important}
    .generate-hero-right{min-width: auto !important;}
    .generate-hero-title{font-size: 30px !important;}
    .generate-hero-text {font-size: 14px !important}
    .generate-textarea {font-size: 13px !important}
    .generate-reset-icon {top: 8px !important; right: 8px !important}
    .generate-copy-button {right: -16px !important}
    .generate-step1-wrapper {padding: 0 18px !important;}
    .main-logo-aspire{display: none !important;}
    .main-logo-aspire-mobile{left: -35px !important;}
    .templates-thumb-skeleton {width: 86.749% !important;}
    .generate-page-title{font-size: 24px !important;}
    .generate-page-subtitle{font-size: 12px !important;}
    .ai-notification-text{font-size: 13px !important;}
    .ai-notification-button{font-size: 11px !important;}
    .approach-row { flex-direction: column !important; gap: 24px !important; }
    .approach-col { width: 100% !important; display: block !important; }
    .approach-card--left { padding: 28px 22px !important; }
    .approach-title { font-size: 40px !important; line-height: 1.15 !important; }
    .approach-logos-inside { gap: 8px !important; margin-bottom: 12px !important; }
    .approach-logo { width: 32px !important; }
    .approach-logo-secondary { height: 28px !important; }
    .approach-subtitle { font-size: 10px !important; padding: 20px !important; text-align: center !important; }
    .approach-body { padding: 30px 18px !important; font-size: 16px !important; line-height: 1.7 !important; }
    .approach-section { padding: 36px 18px !important; margin-top: -48px !important; margin-bottom: 84px !important; }
    .store-workshop__grid { grid-template-columns: 1fr; }
    /* Footer */
    .ft-inner { grid-template-columns: 1fr; padding: 40px 20px 28px; gap: 32px; }
    .ft-newsletter-col { grid-column: auto; }
    .ft-form, .ft-subscribed-msg { max-width: 100%; }
    .ft-bottom { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 20px; }
    /* Brand Footprint — Instagram Snapshot */
    .bf-ig-kpis { grid-template-columns: repeat(2, 1fr); }
    .bf-ig-posts-grid { grid-template-columns: repeat(2, 1fr); }
}

/*Most phablets will fall under this profile */
@media (min-width: 415px) and (max-width: 500px) {
    .container {min-width: 100% !important;  max-width: 100% !important;  padding-left: 5px !important;  padding-right: 5px !important;}
    .signup-resource-wrapper {margin-bottom: 0 !important;}
    .header-profile-pic {height: 135px;  width: 135px;  margin: 0;}
    .header-profile-combo {width: 100%;  padding: 20px 60px 10px 20px;  justify-content: space-between;}
    .header-profile-list {width: 60%;  margin: 20px 50px 0 auto;}
    .header-profile {position: relative;  left: 50%;  right: 50%;  margin: 0 -50vw 20px -48vw;  width: 96vw;  padding-top: 0;}
    .header-profile-user {padding-left: 10%;}
    .mag-glass-Img {display: none;}
    .button-search {width: auto !important;}
    .main-logo-large, .button-create, .button-login, .button-signup, .button-switch-admin {display: none;}
    #collapsible-nav-dropdown {display: none !important;}
    .nav-bar-end {margin-left: -30px !important;}
    .nav-bar{padding: 0 5px}
    .navbar-brand {margin-right: -60px !important;}
    .main-sidebar {flex-direction: row !important;  margin-top: 30px !important}
    .main-sidebar-content {min-width: 80% !important;  max-width: 80% !important;}
    .main-sidebar-promo {max-width: 60% !important;}
    .homepage-ad{max-width: 90% !important;}
    .resource-comment-wrapper, .resource-post-wrapper, .resource-related-wrapper {min-width: calc(100vw - 20px) !important;max-width: calc(100vw - 20px) !important; margin-left: 0 !important;}
    .resource-description-short{padding-right: 30px !important;}
    .action-full-menu-wrapper{min-width: calc(95vw) !important; margin: 24px 0 0 0 !important;}
    .resource-screenshot { width: auto !important; }
    .login-wrapper, .pass-reset-wrapper {flex-direction: column;min-width: calc(100vw - 60px) !important; margin: 60px auto 0 auto !important; padding: 5px !important;}
    .signup-wrapper{margin: 0 30px !important; min-width: calc(100vw - 30px) !important;  max-width: calc(100vw - 30px) !important; padding: 60px 15px !important}
    .emailInput-OTP{max-width: 80% !important;}
    .emailInput-verify-sent{left: 262px !important;font-size: 11px !important;}
    .login-content, .pass-reset-content {max-width: 100% !important;}
    .search-page-bar-title {font-size: 20px !important;  width: 100% !important;}
    .formSearchNav {padding-right: 30px !important;}
    #screenshot-uploader-spinner {width: calc(100vw - 30px) !important;}
    .account-button-profile-wrapper {top: -276px !important;  min-height: 50px !important;  min-width: 50px !important;}
    .account-button-profile {display: none !important;}
    #alert-invalid-image-account {left: auto !important;  min-width: 80% !important;}
    .resource-description-wrapper {padding-right: 0 !important; padding-left: 0 !important; margin-right: -30px !important;}
    .main-header {padding-top: 0 !important}
    .main-header-title {font-size: 35px !important;}
    .navbar-brand {margin-right: 0 !important;}
    .contact-us-full {flex-direction: column !important;  margin-left: -15px !important;  margin-right: -15px !important;}
    .contact-us-sidebar {display: flex !important;  flex-direction: column !important;  align-self: center !important;  margin-top: 30px !important;  min-width: 100% !important;}
    .tags-row-multi {margin: 30px 0 200px 0 !important;  padding: 0 15px !important;}
    .sharedResources-wrapper {flex-wrap: wrap !important;}
    .sharedResources-posts, .purchasedResources-posts{min-width: 100% !important; padding: 5px !important; }
    .sharedResources-sidebar {min-width: 90% !important;  margin: 45px auto 100px auto !important;}
    #created-posts-status {font-size: 15px !important;}
    .contact-us-main {margin: 0 !important; overflow-y: auto !important;}
    .modal-header .btn-close{transform: scale(0.7); top: 12px; right: 12px}
    .user-login{font-size: 20px}
    .resource-full{display: none !important}
    .signup-image-container {display: none !important;}
    .main-logo-wrapper{margin: 0 !important;}
    .main-logo-signup{margin-left: -200px !important}
    .apps-list {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;grid-gap: 0 16px !important;}
    .apps-list-card-wrapper {min-width: 180px !important;}
    .apps-header-title {font-size: 40px !important;}
    .nav-bar-start{display: none !important}
    .nav-bar .button-reward-navbar{display: none}
    .share-inputs-wrapper{min-width: 100%; margin: 0 auto 30px auto}
    .resource-screenshot-preview img.small {min-height: 100%; width: auto; height: 175px;}
    .resource-comments-feed-wrapper{margin: 15px -15px 45px -15px !important}
    .resource-comments-user-wrapper {padding: 18px 0 15px 45px; !important;margin-right: 20px; !important;}
    .topics-carousel-1 {display: block !important;}
    .topics-carousel-2, .topics-carousel-3 {display: none !important;}
    .public-get-started {min-width: 100% !important;, width: 100% !important;margin: 45px auto 15px 10% !important;}
    .resource-col {font-size: 12px !important;}
    .resource-title{font-size: 20px !important}
    .resource-sign-up{font-size: 14px !important; }
    .injected-image {max-width: 140px !important;}
    .appsPlatform-title{margin-top: 15px !important; font-size: 30px !important;}
    .appsPlatform-subtitle {margin: 15px 15px 50px 15px !important;text-align: center !important; font-size: 14px !important}
    .appsPlatform-thumb {margin-top: 0 !important;}
    .topic-resource-top{margin-bottom: 10px !important;flex-wrap: wrap !important;justify-content: flex-start !important;}
    .topic-row {margin-bottom: 30px !important;}
    .topic-title {font-size: 20px !important;min-width: 100% !important;}
    .welcome-modal-option-wrapper {margin: 0 !important;}
    .welcome-modal-option-title{font-size: 14px !important;}
    .welcome-modal-selection-indicator{right: 8px; !important; width: 12px !important; height: 12px !important;}
    .profileTab-save-mobile-button{min-width: 100% !important; width: 100% !important;}
    .profileTab-verification-status-text{width: 100% !important;min-width: 100% !important; font-size: 14px !important;}
    .profileTab-verification-status{width: 100% !important;}
    .profileTab-verification-status-indicator {min-width: 100% !important;position: relative !important;justify-content: left !important;margin-left: 15px;}
    .profileTab-verification-status-indicator.shifted {right: 50% !important;transform: translateX(50%) !important;}
    .profileTab-left-col, .profileTab-right-col {margin-left: 0 !important; margin-right: 0 !important}
    .profileTab-save-wrapper-desktop{display: none !important;}
    .profileTab-save-wrapper-mobile{display: flex !important; flex-direction: column !important; width: 100% !important; align-items: stretch !important;}
    .profileTab-checklist-wrap { order: 2 !important; margin-top: 24px !important; }
    .profileTab-social-section { order: 1 !important; margin-top: 0 !important; }
    .profileTab-wrapper{justify-content: center !important; margin-left: 0 !important;}
    .paymentsTab-status-text, .notificationsTab-status-text, .profileTab-verification-status-text{font-size: 14px !important;min-width: 100% !important;}
    .paymentsTab-not-connected, .paymentsTab-connected, .paymentsTab-restricted, .profileTab-verification, .notificationsTab-content{padding: 16px 5px !important;}
    .paymentsTab-status-indicator{max-width: 100% !important;}
    .notificationsTab-toggle {position: absolute;top: 22px;right: -5px;}
    .notificationsTab-title{font-size: 16px !important;}
    .private-profile-bio-wrapper{flex-direction: column; gap: 30px; margin: auto}
    .public-header{margin-left: 0; margin-right: 0;}
    .public-header-profile{margin: 0 0 -136px 15px !important}
    .public-profile-info-stats{justify-content: space-evenly;margin-top: 15px;}
    .public-profile-info-social-wrapper{position:absolute !important; margin-top: -45px !important;}
    .rlv-wrapper {flex-direction: column;padding: 8px !important;}
    .rlv-left-col-wrapper {width: 100% !important;border: none !important;}
    .rlv-right-col-wrapper {width: 100%;padding: 0;}
    .rlv-user-info {flex-direction: column;align-items: flex-start;margin-top: 8px;}
    .rlv-profile-link {width: 100%;margin-bottom: 8px;}
    .rlv-profile-wrapper {width: 100%;justify-content: space-between;}
    .rlv-price-paid, .rlv-price-free {margin-top: 8px;margin-right: 0;align-self: flex-end;}
    .rlv-post-wrapper {width: 100%;}
    .rlv-title, .rlv-description {width: 100%;}
    .rlv-title {margin-top: -20px; max-width: 90% !important}
    .rlv-icon-tags-wrapper {flex-direction: column;width: 100%;}
    .rlv-icon-wrapper, .rlv-tags-wrapper {margin-top: 8px;}
    .rlv-icon {display: flex;align-items: center;margin-right: 8px;}
    .rlv-tags-wrapper {display: flex;flex-wrap: wrap;}
    .feed-tags {margin-right: 8px;margin-bottom: 8px;}
    .settings-title{font-size: 24px !important;}
    .settings-profile-button{font-size: 13px !important;height: 32px !important;padding: 5px !important;margin-right: -8px !important;}
    .admin-editor-modal-wrapper .modal-dialog .modal-content {min-width: calc(100vw - 30px) !important;padding: 2px !important;margin-left: 10px !important;}
    .action-divider{width: calc(100vw - 30px) !important; margin-left: -45px !important;}
    .sellers-commission-wrapper{padding: 0 !important;margin: 1px !important;}
    .sellers-commission{flex-direction: column !important;}
    .sellers-commission-percentage, .sellers-commission-free {font-size: 160px !important;font-weight: 600 !important;}
    .sellers-who-can-sell-wrapper{margin-top: 90px !important;}
    .sellers-header h1{font-size: 40px !important;font-weight: 700 !important;text-align: center !important;}
    .sellers-how-it-works-wrapper{padding: 0 30px;}
    .sellers-supported-app-wrapper{gap: 0 !important;}
    .sellers-supported-app img{height: 56px !important;width: 56px !important;}
    .sellers-testimonials{padding: 32px !important;flex-direction: column !important;}
    .main-testimonial {font-size: 26px !important;font-weight: 400 !important;text-align: center !important;max-width: fit-content !important;}
    .secondary-testimonials-wrapper {flex-direction: column;}
    .sellers-commission-wrapper h2{font-size: 30px !important;font-weight: 600 !important;}
    .sellers-footer-image{width: calc(100vw - 36px) !important;height: 432px !important;}
    .footer-bar {flex-direction: column !important;margin-left: 15px;gap: 40px;}
    .footer-resource-wrapper {margin-top: 16px;max-height: 207px;}
    .footer-social {order: -1;margin-bottom: 48px;align-self: center;gap: 40px;}
    .footer-logo{display: none;}
    .footer-middle-input-wrapper{margin-bottom: 0;}
    .footer-left-col{align-self: center !important}
    .sponsored-tag{margin: 0 !important;left: 15px !important;top: 10px !important;z-index: 100 !important;}
    .popular-searches-wrapper{flex-flow: column !important;font-size: 12px;}
    .popular-searches-wrapper h5{display: none;}
    .resource-bottom-row {margin: 30px 0 15px 15px;}
    .ad-searchpage {margin-bottom: 16px !important; width: 100% !important;}
    .search-reset-filters-button{margin: 4px 0 0 32px !important; padding: 0 !important; }
    .search-page-filters-title{padding-bottom: 0 !important; font-size: 18px !important; }
    .search-page-filter-date-wrapper{width: auto!important;     place-items: self-end; !important;}
    .search-page-bar-title h1{font-size: 32px !important}
    .search-filters-date-titles {font-size: 15px !important}
    .search-page-filters-sortby{font-size: 12px !important}
    .popular-search-term {font-size: 12px !important; padding: 8px 6px !important; height: 32px !important}
    .settings-full-page .nav-tabs{font-size: 13px !important; margin: 8px 0 30px 0 !important; width: calc(100%) !important;}
    .rewardsTab-title{font-size: 20px}
    .rewardsTab-wrapper{ margin: 0 !important}
    .rewardsTab-wrapper h4{font-size: 20px !important}
    .rewardsTab-points{font-size: 18px; font-weight: bolder !important;}
    .paymentsTab-status-button-wrapper{margin:0 !important; padding-left: 0 !important; font-size: 12px !important}
    .paymentsTab-status-button-wrapper button {font-size: 12px !important}
    .skeleton-term {height: 32px !important;}
    .rewardsTab-cheatsheet-wrapper{margin: 0 -48px  -48px -48px !important;padding: 24px 8px !important;width: calc(100% + 96px) !important;}
    .appsPlatform-no-resources {margin: 20px auto !important}
    .action-seeit {display: flex; justify-content: center !important; margin: 0 0 16px -30px;}
    .carousel-control-next, .carousel-control-prev {background: none !important; height: 24px; width: 24px;}
    .carousel-timer{display: none}
    .seller-notification, .seller-notification .seller-notification-button{font-size: 13px !important}
    .admin-panel-title {flex-direction: column !important; margin-bottom: 10px !important; padding: 6px !important; justify-content: space-between !important; align-content: center; gap: 8px !important;}
    .admin-panel { margin: 10px 0 !important; padding: 10px !important; }
    .admin-testUser-wrapper { padding: 5px 10px !important; justify-content: center !important; }
    .admin-paid-wrapper { padding: 5px 10px !important; justify-content: center !important; }
    .admin-panel-content { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 8px 0 !important; justify-content: flex-start !important; }
    .admin-panel-content #buttons { flex: 1 1 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 0 !important; margin: 0 !important; }
    .admin-panel-content .atc-root { flex: 0 0 100% !important; width: 100% !important; min-width: 0 !important; }
    .atc-tab-bar { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; }
    .atc-tab-bar::-webkit-scrollbar { display: none !important; }
    .atc-tab { flex-shrink: 0 !important; font-size: 11px !important; padding: 7px 10px !important; white-space: nowrap !important; }
    .uc-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 14px !important; }
    .uc-search-wrap { max-width: 100% !important; width: 100% !important; min-width: 0 !important; }
    .mac-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 14px !important; }
    .mac-header-right { width: 100% !important; }
    .admin-analytics-wrapper { flex-direction: column !important; }
    .aa-summary { grid-template-columns: repeat(2, 1fr) !important; }
    .ah-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .skeleton.avatar {width: 100px;height: 100px;}
    .skeleton-stats, .skeleton.text1{display: none;}
    .generate-hero-row{padding: 36px 8px 48px 15px !important; flex-direction: column !important}
    .generate-hero-right{min-width: auto !important;}
    .generate-hero-title{font-size: 30px !important;}
    .generate-hero-text {font-size: 14px !important}
    .generate-textarea {font-size: 13px !important}
    .generate-reset-icon {top: 8px !important; right: 8px !important}
    .generate-copy-button {right: -8px !important}
    .generate-step1-wrapper {padding: 0 18px !important;}
    .main-logo-aspire{display: none !important;}
    .main-logo-aspire-mobile{left: -50px !important;}
    .templates-thumb-skeleton {width: 86.749% !important;}
    .generate-page-title{font-size: 26px !important;}
    .generate-page-subtitle{font-size: 12px !important;}
    .ai-notification-text{font-size: 14px !important;}
    .ai-notification-button{font-size: 13px !important;}
    .approach-row { flex-direction: column !important; gap: 45px !important; align-items: center !important; }
    .approach-col {  margin: 0 auto !important; }
    .approach-card--left { padding: 48px 36px !important; width: 100% !important; }
    .approach-title { font-size: 48px !important; }
    .approach-logos-inside { gap: 12px !important; margin-bottom: 20px !important; }
    .approach-logo { width: 46px !important; }
    .approach-logo-secondary { height: 44px !important; }
    .approach-subtitle { font-size: 16px !important; padding: 24px !important; }
    .approach-body { padding: 36px 12px !important; font-size: 18px !important; }
    .approach-section { padding: 36px 24px !important; margin-top: -48px !important; margin-bottom: 84px !important;}
    .store-workshop__grid { grid-template-columns: 1fr; }
    /* Footer */
    .ft-inner { grid-template-columns: 1fr; padding: 40px 20px 28px; gap: 32px; }
    .ft-newsletter-col { grid-column: auto; }
    .ft-form, .ft-subscribed-msg { max-width: 100%; }
    .ft-bottom { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 20px; }
}

@media (min-width: 500px) and (max-width: 576px) {
    .container {min-width: 100% !important;  max-width: 100% !important;  padding-left: 5px !important;  padding-right: 5px !important;}
    .signup-resource-wrapper {margin-bottom: 0 !important;}
    .header-profile-pic {height: 135px;  width: 135px;  margin: 0;}
    .header-profile-combo {width: 100%;  padding: 20px 60px 10px 20px;  margin: 0;  justify-content: space-between;}
    .header-profile-list {width: 60%;  margin: 20px 50px 0 auto;}
    .header-profile-user {padding-left: 20%;}
    .header-profile {position: relative;  left: 50%;  right: 50%;  margin: 0 -50vw 20px -48vw;  width: 96vw;  padding-top: 0;}
    .main-logo-large {display: none;}
    .main-logo-large, .button-create, .button-login, .button-signup, .button-switch-admin {display: none;}
    #collapsible-nav-dropdown {display: none !important;}
    .nav-bar {margin-bottom: 30px;}
    .navbar-nav .dropdown-menu {display: none;}
    .main-sidebar {padding: 0 !important; flex-direction: row !important;  margin-top: 30px !important}
    .main-sidebar-content {min-width: 80% !important;  max-width: 80% !important;}
    .main-sidebar-promo {max-width: 60% !important;}
    .main-sidebar-promo .homepage-ad{max-width: 90% !important;}
    .resource-screenshot{width: auto !important;}
    .action-full-menu-wrapper{min-width: calc(95vw) !important; margin: 24px 0 0 0 !important;}
    .resource-post-wrapper {margin-left: 0  !important;}
    .login-wrapper, .pass-reset-wrapper {flex-direction: column;min-width: calc(100vw - 60px) !important; margin: 60px auto 0 auto !important; padding: 5px !important;}
    .login-content, .pass-reset-content {max-width: 100% !important;}
    .signup-wrapper{margin: 0 30px !important; min-width: calc(100vw - 60px) !important;  max-width: calc(100vw - 60px) !important; padding: 60px 15px !important}
    .search-page-bar-title {font-size: 20px !important;  width: 100% !important;}
    #screenshot-uploader-spinner {width: calc(100vw - 30px) !important;}
    #alert-invalid-image-account {left: auto !important;}
    .admin-review-wrapper {flex-wrap: nowrap !important;}
    .main-header-title {font-size: 32px !important;}
    .contact-us-full {flex-direction: column !important;  margin-left: 0 !important;  margin-right: 0 !important;}
    .contact-us-sidebar {display: flex !important;  flex-direction: column !important;  align-self: center !important;  margin-top: 30px !important;  min-width: 100% !important;}
    .contact-us-main {min-width: 100% !important}
    .tags-row-multi {margin: 30px 0 170px 0 !important;  padding: 0 15px !important;}
    .sharedResources-wrapper {flex-wrap: wrap !important;}
    .sharedResources-posts, .purchasedResources-posts{min-width: 100% !important; padding: 5px !important; }
    .sharedResources-sidebar {min-width: 80% !important;  margin: 45px auto 100px auto !important;}
    .resource-full{display: none !important}
    .resource-full-wrapper{margin: -10px 0 0 0   !important}
    .signup-image-container {display: none !important;}
    .signup-container {flex: 0 0 100%;max-width: 100%; !important;}
    .apps-list {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;grid-gap: 0 16px !important;}
    .apps-list-card-wrapper {min-width: 200px !important;}
    .nav-bar-start{display: none !important}
    .nav-bar .button-reward-navbar{display: none}
    .share-inputs-wrapper{min-width: 100%; margin: 0 auto 30px auto}
    .resource-screenshot-preview img.small {min-height: 100%; width: auto; height: 220px;}
    .resource-comments-feed-wrapper{margin: 15px -15px 45px -15px !important}
    .topics-carousel-1 {display: block !important;}
    .topics-carousel-2, .topics-carousel-3 {display: none !important;}
    .public-get-started {min-width: 100% !important;, width: 100% !important;margin: 45px auto 15px 10% !important;}
    .resource-col {font-size: 12px !important;}
    .resource-title{font-size: 20px !important}
    .resource-comment-wrapper, .resource-post-wrapper, .resource-related-wrapper {min-width: calc(100vw - 30px) !important;max-width: calc(100vw - 10px) !important; margin-left: 0 !important}
    .resource-bottom-row {margin: 30px 0 15px 15px;}
    .injected-image {max-width: 160px !important;}
    .appsPlatform-title{margin-top: 15px !important}
    .appsPlatform-subtitle {margin: 15px 15px 50px 15px !important;text-align: center !important;}
    .appsPlatform-thumb {margin-top: 0 !important;}
    .topic-resource-top{margin-bottom: 10px !important;flex-wrap: wrap !important;justify-content: flex-start !important;}
    .topic-row {margin-bottom: 30px !important;}
    .topic-title {font-size: 20px !important;min-width: 100% !important;}
    .paymentsTab-status-text, .notificationsTab-status-text, .profileTab-verification-status-text{font-size: 14px !important;min-width: 100% !important;}
    .paymentsTab-status-indicator{max-width: 100% !important;}
    .profileTab-save-mobile-button{min-width: 100% !important; width: 100% !important;}
    .profileTab-verification-status-text{width: 100% !important;min-width: 100% !important; font-size: 14px !important;}
    .profileTab-verification-status{width: 100% !important;}
    .profileTab-verification-status-indicator {min-width: 100% !important;position: relative !important;justify-content: left !important;margin-left: 15px;}
    .profileTab-verification-status-indicator.shifted {right: 50% !important;transform: translateX(50%) !important;}
    .profileTab-left-col, .profileTab-right-col {margin-left: 0 !important; margin-right: 0 !important}
    .profileTab-save-wrapper-desktop{display: none !important;}
    .profileTab-save-wrapper-mobile{display: flex !important; flex-direction: column !important; width: 100% !important; align-items: stretch !important;}
    .profileTab-checklist-wrap { order: 2 !important; margin-top: 24px !important; }
    .profileTab-social-section { order: 1 !important; margin-top: 0 !important; }
    .private-profile-bio-wrapper{flex-direction: column; gap: 30px; margin: auto}
    .public-header{margin-left: 0; margin-right: 0;}
    .public-header-profile{margin: 0 0 -136px 15px !important}
    .public-profile-info-wrapper{margin-bottom: 0 !important;}
    .public-profile-info-stats{justify-content: space-evenly; margin-top: 15px; margin-bottom: 30px !important}
    .public-profile-info-social-wrapper{position:absolute !important; margin-top: -45px !important;}
    .rlv-wrapper {flex-direction: column;padding: 8px !important;}
    .rlv-left-col-wrapper {width: 100% !important;border: none !important;}
    .rlv-right-col-wrapper {width: 100%;padding: 0;}
    .rlv-user-info {flex-direction: column;align-items: flex-start;margin-top: 8px;}
    .rlv-profile-link {width: 100%;margin-bottom: 8px;}
    .rlv-profile-wrapper {width: 100%;justify-content: space-between;}
    .rlv-price-paid, .rlv-price-free {margin-top: 8px;margin-right: 0;align-self: flex-end;}
    .rlv-post-wrapper {width: 100%;}
    .rlv-title, .rlv-description {width: 100%;}
    .rlv-title {margin-top: -20px; max-width: 90% !important}
    .rlv-icon-tags-wrapper {flex-direction: column;width: 100%;}
    .rlv-icon-wrapper, .rlv-tags-wrapper {margin-top: 8px;}
    .rlv-icon {display: flex;align-items: center;margin-right: 8px;}
    .rlv-tags-wrapper {display: flex;flex-wrap: wrap;}
    .feed-tags {margin-right: 8px;margin-bottom: 8px;}
    .action-divider{width: calc(100vw - 30px) !important; margin-left: -45px !important;}
    .sellers-commission-wrapper{padding: 0 !important;margin: 1px !important;}
    .sellers-commission{flex-direction: column !important;}
    .sellers-commission-percentage, .sellers-commission-free {font-size: 160px !important;font-weight: 600 !important;}
    .sellers-who-can-sell-wrapper{margin-top: 90px !important; text-align-last: center !important}
    .sellers-header h1{font-size: 40px !important;font-weight: 700 !important;text-align: center !important;}
    .sellers-how-it-works-wrapper{padding: 0 30px;}
    .sellers-supported-app-wrapper{gap: 0 !important;}
    .sellers-supported-app img{height: 56px !important;width: 56px !important;}
    .sellers-testimonials{padding: 32px !important;flex-direction: column !important;}
    .main-testimonial {font-size: 26px !important;font-weight: 400 !important;text-align: center !important;max-width: fit-content !important;}
    .secondary-testimonials-wrapper {flex-direction: column;}
    .sellers-commission-wrapper h2{font-size: 30px !important;font-weight: 600 !important;}
    .sellers-footer-image{width: calc(100vw - 36px) !important;height: 432px !important;}
    .footer-bar {flex-direction: column !important;margin-left: 15px;gap: 40px;}
    .footer-resource-wrapper {margin-top: 16px;max-height: 207px;}
    .footer-social {order: -1;margin-bottom: 48px;align-self: center;gap: 40px;}
    .footer-logo{display: none;}
    .footer-middle-input-wrapper{margin-bottom: 0;}
    .footer-left-col{align-self: center !important}
    .sponsored-tag{margin: 0 !important;left: 15px !important;top: 10px !important;z-index: 100 !important;}
    .popular-searches-wrapper{flex-flow: column !important;font-size: 12px;}
    .popular-searches-wrapper h5{display: none;}
    .ad-searchpage {margin-bottom: 16px !important; width: 100% !important;}
    .search-reset-filters-button{margin: 4px 0 0 32px !important; padding: 0 !important; }
    .search-page-filters-title{padding-bottom: 0 !important; font-size: 18px !important; }
    .search-page-filter-date-wrapper{width: auto!important;     place-items: self-end; !important;}
    .search-page-bar-title h1{font-size: 32px !important}
    .search-filters-date-titles {font-size: 15px !important}
    .search-page-filters-sortby{font-size: 12px !important}
    .popular-search-term {font-size: 12px !important; padding: 8px 6px !important; height: 32px !important}
    .skeleton-term {height: 32px !important;}
    .rewardsTab-cheatsheet-wrapper{margin: 0 -48px -48px -48px !important;padding: 24px 12px !important;width: calc(100% + 96px) !important;}
    .appsPlatform-no-resources { margin: 20px auto !important}
    .action-seeit {display: flex;justify-content: center !important; margin: 0 0 24px -30px;}
    .carousel-control-next, .carousel-control-prev {background: none !important; height: 24px; width: 24px;}
    .carousel-timer{display: none}
    /* .banner-selling{height: auto !important;} */
    /* .banner-selling-text{font-size: 14px; margin: 0 16px 0 0} */
    /* .banner-selling-button{font-size: 14px !important; margin: 0 !important} */
    .seller-notification, .seller-notification .seller-notification-button{font-size: 14px !important}
    .admin-panel-title {flex-direction: column !important; margin-bottom: 10px !important; padding: 6px !important; justify-content: space-between !important; align-content: center; gap: 8px !important;}
    .admin-panel { margin: 12px 0 !important; padding: 12px !important; }
    .admin-testUser-wrapper { padding: 6px 12px !important; justify-content: center !important; }
    .admin-paid-wrapper { padding: 6px 12px !important; justify-content: center !important; }
    .admin-panel-content { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 8px 0 !important; justify-content: flex-start !important; }
    .admin-panel-content #buttons { flex: 1 1 calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 0 !important; margin: 0 !important; }
    .admin-panel-content .atc-root { flex: 0 0 100% !important; width: 100% !important; min-width: 0 !important; }
    .atc-tab-bar { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; }
    .atc-tab-bar::-webkit-scrollbar { display: none !important; }
    .atc-tab { flex-shrink: 0 !important; font-size: 11px !important; padding: 7px 10px !important; white-space: nowrap !important; }
    .uc-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 14px !important; }
    .uc-search-wrap { max-width: 100% !important; width: 100% !important; min-width: 0 !important; }
    .mac-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; padding: 12px 14px !important; }
    .mac-header-right { width: 100% !important; }
    .admin-analytics-wrapper { flex-direction: column !important; }
    .aa-summary { grid-template-columns: repeat(2, 1fr) !important; }
    .ah-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .skeleton.avatar {width: 100px;height: 100px;}
    .skeleton-stats, .skeleton.text1{display: none;}
    .generate-hero-row{padding: 42px 12px 56px 20px !important; flex-direction: column !important}
    .generate-hero-right{min-width: auto !important;}
    .generate-hero-title{font-size: 33px !important;}
    .generate-hero-text {font-size: 15px !important}
    .generate-textarea {font-size: 16px !important}
    .generate-reset-icon {top: 10px !important; right: 10px !important}
    .main-logo-aspire{display: none !important;}
    .ai-notification-text{font-size: 15px !important;}
    .ai-notification-button{font-size: 15px !important;}
    .approach-row { flex-direction: column !important; gap: 45px !important; align-items: center !important; }
    .approach-col {  margin: 0 auto !important; }
    .approach-card--left { padding: 48px 36px !important; width: 100% !important; }
    .approach-title { font-size: 48px !important; }
    .approach-logos-inside { gap: 12px !important; margin-bottom: 20px !important; }
    .approach-logo { width: 46px !important; }
    .approach-logo-secondary { height: 44px !important; }
    .approach-subtitle { font-size: 16px !important; padding: 24px !important; }
    .approach-body { padding: 24px 15px !important; font-size: 15px !important; }
    .approach-section { padding: 36px 8px !important; }
    .store-workshop__grid { grid-template-columns: 1fr; }
    /* Footer */
    .ft-inner { grid-template-columns: 1fr; padding: 40px 20px 28px; gap: 32px; }
    .ft-newsletter-col { grid-column: auto; }
    .ft-form, .ft-subscribed-msg { max-width: 100%; }
    .ft-bottom { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 20px; }
}

/*Most Tablets will fall under this profile */
@media (min-width: 576px) and (max-width: 767px) {
    .skeleton.avatar {width: 100px;height: 100px;}
    .skeleton-stats, .skeleton.text1{display: none;}
    .container { min-width: 100% !important; max-width: 100% !important; padding-left: 5px !important; padding-right: 5px !important; }
    .header-profile-combo { width: 55%; }
    .header-profile-pic { height: 135px; width: 135px; margin: 20px; }
    .header-profile { position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; max-width: 100vw; width: 100vw; padding: 0; }
    .header-profile-user {}
    .main-logo-large, .button-create, .button-login, .button-signup, .button-switch-admin { display: none; }
    .nav-bar { margin-bottom: 30px; }
    .nav-bar .button-reward-navbar{display: none}
    .navbar-nav .dropdown-menu { display: none; }
    #collapsible-nav-dropdown {display: none !important;}
    /* .main-sidebar {flex-direction: row !important;max-width: 75% !important;min-width: 75% !important;margin: auto !important;} */
    .main-sidebar {padding: 0 !important; flex-direction: row !important;  margin-top: 30px !important}
    .main-sidebar-content:nth-child(2) { min-width: 55% !important; }
    .main-sidebar-content:nth-child(3) { max-width: 60% !important; }
    .main-sidebar-promo { max-width: 50% !important; min-width: 50% !important; margin-left: auto !important; margin-right: auto !important; }
    .account-button-profile-wrapper {top: -232px !important;}
    .resource-post-wrapper { margin-top: 50px !important; margin-right: 15px !important; margin-left: 15px !important; width: calc(100vw - 30px) !important;}
    .action-full-menu-wrapper{min-width: calc(100vw) !important;margin: 24px 0 15px -15px !important;}
    .action-wrapper-child{max-width: calc(100vw - 8%); margin: 0 -15px 0 0 !important; flex-direction: column !important}
    .action-wrapper-author {padding-right: 0 !important;}
    .resource-full{display: none !important}
    .resource-comment-wrapper, .resource-related-wrapper {min-width: calc(100% - 30px) !important;max-width: calc(100% - 30px) !important; margin: 30px -30px 0 15px !important}
    .resource-screenshot{width: auto !important}
    .author-wrapper-author{padding-right: -45px !important}
    .resource-top-row {margin-left: -15px !important }
    .resource-description-wrapper { padding-right: 0 !important; margin-right: -30px !important; }
    .react-sharing-button__icon { width: 16px !important; height: 16px !important; }
    .login-content, .pass-reset-content  { min-width: 80% !important; margin: 0 auto !important; padding: 30px}
    .search-page-bar-title { font-size: 20px !important; width: 100% !important; }
    #screenshot-uploader-spinner { width: calc(100vw - 60px) !important; }
    .admin-review-wrapper { flex-wrap: nowrap !important; }
    .admin-analytics-wrapper { flex-direction: column !important; }
    .aa-summary { grid-template-columns: repeat(2, 1fr) !important; }
    .ah-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .main-header-subtitle { text-align: center !important}
    .main-header-title {font-size: 36px !important;}
    .contact-us-full { flex-direction: column !important; margin-left: 0 !important; margin-right: 0 !important; }
    .contact-us-sidebar { display: flex !important; flex-direction: column !important; align-self: center !important; margin-top: 30px !important; min-width: 100% !important; }
    .tags-row-multi { margin: 60px !important; padding: 0 15px !important; }
    .sharedResources-wrapper { flex-wrap: wrap !important; }
    .sharedResources-posts, .purchasedResources-posts{min-width: 100% !important; padding: 5px !important; }
    .sharedResources-sidebar { min-width: 80% !important; margin: 45px auto 100px auto !important; }
    .contact-us-main{min-width: 100% !important}
    .pass-reset-wrapper{min-width: calc(100vw - 60px) !important; margin: 60px 0 0 10px !important;}
    .register-modal .modal-content{width: auto !important}
    .signup-resource-wrapper{display: none !important}
    .login-wrapper, .pass-reset-wrapper {flex-direction: column;min-width: calc(100vw - 60px) !important; margin: 60px auto 0 auto !important; padding: 5px !important;}
    .resource-full-wrapper{margin-top: -45px  !important}
    .signup-image-container {display: none !important;}
    .signup-container {flex: 0 0 100%;max-width: 100%; !important;}
    .apps-list {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; grid-gap: 0 16px !important;}
    .apps-list-card-wrapper {min-width: 200px !important;}
    .nav-bar-start{display: none !important}
    .share-inputs-wrapper{min-width: 100%; margin: 0 auto 30px auto}
    .resource-screenshot-preview img.small {min-height: 100%; width: auto; height: 275px;}
    .topics-carousel-2 {display: block !important;}
    .topics-carousel-3, .topics-carousel-1 {display: none !important;}
    .public-get-started {min-width: 100% !important;, width: 100% !important;margin: 45px auto 15px 10% !important;}
    .resource-col {font-size: 12px !important;}
    .resource-title{font-size: 20px !important}
    .appsPlatform-title{margin-top: 15px !important}
    .appsPlatform-subtitle {margin: 15px 15px 50px 15px !important;text-align: center !important;}
    .appsPlatform-thumb {margin-top: 0 !important;}
    .topic-resource-top{margin-bottom: 15px !important;flex-wrap: wrap !important;justify-content: flex-start !important;}
    .topic-title {font-size: 26px !important;min-width: 100% !important;}
    .onboarding-col-left{min-width: 80% !important; }
    .profileTab-verification-status-text{width: 100% !important;min-width: 100% !important; font-size: 14px !important;}
    .profileTab-verification-status{width: 100% !important;}
    .profileTab-verification-status-indicator {min-width: 100% !important;position: relative !important;justify-content: left !important;margin-left: 15px;}
    .profileTab-verification-status-indicator.shifted {right: 50% !important;transform: translateX(50%) !important;}
    .profileTab-left-col, .profileTab-right-col {margin-left: 0 !important; margin-right: 0 !important}
    .profileTab-save-wrapper-desktop{display: none !important;}
    .profileTab-save-wrapper-mobile{display: flex !important; flex-direction: column !important; width: 100% !important; align-items: stretch !important;}
    .profileTab-save-mobile-button{min-width: 100% !important; width: 100% !important;}
    .profileTab-checklist-wrap { order: 2 !important; margin-top: 24px !important; }
    .profileTab-social-section { order: 1 !important; margin-top: 0 !important; }
    .action-divider{width: calc(100vw - 60px) !important; margin-left: -30px; !important;}
    .sellers-commission-wrapper{padding: 0 !important;margin: 1px !important;}
    .sellers-commission{flex-direction: column !important;}
    .sellers-commission-percentage, .sellers-commission-free {font-size: 160px !important;font-weight: 600 !important;}
    .sellers-who-can-sell-wrapper{margin-top: 90px !important; text-align-last: center !important}
    .sellers-header h1{font-size: 40px !important;font-weight: 700 !important;text-align: center !important;}
    .sellers-how-it-works-wrapper{padding: 0 30px;}
    .sellers-supported-app-wrapper{gap: 0 !important;}
    .sellers-supported-app img{height: 56px !important;width: 56px !important;}
    .sellers-testimonials{padding: 32px !important;flex-direction: column !important;}
    .main-testimonial {font-size: 26px !important;font-weight: 400 !important;text-align: center !important;max-width: fit-content !important;}
    .secondary-testimonials-wrapper {flex-direction: column;}
    .sellers-commission-wrapper h2{font-size: 30px !important;font-weight: 600 !important;}
    .sellers-footer-image{width: calc(100vw - 36px) !important;height: 432px !important;}
    .footer-bar {flex-direction: column !important;margin-left: 15px;gap: 40px;}
    .footer-resource-wrapper {margin-top: 16px;max-height: 207px;}
    .footer-social {order: -1;margin-bottom: 48px;align-self: center;gap: 40px;}
    .footer-logo{display: none;}
    .footer-middle-input-wrapper{margin-bottom: 0;}
    .footer-left-col{align-self: center !important}
    .popular-searches-wrapper{flex-flow: column !important;font-size: 13px;}
    .popular-searches-wrapper h5{margin: 0 0 15px 5px !important}
    .ad-searchpage,.sidebar-request-content  {margin: 16px auto !important; width: 100% !important; max-width: 75% !important}
    .promo-homepage{width: 100% !important}
    .appsPlatform-no-resources {text-align: center !important; margin: 20px auto !important}
    .action-seeit {display: flex;justify-content: center !important; margin: 0 0 24px -30px;}
    .carousel-timer{display: none}
    .main-logo-aspire{display: none !important;}
    .approach-row { flex-direction: column !important; gap: 40px !important; }
    .approach-col { width: 100% !important; }
    .approach-card--left { padding: 40px 30px !important; }
    .approach-title { font-size: 60px !important; }
    .approach-logos-inside { gap: 10px !important; margin-bottom: 16px !important; }
    .approach-logo { width: 42px !important; }
    .approach-logo-secondary { height: 40px !important; }
    .approach-subtitle { font-size: 16px !important; padding: 26px !important; }
    .approach-body { padding: 36px 12px !important; font-size: 16px !important; }
    .approach-section { padding: 56px 40px !important; }
    .store-inner { padding: 0 16px; }
    .store-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
    .store-card__thumb { height: 120px; }
    .store-workshop__grid { grid-template-columns: 1fr 1fr; }
    .store-page-header { top: 0; }
    /* Footer */
    .ft-inner { grid-template-columns: 1fr 1fr; gap: 36px; padding: 48px 28px 36px; }
    .ft-newsletter-col { grid-column: 1 / -1; }
    .ft-form, .ft-subscribed-msg { max-width: 100%; }
    /* Navbar logo */
    [data-theme="dark"] .main-logo-large.logo-dark { display: none; }
    /* Admin */
    .admin-panel-title { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; padding: 8px !important; }
    .admin-panel-content { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 8px 0 !important; justify-content: flex-start !important; }
    .admin-panel-content #buttons { flex: 1 1 calc(33.33% - 6px) !important; max-width: calc(33.33% - 6px) !important; min-width: 0 !important; margin: 0 !important; }
    .admin-panel-content .atc-root { flex: 0 0 100% !important; width: 100% !important; }
}

/*Some Tablets will fall under this profile */
@media (min-width: 768px) and (max-width: 992px) {
    .container {min-width: 100% !important;  margin-left: auto !important;  margin-right: auto !important;}
    .signup-resource-wrapper {margin-bottom: 0 !important;}
    .resource-full-mobile{display: none !important}
    .header-profile-combo {width: 55%;}
    .header-profile-list {width: 39%;}
    .nav-bar {padding: 0 8px;}
    .navbar-brand{margin-right: 0 !important; padding-right: 0 !important}
    .main-logo-large{display: none}
    .side-bar-toggle {display: none;}
    .main-sidebar {padding: 0 !important; flex-direction: row !important; margin-top: 30px !important}
    .main-sidebar-content {min-width: 50% !important;}
    .main-sidebar-promo {max-width: 40% !important;}
    .resource-edit-wrapper {margin: 20px auto !important;  max-width: 100% !important;  justify-content: center !important;}
    .resource-comment-wrapper, .resource-related-wrapper {min-width: calc(100% - 30px) !important;max-width: calc(100% - 30px) !important; margin: 30px -30px 0 15px !important}
    .login-wrapper  { min-width: 100% !important; }
    .login-content  { min-width: 80% !important; margin: 0 auto !important; padding: 30px}
    .card-collections {margin-top: 0 !important;}
    .main-header {flex-direction: column !important;  text-align-last: center !important;}
    .button-create, .button-search {font-size: 14px !important;  padding-left: 5px !important;  padding-right: 5px !important;}
    .contact-us-full {flex-direction: column !important;}
    .contact-us-main{min-width: 100% !important}
    .contact-us-sidebar {display: inline-flex !important;  max-width: 900% !important;}
    .tags-row-multi { padding: 0 15px !important;}
    .sharedResources-wrapper {flex-wrap: wrap !important;}
    .sharedResources-posts {min-width: 100% !important;}
    .sharedResources-sidebar {min-width: 70% !important;  margin: 45px auto 200px auto !important;}
    .action-wrapper-child{margin-left: 10px !important;;}
    .signup-image-container {display: none !important;}
    .signup-container {flex: 0 0 100%;max-width: 100%; !important;}
    .share-inputs-wrapper{min-width: 80%; margin: 0 auto 30px auto}
    .resource-screenshot-preview img.small {min-height: 100%;width: auto;height: 365px;}
    .topics-carousel-2 {display: block !important;}
    .topics-carousel-3, .topics-carousel-1 {display: none !important;}
    .public-get-started {min-width: 100% !important;, width: 100% !important;margin: 45px auto 15px 10% !important;}
    .profileTab-verification-status-text{width: 100% !important;min-width: 100% !important; font-size: 14px !important;}
    .profileTab-verification-status{width: 100% !important;}
    .profileTab-verification-status-indicator {min-width: 100% !important;position: relative !important;justify-content: left !important;margin-left: 15px;}
    .profileTab-verification-status-indicator.shifted {right: 50% !important;transform: translateX(50%) !important;}
    .profileTab-left-col, .profileTab-right-col {margin-left: 0 !important; margin-right: 0 !important}
    .profileTab-save-wrapper-desktop{display: none !important;}
    .profileTab-save-wrapper-mobile{display: flex !important; flex-direction: column !important; width: 100% !important; align-items: stretch !important;}
    .profileTab-save-mobile-button{min-width: 100% !important; width: 100% !important;}
    .profileTab-checklist-wrap { order: 2 !important; margin-top: 24px !important; }
    .profileTab-social-section { order: 1 !important; margin-top: 0 !important; }
    .sellers-commission {flex-direction: column !important;}
    .nav-bar-start-item{padding: 4px !important; font-size: 14px !important}
    .footer-bar {flex-direction: column !important;margin-left: 15px;gap: 40px;}
    .footer-resource-wrapper {margin-top: 16px;max-height: 207px;}
    .footer-social {order: -1;margin-bottom: 48px;align-self: center;gap: 40px;}
    .footer-logo{display: none;}
    .footer-middle-input-wrapper{margin-bottom: 0;}
    .footer-left-col{align-self: center !important}
    .popular-searches-wrapper{flex-flow: column !important;font-size: 13px;}
    .popular-searches-wrapper h5{margin: 0 0 15px 5px !important}
    .ad-searchpage,.sidebar-request-content  {margin: 16px auto !important; width: 100% !important; max-width: 75% !important}
    .promo-homepage{width: 100% !important}
    .carousel-timer{display: none}
    .generate-hero-row {padding: 60px 24px !important;}
    .main-logo-aspire{display: none !important;}
    .approach-row { flex-direction: column !important; gap: 45px !important; align-items: center !important; }
    .approach-col { width: 80% !important; margin: 0 auto !important; }
    .approach-card--left { padding: 48px 36px !important; width: 100% !important; }
    .approach-title { font-size: 64px !important; }
    .approach-logos-inside { gap: 12px !important; margin-bottom: 20px !important; }
    .approach-logo { width: 46px !important; }
    .approach-logo-secondary { height: 44px !important; }
    .approach-subtitle { font-size: 18px !important; padding: 24px !important; }
    .approach-body { padding: 52px 40px !important; font-size: 18px !important; }
    .approach-section { padding: 64px 48px !important; }
    .store-filter-inner { flex-wrap: wrap; }
    .store-search-wrap { min-width: 100%; order: -1; }
    /* Footer */
    .ft-inner { grid-template-columns: 1fr 1fr; gap: 36px; padding: 48px 28px 36px; }
    .ft-newsletter-col { grid-column: 1 / -1; }
    .ft-form, .ft-subscribed-msg { max-width: 100%; }
    /* Mini logo show/swap for tablet (large logo hidden at line 695) */
    .main-logo-small.logo-default { display: inline !important; }
    [data-theme="dark"] .main-logo-small.logo-default { display: none !important; }
    [data-theme="dark"] .main-logo-small.logo-dark    { display: inline !important; }
    .contact-left-panel .signup-container{margin: auto !important;}
    .ah-grid { grid-template-columns: repeat(2, 1fr) !important; }

}

/*Small or Low res Laptops will fall under this profile */
@media (min-width: 992px) and (max-width: 1200px) {
    [data-theme="dark"] .main-logo-small.logo-dark { display: none; }
    .container {min-width: 100%;}
    .resource-full-mobile {display: none !important}
    .nav-bar-start a{padding: 8px !important}
    .nav-bar {padding: 0 8px;}
    .main-logo-small {display: none;}
    .side-bar-toggle {display: none;}
    .main-sidebar {flex-direction: row !important; margin-top: 30px !important;}
    .main-sidebar-content {min-width: 33% !important;}
    .main-sidebar-promo {max-width: 33% !important;}
    .card-collections {margin-top: 0 !important;}
    .feed-public-wrapper {max-width: 85%;margin-inline: auto;}
    .signup-resource-wrapper {margin-bottom: 0 !important;}
    .action-wrapper-child{margin-left: 10px !important;;}
    .resource-full-wrapper {margin-right: 15px;}
    .signup-image-container {display: none !important;}
    .signup-container {flex: 0 0 100%;max-width: 100%;!important;}
    .resource-screenshot-preview img.small {min-height: 100%;width: auto;height: 305px;}
    .sellersFAQ-accordion {width: 912px;margin: 0 auto;}
    .share-wrapper{flex-flow: nowrap; max-width: fit-content !important;}
    .share-inputs-wrapper{min-width: 35%; !important; max-width: 400px !important ; margin-right: -15px; margin-left: -15px}
    .footer-bar{margin-left: 30px;}
    .footer-resource-wrapper {margin-top: 0 !important;}
    .footer-logo-mobile{display: none !important}
    .ad-searchpage,.sidebar-request-content {min-width: 320px!important; margin: 16px auto !important; width: 100% !important; max-width: 75% !important}
    .resource-related-wrapper, .resource-comment-wrapper{min-width : auto !important; max-width: 100% !important; width: 75% !important; margin: auto}
    .resource-related-wrapper{align-items: center !important;}
    .main-logo-aspire-mobile{display: none !important}
    .approach-col { width: 50% !important; }
    .approach-card--left { padding: 36px !important; }
    .approach-title { font-size: 56px !important; line-height: 1.05 !important; }
    .approach-logos-inside { margin-bottom: 28px !important; gap: 14px !important; }
    .approach-logo { width: 50px !important; }
    .approach-logo-secondary { height: 46px !important; }
    .approach-subtitle { font-size: 18px !important; padding: 26px !important; }
    .approach-body { font-size: 17px !important; padding: 24px 20px !important; line-height: 1.8 !important; }
    .approach-section { padding: 64px !important; }
    .contact-left-panel .signup-container{margin: auto !important;}
    .signup-container-wrapper{margin-bottom: 96px !important;}

}

@media (min-width: 1200px) and (max-width: 1600px) {
    .container {max-width: 1400px;}
    .resource-full-mobile{display: none !important}
    .nav-bar {padding: 0 8px;}
    .main-logo-small {display: none;}
    .side-bar-toggle {display: none;}
    .contact-us-full {margin-left: 30px !important;  margin-right: 30px !important;}
    .feed-public-wrapper {max-width: 70%;  margin-inline: auto;}
    .header-signup-learnmore-wrapper {display: flex;  place-items: center;  justify-content: flex-start;}
    .homepage-sidebar {width: 25% !important;}
    .action-wrapper-child{margin-left: 10px !important;;}
    .resource-full-wrapper {margin-right: 15px;}
    .share-wrapper{flex-flow: nowrap;}
    .share-inputs-wrapper{min-width: 450px;}
    .resource-screenshot-preview img.small {min-height: 100%;width: auto;height: 400px;}
    .public-full-page {width: 988px !important;}
    .sellersFAQ-accordion {width: 912px;margin: 0 auto;}
    .sellers-who-can-sell-category:first-child img {margin-left: 15px;}
    .footer-left-col{margin-left: 30px;}
    .footer-logo-mobile{display: none !important}
    .main-sidebar-promo {padding-top: 84px; margin-bottom: 30px }
    .main-sidebar-content{min-width: min-content !important;}
    .main-logo-aspire-mobile{display: none !important}
    /* .approach-row { gap: 40px !important; } */
    .approach-col { width: 50% !important; }
    .approach-card--left { padding: 36px !important; }
    .approach-title { font-size: 72px !important; line-height: 1.05 !important; }
    .approach-logos-inside { margin-bottom: 28px !important; gap: 14px !important; }
    .approach-logo { width: 50px !important; }
    .approach-logo-secondary { height: 46px !important; }
    .approach-subtitle { font-size: 22px !important; padding: 32px !important; }
    .approach-body { font-size: 18px !important; padding: 36px !important; line-height: 1.8 !important; }
    .approach-section { padding: 80px 64px !important; }
    [data-theme="dark"] .main-logo-small.logo-dark { display: none; }
}

@media (min-width: 1600px) {
    .container {max-width: 1400px;  margin-left: auto;  margin-right: auto;}
    .resource-full-mobile{display: none !important}
    .main-logo-small {display: none;}
    .side-bar-toggle {display: none;}
    .action-wrapper-child{margin-left: 48px !important;}
    .feed-public-wrapper {max-width: 70%;  margin-inline: auto;}
    .header-signup-learnmore-wrapper {display: flex;  place-items: center;  justify-content: flex-start;}
    .homepage-sidebar {width: 25% !important;}
    .resource-full-wrapper {margin-right: 15px;}
    .share-wrapper{flex-flow: nowrap; min-width: 33%;}
    .share-inputs-wrapper{min-width: 450px}
    .resource-screenshot-preview img {min-width: auto;}
    .resource-screenshot-preview img.small {min-height: 100%;width: auto;height: 485px;}
    .public-full-page {width: 988px !important;}
    .sellersFAQ-accordion {width: 912px;margin: 0 auto;}
    .sellers-who-can-sell-category:first-child img {margin-left: 15px;}
    .footer-left-col{margin-left: 30px;}
    .footer-logo-mobile{display: none !important}
    .carousel-control-next {right: -60px !important;}
    .carousel-control-prev {left: -60px !important;}
    /* .card-top-apps {padding-top: 70px;} */
    .main-sidebar-promo {padding-top: 84px; margin-bottom: 30px }
    .main-logo-aspire-mobile{display: none !important}
    [data-theme="dark"] .main-logo-small.logo-dark { display: none; }
}


/*MEDIA Color Coding for viewport testing*/
/*Comment out everything below before pushing*/

/*@media (min-width: 1px) and (max-width: 415px) {*/
/*  body {*/
/*    background-color: #591188;*/
/*  }*/
/*}*/
/*@media (min-width: 415px) and (max-width: 500px) {*/
/*  body {*/
/*    background-color: #eaacf8;*/
/*  }*/
/*}*/
/*@media (min-width: 501px) and (max-width: 575px) {*/
/*  body {*/
/*     background-color: #00eaff;*/
/*  }*/
/*}@media (min-width: 576px) and (max-width: 767px) {*/
/*  body {*/
/*     background-color: red;*/
/*  }*/
/*}*/
/*@media (min-width: 768px) and (max-width: 991px) {*/
/*  body {*/
/*     background-color: yellow;*/
/*  }*/
/*}*/
/*@media (min-width: 992px) and (max-width: 1199px) {*/
/*  body {*/
/*     background-color: mediumpurple;*/
/*  }*/
/*}*/
/*@media (min-width: 1200px) and (max-width: 1599px) {*/
/*  body {*/
/*    background-color: orange;*/
/*  }*/
/*}*/
/*@media (min-width: 1600px) {*/
/*  body {*/
/*    background-color: skyblue;*/
/*  }*/
/*}*/

/* ── Influencer Profile Page responsive ──────────────────────────────────── */
@media (max-width: 415px) {
    .ip-card--bio, .ip-card--niches, .ip-card--metrics, .ip-card--contact, .ip-card--meta {
        grid-column: span 12;
    }
    .ip-hero__body { flex-direction: column; gap: 20px; }
    .ip-hero__actions { align-items: flex-start; }
    .ip-hero__name { font-size: 1.4rem; }
}

@media (min-width: 415px) and (max-width: 767px) {
    .ip-card--bio, .ip-card--niches, .ip-card--metrics, .ip-card--contact, .ip-card--meta {
        grid-column: span 12;
    }
    .ip-hero__body { flex-direction: column; gap: 24px; }
    .ip-hero__actions { align-items: flex-start; flex-direction: row; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .ip-card--bio     { grid-column: span 12; }
    .ip-card--niches  { grid-column: span 12; }
    .ip-card--metrics { grid-column: span 6; }
    .ip-card--contact { grid-column: span 6; }
    .ip-card--meta    { grid-column: span 12; }
}

/* ── Contact Page — responsive ─────────────────────────────────────────────── */
@media (max-width: 415px) {
    .contact-page-root  { flex-direction: column !important; }
    .contact-left-panel { flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 24px 16px !important; width: 100% !important; }
    .contact-form-card  { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (min-width: 415px) and (max-width: 500px) {
    .contact-page-root  { flex-direction: column !important; }
    .contact-left-panel { flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 24px 20px !important; width: 100% !important; }
    .contact-form-card  { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (min-width: 500px) and (max-width: 576px) {
    .contact-page-root  { flex-direction: column !important; }
    .contact-left-panel { flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 32px 24px !important; width: 100% !important; }
    .contact-form-card  { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .contact-page-root  { flex-direction: column !important; }
    .contact-left-panel { flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 40px 32px !important; width: 100% !important; }
    .contact-form-card  { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (min-width: 768px) and (max-width: 992px) {
    .contact-page-root  { flex-direction: column !important; }
    .contact-left-panel { flex: 0 0 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 48px 40px !important; width: 100% !important; }
    .contact-form-card  { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .contact-left-panel { padding: 60px 60px !important; }
}

/* ── Mini Apps Grid (homepage) — migrated from stylingIndex.css ─────────────── */
@media (max-width: 1100px) {
    .mag-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
    .mag-grid { grid-template-columns: repeat(2, 1fr); }
    .mag-section { padding: 32px 0 60px; }
}
@media (max-width: 415px) {
    .mag-grid { grid-template-columns: 1fr; }
}