@media (min-width: 1450px) {
.container-xxl {
max-width: 1600px !important;
}
}

@media (min-width: 1600px) {
.container-xxl {
max-width: 1800px !important;
}
}

@media (max-width: 991px) {
.container {
width: 95%;
padding: 0 10px;
}
.section-1 {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}

.section-1 .hero-content {
margin: 0 auto;
padding: 2rem 1rem;
text-align: center;
width: 100%;
max-width: 600px;
position: relative;
left: 0;
}

.section-1 .hero-title {
font-size: 2.2rem !important;
line-height: 1.2;
margin-bottom: 1rem;
text-align: center;
position: relative;
left: 0;
width: 100%;
}

.section-1 .hero-description {
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 1.5rem;
text-align: center;
}

.section-1 .button-container {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
}

.section-1 .start-btn,
.section-1 .pricing-btn {
width: 100%;
max-width: 300px;
margin: 0;
}

.section-1 .integration-logos {
justify-content: center;
}

.hero-image-container {
margin-top: 30px;
text-align: center;
}

.hero-main-image {
max-width: 90%;
margin: 0 auto;
}

.logo-small {
text-align: center;
}

.navbar-collapse.collapse,
.navbar-collapse.collapsing,
.navbar-collapse.collapse.show {
display: none !important;
height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
z-index: -1 !important;
}

.desktop-menu {
display: none !important;
}

.mobile-menu-toggle {
display: block !important;
}

.navbar-toggler {
display: block !important;
}

header .navbar-nav {
align-items: flex-start !important;
}

header .navbar-nav .nav-item {
margin: 5px 0 !important;
}

.mobile-menu-container a,
.mobile-menu-container .nav-link {
padding-left: 0 !important;
}

.mobile-menu-container {
display: flex;
flex-direction: column;
height: 100vh;
position: relative;
}

.mobile-menu {
flex: 1;
}

.mobile-menu-footer {
text-align: center;
padding: 30px 0;
margin-top: auto;
}

.mobile-menu-footer img {
filter: grayscale(100%);
opacity: 0.7;
max-width: 150px;
height: auto;
}

.section-2 .feature-image-container,
.features-image-wrapper,
.features-image-wrapper img,
.section-3 .feature-image-container,
.section-3 .feature-image {
display: none !important;
}

.section-2 .feature-content,
.section-3 .feature-content {
padding: 0 !important;
margin: 0 !important;
}

.section-3 {
padding: 40px 0 !important;
}

.col-lg-5.position-relative {
display: none !important;
}

.section-3 .row {
margin: 0 !important;
}

.section-3 .row > [class*="col-"] {
padding: 0 !important;
}

.section-3 .feature-card {
margin-top: 20px;
}

/* Login Section Responsive */
.login-container {
flex-direction: column;
width: 95%;
max-width: 500px;
}

.login-image-side {
height: 200px;
order: -1;
border-radius: 20px 20px 0 0;
}

.login-form-side {
padding: 40px 25px;
}

.login-welcome-title {
font-size: 28px;
}

.login-welcome-subtitle {
font-size: 14px;
padding: 0 20px;
}

.social-login {
flex-direction: column;
}

.social-button {
width: 100%;
}

.register-section {
flex-direction: column;
height: auto;
overflow-y: auto;
}

.register-section .register-form-side {
width: 100%;
padding: 2rem;
display: flex;
align-items: center;
text-align: center;
}

.register-section .register-form {
width: 100%;
max-width: 500px;
margin: 0 auto;
}

.register-section .register-title,
.register-section .register-subtitle {
text-align: center;
}

.register-section .register-image-side {
width: 100%;
min-height: 300px;
}
.login-section .login-form {
width: 100% !important;
}
.mobile-menu-container {
display: flex;
}

.navbar-collapse.collapse {
display: none !important;
}

.mobile-menu-toggle {
display: block !important;
}
.register-section {
flex-direction: column;
height: auto;
overflow-y: auto;
}

.register-section .register-form-side {
width: 100%;
padding: 2rem;
display: flex;
align-items: center;
text-align: center;
}

.register-section .register-form {
width: 100%;
max-width: 500px;
margin: 0 auto;
}

.register-section .register-title,
.register-section .register-subtitle {
text-align: center;
}

.register-section .register-image-side {
width: 100%;
min-height: 300px;
}

.register-section .register-brand {
margin-top: 2rem;
}

.register-section .register-welcome-title {
font-size: 28px;
}

.register-section .register-welcome-subtitle {
font-size: 14px;
padding: 0 20px;
}

.register-section .social-login {
flex-direction: column;
}

.register-section .social-button {
width: 100%;
}

.back-home-button span {
display: none;
}

.back-home-button {
padding: 10px;
}

.back-home-button i {
margin: 0;
}

.save-button-container {
flex-direction: column !important;
gap: 16px !important;
padding: 0 16px 16px !important;
}

.save-button-container button {
width: 100% !important;
justify-content: center !important;
}

.btn-disconnect-discord,
.btn-save {
height: 48px !important;
font-size: 14px !important;
}
}

@media (min-width: 992px) {
.mobile-menu-container,
.mobile-menu-overlay {
display: none !important;
}

.mobile-menu-toggle {
display: none !important;
}

.navbar-toggler {
display: none !important;
}
}

@media (max-width: 575px) {
.reference-form-section {
padding: 48px 32px;
margin-top: 60px;
}
.pricing-comparison-section {
padding: 24px 0;
}

.comparison-feature {
padding: 14px;
font-size: 14px;
}

.comparison-value {
padding: 16px;
}

.package-name {
font-size: 18px;
}

.package-price {
font-size: 24px;
margin: 12px 0;
}

.package-price small {
font-size: 14px;
}

.package-trial {
padding: 8px 14px;
font-size: 12px;
}

.feature-search {
font-size: 12px;
padding: 5px 10px 5px 28px;
}

.search-wrapper i {
font-size: 12px;
left: 8px;
}
.register-section .register-form-side {
padding: 1.5rem;
}

.register-section .input-flex-group {
flex-direction: column;
margin-bottom: 0;
}

.register-section .input-flex-group .form-group {
width: 100%;
}

.register-section .social-login {
flex-direction: column;
}

.register-section .social-button {
width: 100%;
}

.register-section .register-options {
flex-direction: column;
align-items: center;
gap: 15px;
width: 100%;
}

.register-section .form-check-label {
flex-wrap: wrap;
justify-content: center;
}

body {
height: auto;
overflow-y: auto;
}

.register-section .register-image-side {
display: none;
}

.register-section .register-title {
font-size: 24px;
}

.register-section .register-subtitle {
font-size: 14px;
margin-bottom: 30px;
}

.register-section .register-welcome-title {
font-size: 24px;
margin-bottom: 10px;
}

.register-section .register-welcome-subtitle {
font-size: 13px;
padding: 0 10px;
}

.register-section .register-options {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}

.register-section .register-button {
height: 50px;
font-size: 15px;
}

.register-section .register-form .form-control {
height: 50px;
}

.register-section .input-flex-group {
flex-direction: column;
gap: 0;
}

.register-section .input-flex-group .form-group {
margin-bottom: 25px;
}

.register-section .forgot-password {
width: 100%;
text-align: center;
}

.register-section .register-welcome-text {
display: none;
}
.login-section .login-title {
font-size: 24px;
}
.register-section .register-subtitle {
font-size: 14px;
margin-bottom: 30px;
}
.container {
width: 98%;
padding: 0 5px;
}

.login-page {
width: 100%;
border-radius: 0;
}

.login-form-container {
padding: 0;
}

.login-title {
font-size: 28px;
text-align: center;
}

.login-subtitle {
text-align: center;
}

.social-button span {
display: none;
}

.social-button {
width: 56px;
flex: none;
}

.social-login {
justify-content: center;
}

.login-container {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
width: 100%;
max-width: 100%;
border-radius: 0;
}

.social-btn span {
display: none;
}

.social-btn {
width: 50px;
flex: none;
}

.login-section {
padding: 20px 0;
}

.login-image-side {
border-radius: 0;
}
.login-form-side {
padding: 30px 5%;
}

.register-section .register-form-side {
padding: 1.5rem;
}

.register-section .input-flex-group {
flex-direction: column;
margin-bottom: 0;
}

.register-section .input-flex-group .form-group {
width: 100%;
}

.register-section .social-login {
flex-direction: column;
}

.register-section .social-button {
width: 100%;
}

.register-section .register-options {
flex-direction: column;
align-items: center;
gap: 1rem;
}

.register-section .form-check-label {
flex-wrap: wrap;
justify-content: center;
}
}

/* Responsive Styles */

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
.before-checkout-section .checkout-container {
max-width: 90% !important;
padding: 30px !important;
}

.before-checkout-section .section-title {
font-size: 28px !important;
}
.references-section .reference-content {
gap: 80px;
}

.references-section .reference-title {
font-size: 42px;
}
/* Section 2 - Features Slider */
.section-2 .feature-title {
font-size: 38px;
}

.section-2 .feature-description {
font-size: 15px;
}
}

@media (max-width: 991.98px) {
.framixa-pro-section .pro-card {
margin-bottom: 30px;
}
.before-checkout-section {
padding: 80px 0px 40px !important;
}

.before-checkout-section .section-title {
font-size: 24px !important;
}

.before-checkout-section .checkout-steps {
flex-wrap: wrap !important;
gap: 12px !important;
}

.before-checkout-section .step-item {
padding: 10px 20px !important;
font-size: 13px !important;
}

.before-checkout-section .themes-grid {
grid-template-columns: repeat(auto-fit,minmax(250px, 1fr)) !important;
}

.before-checkout-section .payment-grid {
grid-template-columns: 1fr !important;
}
.profile-section .feature-card {
margin-bottom: 24px !important;
}

.profile-section .header-content {
flex-direction: column !important;
gap: 16px !important;
align-items: flex-start !important;
}

.profile-section .header-actions {
width: 100% !important;
flex-direction: column !important;
gap: 12px !important;
}

.profile-section .search-box {
width: 100% !important;
}

.profile-section .search-box input {
width: 100% !important;
}

.profile-section .btn-primary {
width: 100% !important;
}
.references-section {
padding: 60px 0 !important;
}

.references-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
}

.references-title {
font-size: 32px !important;
}
.references-section {
padding: 80px 0 !important;
}

.references-section .reference-content {
grid-template-columns: 1fr !important;
gap: 64px !important;
}

.references-section .reference-info {
max-width: 100% !important;
text-align: center !important;
}

.references-section .reference-logo {
margin-left: auto !important;
margin-right: auto !important;
}

.references-section .reference-preview {
max-width: 400px !important;
margin: 0 auto !important;
}
.pro-showcase-content {
flex-direction: column !important;
text-align: center !important;
}

.pro-showcase-title {
justify-content: center !important;
}

.pro-showcase-logos {
justify-content: center;
}
.comparison-row {
flex-direction: column;
}

.comparison-value {
width: 100% !important;
border-left: none !important;
border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.pricing-comparison-section {
padding: 40px 0;
}

.comparison-row {
flex-direction: column;
border: none;
margin-bottom: 32px;
background: transparent !important;
}

.comparison-feature {
justify-content: center;
width: 100%;
background: #fff;
border-radius: 16px;
margin-bottom: 16px;
padding: 24px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.comparison-table {
background: transparent !important;
}

.comparison-value {
width: 100%;
background: #fff;
border-radius: 16px;
margin-bottom: 16px;
padding: 24px;
border: none;
}

.comparison-header-row {
position: relative !important;
padding-top: 24px;
margin-top: 24px;
border: none;
}

.comparison-header-row .comparison-feature {
margin-bottom: 32px;
}

.package-name {
font-size: 22px;
}

.package-price {
font-size: 28px;
margin: 16px 0;
}

.package-price small {
font-size: 15px;
}
.section-2 {
padding: 40px 0 !important;
}

.section-2 .row {
flex-direction: column-reverse;
align-items: center;
}

.section-2 .feature-content {
text-align: center;
padding: 20px 10px;
}

.section-2 .feature-image-container {
padding: 0 20px;
margin: 0 auto 30px auto;
display: flex;
justify-content: center;
width: 100%;
}

.section-2 .feature-image {
max-width: 100%;
margin: 0 auto;
}

.section-2 .feature-title {
font-size: 36px;
}

.section-2 .feature-description {
font-size: 16px;
}

.section-2 .feature-image-container {
margin-top: 30px;
}

.section-2 .features-wrapper {
min-height: 650px;
}

.section-2 .row {
flex-direction: column-reverse;
}

.section-2:before {
width: 100%;
background: linear-gradient(
  180deg,
  rgba(248, 249, 255, 0) 0%,
  rgba(248, 249, 255, 1) 100%
);
}
.page-section-title-bg {
display: none;
}
.section-5 {
padding: 0 !important;
}
.pricing-section {
padding: 80px 0;
}

.pricing-title {
font-size: 36px;
}

.pricing-subtitle {
font-size: 16px;
}

.pricing-card {
margin-bottom: 24px;
}
.references-section .breadcrumb {
margin: auto;
}
.changelog-section .changelog-item-date {
text-align: center;
}
.blog-section .blog-image {
min-height: 250px;
}

.blog-section .blog-content {
padding: 24px;
}

.blog-section .blog-title {
font-size: 20px;
}
.profile-section {
flex-direction: column !important;
height: 100vh !important;
overflow: hidden !important;
}

.profile-section .profile-sidebar {
width: 100% !important;
border-right: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
padding: 16px !important;
height: auto !important;
max-height: 80px !important;
overflow: hidden !important;
transition: max-height 0.3s ease;
}

.profile-section .profile-sidebar.collapsed {
width: 100% !important;
padding: 16px !important;
min-height:0 !important;
}


.profile-section .profile-content {
padding: 24px 16px !important;
height: calc(100vh - 80px) !important;
overflow-y: auto !important;
}

.profile-section .profile-user {
margin-bottom: 16px !important;
}

.profile-section .profile-name {
font-size: 18px !important;
}

.profile-section .profile-email {
font-size: 13px !important;
}

.profile-section .profile-credit {
margin-bottom: 8px !important;
}

.profile-section .menu-link {
padding: 10px 12px !important;
}

.profile-section .sidebar-toggle {
top: 23px !important;
transform: rotate(90deg) !important;
}

.profile-section .profile-sidebar:not(.collapsed) {
max-height: 100vh !important;
}

.profile-section .profile-sidebar:not(.collapsed) .sidebar-toggle {
transform: rotate(-90deg) !important;
}

.profile-section .menu-list {
margin-bottom: 16px !important;
}

.profile-section .menu-title {
margin-bottom: 12px !important;
}

.profile-section .menu-divider {
margin: 16px 0 !important;
}
.support-div {
height: calc(100vh - 140px) !important;
}

.support-div .support-list-col {
display: none !important;
}

.support-div .support-chat-col {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 800px !important;
position: relative !important;
background: #fff !important;
display: flex !important;
flex-direction: column !important;
}

.support-div .chat-messages {
padding: 12px !important;
height: calc(100vh - 300px) !important;
max-height: 600px !important;
overflow-y: scroll !important;
display: flex !important;
flex-direction: column !important;
}

.support-div .chat-input {
position: sticky !important;
bottom: 0 !important;
background: #fff !important;
padding: 16px !important;
border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
z-index: 100 !important;
}

.support-div .chat-header {
padding: 12px !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
background: #fff !important;
}

.support-div .chat-info h3 {
font-size: 14px !important;
margin: 0 !important;
color: #64748b !important;
}

.support-div .chat-meta {
gap: 8px !important;
}

.support-div .chat-meta .badge {
padding: 2px 8px !important;
font-size: 11px !important;
}

.support-div .ticket-id {
font-size: 11px !important;
}

.support-div .chat-actions .btn-icon {
width: 32px !important;
height: 32px !important;
border-radius: 8px !important;
}

.support-div .message-content {
max-width: 85% !important;
padding: 12px !important;
}
.support-div .back-btn {
display: flex;
}
.profile-section .sidebar-toggle {
top: 30px !important;
transform: rotate(90deg) !important;
right: 2rem !important;
}
.support-create-div {
padding: 16px !important;
}

.support-create-div .ai-suggestion {
padding: 24px !important;
flex-direction: column !important;
text-align: center !important;
}

.support-create-div .ai-suggestion .ai-content {
margin-bottom: 20px !important;
}

.support-create-div .ai-suggestion p {
max-width: 100% !important;
margin: 0 auto !important;
}

.support-create-div .ai-suggestion .ai-icon {
margin: 16px auto 0 !important;
}

.support-create-div .create-form {
padding: 16px !important;
}

.support-create-div .form-group {
margin-bottom: 16px !important;
}

.support-create-div .form-actions {
flex-direction: column !important;
gap: 12px !important;
}

.support-create-div .btn-ai,
.support-create-div .btn-submit {
width: 100% !important;
justify-content: center !important;
}

.support-create-div .btn-ai {
order: 2 !important;
}

.support-create-div .btn-submit {
order: 1 !important;
}
.support-create-div .working-hours-modal .modal-header {
padding: 20px 24px !important;
}

.support-create-div .working-hours-modal .modal-body {
padding: 24px !important;
}

.support-create-div .working-hours-modal .hours-list li {
padding: 14px 20px !important;
}

.support-create-div .working-hours-modal .day {
font-size: 15px !important;
}

.support-create-div .working-hours-modal .time {
font-size: 14px !important;
padding: 4px 12px !important;
}
.profile-license-settings-div {
padding: 16px !important;
}

.profile-license-settings-div .settings-card {
padding: 16px !important;
}

.profile-license-settings-div .settings-row {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
}

.profile-license-settings-div .settings-info {
width: 100% !important;
}

.profile-license-settings-div .btn-start {
width: 100% !important;
justify-content: center !important;
}

.profile-license-settings-div .verification-modal .modal-content {
margin: 16px !important;
border-radius: 10px !important;
}

.verification-modal .modal-dialog {
margin: 16px !important;
}

.transfer-modal .modal-dialog {
margin: 16px !important;
}

.transfer-modal .modal-header {
padding: 20px 24px !important;
}

.transfer-modal .modal-body {
padding: 24px !important;
}

.transfer-modal .transfer-price {
font-size: 40px !important;
margin: 20px 0 !important;
}

.save-button-container {
padding: 0 16px 16px !important;
}

.btn-save {
width: 100% !important;
justify-content: center !important;
}
.verification-modal .modal-dialog {
margin: 16px;
}
.transfer-modal .modal-dialog {
margin: 16px;
}

.transfer-modal .modal-header {
padding: 20px 24px;
}

.transfer-modal .modal-body {
padding: 24px;
}

.transfer-modal .transfer-price {
font-size: 40px;
margin: 20px 0;
}
.save-button-container {
padding: 0 16px 16px;
}

.btn-save {
width: 100%;
justify-content: center;
}
.profile-discord-management-div {
padding: 16px !important;
}

.profile-discord-management-div .settings-card {
padding: 16px !important;
}

.profile-discord-management-div .settings-row {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
}

.profile-discord-management-div .settings-info {
width: 100% !important;
}

.profile-discord-management-div .btn-start {
width: 100% !important;
justify-content: center !important;
}

.save-button-container {
padding: 0 16px 16px !important;
}

.btn-save {
width: 100% !important;
justify-content: center !important;
}
.profile-security-div {
padding: 16px !important;
}

.profile-security-div .settings-card {
padding: 16px !important;
}

.profile-security-div .settings-row {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
}

.profile-security-div .settings-info {
width: 100% !important;
}

.profile-security-div .btn-start {
width: 100% !important;
justify-content: center !important;
}

.save-button-container {
padding: 0 16px 16px !important;
}

.btn-save {
width: 100% !important;
justify-content: center !important;
}
.profile-edit-div {
padding: 16px !important;
}

.profile-edit-div .settings-card {
padding: 16px !important;
}

.profile-edit-div .form-row {
flex-direction: column !important;
gap: 20px !important;
}

.profile-edit-div .settings-row {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
}

.profile-edit-div .settings-info {
width: 100% !important;
}
.blog-section.in-page {
padding: 40px 0 !important;
}

.blog-section.in-page .section-title {
font-size: 32px !important;
}

.blog-section.in-page .blog-meta {
flex-direction: column !important;
gap: 12px !important;
}

.blog-section.in-page .blog-detail-content {
font-size: 16px !important;
}

.blog-section.in-page .author-image img {
width: 60px !important;
height: 60px !important;
}

.blog-section.in-page .blog-tags {
margin: 32px 0 !important;
justify-content: flex-start !important;
gap: 6px !important;
}

.blog-section.in-page .blog-tags a {
font-size: 13px !important;
padding: 4px 10px !important;
}

.blog-section.in-page .blog-tags i {
display: block !important;
margin-bottom: 8px !important;
}

.blog-section.in-page .blog-share {
margin-top: 32px !important;
padding-top: 32px !important;
}

.blog-section.in-page .blog-share .d-flex {
flex-direction: column !important;
gap: 12px !important;
}

.blog-section.in-page .blog-share .btn {
width: 100% !important;
padding: 12px !important;
font-size: 14px !important;
}

.blog-section.in-page .blog-share h3 {
text-align: center !important;
font-size: 16px !important;
}
.contact-section.in-page {
padding: 40px 0 !important;
}

.contact-section.in-page .section-title {
font-size: 32px !important;
}

.contact-section.in-page .map-container {
height: 400px !important;
margin-bottom: 32px !important;
}

.contact-section.in-page .contact-info-card {
padding: 24px !important;
}

.contact-section.in-page .contact-info-item {
padding-bottom: 24px !important;
}

.contact-section.in-page .company-info:before {
left: -24px !important;
right: -24px !important;
}
.before-checkout-section .order-summary {
border-right: none !important;
border-bottom: 1px solid #e2e8f0 !important;
margin-bottom: 24px !important;
height: auto !important;
position: relative !important;
}

.before-checkout-section .checkout-card {
margin-bottom: 24px !important;
}

.before-checkout-section .payment-section {
padding: 24px !important;
}

.before-checkout-section .summary-section {
padding: 24px !important;
}

.before-checkout-section .product-list {
padding: 24px !important;
}
.addons-section .addon-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
justify-content: start !important;
}
.themes-section .theme-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
justify-content: start !important;
}
}

@media (max-width: 767.98px) {
.framixa-pro-section {
padding: 40px 0;
}

.framixa-pro-section .section-header {
margin-bottom: 40px;
}

.framixa-pro-section .section-title {
font-size: 32px;
}

.framixa-pro-section .section-description {
font-size: 16px;
}

.framixa-pro-section .purchase-bar {
padding: 16px 0;
}

.framixa-pro-section .purchase-container {
flex-direction: column;
gap: 16px;
text-align: center;
}

.framixa-pro-section .purchase-info {
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
}

.framixa-pro-section .purchase-title {
font-size: 18px;
margin-bottom: 4px;
text-align: center;
}

.framixa-pro-section .purchase-price {
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
}

.framixa-pro-section .purchase-button {
width: 100%;
max-width: 200px;
text-align: center;
padding: 12px;
font-size: 16px;
border-radius: 8px;
background: #4F46E5;
margin: 0 auto;
}
.before-checkout-section .checkout-container {
padding: 20px !important;
}

.before-checkout-section .domain-extras {
flex-direction: column !important;
}

.before-checkout-section .domain-extra-item {
min-width: 100% !important;
}

.before-checkout-section .selected-theme-box {
flex-direction: column !important;
align-items: flex-start !important;
gap: 16px !important;
}

.before-checkout-section .theme-preview-small {
width: 100% !important;
height: 160px !important;
}

.before-checkout-section .checkout-actions {
flex-direction: column !important;
gap: 12px !important;
}

.before-checkout-section .btn-back,
.before-checkout-section .btn-checkout {
width: 100% !important;
}

.before-checkout-section .payment-methods h3 {
font-size: 18px !important;
}

.before-checkout-section .credit-usage-label {
font-size: 12px !important;
padding: 4px 8px !important;
}
.themes-section .theme-grid {
grid-template-columns: 1fr !important;
justify-content: start !important;
}

.themes-section .theme-tabs {
flex-wrap: wrap !important;
}

.themes-section .theme-tab {
width: 100% !important;
text-align: center !important;
}

.themes-section {
padding: 40px 0 !important;
}

.themes-section .theme-title {
font-size: 16px !important;
}

.themes-section .theme-price {
font-size: 20px !important;
}
.addons-section .addon-grid {
grid-template-columns: 1fr !important;
justify-content: start !important;
}

.addons-section .addon-tabs {
flex-wrap: wrap !important;
}

.addons-section .addon-tab {
width: 100% !important;
text-align: center !important;
}

.addons-section {
padding: 40px 0 !important;
}

.addons-section .addon-title {
font-size: 16px !important;
}

.addons-section .addon-price {
font-size: 20px !important;
}
.before-checkout-section {
padding: 20px !important;
}

.before-checkout-section .order-summary {
padding: 24px !important;
}

.before-checkout-section .order-title,
.before-checkout-section .payment-title {
font-size: 20px !important;
}

.before-checkout-section .product-name {
font-size: 18px !important;
}

.before-checkout-section .product-price {
font-size: 18px !important;
}

.before-checkout-section .summary-row {
font-size: 14px !important;
}

.before-checkout-section .summary-row.total {
font-size: 16px !important;
margin-top: 16px !important;
padding-top: 16px !important;
}

.before-checkout-section .summary-badge {
width: 100% !important;
justify-content: center !important;
margin-top: 16px !important;
}

.before-checkout-section .payment-method-item {
padding: 12px !important;
}

.before-checkout-section .btn-pay {
padding: 12px !important;
font-size: 14px !important;
}

.before-checkout-section .input-flex-group {
flex-direction: column !important;
}

.before-checkout-section .form-group {
margin-bottom: 16px !important;
}

.before-checkout-section .powered-by {
padding: 20px !important;
justify-content: center !important;
}
.blog-section {
padding: 80px 0 40px;
}

.blog-section .section-header {
margin-bottom: 40px;
}

.blog-section .section-title {
font-size: 28px;
}

.blog-section .blog-card {
margin-bottom: 24px;
}

.blog-section .blog-image {
min-height: 200px;
}

.blog-section .blog-content {
padding: 20px;
}

.blog-section .blog-title {
font-size: 18px;
margin-bottom: 12px;
}

.blog-section .blog-excerpt {
font-size: 14px;
margin-bottom: 16px;
}
.license-check-section {
padding: 40px 0;
}

.license-check-section .license-check-header {
padding: 32px;
margin-bottom: 24px;
}

.license-check-section .license-check-title {
font-size: 32px;
}

.license-check-section .license-check-form {
padding: 24px;
}

.license-check-section .license-result {
padding: 24px;
}

.license-check-section .license-status-icon {
width: 40px;
height: 40px;
}

.license-check-section .license-status-text {
font-size: 20px;
}
.changelog-section {
padding: 64px 0;
}

.changelog-section .changelog-item {
padding: 24px;
}

.changelog-section .changelog-item-version {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.changelog-section .changelog-item-date {
order: 2;
margin-bottom: 0;
}

.changelog-section .changelog-item-version .version-number {
font-size: 48px;
}

.changelog-section .version-cards {
grid-template-columns: 1fr !important;
gap: 16px !important;
margin-bottom: 48px !important;
}
.reference-form-section {
padding: 40px 24px;
margin-top: 48px;
}

.reference-form-title {
font-size: 24px;
}

.reference-form-subtitle {
font-size: 14px;
margin-bottom: 32px;
}
.references-section {
padding: 40px 0;
}

.references-grid {
grid-template-columns: 1fr !important;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}

.reference-card {
padding: 24px;
}

.reference-logo {
width: 100px;
height: 100px;
margin-bottom: 20px;
}

.references-title {
font-size: 28px;
}

.references-subtitle {
font-size: 15px;
}
.references-section {
padding: 64px 0;
}

.references-section .reference-title {
font-size: 36px;
}

.references-section .reference-description {
font-size: 15px;
}

.references-section .breadcrumb {
margin-bottom: 48px;
}
.pricing-comparison-section {
padding: 32px 0;
}

.comparison-feature {
padding: 16px;
}

.comparison-value {
padding: 20px 16px;
}

.package-trial {
padding: 10px 16px;
font-size: 13px;
}

.feature-search {
font-size: 13px;
padding: 6px 12px 6px 32px;
}

.search-wrapper i {
font-size: 14px;
left: 10px;
}
.pricing-section {
padding: 60px 0;
}

.pricing-title {
font-size: 32px;
}

.pricing-card {
padding: 32px;
}

.pricing-card-price {
font-size: 42px;
}
.page-section-container {
flex-direction: column;
padding: 20px;
gap: 20px;
height: auto;
}

.page-section-sidebar {
width: 100%;
}

.page-section-content {
width: 100%;
}

.page-section-card {
margin-bottom: 20px;
}
.section-2 .feature-title {
font-size: 32px;
}
.section-2 .feature-btn {
padding: 12px 30px;
}
.section-2 .feature-title {
font-size: 28px;
}

.section-2 .features-wrapper {
min-height: 700px;
}

.section-2 .feature-badge {
font-size: 12px;
padding: 5px 10px;
}

.section-2 .feature-btn {
padding: 10px 25px;
font-size: 14px;
}

.section-2 .feature-next,
.section-2 .feature-prev {
width: 35px;
height: 35px;
}
}

@media (max-width: 575.98px) {
.framixa-pro-section .purchase-title {
font-size: 16px;
}

.framixa-pro-section .purchase-price {
font-size: 18px;
}

.framixa-pro-section .purchase-button {
max-width: 100%;
}
.before-checkout-section {
padding: 60px 0px 30px !important;
}

.before-checkout-section .section-badge {
font-size: 12px !important;
padding: 6px 12px !important;
}

.before-checkout-section .section-title {
font-size: 20px !important;
}

.before-checkout-section .section-description {
font-size: 14px !important;
}

.before-checkout-section .step-item {
width: 100% !important;
justify-content: center !important;
}

.before-checkout-section .form-control {
height: 44px !important;
font-size: 14px !important;
}

.before-checkout-section .domain-extra-content {
flex-direction: column !important;
text-align: center !important;
}

.before-checkout-section .domain-extra-icon {
margin: 0 auto !important;
}

.before-checkout-section .extra-item {
flex-direction: column !important;
text-align: center !important;
gap: 8px !important;
}

.before-checkout-section .extra-item i {
margin: 0 auto !important;
}

.before-checkout-section .summary-row {
flex-direction: column !important;
text-align: center !important;
gap: 4px !important;
}

.before-checkout-section .total-summary {
padding: 16px !important;
}
.support-div {
height: calc(100vh - 120px) !important;
border-radius: 20px !important;
}

.support-div .support-list-header {
padding: 16px !important;
}

.support-div .message-content {
max-width: 85% !important;
}

.support-div .chat-info h3 {
font-size: 16px !important;
}

.support-div .input-wrapper {
padding: 10px 12px !important;
}

.support-div .input-actions .btn-icon {
width: 32px !important;
height: 32px !important;
}

.support-div .send-btn {
width: 38px !important;
height: 38px !important;
}

.support-div .ticket-item {
padding: 16px !important;
}

.support-div .ticket-icon {
width: 40px;
height: 40px;
font-size: 20px;
}
.profile-section .info-card-content {
flex-direction: column !important;
text-align: center !important;
}

.profile-section .info-icon {
margin: 0 auto !important;
}

.profile-section .feature-content {
padding: 24px !important;
}

.profile-section .countdown-number {
font-size: 36px !important;
}

.profile-section .table-responsive {
margin: 0 -16px !important;
}
.profile-section .profile-sidebar {
padding: 12px !important;
max-height: 70px !important;
}

.profile-section .profile-content {
height: calc(100vh - 70px) !important;
padding: 16px 12px !important;
}

.profile-section .menu-link {
padding: 8px 12px !important;
position: relative;
top: -10px;
}

.profile-section .profile-name {
font-size: 16px !important;
}

.profile-section .profile-email {
font-size: 12px !important;
}

.profile-section .sidebar-toggle {
top: 12px !important;
right: 8px !important;
}
.blog-section .blog-meta {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.blog-section .blog-content {
padding: 16px;
}
.changelog-section {
padding: 48px 0;
}

.changelog-section .changelog-header {
padding: 24px;
margin-bottom: 32px;
border-radius: 16px;
}

.changelog-section .changelog-title {
font-size: 28px;
}

.changelog-section .changelog-description {
font-size: 14px;
}

.changelog-section .changelog-item {
border-radius: 16px;
}
.reference-form-section {
padding: 32px 20px;
margin-top: 40px;
border-radius: 24px;
}

.form-input {
padding: 12px 14px;
font-size: 14px;
}

.form-submit {
padding: 14px 28px;
font-size: 14px;
}
.references-section {
padding: 32px 0;
}

.references-header {
margin-bottom: 40px;
}

.reference-card {
padding: 20px;
}

.reference-logo {
width: 80px;
height: 80px;
margin-bottom: 16px;
}

.reference-name {
font-size: 16px;
}

.reference-description {
font-size: 13px;
}
.references-section {
padding: 48px 0;
}

.references-section .reference-title {
font-size: 32px;
}

.references-section .reference-preview {
border-radius: 32px;
}

.references-section .breadcrumb {
margin-bottom: 32px;
}
.page-section-title-wrapper {
padding: 0 20px;
margin-top: 20px;
margin-bottom: -10px;
}

.page-section-title {
font-size: 28px;
}

.page-section-title-bg {
font-size: 60px;
left: 20px;
}
.login-section .login-form-side {
padding: 0;
}

.login-section .login-image-side {
height: 30vh;
}

.login-section .login-title {
font-size: 24px;
}

.login-section .login-subtitle {
font-size: 14px;
margin-bottom: 30px;
}

.login-section .login-welcome-title {
font-size: 24px;
margin-bottom: 10px;
}

.login-section .login-welcome-subtitle {
font-size: 13px;
padding: 0 10px;
}

.login-section .login-options {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}

.login-section .login-button {
height: 50px;
font-size: 15px;
}

.login-section .login-form .form-control {
height: 50px;
}
.section-2 {
padding: 50px 0;
}

.section-2 .feature-title {
font-size: 24px;
margin-bottom: 15px;
}

.section-2 .feature-description {
margin-bottom: 20px;
}

.section-2 .features-wrapper {
min-height: 600px;
}

.section-2 .feature-image {
max-width: 90%;
}

.section-2 .feature-next,
.section-2 .feature-prev {
width: 30px;
height: 30px;
}

.section-2 .feature-next {
right: -10px;
}

.section-2 .feature-prev {
left: -10px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.references-section .references-grid {
grid-template-columns: repeat(3, 1fr) !important;
}
}

@media (max-width: 1199.98px) {
.section-4 .section-title {
font-size: 36px;
}

.section-4 .section-subtitle {
font-size: 16px;
}
}

@media (max-width: 991.98px) {
.changelog-section {
padding: 80px 0;
}

.changelog-section .changelog-header {
padding: 32px;
margin-bottom: 48px;
}

.changelog-section .changelog-title {
font-size: 36px;
}
.login-section .login-form-side {
width: 100%;
padding: 3rem 2rem;
order: 1;
}

.login-section .login-brand {
margin-top: 2rem;
}

.login-section .login-image-side {
display: none !important;
}

.login-section .login-welcome-title {
font-size: 28px;
}

.login-section .login-welcome-subtitle {
font-size: 14px;
padding: 0 20px;
}

.login-section .social-login {
flex-direction: column;
}

.login-section .social-button {
width: 100%;
}

.back-home-button span {
display: none;
}

.back-home-button {
padding: 10px;
}

.section-4 {
padding: 80px 0;
}

.section-4 .section-title {
font-size: 32px;
}

.testimonial-card {
padding: 25px;
}

.testimonial-avatar {
width: 50px;
height: 50px;
}

.testimonial-name {
font-size: 16px;
}

.testimonial-content {
font-size: 15px;
}
}

@media (max-width: 767.98px) {
.section-4 {
padding: 60px 0;
}

.section-4 .section-title {
font-size: 28px;
}

.section-4 .section-subtitle {
font-size: 15px;
margin-bottom: 30px;
}

.testimonial-swiper {
padding: 20px 0;
}

.testimonial-swiper-button-prev,
.testimonial-swiper-button-next {
width: 40px;
height: 40px;
}
}

@media (max-width: 575.98px) {
.section-4 {
padding: 50px 0;
}

.section-4 .section-title {
font-size: 24px;
}

.testimonial-card {
padding: 20px;
}

.testimonial-avatar {
width: 45px;
height: 45px;
}

.testimonial-content {
font-size: 14px;
}

.testimonial-swiper-controls {
margin-top: 30px;
}

.testimonial-swiper-button-prev,
.testimonial-swiper-button-next {
width: 35px;
height: 35px;
}
}

@media (max-width: 1023px) and (min-width: 768px) {
.testimonial-card {
padding: 22px;
}

.testimonial-content {
font-size: 15px;
line-height: 1.5;
}

.testimonial-name {
font-size: 17px;
}

.testimonial-company a {
font-size: 13px;
}

.testimonial-container {
margin-top: 40px;
}

.testimonial-swiper-top,
.testimonial-swiper-bottom {
margin-bottom: 15px;
}
}

@media (max-width: 767px) {
.testimonial-card {
padding: 20px;
}

.testimonial-content {
font-size: 14px;
}

.testimonial-name {
font-size: 16px;
}
.testimonial-card {
padding: 20px;
}

.testimonial-content {
font-size: 14px;
line-height: 1.4;
margin-bottom: 15px;
}

.testimonial-name {
font-size: 16px;
}

.testimonial-company a {
font-size: 12px;
}

.testimonial-container {
margin-top: 30px;
}

.testimonial-swiper-top,
.testimonial-swiper-bottom {
margin-bottom: 10px;
}

.section-4 .section-title {
font-size: 24px;
}

.section-4 .section-subtitle {
font-size: 14px;
}
}

/* Küçük Mobil Cihazlar için Ek Ayarlar (480px ve altı) */
@media (max-width: 480px) {
.testimonial-card {
padding: 15px;
}

.testimonial-content {
font-size: 13px;
margin-bottom: 12px;
}

.testimonial-name {
font-size: 15px;
}

.testimonial-company a {
font-size: 11px;
}

.testimonial-container {
margin-top: 25px;
}

.section-4 .section-title {
font-size: 22px;
}

.section-4 .section-subtitle {
font-size: 13px;
}

.section-1 .hero-title {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}

.section-1 .hero-description {
font-size: 0.8rem;
margin-bottom: 1.25rem;
}

.section-1 .integration-logo img {
height: 210px !important;
width: auto;
opacity: 0.8;
transition: opacity 0.3s;
object-fit: contain;
}

.integration-logo img {
max-width: 115px;
}

.section-2 .feature-image-container {
padding: 0 15px;
margin: 0 auto 40px auto;
}

.section-2 .feature-image {
max-width: 100%;
}

.section-3 .feature-image-container {
width: 85%;
}

.section-3 .feature-image {
max-width: 75%;
}

.section-3 .feature-image-container {
width: 85%;
}

.section-3 .feature-image {
max-width: 75%;
}
}

/* Section 5 - Entegrasyonlar Responsive */
@media (max-width: 1199.98px) {
.section-5 .section-title {
font-size: 36px;
}

.section-5 .section-subtitle {
font-size: 16px;
}

.last-footer-item-container {
height: 400px;
}
}

@media (max-width: 991.98px) {
.section-5 {
padding: 20px 0 !important;
height: 300px !important;
overflow: hidden;
}

.section-5 .section-title {
font-size: 32px;
margin-top: 20px !important;
margin-bottom: 10px !important;
}

.section-5 .badge {
margin-bottom: 5px !important;
}

.section-5 .section-subtitle {
margin-bottom: 10px !important;
}

.last-footer-item-container,
.last-footer-item-main,
.last-footer-item-left,
.last-footer-item-right {
display: none !important;
}

.section-6 {
padding: 0 !important;
}
}

@media (max-width: 767.98px) {
.section-5 .section-title {
font-size: 28px;
}

.section-5 .section-subtitle {
font-size: 15px;
}

.last-footer-item-container {
height: 300px;
margin-bottom: 40px;
}

.last-footer-item-main {
width: 90%;
left: 5%;
}

.last-footer-item-left {
transform: translateY(-50%) translateX(-20%) rotate(-10deg);
}

.last-footer-item-right {
transform: translateY(-50%) translateX(20%) rotate(10deg);
}

.integration-feature {
padding: 20px;
}

.integration-feature-title {
font-size: 18px;
}

.integration-feature-description {
font-size: 14px;
}
}

@media (max-width: 575.98px) {
.section-5 {
padding: 60px 0;
}

.section-5 .section-title {
font-size: 24px;
}

.section-5 .section-subtitle {
font-size: 14px;
}

.last-footer-item-container {
height: 250px;
}

.last-footer-item-left,
.last-footer-item-right {
width: 35%;
}

.integration-feature-icon {
width: 48px;
height: 48px;
}

.integration-feature-icon i {
font-size: 24px;
}
}

/* Section 6 - Request Demo Responsive */
@media (max-width: 768px) {
    .my-invoice .invoice-container {
                margin: 20px auto;
            }
            
            .my-invoice .invoice-header {
                padding: 20px;
            }
            
            .my-invoice .invoice-body {
                padding: 20px;
            }
            
            .my-invoice .invoice-details-section {
                flex-direction: column;
            }
            
            .my-invoice .invoice-detail-group {
                min-width: 100%;
            }
            
            .my-invoice .customer-column {
                min-width: 100%;
                padding-right: 0;
            }
            
            .my-invoice .total-section {
                flex-direction: column;
            }
            
            .my-invoice .items-table th, .my-invoice .items-table td {
                padding: 10px;
            }
            
            .my-invoice .invoice-actions {
                flex-direction: column;
            }
            
            .my-invoice .btn-action {
                width: 100%;
                margin-bottom: 10px;
            }
.invoice-section .invoice-filter {
            flex-direction: column;
            align-items: flex-start;
        }
        
        .invoice-section .invoice-details {
            flex-direction: column;
            gap: 15px;
        }
        
        .invoice-section .invoice-detail-group {
            min-width: 100%;
        }
        
        .invoice-section .invoice-footer {
            flex-direction: column;
            gap: 15px;
        }
        
        .invoice-section .invoice-actions {
            justify-content: flex-end;
        }
.request-demo-wrapper {
padding: 40px 24px;
}

.request-demo-features {
flex-direction: column;
align-items: center;
gap: 16px;
}

.request-demo-form-group {
flex-direction: column;
}

.request-demo-button {
width: 100%;
}
}

@media (max-width: 480px) {
.request-demo-title {
font-size: 28px;
}

.request-demo-subtitle {
font-size: 14px;
}
}

@media (max-width: 991px) {
.section-1 .hero-title {
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
}

.section-1 .hero-description {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
}

.integration-logos {
padding: 20px 0;
}

.integration-logo img {
max-width: 80px;
}
}

@media (max-width: 767px) {
.section-1 .hero-title {
font-size: 32px;
line-height: 1.3;
margin-bottom: 20px;
}

.section-1 .hero-description {
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
}

.integration-logos {
padding: 20px 0;
}

.integration-logo img {
max-width: 80px;
}
}

@media (max-width: 480px) {
.section-1 .hero-title {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}

.section-1 .hero-description {
font-size: 0.875rem;
margin-bottom: 1.25rem;
}

.section-1 .button-container {
padding: 0 10px;
width: 100%;
}

.integration-logo img {
max-width: 115px;
}
}

/* 841px - 991px arası için özel düzenleme */
@media (min-width: 841px) and (max-width: 991px) {
.section-5 {
height: 650px !important; /* Yüksekliği artırdık */
}

.last-footer-item-container {
margin-top: -40px !important; /* Margin'i azalttık */
height: 500px !important; /* Container yüksekliğini artırdık */
}

.last-footer-item-main {
width: 90%; /* Genişliği artırdık */
left: 5%;
}

.last-footer-item-left,
.last-footer-item-right {
width: 45%; /* Yan resimlerin genişliğini artırdık */
}
}

.exit-button {
    color: #dc3545 !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    margin-top: 10px;
    border-top: 1px solid #eaeaea;
    padding-top: 20px !important;
}

.exit-button:hover {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.exit-button i {
    color: inherit;
}

@media (max-width: 768px) {
    .exit-button {
        margin-top: 5px;
        padding-top: 15px !important;
    }
}