.contentPanel { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; background-image: url('../Images/contentPanelBG.jpg'); padding: 50px 100px; }

    .contentPanel h1,
    .contentPanel h2 { color: #f7941e; font-family: Orbitron; font-size: 28px; width: 100%; margin: 0 auto; padding: 20px 0 0; text-align: left; }

    .contentPanel h3 { color: #f7941e; font-family: Orbitron; }

    .contentPanel p { color: #fff; font-family: Arial; font-size: 16px; line-height: 27px; text-align: justify; width: 100%; margin: 0 auto; padding: 20px 0 0; }

    .contentPanel .col-2 { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; margin-bottom: 50px; }
        .contentPanel .col-2 > div { width: 50%; padding: 0 0 20px; }
            .contentPanel .col-2 > div div { margin-bottom: 30px; }

    .contentPanel img { display: block; border: 10px solid #f7941e; width: 80%; max-width: 650px; margin: 0 auto; }

    .contentPanel ul { display: flex; flex-wrap: wrap; color: #fff; font-family: Arial; font-size: 16px; width: 100%; padding: 20px 0 0 20px; }
        .contentPanel ul li { width: 100%; max-width: 385px; padding: 0 20px 0 0; margin: 5px 10px; }

        .contentPanel ul.full-ul li { max-width: 100%; }

@media screen and (max-width: 1440px) {
    .contentPanel .col-2 > div { width: 100%; }
}

@media screen and (max-width: 1200px) {
    .contentPanel .col-2 { padding: 30px; }
}

@media screen and (max-width: 992px) {
    .contentPanel { padding: 30px; }
        .contentPanel img { max-width: 100%; }

        .contentPanel .col-2 { padding: 30px; }
            .contentPanel .col-2 > div { padding: 10px; }
}


.contentBannerBG { background-image: url('../Images/contentBannerBG.png'); height: 340px; margin-top: -49px; background-size: 100%; background-repeat: no-repeat; }
    .contentBannerBG .blackBoxBanner { width: 600px; margin-left: 200px; height: 340px; background: rgba(0,0,0,0.7); }
        .contentBannerBG .blackBoxBanner h1 { color: #f7941e; font-family: Orbitron; font-size: 30px; margin-left: 20px; padding-top: 194px; }

.contentPanelBG { background-image: url('../Images/contentPanelBG.jpg'); height: auto; }
    .contentPanelBG:last-of-type { margin-bottom: 70px; }
    .contentPanelBG table { width: 90%; margin: 0 auto; padding: 10px 0 30px; float: none; }
        .contentPanelBG table td { padding: 50px 10px; vertical-align: top; }

    .contentPanelBG h1 { display: block; clear: both; color: #f7941e; font-family: Orbitron; font-size: 28px; width: 70%; margin: 0 auto; padding: 20px 0 0; text-align: left; }
    .contentPanelBG > h1:nth-of-type(1) { padding-top: 100px; padding-bottom: 0; font-size: 32px; }
    .contentPanelBG h3 { display: block; clear: both; color: #f7941e; font-family: Orbitron; font-size: 19px; width: 70%; margin: 0 auto; padding: 20px 0 0; text-align: left; }

    .contentPanelBG table td p { color: #fff; font-family: Arial; font-size: 16px; line-height: 27px; text-align: justify; width: 70%; margin: 0 auto; padding: 20px 0 0; display: block; clear: both; }
    .contentPanelBG table td ul { width: 70%; margin: 0 auto; margin-top: 30px; }
        .contentPanelBG table td ul li { text-align: left; }
        .contentPanelBG table td ul.full li { width: 100%; }

    .contentPanelBG table td img { border: 10px solid #f7941e; margin-top: 80px; min-width: 300px; }






    .contentPanelBG.appraisals table:nth-of-type(1) { padding-top: 40px; padding-bottom: 40px; }
        .contentPanelBG.appraisals table:nth-of-type(1) > tbody > tr:nth-of-type(1) > td:nth-of-type(1) { vertical-align: inherit; text-align: center; }
        .contentPanelBG.appraisals table:nth-of-type(1) > tbody > tr:nth-of-type(2) > td { text-align: center; padding-top: 70px; }
        .contentPanelBG.appraisals table:nth-of-type(1) > tbody > tr h1 p { text-align: center; }
    .contentPanelBG.appraisals table > tbody > tr:nth-of-type(4) > td { text-align: center; }
/*.contentPanelBG.appraisals table td ul { margin-left: 15%; }*/
.contentBannerBG.appraisals h1 { text-align: center; }





.contentPanelBG.procedures > h1:nth-of-type(1) { padding-top: 70px; padding-bottom: 50px; }
.contentPanelBG.procedures > table { padding-bottom: 50px; }
    .contentPanelBG.procedures > table > td { padding: 50px 10px; }
    .contentPanelBG.procedures > table > tbody > tr:nth-of-type(1) > td:nth-of-type(1) { vertical-align: inherit; }
        .contentPanelBG.procedures > table > tbody > tr:nth-of-type(1) > td:nth-of-type(1) > p { font-size: 21px; text-align: left; width: 80%; }
    .contentPanelBG.procedures > table > tbody > tr:nth-of-type(3) > td:nth-of-type(2) > p { text-align: left; }
    .contentPanelBG.procedures > table > tbody > tr:nth-of-type(3) > td:nth-of-type(2) > h1 { font-size: 29px; }

    .contentPanelBG.procedures > table > tbody > tr:nth-of-type(4) > td { padding-top: 60px; }
        .contentPanelBG.procedures > table > tbody > tr:nth-of-type(4) > td > h1 { text-align: center; padding-top: 50px; }

    .contentPanelBG.procedures > table > tbody > tr:nth-of-type(5) > td:nth-of-type(1) { vertical-align: inherit; }


img { transition: ease all 0.2s; }
    img:hover { transform: scale(1.05); }



/*APPRAISAL & PROCESS PAGE RESPONSIVE*/

@media screen and (max-width: 1440px) {
    .contentPanelBG .function { width: 678px; margin-left: 122px; }
        .contentPanelBG .function h1 { font-size: 29px; }
        .contentPanelBG .function p { font-size: 14px; }
        .contentPanelBG .function ul { font-size: 14px; }
    .contentPanelBG .orangeImage { margin-top: -460px; margin-right: 70px; }

    .contentPanelBG2 .function { width: 678px; margin-left: 122px; }
        .contentPanelBG2 .function h1 { font-size: 29px; }
        .contentPanelBG2 .function p { font-size: 14px; }
        .contentPanelBG2 .function ul { font-size: 14px; }
    .contentPanelBG2 .orangeImage { margin-top: -450px; margin-right: 70px; }

    .contentBannerBG { height: 250px; }
        .contentBannerBG .blackBoxBanner { height: 180px; width: 370px; }
            .contentBannerBG .blackBoxBanner h1 { padding-top: 134px; font-size: 29px; }
}




@media screen and (max-width: 1150px) {
    .homeBanner { height: auto; }
        .homeBanner .homeBox { width: 330px; }
            .homeBanner .homeBox .ConstructionBanner { width: 252px; padding-top: 120px; }

    .contentBannerBG .blackBoxBanner h1 { margin-left: 5%; }
}

@media screen and (max-width:1024px) {
    .contentPanelBG table td img { width: 330px; }
}

@media screen and (max-width: 1000px) {
    .homeBanner .homeBox { height: 432px; }
}

@media screen and (max-width: 933px) {
    .homeBanner .homeBox { height: 352px; }
    .contentBannerBG .blackBoxBanner { height: 180px; width: 100%; margin-left: 0; background: none !important; }
}


@media screen and (max-width: 991px) {
    tr { display: block; }

    .contentPanelBG > h1:nth-of-type(1) { padding: 60px 0 20px 0; }
    .contentPanelBG.appraisals table td { text-align: center; }
    .contentPanelBG table td img { margin-top: 30px; width: 100%; margin-bottom: 30px; }

    .contentPanelBG:last-of-type { margin-bottom: 0; }
    .contentPanelBG table td { display: block; padding: 20px 0 0 0; }
    .contentBannerBG { height: 220px; background-size: cover; background-position-x: 80%; margin-top: -50px; }
    .contentPanelBG table { padding: 0; padding-bottom: 30px; }
        .contentPanelBG table td ul { margin: 0 auto; padding: 0; }


    .contentPanelBG h1 { text-align: left; width: 90% !important; }
    .contentBannerBG .blackBoxBanner { height: 180px; width: 100%; margin-left: 0; background: none; }
        .contentBannerBG .blackBoxBanner h1 { margin-bottom: 0; position: relative; top: 30px !important; line-height: 45px; }
    .contentPanelBG table td p { width: 90%; padding: 20px 0 20px; }
    .contentPanelBG h3 { margin: 0; }
}

@media screen and (max-width: 767px) {
    .homeBanner { display: none; }
    .contentPanelBG.appraisals table:nth-of-type(1) { padding-top: 10px; padding-bottom: 40px; }
    .contentPanelBG.appraisals table td { text-align: center; }


    .contentBannerBG .blackBoxBanner { height: 190px; width: 100%; margin-left: 0; background: none !important; }
    .contentBannerBG { height: 230px; background-size: cover; background-position-x: 80%; margin-top: -10px; }
        .contentBannerBG .blackBoxBanner h1 { margin-bottom: 0; position: relative; top: 188px !important; line-height: 0; padding-top: 0; }



    .contentPanelBG { margin-top: -10px; padding-bottom: 30px; }
}

@media screen and (max-width: 480px) {
    .contentPanelBG > h1:nth-of-type(1) { padding-top: 20px; padding-bottom: 0; font-size: 26px; text-align: center; }
    .contentBannerBG .blackBoxBanner h1 { font-size: 18px; }
    .contentPanelBG h1 { font-size: 22px; text-align: left; }

    .contentPanelBG table td p { padding: 20px 0 0; text-align: left; }
    .contentPanelBG.appraisals table td ul { margin: 20px auto; text-align: left; width: 80%; }
        .contentPanelBG.appraisals table td ul li { width: 49%; list-style: none; padding-right: 1%; position: relative; left: -5%; }

    .contentPanelBG.appraisals table td img { margin-top: 30px; }
}




@media screen and (max-width:415px) {
    .contentBannerBG .blackBoxBanner h1 { font-size: 18px; }
    .contentPanelBG.appraisals table td ul li { width: 89%; list-style: inherit; padding-right: 1%; left: 0; }
}




@media screen and (max-width:320px) {
    .contentBannerBG .blackBoxBanner h1 { font-size: 14px; }
}





/*Extra*/
.page_titles { display: none; }
@font-face { font-family: 'Orbitron'; src: url('../fonts/Orbitron-Black.ttf') format('truetype'); }