.bigcommerce-development-packages main.full-width article,
.magento-starter-package main.full-width article {
    max-width: 100%;
}

.bigcommerce-development-packages main.full-width section.page-content.page-width,
.magento-starter-package main.full-width section.page-content.page-width {
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.table-container {
    max-width: 1420px;
    padding: 20px 70px 0;
    width: calc( 100% - 70px);
    margin: auto;
}

.table-container ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border: 1px solid #E9E9E9;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 20px;
}

.table-container ul li {
    flex-grow: 1;
    min-width: 1%;
    text-align: center;
    width: 20%;
    padding: 22px 15px 18px;
    position: relative;
}

.table-container ul li.first-column.transparent {
    background-color: transparent;
}

.table-container ul li:nth-of-type(odd) {
    background-color: #FAFAFA;
}

.table-container ul li.first-column {
    min-width: 40%;
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    color: #0AA192;
}

li.rose {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

li.rose:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #EBA5A6;
    z-index: -1;
}

.table-container ul li.black {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
    background-color: transparent;
    position: relative;
}

.table-container ul li.black:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #010000;
    z-index: -1;
}

.table-container ul li.black:after {
    content: 'Most popular';
    position: absolute;
    top: -20px;
    left: 10px;
    right: 10px;
    background-color: #292929;
    height: 30px;
    line-height: 32px;
    font-size: 16px;
}

li.green {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}

li.green:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #0AA192;
    z-index: -1;
}

.table-container ul.first-list {
    border: none;
}

.table-container ul li.bold {
    font-weight: bold;
}

.table-container > div {
    display: inline-block;
    width: 100%;
    padding: 35px 10px 15px 15px;
}

.table-container > div h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0;
    vertical-align: middle;
    width: 25%;
    text-align: left;
}

.table-container > div p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    display: inline-block;
    width: 74%;
    margin: auto;
    vertical-align: middle;
}

section.footer-cta.green {
    background-color: #12D5C1;
    margin: 40px 0 0;
}

section.footer-cta.green a.cta-button.alert {
    background-color: #464646;
    border-color: #464646;
}

section.footer-cta.green h2 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

section.footer-cta.green p {
    max-width: 612px;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 34px;
    text-align: center;
}

.cta-qa {
    max-width: 1420px;
    padding: 30px 70px 0;
    width: calc( 100% - 70px);
    margin: auto;
}

.cta-qa h1 {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center;
    margin-bottom: 30px;
}

.bigcommerce-development-packages .page-title h1,
.bigcommerce-development-packages .page-title,
.magento-starter-package .page-title h1,
.magento-starter-package .page-title {
    display: none;
}

.top-image-container {
    display: inline-block;
    width: 100%;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.top-image-container-text {
    display: inline-block;
    max-width: 540px;
}

.top-image-container-text h1 {
    font-size: 42px;
    letter-spacing: 0;
    line-height: 48px;
    font-weight: 400;
    text-align: left;
}

.top-image-container-text p {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
}

.top-image-container-text a {
    border: 1px solid #000000;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    color: #000000;
    margin-top: 15px;
}

.Help-container {
    max-width: 1420px;
    padding: 30px 70px 0;
    width: calc( 100% - 70px);
    margin: 30px auto 50px;
}

.Help-container .help-text {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    margin-left: 3%;
}

.Help-container img {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.Help-container .help-text h3 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
}

.Help-container .help-text p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #464646;
}

.mobile-top-image {
    display: none;
}

.top-image-container-text a:hover {
    background-color: #000000;
    color: #ffffff;
}


@media screen and (max-width: 1200px) {
    .top-image-container-text h1 {
        font-size: 22px;
        letter-spacing: 0;
        line-height: 26px;
    }

    .top-image-container-text p {
        font-size: 14px;
        line-height: 18px;
    }

    .top-image-container-text a {
        font-size: 13px;
        line-height: 35px;
        height: 35px;
        font-weight: 600;
    }

    .Help-container,
    .cta-qa {
        padding: 30px 15px 0;
        width: 100%;
        margin: 0;
    }

    .table-container {
        padding: 50px 0 0;
        width: 100%;
    }

    .table-container ul li.first-column.transparent {
        display: none;
    }

    .table-container ul li.first-column,
    .table-container > div h2,
    .table-container > div p {
        display: inline-block;
        width: 100%;
    }

    .table-container ul {
        width: 100%;
    }

    .table-container ul li {
        display: inline-block;
        width: 32%;
    }

    .cta-qa h1 {
        font-size: 22px;
        font-weight: bold;
        line-height: 26px;
        text-align: center;
    }
}

@media screen and (min-width: 769px) {
    .top-image-container {
        display: flex;
        flex-wrap: wrap;
        max-width: 1966px;
        margin: auto;
    }

    .top-image-container > * {
        flex-grow: 1;
        min-width: 1%;
    }

    .desktop-left-image {
        width: 10%;
        margin-left: -4%;
        max-height: 260px;
        text-align: left;
    }

    .desktop-left-image img,
    .desktop-right-image img {
        max-width: 100%;
    }

    .top-image-container-text {
        padding: 0 40px;
        width: 40%;
        align-self: center;
    }

    .desktop-right-image {
        padding-left: 40px;
        width: 50%;
        text-align: right;
    }

    .top-image-container-text h1 {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .desktop-left-image,
    .desktop-right-image {
        display: none;
    }

    .top-image-container-text {
        display: inline-block;
        max-width: 100%;
        padding: 0 45px;
    }

    .top-image-container {
        min-height: auto;
        background: none;
    }

    .mobile-top-image {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }

    .mobile-top-image img {
        width: 100%;
    }

    section.footer-cta.green h2 {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 26px;
        text-align: center;
    }

    section.footer-cta.green p {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 26px;
        text-align: center;
    }

    section.footer-cta.green a.cta-button.alert {
        height: 40px;
    }

    .Help-container .help-text {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        margin-left: 0;
        text-align: center;
        padding: 0 15px;
    }

    .Help-container img {
        width: 100%;
    }

    li.rose:before {
        left: 10px;
        right: 0;
    }

    .table-container ul li.black:before,
    .table-container li.green:before {
        left: 0;
        right: 0;
    }

    .table-container ul li.black,
    li.rose,
    li.green {
        font-size: 12px;
        line-height: 20px;
    }

    .table-container ul li.black:after {
        right: 0;
        left: 0;
    }
}