// larger container width
@media (min-width: 1400px) {
    // simple gallery container width
    body.com_speasyimagegallery {
        .container {
            max-width: 1418px;
        }
    }
}

@media (max-width: 1399px) {
    .home-default-slider .sp-dots {
        max-width: 1110px;
    }
    .home-default-slider .sp-slider_number {
        max-width: 1110px;
    }
    .investa-tab-style .sppb-nav li a .sppb-tab-icon {
        font-size: 56px;
    }
    .investa-tab-style .sppb-nav li a {
        padding: 84px 46px;
    }
    body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
        width: 1090px !important;
    }
    .sp-dropdown-main.sp-dropdown-mega
        .sp-dropdown-inner
        .row
        > div
        ul.sp-mega-group {
        padding: 20px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-details
        .sp-simpleportfolio-description
        > h2 {
        font-size: 50px;
        line-height: 70px;
        top: 150px;
        max-width: 1110px;
        width: 100%;
        right: 0px;
        left: 0px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-image-video-wrapper
        h2 {
        max-width: 1110px;
        padding-right: 10%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 56px;
    }
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 26px;
    }
}

@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;
            }
        }
    }
    .investa-subscribe-style-2 .sppb-form-builder-btn {
        right: 10px;
        bottom: 16px;
    }

    .com-users.view-login,
    .com-users.view-registration {
        .user-left-wrapper {
            &:after {
                right: 0px;
            }
        }
    }

    .home-default-slider .sp-dots {
        max-width: 930px;
    }
    .home-default-slider .sp-slider_number {
        max-width: 930px;
        top: 150px;
    }
    .sppb-carousel-extended-nav-control .nav-control.next-control {
        margin-right: 0px;
    }
    .testimonial-carousel-style-1
        .sppb-carousel-extended-nav-control
        .nav-control.prev-control {
        right: 40px;
    }
    .investa-subscribe-style-1 .sppb-form-builder-btn {
        top: 10px;
    }
    .addons-articles-style .sppb-article-info-wrap {
        padding: 30px 20px 40px 20px;
    }
    .addons-articles-style .sppb-article-info-wrap h3 {
        margin-bottom: 20px;
    }
    .addons-articles-style .sppb-article-info-wrap .sppb-article-introtext {
        margin-bottom: 30px;
    }
    .feature-carousel-style .sppb-carousel-extended-item {
        padding: 25px;
    }
    .feature-carousel-style
        .sppb-carousel-extended-item
        .sppb-carousel-extended-heading {
        margin-bottom: 20px;
    }
    .feature-carousel-style .sppb-carousel-extended-item img {
        margin-bottom: 30px;
    }
    .about-animated-number-wrap .sppb-animated-number-title {
        max-width: 100%;
    }
    .about-animated-number-wrap:before {
        transform: translateX(0px);
    }

    .investa-tab-style .sppb-nav li a {
        padding: 60px 40px;
    }
    .investa-tab-style .sppb-nav li a .sppb-tab-icon {
        font-size: 46px;
    }
    .case-study-artices .sppb-article-info-wrap {
        padding: 0px 20px 30px 20px;
    }
    .case-study-artices .sppb-article-info-wrap h3 {
        margin-bottom: 20px;
    }
    .case-study-artices .sppb-article-info-wrap .sppb-article-introtext {
        margin-bottom: 25px;
    }

    body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
        width: 920px !important;
    }

    body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
        right: -170px;
    }
    .mega-menu-articles .sppb-addon-article {
        flex-direction: column;
    }
    .sp-megamenu-parent .sp-dropdown-mega .sp-mega-group > li > a {
        font-size: 16px;
        line-height: 24px;
    }
    .sp-dropdown-main.sp-dropdown-mega
        .sp-dropdown-inner
        .row
        > div:nth-child(3) {
        flex: 0 0 auto;
        width: 33%;
    }
    .sp-dropdown-main.sp-dropdown-mega
        .sp-dropdown-inner
        .row
        > div:nth-child(2) {
        .sp-mega-group {
            padding: 20px 5px;
        }
        flex: 0 0 auto;
        width: 33%;
    }
    .sp-dropdown-main.sp-dropdown-mega
        .sp-dropdown-inner
        .row
        > div:nth-child(1) {
        flex: 0 0 auto;
        width: 33%;
    }
    .mega-menu-articles .sppb-addon-article {
        gap: 5px;
    }
    .mega-menu-articles
        .sppb-addon-article
        .sppb-article-info-wrap
        .sppb-article-meta
        span {
        margin: 0px;
    }
    body.com-content.view-category .classic-blog .article {
        margin-bottom: 50px;
    }
    .modern-gallery-item .sppb-addon-title {
        font-size: 24px;
        line-height: 34px;
        padding: 0px 0px 30px 20px;
        span {
            margin-top: 10px;
        }
    }
    .service-case-study-wrapper .sp-simpleportfolio-filter ul {
        top: -50px;
    }
    .service-case-study-wrapper
        .sp-simpleportfolio-item
        .sp-simpleportfolio-info {
        padding: 0px 20px 40px 20px;
        p {
            margin-bottom: 10px;
        }
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-details
        .sp-simpleportfolio-description
        > h2 {
        font-size: 30px;
        line-height: 50px;
        top: 120px;
        max-width: 960px;
    }
    .com_spsimpleportfolio.case-study .sp-simpleportfolio-view-item {
        .sp-simpleportfolio-image {
            .sp-simpleportfolio-img {
                height: 300px;
            }
        }
    }
    // Coming soon
    html.coming-soon {
        #coming-soon-countdown {
            .coming-soon-days,
            .coming-soon-hours,
            .coming-soon-minutes,
            .coming-soon-seconds {
                .coming-soon-number {
                    font-size: 80px;
                    line-height: 60px;
                }
            }
        }
    }
    body.default-title #sp-page-title {
        max-width: 1125px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-image-video-wrapper
        h2 {
        max-width: 930px;
        padding-right: 10%;
        font-size: 54px;
        line-height: 70px;
    }
    .testimonial-carousel-style-1 .sppb-carousel-extended-nav-control {
        top: -60px !important;
    }
    body.default-title #sp-main-body > .container {
        max-width: 1125px;
    }
    .com-users.view-login .user-left-wrapper:after,
    .com-users.view-registration .user-left-wrapper:after {
        display: none;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item
        .sppb-testimonial-carousel-item-content {
        padding: 90px 50px;
        margin-left: 30px;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item
        .sppb-testimonial-carousel-content-wrap {
        padding: 100px 0px;
        margin-left: 90px;
    }
}

@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;
        }
    }

    .hu-media-modal {
        .modal-content {
            height: 80vh;
        }
    }
    .investa-subscribe-style-2 .sppb-form-builder-btn {
        top: 12px;
        right: 0px;
    }

    // Investa Person style 1
    .sppb-addon-person.investa-person-style-1 {
        .sppb-person-information {
            background-color: #f6f7fa;
            .sppb-person-name {
                padding: 20px 0px 0px 15px;
            }
            .sppb-person-designation {
                padding: 0px 0px 20px 15px;
            }
            .sppb-person-email {
                background: #ecf1f5;
                color: #3b6675;
                padding: 15px 15px;
                &:before {
                    margin-right: 15px;
                }
            }
        }
        .sppb-person-social-icons {
            background: #f6f7fa;
            margin: 0px;
            padding: 15px 15px;
        }
    }
    .investa-faq-style .sppb-panel-title {
        font-size: 18px;
        line-height: 30px;
    }
    .investa-faq-style .sppb-panel-title span {
        margin-right: 10px;
    }

    .investa-faq-style .sppb-panel-body {
        padding: 15px 30px;
    }
    .com-users.view-login,
    .com-users.view-registration {
        .user-left-wrapper {
            &:after {
                display: none;
            }
        }
    }
    .sp-page-title .sp-page-title-heading {
        font-size: 40px;
        line-height: 50px;
    }
    html.error-page .error-code {
        font-size: 90px;
        line-height: 88px;
    }
    html.error-page .error-message {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .home-default-slider .sp-dots {
        max-width: 690px;
    }
    .home-default-slider .sp-slider_number {
        max-width: 690px;
        top: 140px;
    }
    .clients-wrapper > div {
        flex: 1 0 50%;
        max-width: 50%;
    }
    .investa-faq-style .sppb-panel-group {
        max-width: 100%;
    }
    .about-heading-box .sppb-addon-title .sppb-addon-title-icon {
        margin-left: 100px;
    }

    .investa-tab-style .sppb-nav li a {
        padding: 40px 30px;
    }
    .investa-tab-style .sppb-nav li a .sppb-tab-icon {
        font-size: 34px;
    }
    .pricing-item-wrapper {
        padding: 34px 0px 58px 0px;
    }
    .pricing-item-feature li {
        padding: 18px 10px;
    }
    .pricing-item-wrapper.active {
        padding: 54px 0px 68px 0px;
    }

    // Buttons
    body .sppb-btn,
    body .btn {
        //button extra large
        &.sppb-btn-xlg {
            padding: 10px 50px;
        }
    }
    .investa-pricing-tab .sppb-nav {
        top: -115px;
    }
    .case-study-artices {
        div[class^="sppb-col-"] {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
    .article-list .article .article-intro-image,
    .article-list .article .article-featured-video,
    .article-list .article .article-featured-audio,
    .article-list .article .article-feature-gallery {
        margin-bottom: 10px;
    }
    .article-list .article .article-header h1,
    .article-list .article .article-header h2 {
        margin-bottom: 10px;
    }
    .related-article-list-container .article-list .article {
        margin-bottom: 30px;
    }
    .article-list .article {
        margin-bottom: 30px;
    }
    .article-details .article-header h1,
    .article-details .article-header h2 {
        font-size: 35px;
    }
    body.com-content.view-category .classic-blog .article-list {
        column-count: 2 !important;
    }
    .service-case-study-wrapper .sp-simpleportfolio-filter ul li {
        margin: 0px 0px 0px 30px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-details
        .sp-simpleportfolio-description
        > h2 {
        font-size: 30px;
        line-height: 50px;
        max-width: 690px;
        top: 120px;
    }

    // Coming soon
    html.coming-soon {
        #coming-soon-countdown {
            .coming-soon-days,
            .coming-soon-hours,
            .coming-soon-minutes,
            .coming-soon-seconds {
                .coming-soon-number {
                    font-size: 40px;
                    line-height: 50px;
                }
            }
        }
    }
    body.default-title #sp-page-title {
        max-width: 768px;
    }
    body.default-title #sp-main-body .container-inner {
        padding: 60px 40px;
    }
    .com_spsimpleportfolio.case-study .sp-simpleportfolio-image-video-wrapper {
        height: 350px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-image-video-wrapper
        h2 {
        font-size: 34px;
        line-height: 50px;
        max-width: 690px;
        padding-right: 0%;
        padding-top: 140px;
    }
    body.default-title #sp-page-title .sp-page-title {
        padding: 120px 50px 80px 50px;
    }
    body.default-title #sp-main-body > .container {
        max-width: 768px;
    }
    body.com-content.view-category
        .top-section
        .sppb-addon-articles-carousel
        .sppb-articles-carousel-column
        .sppb-articles-carousel-content {
        padding-right: 20px;
    }

    body.com-content.view-category
        .top-section
        .sppb-addon-articles-carousel
        .sppb-articles-carousel-link {
        font-size: 26px;
    }

    .blog-list-wrapper .left-sidebar .sp-module-title,
    .blog-list-wrapper .right-sidebar .sp-module-title {
        padding-left: 0px;
    }

    .blog-list-wrapper {
        .left-sidebar,
        .right-sidebar {
            .sp-module {
                margin-bottom: 40px;
                &:not(.simple, .last-mod) {
                    padding: 15px;
                }
            }
            .latestnews {
                .latest-post-item {
                    flex-wrap: wrap;
                    .article-list-img {
                        margin-right: 0px;
                        margin-bottom: 10px;
                    }
                }
            }
        }
    }

    .blog-list-wrapper .left-sidebar .last-mod .sp-module-title,
    .blog-list-wrapper .left-sidebar .last-mod .sp-module-content,
    .blog-list-wrapper .right-sidebar .last-mod .sp-module-title,
    .blog-list-wrapper .right-sidebar .last-mod .sp-module-content {
        padding-left: 0px;
    }
    .pagination .page-item .page-link {
        padding: 11px 16px;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-nav-control {
        display: none;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item
        .sppb-testimonial-carousel-content-wrap {
        margin-left: 0px;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-dots
        ul {
        text-align: left;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-dots
        ul
        li {
        margin: 0 10px;
    }
    .related-article-list-container .related-article-title {
        font-size: 44px;
        line-height: 60px;
    }
}

@media (max-width: 767px) {
    #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;
        }
    }

    // Buttons
    body .sppb-btn,
    body .btn {
        text-transform: capitalize;
        padding: 9px 20px;
        border: none;
        line-height: 1.43;

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

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

        // button large
        &.sppb-btn-lg {
            padding: 10px 26px;
        }

        //button medium
        &.sppb-btn-sm {
            padding: 6px 20px;
        }

        //button extra small
        &.sppb-btn-xs {
            padding: 5px 18px;
        }
    }
    label {
        margin-bottom: 10px;
    }

    .investa-subscribe-style-2 .sppb-form-builder-btn {
        top: 7px;
    }

    .investa-faq-style .sppb-panel-title {
        font-size: 16px;
        line-height: 24px;
        padding-right: 20px;
    }
    .investa-faq-style .sppb-panel-title span {
        margin-right: 10px;
    }
    .investa-faq-style .sppb-panel-body {
        padding: 15px 20px;
    }
    #sp-bottom {
        padding: 30px 0 20px;
    }

    #sp-bottom:after {
        display: none;
    }
    .default-title #sp-main-body .container-inner {
        padding: 60px 40px;
    }
    .sp-page-title .sp-page-title-sub-heading {
        max-width: 100%;
    }
    .sp-page-title {
        padding: 60px 70px 100px 70px;
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="number"],
    .sppb-form-control,
    .sppb-form-group .sppb-form-control {
        padding: 10px 10px;
    }

    html.error-page .error-message {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    html.error-page .error-code {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .home-default-slider .sp-dots {
        max-width: 510px;
    }
    .home-default-slider .sp-slider_number {
        max-width: 510px;
    }
    .home-default-slider .default-slider-text {
        max-width: 100%;
    }

    .column-border-left {
        border-radius: 0px 0px 0px 0px;
    }
    .column-border-right {
        border-radius: 0px 0px 0px 0px;
    }
    .testimonial-carousel-style-1 .sppb-testimonial-carousel-name-designation {
        margin-left: 20px;
    }
    .home-default-slider .sp-slider_number {
        top: 120px;
    }

    .addons-articles-style .sppb-article-info-wrap {
        padding: 20px 15px 30px 15px;
    }
    .addons-articles-style .sppb-article-info-wrap h3 {
        margin-bottom: 18px;
    }
    .addons-articles-style .sppb-article-info-wrap .sppb-article-introtext {
        margin-bottom: 20px;
    }
    .about-animated-number-wrap:before {
        transform: translateX(-15px);
    }

    .investa-tab-style .sppb-nav {
        flex-wrap: wrap;
        text-align: center;
    }
    .investa-tab-style .sppb-nav li {
        flex: 1 0 50%;
        max-width: 50%;
        &:after {
            display: none;
        }
    }

    .investa-tab-style .sppb-nav li:first-child a {
        border-radius: 0px;
    }
    .investa-tab-style .sppb-nav li:last-child a {
        border-radius: 0px;
    }

    .investa-pricing-tab .sppb-nav {
        top: -80px;
    }

    .pricing-item-wrapper {
        padding: 30px 0px 40px 0px;
    }
    .pricing-item-wrapper.active {
        padding: 30px 0px 50px 0px;
    }
    body.com-content.view-category
        .top-section
        .sppb-addon-articles-carousel
        .sppb-articles-carousel-column {
        display: flex !important;
        flex-direction: column;
        .sppb-articles-carousel-img {
            margin-bottom: 20px;
        }
    }
    body.com-content.view-category
        .top-section
        .sppb-addon-articles-carousel
        .sppb-articles-carousel-column
        .sppb-articles-carousel-content {
        padding: 0;
        max-width: 100%;
    }
    body.com-content.view-category
        .top-section
        .sppb-addon-articles-carousel
        .sppb-articles-carousel-link {
        font-size: 20px;
    }
    .article-details {
        font-size: 13px;
        line-height: 1.5;
    }
    .com-content.view-article #sp-main-body .article-details-intro {
        padding: 50px 0 100px 0;
    }
    .com-content.view-article #sp-main-body .article-media-wrapper {
        margin-top: -70px;
    }
    .article-details .article-ratings-social-share .social-share-block {
        margin-top: 10px;
    }
    .related-article-list-container {
        padding-top: 20px;
        margin-top: 20px;
    }
    .related-article-list-container .related-article-title {
        padding-bottom: 15px;
        font-size: 30px;
        line-height: 1.3;
        margin-left: 0px;
        margin-bottom: 15px;
        border: none;
    }
    .com-content.view-article #sp-main-body {
        padding-bottom: 40px;
    }
    body.com-content.view-category .classic-blog .article-list {
        column-count: 1 !important;
        column-gap: 0px;
    }
    body.com-content.view-category .classic-blog .article .article-intro-image {
        height: 300px !important;
    }
    .service-case-study-wrapper .sp-simpleportfolio-filter ul li {
        margin: 0px 0px 10px 30px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-details
        .sp-simpleportfolio-description
        > h2 {
        width: 100%;
        max-width: 100%;
        padding: 0px 30px;
        top: 90px;
    }
    html.coming-soon .coming-soon-title {
        font-size: 24px;
        line-height: 30px;
        color: #313f36;
    }

    body.default-title #sp-main-body .container-inner {
        padding: 50px 15px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-image-video-wrapper
        h2 {
        max-width: 510px;
    }

    .blog-list-wrapper {
        .left-sidebar,
        .right-sidebar {
            .latestnews {
                .latest-post-item {
                    flex-wrap: nowrap;
                    .article-list-img {
                        margin-right: 10px;
                        margin-bottom: 0px;
                    }
                }
            }
        }
        .left-sidebar {
            margin-bottom: 60px;
        }
        .right-sidebar {
            margin-top: 40px;
        }
    }
    .pagination-wrapper {
        margin-top: 40px;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item
        .sppb-testimonial-carousel-content-wrap {
        flex-direction: column;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-testimonial-carousel-name-designation {
        margin-left: 0px;
        margin-top: 10px;
    }
}

@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 {
            display: none;
            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;
        }
    }
    .default-title #sp-main-body .container-inner {
        padding: 40px 15px;
    }
    .sp-page-title .sp-page-title-heading {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .sp-page-title .sp-page-title-sub-heading {
        font-size: 16px;
        line-height: 24px;
    }

    .sp-page-title {
        padding: 40px 15px 40px 15px;
    }

    .home-default-slider .sp-dots {
        max-width: 100%;
        left: 15px;
    }
    .home-default-slider .sp-slider_number {
        top: 70px;
        max-width: 100%;
        left: 15px;
    }
    .clients-wrapper > div {
        flex: 1 0 100%;
        max-width: 100%;
        height: 150px;
    }
    .feature-carousel-style
        .sppb-carousel-extended-item
        .sppb-carousel-extended-heading {
        font-size: 18px;
    }
    .about-heading-box .sppb-addon-title .sppb-addon-title-icon {
        margin-left: 30px;
    }
    .about-animated-number-wrap:before {
        top: 0px;
        height: 85%;
    }

    .investa-tab-style .sppb-nav li a .sppb-tab-icon {
        font-size: 24px;
    }
    .investa-pricing-tab .sppb-nav li a {
        padding: 10px 10px;
    }
    .investa-pricing-tab .sppb-nav {
        width: 250px;
    }
    .case-study-artices {
        div[class^="sppb-col-"] {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    body.com-content.view-category .classic-blog .article {
        margin-bottom: 30px;
    }
    .pagination-wrapper {
        margin-top: 20px;
    }
    .com-spsimpleportfolio.view-items {
        .sp-simpleportfolio-filter {
            margin-bottom: 30px;
            ul > li:not(:last-child) {
                margin-right: 30px;
            }
            ul > li > a {
                font-size: 15px;
            }
        }
        .sp-simpleportfolio-items {
            margin: -10px;
        }
        .sp-simpleportfolio-item {
            margin-bottom: 40px;
            padding: 10px;
        }
    }
    .com-spsimpleportfolio.view-items
        .layout-gallery-space
        .sp-simpleportfolio-overlay {
        padding: 15px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-image-video-wrapper
        h2 {
        max-width: 100%;
    }

    .com_spsimpleportfolio.case-study .sp-simpleportfolio-image-video-wrapper {
        height: 250px;
    }
    .com_spsimpleportfolio.case-study
        .sp-simpleportfolio-image-video-wrapper
        h2 {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
        font-size: 26px;
        line-height: 40px;
        padding-top: 100px;
    }
    body.default-title #sp-page-title .sp-page-title {
        padding: 80px 15px 60px 15px;
    }
    .pagination .page-item .page-link {
        padding: 7px 12px;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item {
        flex-direction: column-reverse;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item
        .sppb-testimonial-carousel-item-content {
        padding: 0px;
        margin-left: 0px;
        border: none;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        .sppb-carousel-extended-item
        .sppb-testimonial-carousel-content-wrap {
        padding: 30px 0px;
    }
    .testimonial-carousel-style-1.testimonial-carousel-style-2
        div.sppb-carousel-extended-dots {
        bottom: 10px !important;
    }
}
