@media only screen and (max-width:1399px){


}

@media only screen and (max-width:1299px){
    
    .customer-info .infoContent { top: 12%; }
    .customer-info .infobg img.infoMain {
        height: 275px;
      }
      .date-popup input {
        font-size: 15px;
     }
     .pre-hire-content ul { width: 37%; }

}

@media only screen and (max-width:1199px) {
    h2 { font-size:28px; }
    .customer-info .infoContent { 
        top: 5%; 
        padding: 0 30px;
    }
    .customer-info .infobg img {
        height: 250px;
    }
    .popupbtn button { font-size: 16px; }
    .document-title h3 { font-size: 22px; }
    .infoContent h2 { margin-top: 15px; }

    .pre-hire-content ul {
        width: 48%;
      }

}

@media only screen and (max-width:999px) {
    h2 {
        font-size: 26px;
        margin-top: 10px;
    }
    .customer-info p { 
        font-size: 16px;
        padding: 2px;
    }
    .customer-info .customerImg { width: 15%; }
    .customer-info .customerContent { margin-top: 18px; }

    .document-section ul li {     flex-basis: calc(50.2% - 20px);    }
    .document-section ul li:nth-child(2) { margin-right: 0; }
    .document-section ul li:nth-child(5) { margin-right: 0; }
    .document-section ul li:nth-child(3) { width: 100%; }
    .document-section ul li:nth-child(6) { width: 100%; }

    .customer-info .infobg img {
        height: 210px;
      }

      .pre-hire-content ul {
        width: 62%;
      }

}

@media only screen and (max-width:768px) {

    .loginBg h1 { font-size: 30px; }
    .loginform { margin: 0 20px; }
    h2 { font-size: 24px; }
    .customer-info .customerContent {
        margin-top: 10px;
    }
    .document-section {
         margin-top: 30px;
         margin-right: 10px;
         margin-left: 10px; 
        }
    .document-section ul li { 
        flex-basis: calc(50.2% - 15px);
        margin-bottom: 15px
        }
    .customer-info .infobg img {
        height: 180px;
    }
    .createAccount form { width: 500px; }

    .pre-hire-content ul {
        width: 75%;
      }
}

@media only screen and (max-width:640px) {

    .document-section h2 { margin-bottom: 30px; }
    .loginBg h1 {
        font-size: 28px;
        padding: 12px;
      }
    .customer-info .infoContent {
        padding: 0;
        background-color: #e78241;
        /* margin: 0 10px; */
        position: inherit;
        width: 100%;
    }
        .customer-info .infobg img { display: none; }
        .customer-info .infobg .customerImg img { display: block; }
        .customer-info p {
        font-size: 14px;
        padding: 1px; 
    } 

    
    .customer-info .infoContent h2 { 
        font-size: 22px;
        padding-left: 10px;
        padding-top: 10px;

    }

    .customer-info .customerImg { padding-left: 10px; }
    .document-title h3 {
        font-size: 18px;
      }
    .document-section ul li {
        flex-basis: calc(100% - 0px);
      }

      .date-popup { 
        z-index: 1;
    }
    .date-popup label { 
        font-size: 16px;
    }
    .date-popup input {
        font-size: 15px;
    }
    .submit-button { 
        font-size: 15px;
    }

    .createAccount form { width: 450px; }

    .pre-hire-content ul {
        width: 94%;
      }
      
    .preHireBody .footer {
        margin-top: 15%;
      }
    
}


@media only screen and (max-width:480px) {

        .loginBg h1 { font-size: 22px; }
        .customer-info .infoContent { width: 100%; }
        .customer-info .infoContent h2 {
            text-align: center;
        }
        .customer-info .customerImg {
                width: 150px;
                display: block;
                margin: 0 auto; 
        }
        .customer-info .customerContent {
            margin-top: 5px;
            text-align: center;
            width: 100%;
        }
        .document-section ul li {
            width: 100%;
          }
        .document-section h2 { margin-bottom: 20px; }

    }

@media only screen and (max-width:350px) {
    
}