html {
    max-width: 100%;
    overflow-x: clip;
}

body {
    max-width: 100%;
    overflow-x: clip;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

input,
select,
textarea,
button,
.btn,
[class*="btn"],
a[class*="btn"] {
    max-width: 100%;
}

table {
    max-width: 100%;
}

.table-wrap,
.compare-wrap,
.compare-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.compare-wrap table,
.compare-table-wrap table,
.article-content table {
    min-width: 640px;
}

.nav-in,
.nav-inner,
.hero-in,
.hero-inner,
.inner,
.main,
.wrap,
.card,
.panel,
.article-content,
.article-header,
.post-card,
.price-card {
    min-width: 0;
}

.hero-actions,
.cta-btns,
.nav-links,
.cat-bar,
.pagination,
.article-meta,
.related,
.topbar,
.form-actions {
    min-width: 0;
}

h1,
h2,
h3,
p,
td,
th,
li {
    overflow-wrap: break-word;
}

.article-content pre {
    overflow-x: auto;
}

.article-content img {
    height: auto;
}

@media (max-width: 760px) {
    .nav-in,
    .nav-inner {
        height: auto !important;
        min-height: 60px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .nav-links {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 4px !important;
    }

    .nav-links a,
    .nav-cta {
        white-space: nowrap;
    }

    .hero-in,
    .hero-inner,
    .split,
    .layout,
    .main {
        grid-template-columns: 1fr !important;
    }

    .hero,
    section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .hero-actions,
    .cta-btns,
    .form-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: stretch;
    }

    .hero-actions .btn,
    .cta-btns a,
    .form-actions .btn,
    .form-actions button,
    .submit-btn,
    .go-btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .grid,
    .posts-grid,
    .related-grid,
    .price-grid,
    .module-grid,
    .value-grid,
    .feat-grid,
    .trust-row,
    .form-grid {
        grid-template-columns: 1fr !important;
    }

    .biz-grid,
    .stats-grid,
    .stats-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .card,
    .panel,
    .form-card,
    .login-card {
        padding: 20px !important;
    }

    .article-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .split > .grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .biz-grid,
    .stats-grid,
    .stats-row {
        grid-template-columns: 1fr !important;
    }

    .wrap,
    .main {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    input,
    select,
    textarea,
    button:not(.price-toggle):not(.theme-toggle):not(.hamburger):not(.icon-btn) {
        min-height: 44px;
        font-size: 16px;
    }

    .nav img,
    .logo img,
    .reg-nav-logo img {
        max-width: 140px;
        height: auto !important;
    }

    .pagination {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pagination a,
    .pagination span {
        text-align: center;
    }

    .article-content {
        font-size: 16px !important;
    }
}