@media (max-width: 1440px) {
    .location-slide-style {
        width: 120%;
        left: -10%;
        max-width: 1800px;
        &:after,
        &:before {
            width: 20%;
            max-width: 200px;
        }
        &:before {
            left: 5%;
        }
        &:after {
            right: 5%;
        }
    }
}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1630px;
    }
}

@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;
            }
        }
    }
    .sp-page-title .sp-page-title-sub-heading {
        max-width: 80%;
    }

    .sppb-nav.sppb-nav-modern li a {
        margin: 0px;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 15px;
    }
    .location-slide-style {
        &:before {
        display: none;
        }
        &:after {
         display: none;
        }
    }
}

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

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

    .sp-page-title {
        padding: 170px 0px 80px;
        .sp-page-title-heading {
            padding: 8px 15px 8px 30px;
            margin-bottom: 25px;
            &:before {
                left: 15px;
            }
        }
        .sp-page-title-sub-heading {
            font-size: 48px;
        }
    }
    .addon-root-person {
        .person-style1 {
            padding: 20px;
            .sppb-person-information {
                padding: 15px 0px 0px;
                .sppb-person-name {
                    font-size: 20px;
                    margin-bottom: 8px;
                }
                .sppb-person-designation {
                    font-size: 14px;
                }
            }
            .person-content-hover-content-wrap {
                .sppb-person-social-icons {
                    li a {
                        font-size: 20px;
                    }
                }
            }
        }
    }
    .testimonial-style {
        .sppb-carousel-extended-item {
            padding: 130px 30px 65px;
            .sppb-testimonial-carousel-icon {
                max-width: 100px;
            }
            .sppb-testimonial-carousel-client-rating {
                right: unset;
                bottom: 30px;
                left: 30px;
            }
            .sppb-testimonial-carousel-img-wrap {
                top: 30px;
                right: 30px;
                img {
                    max-width: 100px;
                }
            }
        }
        .sppb-carousel-extended-nav-control {
            bottom: -65px;
            .nav-control {
                font-size: 18px;
                padding: 8px 25px;
                margin: 0px 5px;
            }
        }
    }
    .location-slide-style {
        .sppb-carousel-extended-item {
            .sppb-carousel-extended-content-wrap {
                padding: 30px;
            }
        }
    }

    //Global Page Name Button
    .page-title-custom-button {
        .sppb-addon-title {
            padding: 7.5px 10px !important;
        }
    }
    #sp-menu {
        padding: 0px 15px;
    }

    // Blog Listing
    .view-category {
        #sp-page-title .sp-page-title {
            padding: 170px 0 80px 0;
        }
        #sp-main-body {
            padding-top: 0;
            padding-bottom: 260px;
        }
        .blog {
            .article-list.articles-leading {
                .article {
                    .article-body {
                        padding: 20px;
                        .article-header {
                            h2 {
                                margin: 24px 0;
                            }
                            a {
                                font-size: 28px;
                            }
                        }
                        .article-introtext {
                            p {
                                font-size: 14px;
                            }
                            .readmore {
                                margin-top: 18px;

                                a {
                                    height: 24px;
                                    font-size: 16px;
                                    &::before {
                                        width: 40px;
                                        height: 24px;
                                    }
                                    &::after {
                                        font-size: 14px;
                                        right: 14px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .sp-module + .article-list {
                .article {
                    .article-body {
                        padding: 0;
                        .article-header {
                            h2 {
                                margin: 18px 0 30px 0;
                            }
                            a {
                                font-size: 24px;
                            }
                        }
                        .article-info {
                            span {
                                font-size: 14px;
                            }
                            .category-name {
                                a {
                                    font-size: 14px;
                                }
                            }
                        }
                        .article-introtext {
                            .readmore {
                                a {
                                    height: 25px;
                                    font-size: 18px;
                                    &::before {
                                        width: 44px;
                                        height: 25px;
                                    }

                                    &::after {
                                        font-size: 14px;
                                        right: 17px;
                                        top: 50%;
                                    }
                                }
                            }
                        }
                    }
                }
                .pagination-wrapper {
                    .pagination {
                        width: max-content;
                        right: 0;
                        left: 50%;
                        column-gap: 20px;
                        transform: translateX(-50%);
                        .page-item .page-link {
                            font-size: 18px;
                        }
                        li:nth-child(2),
                        li:nth-last-child(2) {
                            .page-link {
                                span {
                                    font-size: 18px;
                                }
                            }
                        }
                        li:nth-child(2) {
                            margin-right: 28px;
                        }
                        li:nth-last-child(2) {
                            margin-left: 28px;
                        }
                    }
                }
            }
        }
    }
    .view-article {
        .article-details {
            padding-top: 80px;

            .article-header {
                h1 {
                    font-size: 48px;
                }
            }
        }
        .article-ratings-social-share {
            .social-share-block {
                p {
                    margin-right: 18px;
                    font-size: 14px;
                }
                .article-social-share {
                    .social-share-icon ul li a {
                        font-size: 16px;
                        width: 26px;
                        height: 26px;
                        line-height: 26px;
                    }
                }
            }
        }
    }
    //Blog Details Related Articles
    .related-article-list-container {
        margin-top: 30px;
        .related-article-title {
            font-size: 28px;
            margin-bottom: 10px;
        }
        .article {
            .article-information {
                padding: 10px 4px;
                .article-publish-info {
                    .category-name a,
                    .published {
                        font-size: 14px;
                    }
                }
                .article-header h2 {
                    margin: 24px 0 40px 0;
                    a {
                        font-size: 24px;
                    }
                }
                > a {
                    font-size: 18px;
                    height: 25px;
                    &::before {
                        width: 44px;
                        height: 25px;
                    }
                    &::after {
                        font-size: 14px;
                        right: 15px;
                    }
                }
            }
        }
    }
    // Module Position 1
    .news-letter-module-form {
        .sppb-addon-form-builder-form {
            width: 472px;
        }
    }
    //About Us
    .latest-articles {
        .sppb-addon-article-layout-content {
            .sppb-article-info-wrap {
                padding: 20px 12px 20px 12px;

                .sppb-readmore {
                    height: 22px;
                    &::before {
                        content: "";
                        position: absolute;
                        width: 36px;
                        height: 22px;
                    }

                    &::after {
                        font-size: 14px;
                        right: 12px;
                        top: 50%;
                    }
                }
            }
        }
    }
    //About Us
    .custom-heading-title .sppb-addon-title {
        padding: 8px 15px 8px 30px;
        margin-bottom: 25px;
        &:before {
            left: 15px;
        }
    }

    .agents-style {
        .sppb-dynamic-content-collection__item {
            padding: 20px;
            .social-link {
                padding: 5px 8px;
                ul {
                    li {
                        margin: 0px 6px;
                        a {
                            font-size: 20px;
                        }
                    }
                }
            }
            .agents-information {
                padding: 15px 0px 0px;
            }
        }
    }
    .sppb-dynamic-content-collection.property-list {
        .property-list-title {
            font-size: 22px;
        }
        .property-list-price {
            font-size: 18px;
        }
    }
    .sppb-dynamic-content-gallery {
        .sppb-dc-bxpager {
            bottom: 20px;
            a {
                margin: 0px 5px;
                img {
                    width: 80px;
                    height: 60px;
                }
            }
        }
        .bx-wrapper .bx-controls .bx-controls-direction {
            a {
                &.bx-prev {
                    left: 20px;
                }
                &.bx-next {
                    right: 20px;
                }
            }
        }
    }

    .location-slide-style {
        width: 100%;
        &:before {
            display: none;
        }
        &:after {
            display: none;
        }
    }
}

@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;
        }
    }
    .article-list.grid {
        --columns: 1 !important;
        margin-bottom: 15px;
    }

    .sp-page-title {
        text-align: center;
        padding: 150px 0px 60px;
        .sp-page-title-heading {
            font-size: 14px;
            padding: 7px 15px 7px 30px;
            margin-bottom: 15px;
            &:before {
                left: 15px;
            }
        }
        .sp-page-title-sub-heading {
            max-width: 100%;
            font-size: 36px;
        }
    }
    .testimonial-style {
        .sppb-carousel-extended-item {
            padding: 100px 25px 65px;
            .sppb-testimonial-carousel-icon {
                max-width: 70px;
            }
            .sppb-testimonial-carousel-client-rating {
                right: unset;
                bottom: 25px;
                left: 25px;
            }
            .sppb-testimonial-carousel-img-wrap {
                top: 25px;
                right: 25px;
                img {
                    max-width: 75px;
                }
            }
        }
        .sppb-carousel-extended-nav-control {
            bottom: -30px;
        }
    }
    .location-slide-style {
        .sppb-carousel-extended-item {
            .sppb-carousel-extended-content-wrap {
                padding: 25px;
            }
        }
    }

    .contact-page-section {
        .sppb-addon-form-builder-form {
            .sppb-btn.sppb-btn-primary {
                padding: 8px 30px !important;
            }
        }
    }
    //FAQ
    .sppb-addon-accordion {
        .sppb-panel-modern {
            .sppb-panel-heading {
                padding: 20px 24px;
                .sppb-panel-title {
                    font-size: 16px;
                }
            }
            .sppb-panel-body {
                padding: 0 20px 32px 20px;
            }
        }
    }

    body .sppb-btn,
    body .btn {
        padding: 10px 41px;

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

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

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

        //button extra small
        &.sppb-btn-xs {
            padding: 9px 22px;
        }
    }
    .sppb-nav.sppb-nav-modern {
        padding: 15px 15px;
        gap: 8px;
        flex-wrap: wrap;
    }
    .sppb-nav.sppb-nav-modern {
        width: 100%;
    }

    // Blog Listing
    .view-category {
        #sp-page-title .sp-page-title {
            padding: 120px 0 80px 0;
        }
        .blog {
            .article-list.articles-leading {
                .article {
                    flex-direction: column;
                }
            }
            .sp-module + .article-list {
                .article {
                    .article-body {
                        .article-header {
                            a {
                                font-size: 22px;
                            }
                        }
                        .article-introtext {
                            .readmore {
                                a {
                                    font-size: 16px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    // Article Details
    .view-article {
        .article-details {
            padding-top: 60px;
            .article-header {
                h1 {
                    font-size: 30px;
                }
            }
            .article-info {
                column-gap: 30px;
                row-gap: 40px;
                margin-bottom: 60px;
                .article-author-text,
                .article-category-text,
                .article-publish-date-text,
                .article-reading-time-text {
                    flex-basis: 40%;
                    .createdby,
                    .category-name,
                    .published {
                        font-size: 16px;
                    }
                }
                .article-author-text {
                    > img {
                        max-width: 40px;
                        max-height: 40px;
                    }
                }
            }
        }
        .pagenavigation {
            padding: 32px 0px;
            .pagination .btn-secondary {
                padding: 7px 15px !important;
                border-radius: 3px !important;
                font-size: 16px !important;
                .icon-chevron-left::before,
                .icon-chevron-right::before {
                    font-size: 14px !important;
                }
            }
        }
    }
    //Blog Details Related Articles
    .related-article-list-container {
        .related-article-title {
            font-size: 24px;
        }
    }
    //About Us
    .custom-heading-title .sppb-addon-title {
        font-size: 14px;
        padding: 7px 15px 7px 30px;
        margin-bottom: 24px;
        &:before {
            left: 15px;
        }
    }
    html.error-page .error-code{
        font-size: 170px;
    }
    html.error-page .error-message{
        font-size: 26px;
    }

    html.coming-soon .coming-soon-title {
        font-size: 60px;
    }
    html.coming-soon .coming-soon-content {
        font-size: 36px;
        margin-top: 43px;
    }

}

@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;
        }
    }
    .footer-inner-wrapper {
        border-radius: 16px;
    }

    #sp-header .sp-module {
        display: none;
    }

    // Module Position 1
    .news-letter-module-form {
        .sppb-addon-form-builder-form {
            width: 300px;
        }
    }
    // Article Details
    .view-article {
        .article-details {
            .article-info {
                .article-author-text,
                .article-category-text,
                .article-publish-date-text,
                .article-reading-time-text {
                    flex-basis: 100%;
                }
            }
        }
    }
    #sp-header{
        width: calc(100% - 15px);
        left: 15px;
        >.container{
            border-radius: 8px;
        }
    }
    .sppb-dynamic-content-gallery {
        .sppb-dc-bxpager{
            display: none;
        }
    }
    .sppb-dynamic-content-gallery .bx-wrapper .bx-controls .bx-controls-direction a{
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .sppb-nav.sppb-nav-modern {
        flex-direction: column;
    }
    html.error-page .error-message {
        margin-top: -20px;
    }
}
