@media (max-width: 1366px) {
    .header {
        background-position-y: 60%;
        height: 560px
    }
    .sectionTable {
        margin-top: -240px;
        padding-top: 100px;
    }
}

@media (max-width: 1020px) {
    .header .par {
        padding: 0 0 80px;
    }
    .sectionListing {
        padding: 50px 20px;
    }
    .whiteBg {
        max-width: 260px;
    }
    .sectionTitle {
        padding-left: 50px;
    }
    td {
        min-width: 140px;
    }
    td:nth-child(3) {
        min-width: 130px;
    }
    td:nth-child(2),
    td:nth-child(4) {
        min-width: 110px;
    }
    td:last-child {
        min-width: 50px;
    }
    table .imageHolder {
        margin: 0 10px 0 0;
    }
    .sectionTable {
        padding-top: 60px;
    }
    .header {
        background-position-y: bottom;
        height: 500px;
    }
    .headerTitle {
        padding: 0 0 20px;
    }
}

@media (max-width: 768px) {
    .headerTitle {
        font-size: 40px;
        padding: 0 0 20px;
    }
    .header .par {
        padding: 0 0 30px;
    }
    .sectionTitle {
        padding: 10px 0;
    }
    .sectionListing .itemHolder {
        flex-direction: column;
    }
    .sectionListing .imageHolder {
        flex: 100%;
        margin: 0 0 30px;
        width: 100%;
    }
    .sectionListing .imageHolder .whiteBg {
        width: 100%;
        max-width: none;
    }
    .sectionListing .textBlock {
        padding-left: 40px;
    }
    .itemTitle {
        padding: 0 0 20px;
    }
    table,
    tr,
    td {
        display: block;
        border: none;
    }
    thead {
        display: none;
    }
    table .imageHolder:after {
        display: none;
    }
    .th--mobile {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        padding: 0 0 5px;
        text-transform: uppercase;
    }
    .tableText {
        padding: 0;
    }
    .tableText br {
        display: none;
    }
    .th--mobile {
        padding-top: 15px;
    }
    td,
    td:nth-child(2),
    td:nth-child(3),
    td:nth-child(4),
    td:last-child {
        min-width: auto;
        flex: 50%;
    }
    td:nth-child(2n + 1) {
        flex: 60%;
    }
    td:nth-child(2n) {
        flex: 40%;
    }
    tr {
        display: flex;
        flex-wrap: wrap;
		border: 1px solid #bdbdbd;
        padding: 15px 10px;
        margin: 0 0 20px;
    }
    tr:nth-child(2n) {
        background: #555555;
    }
    td:first-child {
        order: 1;
    }
    td:nth-child(2) {
        order: 2;
    }
    td:nth-child(3) {
        order: 5;
    }
    td:nth-child(4) {
        order: 6;
    }
    td:nth-child(5) {
        order: 3;
    }
    td:nth-child(6) {
        order: 4;
    }
    table .imageHolder {
        margin-bottom: 10px;
    }
    .sectionTable {
        padding-top: 70px;
    }
    /*
	.headerTop {
		padding: 0 0 20px;
	}*/
    .header {
        background-size: 100% auto;
        background-position-y: 0;
        height: 520px;
    }
}

@media (max-width: 577px) {
    .q1 span {
        font-size: 30px;
    }
    .q1 .year {
        font-size: 16px;
    }
    .logoHolder img {
        max-width: 170px;
    }
    .sectionTitle {
        font-size: 28px;
    }
    .itemTitle {
        font-size: 26px;
    }
    .sectionListing .itemHolder {
        margin-bottom: 40px;
    }
    .sectionListing {
        padding-bottom: 30px;
    }
    .headerTitle {
        font-size: 36px;
        padding: 0 0 10px;
    }
    .headerTop {
        padding: 0 0 10px;
    }
    .header {
        height: 480px;
    }
    .sectionTable {
        padding-top: 50px;
    }
}

@media (max-width: 420px) {
    body {
        background-size: 200% auto;
    }
    .logoHolder img {
        max-width: 130px;
    }
    .headerTitle {
        font-size: 26px;
        padding-bottom: 5px;
    }
    .header .par {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 140px;
    }
    .header {
        padding: 10px 20px 0;
    }
    .headerTop {
        padding: 0 0 10px;
    }
    .sectionTitle {
        font-size: 26px;
    }
    .textListing .par {
        font-size: 14px;
    }
    .whiteBg {
        height: 120px;
    }
    .sectionListing .imageHolder {
        margin: 0 0 15px;
    }
    .sectionListing .textBlock {
        padding-left: 10px;
    }
    .textListing .par:before {
        left: -10px;
    }
    .section {
        padding: 0 15px;
    }
    .sectionTable {
        padding-top: 30px;
    }
    .header {
        height: 440px;
    }
}

@media (max-width: 360px) {
    .header {
        height: 430px;
        background-position-y: -90%;
        background-position-x: 40%;
        background-size: 170% auto;
    }
}