* { box-sizing: border-box; font-size: 16px; }

/*FONT STYLE*/
@font-face { font-family: 'Orbitron'; src: url('../fonts/Orbitron-Black.ttf') format('truetype'); }


/*HOME PAGE STYLES*/

.homeBanner { background-image: url('../Images/DozerBanner.png'); height: 762px; background-size: 100%; background-repeat: no-repeat; }
.equipmentHomeBG .eq ul li { padding-right: 0; line-height: 17px; float: left; width: 100%; }

.homeBanner .homeBox { width: 600px; height: 762px; background: rgba(0,0,0,0.7); margin-left: 200px; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; padding: 20px; }
    .homeBanner .homeBox h2 { color: #f7941e; font-family: Orbitron; }
    .homeBanner .homeBox p { color: #fff; }

    .homeBanner .homeBox .ConstructionBanner { width: 412px; display: block; margin: 0 auto; padding-top: 220px; }

.equipmentHomeBG { background-image: url('../Images/equipmentAppraisalBG.jpg'); background-size: cover; background-repeat: no-repeat; padding-bottom: 0 !important; }

    .equipmentHomeBG h1,
    .equipmentHomeBG h2 { color: #f7941e; font-family: Orbitron; font-size: 24px; }

    .equipmentHomeBG p { color: #fff; font-family: Arial; font-size: 16px; line-height: 27px; text-align: justify; }


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


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


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

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

    .content .col-2 ul li { width: 47%; max-width: 100%; }
}

@media screen and (max-width: 992px) {
    .col-2 { padding: 30px; }
        .col-2 > div { padding: 10px; }
    .content .col-2 ul li { width: 98%; max-width: 100%; }
}






.contactPanelBG { display: flex; align-items: center; justify-content: center; background-image: url('../CMS_Images/contactPanelBG-2.png'); height: 500px; margin: 30px 0; background-size: cover; background-repeat: no-repeat; }
    .contactPanelBG .contactPanel { width: 100%; max-width: 1200px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0 30px; }



/*HOME PAGE RESPONSIVE STYLES*/

@media screen and (max-width: 1440px) {
    .homeBanner { height: 572px; }
        .homeBanner .homeBox { width: 450px; height: 472px; margin-left: 150px; }
            .homeBanner .homeBox .ConstructionBanner { width: 312px; padding-top: 170px; }
    .equipmentHomeBG .equipmentHome { width: 668px; padding-top: 37px; }
        .equipmentHomeBG .equipmentHome p { font-size: 12px; line-height: 23px; }
        .equipmentHomeBG .equipmentHome ul { font-size: 12px; }
            .equipmentHomeBG .equipmentHome ul li { line-height: 18px; }

    .content ul li { float: left; width: 100%; clear: both; }
}



@media screen and (max-width:1024px) {
    .equipmentHomeBG { height: auto; padding-bottom: 23%; background-position-x: 25%; }
        .equipmentHomeBG .equipmentHome { width: 80%; padding-left: 5%; margin-left: 0; }


    .contactPanelBG { height: auto; padding: 40px 0; }
        .contactPanelBG .contactPanel { justify-content: center; flex-wrap: wrap; background-color: rgba(0,0,0,0.5); border-top: 2px solid #f26a28; border-bottom: 2px solid #f26a28; padding: 30px; }
            .contactPanelBG .contactPanel > a { margin: 20px; }
}



@media screen and (max-width:991px) {
    tr { display: block; }
    .contentPanelBG table td { display: block; padding: 20px 0 0 0; text-align: center; }

    .menu ul li a { line-height: 35px; }

    .equipmentHomeBG { padding-bottom: 30%; }

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

    .contentPanelBG table td img { width: 70%; }
}



@media screen and (max-width:768px) {
    .contentPanelBG { margin-top: 4%; margin-bottom: 3%; height: 235px; }
        .contentPanelBG table td img { margin-top: 40px; }

    .footer > .footerBG > .copyright p { margin-bottom: 0; }
}



@media screen and (max-width: 480px ) {
    .equipmentHomeBG { padding-bottom: 300px; }
        .equipmentHomeBG .equipmentHome { width: 90%; padding-left: 5%; }
            .equipmentHomeBG .equipmentHome ul { width: 110%; }

    .footer { height: 202px; }
        .footer .footerBG ul li { width: 43%; text-align: right; padding-top: 8px; }
            .footer .footerBG ul li a { font-size: 13px; }
}



@media screen and (max-width:415px) {
    .equipmentHomeBG { padding-bottom: 310px; background-position-x: 55%; }
}



@media screen and (max-width:375px) {
    .equipmentHomeBG { padding-bottom: 395px; }
        .equipmentHomeBG .eq ul li { padding-right: 0; line-height: 17px; float: left; width: 100%; }

    .footer .footerBG ul li { padding-top: 9px; padding-right: 16px; width: 100%; }
        .footer .footerBG ul li a { font-size: 14px; }
}




@media screen and (max-width:320px) {
    .footer .footerBG .copyright { margin-top: 5px; }
}