@media (min-width: 768px) {
    .hero-background-icons .icon-number-8 {
        top: 53% !important;
        right: 18% !important;
    }

    .pseudo-border-sides-md {
        position: relative;
    }

    .pseudo-border-sides-md::before,
    .pseudo-border-sides-md::after {
        content: "";
        background-color: var(--bs-primary);
        display: block;
        width: 1px;
        height: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .pseudo-border-sides-md::before {
        left: 0;
        opacity: 0.4;
    }

    .pseudo-border-sides-md::after {
        right: 0;
        opacity: 0.4;
    }
}

@media (max-width: 1280px) and (min-width: 1200px) {
    .max-w-xl-584 {
        max-width: 100% !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .main-footer .panel-download-app {
        flex-direction: column !important;
    }
}

@media (min-width: 992px) {
    .h-lg-100 {
        height: 100%;
    }

    .section-outer-blog .sticky-lg {
        position: sticky;
        top: 70px;
    }

    .section-outer-docs .col-sidebar {
        padding-left: 1rem;
        border-left: 1px solid var(--bs-border-color);
    }

    .article-category .panel-icon {
        padding-top: 9px;
    }

    .pseudo-border-sides-metrics.pseudo-border-sides-md::before {
        left: -10px;
    }

    .pseudo-border-sides-metrics.pseudo-border-sides-md::after {
        right: -10px;
    }
}

@media (min-width: 1200px) {
    body {
        padding-top: 76px;
    }

    .main-header.hide {
        top: -80px;
    }

    .section-outer-blog-post,
    .section-outer-docs {
        font-size: 1.125rem;
        line-height: 1.5;
    }

    .panel-post-content h1 {
        font-size: 3.25rem;
    }

    .panel-post-content h2 {
        font-size: 2.75rem;
    }

    .panel-post-content h3 {
        font-size: 2.125rem;
    }

    .panel-post-content h6 {
        font-size: 1.125rem;
    }

    .panel-post-content article figure+p,
    .panel-post-content article figure+h5,
    .panel-post-content article figure+h6,
    .panel-post-content article>*+blockquote,
    .panel-post-content article>*+figure,
    .panel-post-content article>*+.video-container,
    .panel-post-content article>*+.cta-panel,
    .panel-post-content article>*+.has-background {
        margin-top: 1.5rem;
    }

    .panel-post-content article h1+h2,
    .panel-post-content article h2+h2,
    .panel-post-content article p+h2,
    .panel-post-content article ol+h2,
    .panel-post-content article ul+h2,
    .panel-post-content article blockquote+h2,
    .panel-post-content article figure+h2,
    .panel-post-content article .bg-light-blue+h2,
    .panel-post-content article .video-container+h2,
    .panel-post-content article .cta-panel+h1,
    .panel-post-content article .cta-panel+h2,
    .panel-post-content article .cta-panel+h3,
    .panel-post-content article .cta-panel+h4 {
        margin-top: 2rem;
    }

    .panel-post-content article blockquote+blockquote,
    .panel-post-content article blockquote+figure,
    .panel-post-content article blockquote+.cta-panel,
    .panel-post-content article blockquote+.has-background,
    .panel-post-content article blockquote+.video-container,
    .panel-post-content article figure+blockquote,
    .panel-post-content article figure+figure,
    .panel-post-content article figure+.cta-panel,
    .panel-post-content article figure+.has-background,
    .panel-post-content article figure+.video-container,
    .panel-post-content article .has-background+blockquote,
    .panel-post-content article .has-background+figure,
    .panel-post-content article .has-background+.cta-panel,
    .panel-post-content article .has-background+.has-background,
    .panel-post-content article .has-background+.video-container,
    .panel-post-content article .video-container+blockquote,
    .panel-post-content article .video-container+figure,
    .panel-post-content article .video-container+.cta-panel,
    .panel-post-content article .video-container+.has-background,
    .panel-post-content article .video-container+.video-container {
        margin-top: 2rem !important;
    }

    .panel-post-content article h1+h3,
    .panel-post-content article h2+h3,
    .panel-post-content article p+h3,
    .panel-post-content article ol+h3,
    .panel-post-content article ul+h3,
    .panel-post-content article blockquote+h3,
    .panel-post-content article figure+h3,
    .panel-post-content article .bg-light-blue+h3,
    .panel-post-content article .video-container+h3 {
        margin-top: 1.5rem;
    }

    .panel-post-content article h1+h4,
    .panel-post-content article h2+h4,
    .panel-post-content article h3+h4,
    .panel-post-content article p+h4,
    .panel-post-content article ol+h4,
    .panel-post-content article ul+h4,
    .panel-post-content article blockquote+h4,
    .panel-post-content article figure+h4,
    .panel-post-content article .bg-light-blue+h4,
    .panel-post-content article .video-container+h4 {
        margin-top: 1.25rem;
    }

    .section-outer-blog .sticky-xl {
        position: sticky;
        top: 70px;
    }

    .article-category .panel-icon {
        padding-top: 10px;
    }

    .article-category .panel-icon i {
        font-size: 1.6125rem;
    }
}

@media (max-width: 1199px) {
    .main-header .offcanvas {
        height: 100vh !important;
    }

    .main-header .navbar-nav .nav-link.btn {
        margin-top: 12px;
    }

    .main-header .dropdown-menu {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-header .dropdown-item {
        padding: var(--bs-nav-link-padding-y) 12px;
    }

    .main-header .dropdown-item:focus,
    .main-header .dropdown-item:hover {
        background-color: transparent;
        color: var(--bs-primary-hover);
    }

    .main-header .dropdown-item:active {
        background-color: transparent;
    }

    .main-header.dark-theme .dropdown-item,
    .offcanvas.bg-dark .dropdown-item,
    .offcanvas.bg-dark .nav-link {
        color: #fff;
    }

    .main-header.dark-theme .dropdown-item:hover,
    .offcanvas.bg-dark .dropdown-item:hover,
    .offcanvas.bg-dark .nav-link:hover {
        color: var(--bs-primary-hover);
    }
}

/* END 1199 */
@media (max-width: 991px) {
    .section-outer-docs .sidebar-right {
        border-top: 1px solid var(--bs-border-color);
        margin-top: 15px;
        padding-top: 35px !important;
    }
}

/* END 991 */
@media (max-width: 767px) {
    .btn-faq {
        padding-right: 40px !important;
    }

    .btn-faq .btn-icon {
        right: 0;
    }

    .pseudo-border-sides-metrics.pseudo-border-sides::before,
    .pseudo-border-sides-metrics.pseudo-border-sides::after {
        width: 25%;
        height: 1px;
        left: 50%;
        transform: translateX(-50%);
    }

    .pseudo-border-sides-metrics.pseudo-border-sides::before {
        top: 0;
    }

    .pseudo-border-sides-metrics.pseudo-border-sides::after {
        top: unset;
        bottom: -20px;
    }
}

/* END 767 */