.dfa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


/* colorbond page */

.color_bond_sm_ttl_box_inner {
    font-size: 20px;
    color: #000;
}

.colorbond_right_img_code img {
    height: 430px;
    width: 100% !important;
    object-fit: cover;
}

.colorbond_lft_desc_col_2 {
    width: 40% !important;
}

.colorbond_lft_desc_col_1 {
    width: 60% !important;
    padding: 0 70px 0 0;
}

.colorbond_right_img_code span.et_pb_image_wrap {
    width: 100%;
}

.color_bond_lft_desc_box_inenr {
    padding: 10px 0 20px;
}

.colorbond_lft_desc_row {
    flex-wrap: wrap;
}


/* color boxes section */

.clr_info_img_box_inner {
    height: 170px;
    width: 100%;
    background: red;
}

.clr_main_box_inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.clr_info_box {
    width: 14.2%;
    padding: 10px 10px;
}

.clr_info_img_box {
    display: flex;
    justify-content: center;
}

.clr_ttl_box_inner {
    background: #eeeced;
    padding: 10px;
    font-size: 17px;
    color: #000;
    text-transform: uppercase;
}

.clr_box_1 {
    background: #6d6d6f;
}

.clr_box_2 {
    background: #a59f89;
}

.clr_box_3 {
    background: #b1ada2;
}

.clr_box_4 {
    background: #c4c2a9;
}

.clr_box_5 {
    background: #857f73;
}

.clr_box_6 {
    background: #3f434c;
}

.clr_box_7 {
    background: #6d6153;
}

.clr_box_8 {
    background: #737462;
}

.clr_box_9 {
    background: #323234;
}

.clr_box_10 {
    background: #bdbfba;
}

.clr_box_11 {
    background: #e4e2d5;
}

.clr_box_12 {
    background: #67432d;
}

.clr_box_13 {
    background: #7f7c77;
}

.clr_box_14 {
    background: #898b8a;
}


/* matallic color boxes */

.metallic_clr_box_1 {
    background: #b1ada2;
}

.metallic_clr_box_2 {
    background: #323234;
}

.metallic_clr_box_3 {
    background: #e4e2d5;
}

.metallic_clr_box_4 {
    background: #7f7c77;
}

.metallic_clr_box_5 {
    background: #898b8a;
}

.metallic_clr_box_6 {
    background: #4b4c46;
}


/* matallic color boxes end */


/* matt color boxes */

.metallic_clr_box_1 {
    background: #b1ada2;
}

.metallic_clr_box_2 {
    background: #323234;
}

.metallic_clr_box_3 {
    background: #e4e2d5;
}

.metallic_clr_box_4 {
    background: #7f7c77;
}

.metallic_clr_box_5 {
    background: #898b8a;
}

.metallic_clr_box_6 {
    background: #4b4c46;
}

.matt_clr_box_1 {
    background: #6d6d6f;
}

.matt_clr_box_2 {
    background: #b1ada2;
}

.matt_clr_box_3 {
    background: #323234;
}

.matt_clr_box_4 {
    background: #bdbfba;
}

.matt_clr_box_5 {
    background: #e4e2d5;
}


/* matt color boxes end */


/* ultra color boxes */

.metallic_clr_box_1 {
    background: #b1ada2;
}

.metallic_clr_box_2 {
    background: #323234;
}

.metallic_clr_box_3 {
    background: #e4e2d5;
}

.metallic_clr_box_4 {
    background: #7f7c77;
}

.metallic_clr_box_5 {
    background: #898b8a;
}

.metallic_clr_box_6 {
    background: #4b4c46;
}

.matt_clr_box_1 {
    background: #6d6d6f;
}

.matt_clr_box_2 {
    background: #b1ada2;
}

.matt_clr_box_3 {
    background: #323234;
}

.matt_clr_box_4 {
    background: #bdbfba;
}

.matt_clr_box_5 {
    background: #e4e2d5;
}

.ultra_clr_box_1 {
    background: #e9dcb9;
}

.ultra_clr_box_2 {
    background: #304c3d;
}

.ultra_clr_box_3 {
    background: #364252;
}

.ultra_clr_box_4 {
    background: #5f1d0f;
}

.ultra_clr_box_5 {
    background: #000000;
}

.ultra_clr_box_6 {
    background: #7c856a;
}

.ultra_clr_box_7 {
    background: #cabea4;
}

.ultra_clr_box_8 {
    background: #4b4c46;
}


/* ultra color boxes end */


/* color boxes section end */


/* colorbond page end */


/* metal roofing */

.zinca_img_box_inner img {
    height: 80px;
    width: 100%;
    object-fit: contain;
}

.section_main_title.zincalume_ttl_box {
    padding: 0 0 10px;
}

.nw_pro_img_code img {
    height: 250px;
    width: 100% !important;
    object-fit: contain;
}

.nw_pro_col_2 {
    width: 32% !important;
}

.nw_pro_col_1 {
    width: 68% !important;
    padding: 0 30px 0 0;
}

.evn_section .nw_pro_col_1 {
    padding: 0 0 0 30px;
}

.nw_pro_col_2 {
    border: 1px solid red;
    padding: 40px;
    border-radius: 30px;
}


/* our metal roofing product section */

.or_mrf_pro_desc_main_box_inner {
    display: flex;
    flex-wrap: wrap;
}

.or_mrf_pro_info_main_box {
    width: 25%;
    padding: 10px 10px;
}

.or_mrf_pro_info_main_box_inner {
    background: #fff;
    padding: 20px 20px;
    height: 100%;
    text-align: center;
}

.nw_pro_img_code span.et_pb_image_wrap {
    width: 100% !important;
}


/* our metal roofing product section end */


/* metal roofing end */


/* guttering page */

.guttering_img_box_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.guttering_img_box_inner img {
    height: 90px;
    width: 100%;
    object-fit: contain;
}


/* guttering page end */

.eur_insultn_table .table th,
.eur_insultn_table .table td {
    border: 1px solid #ddd;
}

.eur_insultn_table {
    margin: 20px 0;
}

ul.site_ul {
    text-align: start;
    padding-bottom: 0;
}

.eur_insultn_table.eur_insultn_table1 {
    overflow-x: auto;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .mbl_tc {
        text-align: center;
    }
    .colorbond_lft_desc_col_1 {
        padding: 0 0px 0 0;
        width: 100% !important;
    }
    .colorbond_right_img_code img {
        height: 300px;
    }
    .color_bond_lft_btn_box_inner {
        display: flex;
        justify-content: center;
    }
    /* metal roofing */
    .zinca_img_box_inner img {
        height: 55px;
        width: 100%;
        object-fit: contain;
    }
    /* our metal roofing product section */
    .nw_pro_col_2 {
        padding: 20px 0px 20px 0;
        /* text-align: center; */
        width: 100% !important;
    }
    .nw_pro_col_1 {
        padding: 0 0px 0 0;
        width: 100% !important;
        /* text-align: center; */
    }
    .new_pro_desc_btn_box_inenr.left_side_btn {
        justify-content: start;
    }
    .evn_section .nw_pro_col_1 {
        padding: 0 0 0 0px;
    }
    .nw_pro_row {
        flex-direction: column-reverse;
    }
    .evn_section .nw_pro_row {
        flex-direction: unset;
        justify-content: center;
    }
    .nw_pro_img_code img {
        height: 200px;
    }
    .guttering_img_box_inner img {
        height: 70px;
    }
    /* our metal roofing product section end */
    /* metal roofing end */
    .eur_insultn_table1 table.table {
        width: 650px !important;
    }
    .clr_info_box {
        width: 50%;
        padding: 5px;
    }
    .clr_ttl_box_inner {
        font-size: 14px;
        padding: 5px;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .clr_info_box {
        width: 33.33%;
    }
    .clr_ttl_box_inner {
        font-size: 14px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .mbl_tc {
        text-align: center;
    }
    .colorbond_lft_desc_col_1 {
        padding: 0 0px 0 0;
        width: 100% !important;
    }
    .colorbond_right_img_code img {
        height: 300px;
    }
    /* our metal roofing product section */
    .nw_pro_col_2 {
        padding: 20px 0px 20px 0;
        width: 100% !important;
    }
    .nw_pro_col_1 {
        padding: 0 0px 0 0;
        width: 100% !important;
    }
    .new_pro_desc_btn_box_inenr.left_side_btn {
        justify-content: start;
    }
    .evn_section .nw_pro_col_1 {
        padding: 0 0 0 0px;
    }
    .nw_pro_row {
        flex-direction: column-reverse;
    }
    .evn_section .nw_pro_row {
        flex-direction: unset;
        justify-content: center;
    }
    .nw_pro_img_code img {
        height: 200px;
    }
    .clr_info_box {
        width: 25%;
    }
    .clr_ttl_box_inner {
        font-size: 15px;
    }
    /* our metal roofing product section end */
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .colorbond_lft_desc_col_1 {
        padding: 0 10px 0 0;
    }
    .colorbond_right_img_code img {
        height: 300px;
    }
    /* our metal roofing product section */
    .nw_pro_col_2 {
        padding: 0 10px;
    }
    .nw_pro_col_1 {
        padding: 0 20px 0 0;
    }
    .evn_section .nw_pro_col_1 {
        padding: 0 0 0 20px;
    }
    .clr_info_box {
        width: 20%;
    }
    /* our metal roofing product section end */
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .colorbond_lft_desc_col_1 {
        padding: 0 20px 0 0;
    }
    .colorbond_right_img_code img {
        height: 320px;
    }
    /* our metal roofing product section */
    .nw_pro_col_2 {
        padding: 0 10px;
    }
    .nw_pro_col_1 {
        padding: 0 20px 0 0;
    }
    .evn_section .nw_pro_col_1 {
        padding: 0 0 0 20px;
    }
    /* our metal roofing product section end */
    .clr_info_box {
        width: 20%;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .colorbond_lft_desc_col_1 {
        padding: 0 20px 0 0;
    }
    .colorbond_right_img_code img {
        height: 320px;
    }
    /* our metal roofing product section */
    .nw_pro_col_2 {
        padding: 0 10px;
    }
    .nw_pro_col_1 {
        padding: 0 20px 0 0;
    }
    .evn_section .nw_pro_col_1 {
        padding: 0 0 0 20px;
    }
    .clr_info_box {
        width: 20%;
    }
    /* our metal roofing product section end */
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .colorbond_lft_desc_col_1 {
        padding: 0 40px 0 0;
    }
    /* our metal roofing product section */
    .nw_pro_col_2 {
        padding: 20px;
    }
    .clr_info_box {
        width: 16.66%;
    }
    /* our metal roofing product section end */
}

@media all and (min-width: 1441px) and (max-width: 1680px) {}

@media all and (min-width: 1681px) and (max-width: 1880px) {}