@media (max-width: 1500px) {

    section.gradient,
    section.content,
    footer section.top {
        border-radius: 0;
    }
    
}

@media (max-width: 1320px) {

    section.gradient,
    section.content {
        border-radius: 160px;
    }

    section.gradient .wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    section.gradient aside {
        display: none;
    }

    section.gradient article {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    section.gradient article .navigation {
        display: block;
    }

    section.gradient .share {
        width: 100%;
        max-width: 780px;
        margin: 0 auto;
        background-color: rgba(30, 136, 210, 0.3);
        padding-bottom: 15px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        position: relative;
        outline: 10px solid rgba(30, 136, 210, 0.3);
    }

    section.gradient .share:before,
    section.gradient .share:after {
        content: url(../images/corner.svg);
        position: absolute;
        top: -40px;
        left: -10px;
    }

    section.gradient .share:after {
        left: initial;
        right: -10px;
        transform: scaleX(-1);
    }
    
    section.gradient .share > div {
        display: flex;
        position: initial;
        align-items: center;
        justify-content: center;
        gap: 10px;
        color: var(--gray);
    }

    section.gradient .share h4 {
        border: none;
        padding: 0;
        writing-mode: initial;
        font-size: 16px;
        font-weight: 500;
        text-align: left;
        letter-spacing: initial;
        color: var(--blue);
        order: 1;
        position: relative;
        padding-right: 25px;
    }

    section.gradient .share h4:before {
        content: '';
        width: 4px;
        height: 4px;
        border-top: 1px solid var(--blue);
        border-right: 1px solid var(--blue);
        position: absolute;
        top: 50%;
        right: 1px;
        transform: rotate(45deg) translateY(-50%);
    }
    
    section.gradient .share h4:after {
        content: '';
        width: 15px;
        height: 1px;
        background-color: var(--blue);
        position: absolute;
        top: 50%;
        right: 0;
    }

    section.gradient .share ul {
        flex-direction: row;
        gap: 10px;
        order: 2;
        padding: 0;
    }

    section.gradient .share a {
        color: var(--gray);
    }

    .services figure.prompt-1 {
        left: -20px;
    }

    .infograph-4 {
        margin: 0 10px;
    }

    .infograph-4 .wp-block-group:nth-child(1) {
        padding: 40px 30px;
    }

    .infograph-4 h2 {
        font-size: 32px;
        line-height: 36px;
    }

    footer .wp-block-columns {
        gap: 70px;
    }

    footer section.top {
        border-bottom-left-radius: 160px;
        border-bottom-right-radius: 160px;
    }
}

@media (max-width: 1240px) {

    .banners > .wp-block-group__inner-container,
    .team > .wp-block-group__inner-container,
    section.content > .wp-block-group__inner-container .banners > .wp-block-group__inner-container,
    .monitoring-prompts .prompts {
        margin-left: -20px;
        margin-right: -20px;
    }

    .testimonials {
        flex-wrap: wrap !important;
    }

    .testimonials .wp-block-column {
        flex-basis: calc(50% - 20px) !important;
    }

    .infograph.type-2 .wp-block-column > .wp-block-group {
        transform: translate(0);
        left: 260px;
        top: 220px;
    }

    .infograph.type-2 .wp-block-group figcaption {
        top: -220px;
        right: 0;
        transform: translate(0);
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-group {
        transform: translate(0);
        top: 0;
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-group figcaption {
        top: 320px;
        left: 0;
        transform: translate(0);
    }

    .infograph-2,
    .infograph-5,
    .wp-block-media-text.has-background {
        margin-left: 10px;
        margin-right: 10px;
    }

    .infograph-2 > .wp-block-column {
        min-width: calc(33% - 34px);
    }

    .infograph-2 > .wp-block-column:nth-child(3) {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .infograph-2 > .wp-block-column:nth-child(4) {
        border-radius: 0;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .infograph-2 > .wp-block-column:nth-child(5) {
        border-radius: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        display: block;
    }
    
    .infograph-2 > .wp-block-column:nth-child(5):before {
        display: none;
    }
    
    .infograph-2 > .wp-block-column:nth-child(5) .wp-block-image {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 15px;
    }

    .infograph-2 > .wp-block-column:nth-child(5) .wp-block-image img {
        height: 243px;
    }

    .infograph-3 .wp-block-image:nth-child(2) {
        right: initial;
        left: -30px;
    }

    .infograph-3 figcaption {
        right: -10px;
    }
    
}

@media (max-width: 1180px) {
    
    .prompts {
        display: none;
    }

    .infograph:not(.wp-block) .wp-block-columns,
    .infograph-3:not(.wp-block) .wp-block-columns {
        gap: 80px;
    }

    .infograph:not(.wp-block) .wp-block-image,
    .infograph:not(.wp-block) .wp-block-video,
    .infograph:not(.wp-block) .wp-block-embed,
    .infograph:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-image,
    .infograph:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-video,
    .infograph:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-embed {
        margin: 0 10px 0;
    }

    .infograph:not(.wp-block) iframe {
        width: 100%;
        min-height: 320px;
    }
    
}

@media (max-width: 1070px) {

    .infograph-4 .wp-block-group:nth-child(1) {
        padding: 30px 20px 10px 20px;
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-group {
        right: initial;
        left: 0;
    }

    .infograph-4 .wp-block-media-text__content {
        grid-template-columns: 1fr;
        grid-column: 1 / span 2 !important;
    }

    .infograph-4 .wp-block-media-text__media {
        grid-column: 1 / span 2 !important;
        grid-row: 2 !important;
    }

    .infograph-5 .wp-block-column {
        flex-basis: calc(50% - 20px) !important;
        border-radius: 20px;
    }
    
}

@media (max-width: 990px) {

    .plans {
        flex-wrap: wrap !important;
        gap: 40px;
    }

    .plans .wp-block-column {
        flex-basis: 100% !important;
        border-radius: 20px !important;
        text-align: center;
        min-height: auto;
        padding: 30px !important;
    }

    .plans .wp-block-column:nth-child(1),
    .plans .wp-block-column:nth-child(3) {
        margin: 0 10px;
    }

    .plans .wp-block-column:nth-child(2) {
        margin: 0;
    }

    .plans .wp-block-list {
        text-align: left;
        max-width: 300px;
        margin: 0 auto;
    }

    .plans .wp-block-buttons {
        justify-content: center;
        margin-top: 40px;
    }

    .plans .wp-block-button__link {
        border-radius: 25px !important;
    }

    .post-type-archive-blog .grid,
    .tax-blog-tag .grid,
    .single-blog .related .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .custom-css-1 {
        margin: -100px 40px -100px 0;
    }

    .infograph.type-2 {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 300px;
        margin-bottom: -280px;
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns {
        gap: 60px;
        grid-template-columns: 1fr;
    }

    .infograph.type-2 > .wp-block-group__inner-container {
        gap: 120px;
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-image,
    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-video,
    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-embed {
        margin-top: 40px;
        text-align: left;
        margin-left: 100px;
    }
    
}

@media (max-width: 880px) {

    header .logo {
        max-width: 160px;
    }

    header:not(.active) nav {
        display: none;
    }

    header nav {
        position: absolute;
        top: 100%;
        width: 100%;
        height: 100vh;
        left: 0;
        z-index: 9;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    header nav ul {
        flex-direction: column;
        background-color: black;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        gap: 0;
        overflow: hidden;
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 15%);
    }

    header nav ul li {
        border-top: 1px dashed var(--gray);
        padding: 8px 20px 16px;
    }

    header nav ul li a {
        font-size: 20px;
        line-height: 1.6;
        padding: 0;
    }

    header nav ul li a span {
        display: block;
        color: var(--gray);
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
    }

    header nav ul li.button a {
        border: none;
        padding: 0;
        margin: 0;
    }

    header nav ul li.social {
        display: flex;
        gap: 10px;
        padding-top: 20px;
    }

    header nav ul li.social svg {
        fill: white;
        width: 35px;
        height: 35px;
    }
    
    header nav ul li.button a:hover {
        background-color: initial;
    }

    header nav ul li:hover,
    header nav > ul > .current-menu-item,
    header nav > ul > .current-page-ancestor {
        background-color: var(--blue);
    }

    header nav ul li:hover a,
    header nav ul li:hover a span {
        color: var(--white) !important;
    }

    header nav > ul > li:hover > ul {
        display: none;
    }

    header .hamburguer {
        display: block;
    }

    section.gradient,
    section.content {
        border-radius: 40px;
    }

    section.gradient.bottom-gap {
        padding-bottom: 430px;
    }

    .services {
        flex-wrap: wrap !important;
    }

    .services .wp-block-column {
        flex-basis: 100% !important;
    }
    
    .services figure.prompt-2 {
        right: -20px;
    }

    .single-service section.featured-image {
        height: 325px;
        margin-bottom: -40px;
    }

    .infograph:not(.wp-block, .type-2) .wp-block-columns,
    .infograph-3:not(.wp-block) .wp-block-columns {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .infograph:not(.type-2) .wp-block-group {
        display: none;
    }

    .infograph:not(.type-2) .wp-block-image:before,
    .infograph:not(.type-2) .wp-block-video:before,
    .infograph:not(.type-2) .wp-block-embed:before {
        transform:
            translate(-10%, -35%)
            scale(.8);
    }

    .infograph:not(.type-2) .wp-block-columns:nth-child(even) .wp-block-image:before,
    .infograph:not(.type-2) .wp-block-columns:nth-child(even) .wp-block-video:before,
    .infograph:not(.type-2) .wp-block-columns:nth-child(even) .wp-block-embed:before {
        transform:
            translate(-40%, -35%)
            scale(.8);
    }

    .infograph-2 > .wp-block-column {
        min-width: calc(100% - 34px);
        border-radius: 20px !important;
        border: none;
    }

    .infograph-2 > .wp-block-column .wp-block-image {
        margin-left: -15px;
    }

    .infograph-3 .wp-block-column > .wp-block-group {
        position: initial;
    }

    .infograph-3 .wp-block-image:nth-child(2) {
        border: 2px solid white;
        width: 40px;
        height: 40px;
        top: -20px;
        left: -10px;
    }

    .infograph-3 .wp-block-image:nth-child(2) img {
        width: 20px;
    }

    .infograph-3 .wp-block-column:nth-child(2):before {
        transform: translate(0, -25%);
        opacity: .6;
    }

    .infograph-3 .wp-block-column > .wp-block-group:not(.active) {
        display: none;
    }

    .wp-block-media-text.has-background {
        grid-template-columns: 1fr;
    }

    .wp-block-media-text.has-background .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
    }

    .wp-block-media-text.has-background  .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2;
    }

    footer section.top {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }

    footer .wp-block-columns {
        flex-direction: column;
    }
    
}

@media (max-width: 768px) {

    .home section.gradient {
        padding-top: 20px;
        margin-top: 20px;
    }

    .home.page-template-full-width section.gradient > .wp-block-group__inner-container {
        margin-top: -50px;
    }

    .post-type-archive-blog .grid,
    .tax-blog-tag .grid,
    .single-blog .related .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .custom-css-1 {
        margin: -60px 20px -60px 0;
    }

    .logos figure {
        padding: 15px 30px;
    }

    .monitoring-prompts .prompts {
        gap: 30px !important;
    }

    .monitoring-prompts .wp-block-image:nth-child(3) {
        opacity: .3;
        filter: blur(5px);
        pointer-events: none;
        transform: scale(.8);
    }

    .monitoring-prompts .wp-block-image:nth-child(4),
    .monitoring-prompts .wp-block-image:nth-child(3) figcaption {
        display: none !important;
    }

    .monitoring-prompts .wp-block-image figcaption {
        left: -80px !important;
    }

    .monitoring-prompts .wp-block-buttons {
        gap: 20px;
    }

    .infograph-4 .wp-block-media-text {
        grid-template-columns: 1fr;
    }

    footer section.bottom .wrapper {
        flex-direction: column;
        gap: 20px;
    }

    footer section.bottom p:nth-of-type(1) {
        padding-right: 0;
    }
    
}

@media (max-width: 580px) {

    h1, h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    article > .wp-block-image,
    article > .wp-block-table {
        border-radius: 0;
        margin: 0 -20px 20px;
        outline: none;
    }

    .wp-block-buttons .wp-block-button__link {
        font-size: 13px;
    }

    p.has-medium-font-size,
    section.intro .wrapper > p {
        font-size: 18px !important;
        line-height: 26px;
    }

    section.gradient {
        padding-bottom: 140px;
    }

    section.gradient article {
        padding: 20px;
    }

    section.content {
        margin-top: -160px;
        padding: 60px 0;
    }

    section.content > .wrapper,
    section.content > .wp-block-group__inner-container {
        gap: 60px;
    }

    .wp-block-quote {
        font-size: 24px;
        line-height: 1.4;
        padding-left: 20px;
    }
    
    .wp-block-quote:before {
        font-size: 150px;
        height: 50px;
    }
    
    .wp-block-quote p {
        margin-bottom: 30px;
    }

    .services .has-background {
        padding: 20px;
        margin: 0 -40px 0 -40px;
        border-radius: 40px;
    }

    .services .has-background .wp-block-image {
        margin: -20px -20px 20px !important;
    }

    .services .has-background .wp-block-image img {
        height: 220px;
    }

    .services .has-background h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .services .has-background .wp-block-list,
    .wp-block-media-text.has-background .wp-block-list {
        gap: 20px;
    }

    .services .wp-block-quote {
        margin-right: -21px;
    }
    
    .services .wp-block-quote figure {
        max-width: 160px;
    }

    .single-service section.gradient {
        padding: 60px 0 220px;
    }

    .infograph {
        margin-top: -20px;
        margin-bottom: -250px;
        padding-top: 0;
        padding-bottom: 200px;
    }

    .infograph .wp-block-column:nth-child(1) {
        padding-left: 20px;
    }

    .infograph:not(.wp-block) .wp-block-image,
    .infograph:not(.wp-block) .wp-block-video,
    .infograph:not(.wp-block) .wp-block-embed,
    .infograph:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-image,
    .infograph:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-video,
    .infograph:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-embed {
        margin: 0 10px;
    }

    .infograph.type-2 > .wp-block-group__inner-container {
        gap: 80px;
    }

    .infograph.type-2 video,
    .infograph.type-2 iframe,
    .infograph.type-2 .wp-block-column > .wp-block-image img {
        width: 80%;
        height: auto;
        aspect-ratio: 3/2.5 !important;
        min-height: initial;
    }

    .infograph.type-2 .wp-block-column > .wp-block-group {
        left: initial;
        right: 0;
        top: 130px;
        width: 160px;
    }

    .infograph.type-2 .wp-block-group figcaption {
        top: -170px;
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-image,
    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-video,
    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-column > .wp-block-embed {
        text-align: right;
        margin-left: 0;
    }

    .infograph.type-2:not(.wp-block) .wp-block-columns:nth-child(even) .wp-block-group figcaption {
        top: 210px;
        border-radius: 10px;
        border-top-right-radius: 0;
    }

    .banners .wp-block-group__inner-container,
    .team > .wp-block-group__inner-container {
        gap: 20px;
    }

    .banners .wp-block-img img {
        min-width: calc(100vw - 60px);
    }

    .banners .wp-block-image:nth-child(1) {
        display: none;
    }

    .banners .wp-block-image:nth-child(2) {
        display: block;
    }

    .post-type-archive-blog section.gradient,
    .tax-blog-tag section.gradient {
        margin-top: 130px;
    }

    .post-type-archive-blog .grid,
    .tax-blog-tag .grid {
        margin-top: -840px;
    }

    .post-type-archive-blog .grid article,
    .tax-blog-tag .grid article,
    .single-blog .related .grid article {
        min-height: auto;
    }

    .post-type-archive-blog .grid article h2,
    .tax-blog-tag .grid article h2,
    .single-blog .related .grid article h2 {
        margin-bottom: 20px;
    }

    .post-type-archive-blog .grid article > p,
    .tax-blog-tag .grid article > p,
    .single-blog .related .grid article > p {
        display: none;
    }

    .single-blog .tags ul {
        gap: 5px 10px;
    }

    .single-blog .tags a {
        font-size: 10px;
        padding: 0 8px 0 5px;
    }

    .single-blog .tags a:before {
        width: 12px;
        height: 12px;
        right: -4px;
        top: 3px;
    }
    
    .single-blog .tags a:after {
        content: '';
        width: 3px;
        height: 3px;
        background-color: white;
        position: absolute;
        top: calc(50% - 1.5px);
        right: -3px;
        border-radius: 100%;
    }

    .single-blog .author-container {
        gap: 20px;
    }

    .single-blog .author-container > p {
        padding-right: 30px;
        padding-left: 0;
    }

    .single-blog .author-container > p:before {
        width: 20px;
    }

    .single-blog .faq > ul {
        padding: 20px;
    }

    .single-blog .faq > ul > li {
        font-size: 16px;
    }

    .testimonials {
        margin-top: 40px;
        row-gap: 30px;
    }

    footer h2 {
        font-size: 24px;
        line-height: 30px;
    }

    footer [name="contact"] {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
}