@media(min-width:1921px) {}

@media(min-width:1400px) {

}

@media(max-width:1400px) {
    /* .gradient-stack {
        display: block;
    } */
}

@media(max-width:1025px) {
    .j-header {
        padding-left: inherit;
        padding-right: inherit;
    }
    .j-hero-section {
        min-height: auto;
    }
    .j-cta-image-stack {
        width: 63%;
    }

}

@media(max-width:992px) {
    .j-main-nav {
        display: none;
    }
    .j-mobile-menu {
        display: block;
    }
    .j-header-inner .j-btm {
        margin-left: auto;
    }
    .j-half-hero-image {
        margin-top: -220px;
    }
    .j-blog-list-white-bg .j-blog-grid-inside {
        max-width: 33.333%;
        flex: 0 0 33.333%;
    }
}

@media(max-width:768px) {

    .j-content-part {
        padding-top: 20px;
    }
    h1 {
        font-size: 55px;
    }
    .line-style {
        height: 40px;
    }
    .j-section-stack {
        padding-top: 50px;
    }
    .j-heading-group {
        margin-bottom: 50px;
    }
    .j-inside-grid figcaption {
        padding-top: 18px;
        padding-left: 18px;
        padding-right: 22px;
    }
    .j-full-stack {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .j-inside-grid .j-icon {
        margin-bottom: 29px;
    }
    .j-blank-gray-area {
        height: 50px;
    }
    .j-insite-benefit-section {
        padding-top: 50px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
    }
    .j-technology-stack-section .j-heading-stack {
        margin-top: 50px;
    }
    .j-inside-tech {
        padding-left: 30px;
        padding-right: 30px;
    }
    .j-technology-stack-section .j-heading-group {
        text-align: center;
    }
    .j-esstional-section .j-inside-grid {
        flex: 0 0 50%;
    }
    .j-blog-grid-inside {
        flex: 0 0 50%;
    }
    .j-faq-place-stack {
        padding-bottom: 50px;
    }
    .j-cta-stack-outer {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .j-cta-image-stack {
        width: 100%;
        position: static;
    }

    body, html {
        overflow-x: hidden;
    }
}

@media(max-width:576px) {

    .j-inside-grid {
        flex: 0 0 100%;
        border-bottom: 0.5px solid var(--color-border-gray);
    }
    .j-inside-grid:last-child{
        border-bottom: none;
    }
    .j-inside-grid:last-child .j-image {
        text-align: right;
    }
    .j-line-divider {
        display: none;
    }
    .j-esstional-section .j-inside-grid {
        flex: 0 0 100%;
    }
    .j-esstional-section .j-inside-grid:nth-child(2) {
        text-align: left;
    }

    .j-esstional-section .j-inside-grid:nth-child(2) .j-image {
        text-align: right;
    }

    .j-blog-grid-inside {
        flex: 0 0 100%;
    }
    .j-cta-section .j-heading-stack, 
    .j-cta-section .j-lead-stack, 
    .j-faq-section .j-heading-stack {
        padding-left: 30px;
        padding-right: 30px;
    }
    .j-cta-stack-outer {
        padding-bottom: 0;
    }
    .j-social-list {
        justify-content: center;
    }
    .j-contactlist {
        flex-direction: inherit;
        row-gap: 0;
        column-gap: 20px;
        justify-content: center;
    }
    .j-footer-heading {
        padding: 16px 0px;
    }
    .j-footer-menu {
        margin-top: 14px;
        margin-bottom: 26px;
    }

    .j-desktop-view {
        display: none;
    }

    .j-mobile-view {
        display: block;
    }
    .j-box-grid-inner {
        column-gap: 10px;
        row-gap: 10px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: minmax(1fr,1fr);
        grid-template-areas:". .";
    }
    .j-box-grid-inner .j-grid-box:nth-child(2), .j-box-grid-inner .j-grid-box:nth-child(3) {
        grid-row-start: span 1;
        grid-row-end: span 1;
        grid-column-start: span 1;
        grid-column-end: span 1;
        min-height: 360px;
        overflow: hidden;
        max-width: none;
    }
    .j-grid-content {
        padding: 17px;
    }
    .j-blog-list-white-bg .j-blog-grid-inside {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .j-hero-content br {
        display: none;
    }
    .j-stack-four .j-stack-four-inner {
        flex: 0 0 100%;
        border-bottom: 1px solid var(--color-black-border-gray);
    }

    .j-stack-four .j-stack-four-inner:last-child{
        border-bottom: none;
    }


}

@media(max-width:481px) {

    .j-hero-content {
        font-size: 15px;
        line-height: 23px;
    }
    .j-hero-content p br {
        display: none;
    }
    .right-gradient-place, 
    .left-gradient-place {
        width: 33%;
    }
    h1 {
        font-size: 45px;
    }
    .j-btm {
        padding: 5px 14px 5px 5px;
        font-size: 14px;
    }
    .j-btm::after {
        left: 5px;
    }
    .j-section-stack {
        padding-top: 35px;
    }
    .j-heading-group {
        margin-bottom: 35px;
    }
    h2 {
        font-size: 33px;
        line-height: 1;
    }
    .j-footer-header {
        padding-left: 30px;
        padding-right: 30px;
    }
    .inner-esstional-grid .j-image img {
        width: 72%;
    }
     .j-content-stack {
        height: 400px;
    }
    .gradient-stack {
        height: auto;
    }

    .j-new-about-hero.j-inner-hero-section {
        min-height: 647px;
    }
    .j-box-grid-inner {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(1fr,1fr);
        grid-template-areas:".";
    }

    .j-section-content br {
        display:none;
    }

    .retailor-screen-resize .j-image-holder img {
        width: 200px;
    }
    .j-content-stack {
        padding-left: 30px;
        padding-right: 30px;
    }

    .j-image-holder {
        padding: 29px 27px 0;
    }
}

@media(max-width:401px) {

    h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 20px;
        line-height: 27px;
    }

    .j-section-content br {
        display: none;
    }
    .j-cta-section .j-heading-stack, .j-cta-section .j-lead-stack, .j-faq-section .j-heading-stack {
        padding-left: 20px;
        padding-right: 20px;
    }
    .j-insite-benefit-section {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .j-technology-stack-section .j-heading-stack {
        margin-top: 30px;
    }
    .j-question {
        font-size: 15px;
        padding: 14px;
    }
    .j-cta-section .j-cta-stack-outer {
        padding-top: 30px;
    }
    .j-cta-section .j-lead-stack {
        margin-top: 36px;
    }
    .j-advantage-section .j-short-image img {
        width: 348px;
    }
    .j-blog-list-white-bg .j-blog-grid-inside {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .logo img {
        width: 156px;
    }

}