@media (max-width: 1399px) {
    .section-inner-wrapper {
        max-width: 1140px;
    }
}

@media (max-width: 1199px) {
    #sp-header.full-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    #sp-header.header-with-social {
        #sp-menu .social-wrap {
            padding-left: 0px;
        }
    }

    .sp-megamenu-parent {
        > li {
            > a,
            span {
                padding: 0 10px;
            }
        }
    }

    // About us
    .clients-testimonial-pro {
        .sppb-carousel-inner {
            max-width: 800px;

            .sppb-item.active {
                .sp-carousel-image {
                    max-width: 284px;
                    height: 352px;

                    img {
                        max-width: 284px;
                        height: 352px;
                    }
                }
            }

            .sppb-item {
                .sp-carousel-image {
                    max-width: 284px;
                    height: 352px;

                    img {
                        max-width: 284px;
                        height: 352px;
                    }
                }

                .sp-carousel-text {
                    padding: 50px 60px;
                    margin: 28px 0px;
                    background-color: #fcfaff;

                    .sppb-testimonial-message {
                        padding-bottom: 30px;
                    }
                }
            }
        }

        .sppb-testimonial-pro-arrow-wrap {
            .left {
                left: -15px;
            }

            .right {
                right: -15px;
            }
        }
    }

    .about-animated-number-div {
        .addon-root-animated-number {
            margin-right: 20px !important;

            > div {
                padding-right: 40px !important;
            }
        }
    }

    .left-page-title {
        .container {
            max-width: 960px;
        }

        .sp-page-title-heading,
        .sp-page-title-sub-heading {
            max-width: 50%;
        }
    }

    #sp-header.full-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    #sp-header.header-with-social {
        #sp-menu .social-wrap {
            padding-left: 0px;
        }
    }

    .sp-megamenu-parent {
        > li {
            > a,
            span {
                padding: 0 10px;
            }
        }
    }
    .section-inner-wrapper {
        max-width: 960px;
    }

    .view-article .related-article-list-container .article .article-header {
        padding: 10px 20px;
    }
    .view-article .related-article-list-container .related-article-title {
        font-size: 48px;
    }
    .view-article
        #sp-main-body
        > .container
        .article-title-wrap
        .article-header
        h1 {
        font-size: 48px;
    }
}

@media (min-width: 992px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
        display: none !important;
    }
}

@media (max-width: 991px) {
    :root {
        --header_height: $header_height_sm;
    }

    .sp-megamenu-parent {
        > li {
            > a,
            > span {
                line-height: $header_height_sm;
            }
        }
    }

    #sp-header {
        height: $header_height_sm;

        .logo {
            height: $header_height_sm;
        }

        &.header-with-modal-menu {
            #offcanvas-toggler {
                display: flex !important;
            }

            #modal-menu-toggler {
                display: none;
            }
        }

        &.full-header-center,
        &.header-with-modal-menu,
        &.full-header-left,
        &.lg-header,
        &.header-with-social {
            #offcanvas-toggler.mega {
                display: flex !important;
            }
        }

        &.lg-header {
            #offcanvas-toggler.mega {
                display: none !important;
            }

            .offcanvas-toggler-left.offcanvas {
                display: flex !important;
            }
        }
    }

    #sp-header-topbar {
        .container-inner {
            > .row {
                min-height: $header_height_sm;
            }
        }
    }

    #modal-menu {
        top: $header_height_sm;
    }

    #offcanvas-toggler {
        height: $header_height_sm;
        line-height: $header_height_sm;
    }

    #sp-logo {
        &.has-border > .sp-column {
            border-right: none;
            padding-right: 0px;
        }
    }

    #sp-menu .social-wrap,
    #sp-logo.has-border {
        &:after {
            display: none;
        }
    }

    #sp-logo.has-border {
        padding-right: 15px;
    }

    #sp-menu .social-wrap {
        padding-left: 15px;
    }

    #sp-header.header-with-modal-menu.center-layout .sp-contact-info,
    #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
        display: none;
    }

    #sp-header-topbar {
        margin: 10px 0px;

        .container-inner {
            padding-bottom: 10px;
        }
    }
    .sp-page-title {
        padding: 120px 0;
        .sp-page-title-sub-heading {
            font-size: 42px;
        }
    }
    .left-page-title {
        .sp-page-title {
            padding-bottom: 40px;
            .container {
                max-width: 720px;
            }
        }
    }

    :root {
        --header_height: $header_height_sm;
    }

    .sp-megamenu-parent {
        > li {
            > a,
            > span {
                line-height: $header_height_sm;
            }
        }
    }

    #sp-header {
        height: $header_height_sm;

        .logo {
            height: $header_height_sm;
        }

        &.header-with-modal-menu {
            #offcanvas-toggler {
                display: flex !important;
            }

            #modal-menu-toggler {
                display: none;
            }
        }

        &.full-header-center,
        &.header-with-modal-menu,
        &.full-header-left,
        &.lg-header,
        &.header-with-social {
            #offcanvas-toggler.mega {
                display: flex !important;
            }
        }

        &.lg-header {
            #offcanvas-toggler.mega {
                display: none !important;
            }

            .offcanvas-toggler-left.offcanvas {
                display: flex !important;
            }
        }
    }

    #sp-header-topbar {
        .container-inner {
            > .row {
                min-height: $header_height_sm;
            }
        }
    }

    #modal-menu {
        top: $header_height_sm;
    }

    #offcanvas-toggler {
        height: $header_height_sm;
        line-height: $header_height_sm;
    }

    #sp-logo {
        &.has-border > .sp-column {
            border-right: none;
            padding-right: 0px;
        }
    }

    #sp-menu .social-wrap,
    #sp-logo.has-border {
        &:after {
            display: none;
        }
    }

    #sp-logo.has-border {
        padding-right: 15px;
    }

    #sp-menu .social-wrap {
        padding-left: 15px;
    }

    #sp-header.header-with-modal-menu.center-layout .sp-contact-info,
    #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
        display: none;
    }

    #sp-header-topbar {
        margin: 10px 0px;

        .container-inner {
            padding-bottom: 10px;
        }
    }

    .hu-media-modal {
        .modal-content {
            height: 80vh;
        }
    }

    // About us
    .clients-testimonial-pro {
        .sppb-carousel-inner {
            max-width: 100%;

            .sppb-item.active {
                .sp-carousel-image {
                    max-width: 284px;
                    height: 352px;

                    img {
                        max-width: 284px;
                        height: 352px;
                    }
                }
            }

            .sppb-item {
                .sp-carousel-image {
                    max-width: 284px;
                    height: 352px;

                    img {
                        max-width: 284px;
                        height: 352px;
                    }
                }

                .sp-carousel-text {
                    padding: 50px 30px;
                    padding-left: 30px;
                    margin: 28px 0px;
                    background-color: #fcfaff;

                    .sppb-testimonial-message {
                        padding-bottom: 30px;
                    }
                }
            }
        }

        .sppb-testimonial-pro-arrow-wrap {
            bottom: -22px;

            .sppb-carousel-control {
                height: 40px !important;
                line-height: 40px !important;
                width: 40px !important;
                font-size: 16px !important;
            }

            .left {
                left: 83%;
            }

            .right {
                right: 0px;
            }
        }
    }

    .digital-solutions-list ul {
        margin-top: 42px;

        li {
            margin: 10px 0;

            &::before {
                width: 18px;
                height: 18px;
            }

            span {
                margin-left: 32px;
                font-size: 18px;
                line-height: 28px;
            }
        }

        .testimonial-style {
            .sppb-addon-content .fa {
                bottom: 30px;
                right: 30px;
            }
        }
    }

    .about-animated-number-div {
        .addon-root-animated-number {
            margin-right: 32px !important;

            > div {
                padding-right: 136px !important;
            }
        }
    }
    .section-inner-wrapper {
        max-width: 720px;
    }
    .view-category {
        .sp-page-title {
            padding: 120px 0px 50px;
        }
        #sp-main-body {
            padding: 0px 0 120px;
        }
    }
    .article-list {
        [class^="col-lg"] {
            width: 50%;
        }
    }
    // error Start
    html.error-page {
        .error-code {
            font-size: 226px;
        }
    }
    //error end
    //Blog details
    .view-article {
        .container {
            .article-title-wrap {
                .article-header {
                    h1 {
                        margin: 20px 0 32px 0;
                        font-size: 42px;
                    }
                }
            }
        }
        .articleBody {
            .sppb-addon-header .sppb-addon-title {
                font-size: 42px;
                line-height: 112%;
                margin-bottom: 24px;
            }
        }
    }
    view-article
        #sp-main-body
        > .container
        .article-title-wrap
        .article-header
        h1 {
        font-size: 36px;
    }
    .view-article
        #sp-main-body
        > .container
        .article-details-wrap
        .article-left-sidebar {
        margin-bottom: 50px;
        padding: 15px 0px;
    }
    .view-article #sp-main-body > .container .article-details-wrap {
        margin-top: 180px;
    }
    .view-article
        #sp-main-body
        > .container
        .article-title-wrap
        .article-header
        h1 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    body .sppb-btn,
    body .btn {
        padding: 12px 32px;

        // 3d btn
        &.sppb-btn-3d {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        //button extra large
        &.sppb-btn-xlg {
            padding: 16px 32px;
        }

        // button large
        &.sppb-btn-lg {
            padding: 12px 32px;
        }

        //button medium
        &.sppb-btn-sm {
            padding: 8px 22px;
        }

        //button extra small
        &.sppb-btn-xs {
            font-size: 12px;
            padding: 6px 22px;
        }

        &.sppb-btn-link {
            font-size: 14px;
            line-height: 24px;
        }

        &.gradient-button {
            padding: 7px 76px 19px 32px;
        }
    }

    body .sppb-btn.gradient-button:after,
    body .btn.gradient-button:after {
        padding-top: 12px;
    }

    .hu-media-modal {
        .modal-content {
            height: 85vh;
        }
    }

    .modal-dialog.jviewport-width80 {
        width: auto;
    }

    .article.related-article-large.d-flex {
        display: block !important;
    }

    .related-article-large {
        .article-image {
            width: auto;
            min-width: auto;
            margin-bottom: 15px;
        }

        .article-information {
            border-left: none;
            padding-left: 0;
            margin-left: 0;
        }
    }

    .article-list.grid {
        --columns: 1 !important;
        margin-bottom: 15px;
    }

    // About us
    .clients-testimonial-pro {
        .sppb-carousel-inner {
            background-color: #fcfaff;

            .sppb-item.active {
                padding-top: 30px;
                flex-direction: column;
                margin-bottom: 0px;

                .sp-carousel-image {
                    max-width: 244px;
                    height: 296px;
                    margin-left: auto;
                    margin-right: auto;

                    img {
                        max-width: 244px;
                        height: 296px;
                    }
                }

                .sp-carousel-text {
                    padding: 32px;
                    margin: 0px 0px;
                }
            }

            .sppb-item {
                padding-top: 30px;
                margin-bottom: 30px;

                .sp-carousel-image {
                    max-width: 244px;
                    height: 296px;
                    margin-left: auto;
                    margin-right: auto;

                    img {
                        max-width: 244px;
                        height: 296px;
                    }

                    &::after {
                        width: 160px;
                        height: 324px;
                    }
                }

                .sp-carousel-text {
                    padding: 30px;
                    padding-bottom: 50px;
                    padding-left: 30px;
                    margin: 0px 0px;
                    background-color: #fcfaff;

                    .sppb-testimonial-message {
                        padding-bottom: 10px;
                    }
                }
            }
        }

        .sppb-testimonial-pro-arrow-wrap {
            .left {
                left: 76%;
            }
        }
    }
    .sp-page-title {
        padding: 80px 0;
        .sp-page-title-heading {
            font-size: 12px;
            padding: 5px 15px;
            padding-left: 30px;
            margin-bottom: 12px;
        }
        .sp-page-title-sub-heading {
            font-size: 30px;
        }
    }
    .left-page-title {
        .sp-page-title {
            text-align: center;
            padding-bottom: 40px;
            .container {
                max-width: 540px;
            }
            .sp-page-title-heading,
            .sp-page-title-sub-heading {
                max-width: 100%;
            }
        }
    }

    #sp-menu .social-wrap {
        padding-left: 10px;

        &:after {
            display: none;
        }
    }

    #sp-header .menu-wrap {
        display: none;
    }

    .hu-media-modal {
        .modal-content {
            height: 85vh;
        }
    }

    .modal-dialog.jviewport-width80 {
        width: auto;
    }

    .article.related-article-large.d-flex {
        display: block !important;
    }

    .related-article-large {
        .article-image {
            width: auto;
            min-width: auto;
            margin-bottom: 15px;
        }

        .article-information {
            border-left: none;
            padding-left: 0;
            margin-left: 0;
        }
    }

    .digital-solutions-list ul {
        margin-top: 32px;

        li {
            margin: 10px 0;

            &::before {
                width: 16px;
                height: 16px;
            }

            span {
                margin-left: 26px;
                font-size: 16px;
                line-height: 26px;
            }
        }
    }

    .about-animated-number-div {
        .addon-root-animated-number {
            margin-right: 20px !important;

            > div {
                padding: 20px !important;
                padding-right: 80px !important;
            }
        }
    }

    .about-mission-vision-common {
        .sppb-addon-title {
            padding-left: 40px;

            &::before {
                width: 24px;
                height: 24px;
            }
        }

        .sppb-addon-content {
            margin-left: 40px;
        }
    }

    // Service Page
    .common-block-number {
        .sppb-blocknumber {
            padding: 18px;

            .sppb-text-left {
                margin-left: 18px;
                margin-top: 18px;
            }
        }
    }

    .essential-offer {
        .sppb-addon-title {
            position: relative;
            padding-left: 30px;

            &::before {
                width: 18px;
                height: 18px;
            }
        }

        .sppb-addon-content {
            margin-left: 30px;
        }
    }

    //FAQ
    .sppb-addon-accordion {
        .sppb-panel-modern {
            .sppb-panel-heading {
                padding: 16px;
                border-radius: 16px;

                .sppb-panel-title {
                    font-size: 14px;
                    line-height: 22px;
                }

                .sppb-toggle-direction {
                    right: 16px;

                    .fa {
                        &::before {
                            font-size: 16px;
                            height: 20px;
                            width: 20px;
                        }
                    }
                }
            }

            .sppb-panel-body {
                padding: 0 16px 16px 16px;
            }
        }
    }

    .testimonial-style {
        .sppb-addon-content .fa {
            bottom: 20px;
            right: 20px;
        }
    }

    .testimonials-collection
        .sppb-dynamic-content-collection__pagination
        .sppb-btn {
        font-size: 14px;
        padding: 10px 50px 10px 20px;

        &:after {
            width: 26px;
            height: 26px;
            margin-left: 18px;
        }
    }
    //Contact Start
    .sppb-addon-form-builder {
        .sppb-addon-form-builder-form {
            .form-builder-radio-content {
                margin-right: 0px;
            }
        }
    }
    //Contact End

    // Footer Features
    .service-feature {
        padding: 24px;
    }
    .section-inner-wrapper {
        max-width: 520px;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="number"],
    select:not(.form-select),
    .form-control,
    .sppb-form-group .form-control {
        padding: 12px 20px;
    }
    .password-group .form-control {
        padding: 12px 20px;
    }
    .view-category {
        .sp-page-title {
            padding: 60px 0px 40px;
        }
        #sp-main-body {
            padding: 0px 0 60px;
        }
    }
    .article-list {
        [class^="col-lg"] {
            width: 100%;
        }
        .article {
            .article-body {
                padding: 25px;
            }
            .article-header {
                h1,
                h2 {
                    font-size: 20px;
                    margin-bottom: 12px;
                }
            }
        }
    }
    .article-info {
        margin-bottom: 10px;
        > span {
            font-size: 11px;
        }
    }
    .pagination-wrapper {
        padding: 0.5rem 0 0px;
        .pagination {
            .page-item {
                .page-link {
                    font-size: 16px;
                    width: 34px;
                    height: 34px;
                    line-height: 34px;
                }
            }
        }
    }
    .pagenavigation{
        margin-bottom: 50px;
    }
    // error Start
    html.error-page {
        .error-logo {
            display: inline-block;
            margin-bottom: 2rem;
        }
        .container {
            .btn {
                padding: 8px 24px;
                font-size: 14px;
                line-height: 124%;
                .fas {
                    margin-right: 8px;
                    &:before {
                        left: 10px;
                    }
                }
            }
        }
        .error-code {
            margin: 0 0 1rem;
            font-size: 148px;
            line-height: 96%;
        }
        .error-message {
            font-size: 1rem;
            margin-bottom: 2rem;
            line-height: 26px;
        }
    }
    //error end
    //Blog details
    .view-article {
        .container {
            .article-title-wrap {
                .article-header {
                    h1 {
                        margin: 20px 0 32px 0;
                        font-size: 32px;
                    }
                }
            }
            .article-details-wrap {
                margin-top: 180px;
                .article-info {
                    max-width: 540px;
                    margin-left: auto;
                    margin-right: auto;
                    padding-left: 0 !important;
                }
                .article-left-sidebar {
                    .sp-module {
                        .sp-module-title {
                            font-size: 18px;
                            margin-bottom: 32px;
                        }
                        .sp-module-content ul {
                            li {
                                padding-bottom: 12px;
                                margin-bottom: 18px;

                                a {
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
                .article-info {
                    .createdby,
                    .category-name,
                    .published {
                        font-size: 14px;
                    }
                    .category-name,
                    .published {
                        &::before {
                            padding-right: 32px;
                            padding-left: 32px;
                        }
                    }
                }
            }
        }
        .related-article-list-container {
            background-color: #f8f4fe;
            padding: 32px 0px;
            .related-article-title {
                font-size: 32px;
            }

            .related-article-title,
            .related-article-list {
                max-width: 1350px;
                margin: 0 auto;
                padding: 0px 15px;
                margin-top: 56px;
            }
            .article {
                overflow: hidden;
                background-color: #ffffff;
                .article-header {
                    padding: 32px;
                    h4 {
                        font-size: 22px;
                        line-height: 1.25;
                        margin-bottom: 20px;
                    }
                }
                .article-info {
                    display: none;
                }
            }
        }
        .articleBody {
            .sppb-addon-header .sppb-addon-title {
                font-size: 32px;
                line-height: 112%;
            }
            .sppb-addon-content {
                font-size: 14px;
                line-height: 24px;
                ul li {
                    font-size: 14px;
                    line-height: 24px;
                    margin-bottom: 12px;
                    strong {
                        font-size: 16px;
                        line-height: 26px;
                        margin-bottom: 12px;
                    }
                }
            }
        }
    }

    .view-article
        #sp-main-body
        > .container
        .article-details-wrap
        .article-info
        .createdby,
    .view-article
        #sp-main-body
        > .container
        .article-details-wrap
        .article-info
        .category-name,
    .view-article
        #sp-main-body
        > .container
        .article-details-wrap
        .article-info
        .published {
        font-size: 14px;
    }
    .view-article
        #sp-main-body
        > .container
        .article-details-wrap
        .article-left-sidebar {
        max-width: 540px;
        margin: 0px auto 40px auto;
    }

    .industry-scoller.sppb-dynamic-content-collection .sppb-dynamic-content-collection__item .sppb-dynamic-content-image-wrapper {
        height: 380px;
    }
}

@media (max-width: 575px) {
    :root {
        --header_height: $header_height_xs;
    }

    .sp-megamenu-parent {
        > li {
            > a,
            > span {
                line-height: $header_height_xs;
            }
        }
    }

    #sp-header {
        height: $header_height_xs;

        .logo {
            height: $header_height_sm;
        }
    }

    #sp-header-topbar {
        .container-inner {
            > .row {
                min-height: $header_height_xs;
            }
        }
    }

    #modal-menu {
        top: $header_height_xs;
    }

    #offcanvas-toggler {
        height: $header_height_sm;
        line-height: $header_height_sm;
    }

    #sp-header {
        .sp-module {
            margin-left: 10px;

            .sp-sign-in .text {
                display: none;
            }
        }
    }

    #sp-menu {
        ul.social-icons {
            > li:not(:last-child) {
                margin-right: 10px;
            }
        }
    }

    #sp-header {
        &.lg-header {
            .top-part {
                border-bottom: none;
            }

            #sp-contact {
                order: 1;
            }

            #sp-logo {
                order: 3;
            }

            #sp-social {
                order: 2;

                .sp-column {
                    justify-content: center !important;
                }

                .social-icons {
                    margin: 0;

                    > li:not(:last-child) {
                        margin-right: 10px;
                    }
                }
            }

            .sp-contact-info {
                text-align: center;
                margin: 5px 0;
            }
        }
    }

    .header-has-modules {
        .container-inner > .row {
            flex-wrap: wrap !important;
        }

        #offcanvas-toggler {
            height: auto;
            line-height: 1.2;
        }
    }

    html.coming-soon #coming-soon-countdown {
        .coming-soon-days,
        .coming-soon-hours,
        .coming-soon-minutes,
        .coming-soon-seconds {
            width: 50%;
            margin-bottom: 15px;

            .coming-soon-number {
                font-size: 2.5rem;
            }

            .coming-soon-string {
                font-size: 14px;
            }
        }
    }

    //result page btn group
    .view-search #search-form {
        .btn-group {
            flex-wrap: wrap;
        }

        button,
        .btn {
            border-radius: 3px;
        }
    }

    .about-animated-number-div {
        .addon-root-animated-number {
            margin-right: 20px !important;

            > div {
                padding: 20px !important;
                padding-right: 41px !important;
            }
        }
    }

    // About us
    .clients-testimonial-pro {
        .sppb-testimonial-pro-arrow-wrap {
            .left {
                left: 68%;
            }
        }
    }

    .left-page-title {
        .sp-page-title {
            .container {
                max-width: 100%;
            }
        }
    }
    // error Start
    html.error-page {
        .error-code {
            font-size: 114px;
        }
    }
    #sp-menu .sp-module {
        display: none;
    }
}
