@media only screen and (min-width: 981px) {
    #main-content {
        background-color: #E2E2E2 !important;
    }



    .et_builder_inner_content {
        width: 100vw !important;
        max-width: 2560px;
        min-height: 100vh !important;
        padding: 15px !important;
        margin: 0 auto !important;
        background-color: #E2E2E2 !important;
        display: grid !important;
        justify-content: space-evenly;
        grid-template-rows: 49% 49% !important;
        grid-template-columns: 32.65% 32.65% 32.65% !important;
        column-gap: 15px !important;
        row-gap: 15px !important;
    }

    #block-1 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        grid-column: 1/1;
        grid-row: 1/1;
    }

    #block-2 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        grid-column: 2/2;
        grid-row: 1/1;
    }

    #block-3 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        grid-column: 3/3;
        grid-row: 1/1;
    }

    #block-4 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        grid-column: 1/1;
        grid-row: 2/2;
    }

    #block-5 {
        padding: 0;
        margin: 0;
        height: 100%;
        grid-column: 2/4;
        justify-self: stretch;
        grid-row: 2/2;
    }
}





@media only screen and (max-width: 980px) {
    .et_builder_inner_content {
        width: 100% !important;
        height: auto !important;
        padding: 15px !important;
        margin: 0 auto !important;
        background-color: #E2E2E2 !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }

    #block-2 {
        padding: 0;
        margin: 0 0 15px 0;
        width: 100%;
        height: auto;
        order: 2;

    }

    #block-3 {
        padding: 0;
        margin: 0 0 15px 0;
        width: 100%;
        height: auto;
        display: none;
    }

    #block-4 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: auto;
        order: 4;
    }

    #block-5 {
        padding: 0;
        margin: 0 0 15px 0;
        height: auto;
        width: 100%;
        order: 3;
    }
}


@media only screen and (min-width: 768px) and (max-width: 980px) {
    #block-1 {
        padding: 0;
        margin: 0 0 15px 0;
        width: 100%;
        height: auto;
        min-height: unset;
        order: 1;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #block-1 {
        padding: 0;
        margin: 0 0 15px 0;
        width: 100%;
        height: 204px;
        min-height: 204px;
        order: 1;
    }



}