@media only screen and (min-width: 711px) and (max-width: 1250px)  {
    main {
        grid-template-rows: repeat(auto-fill, minmax(200px, 4fr));
    }

    /* Custom quote style starts */
 .getCustomQuotesContainer  {
        padding: 60px 20px;
        flex-direction: column;
    }

 html  {
        font-size: 14px;
    }



    /* Main header section */

 .mainHeaderSection  {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 40px;
        padding: 0 20px;
        margin-top: 90px;
    }

 .mastHeadSection  {
        display: flex;
        flex-direction: column;
    }

 .referCardSet  {
        width: calc(50% - 20px);
        height: auto;
    }

 .headBannerTextContainer  {
        align-items: center;
    }

 .headBannerTextContainer h1  {
        white-space: unset;
        font-size: 3.4rem;
        text-align: center;
    }

 .headSubDesc  {
        font-size: 1.375rem;
    }

 .headBannerImg img  {
        width: 100%;
    }

 .lateralHiringSection  {
        padding: 0 20px;
        margin: 100px auto 100px;
    }

 .earningStepDesc  {
        max-width: 250px;
    }

 .hiringExpSection  {
        margin-top: 0;
    }

 .hiringExpSection::after  {
        height: 100%;
    }

    .getQuotesTextContainer,
 .getQuotesFormContainer  {
        width: 100%;
        align-items: center;
        gap: 0;
    }

 .getQuotesFormContainer  {
        padding-top: 40px;
    }

 .getQuotesTextContainer h2  {
        max-width: unset;
        font-size: 32px;
        text-align: center;
    }

 .getQuotesTextContainer p  {
        max-width: unset;
    }

 .breakText  {
        display: none;
    }

 .referStepsContent  {
        padding: 118px 20px 0;
    }

 .referCard  {
        width: calc(50% - 20px);
        min-width: 350px;
        min-height: 240px;
    }

 .referTextSet  {
        margin-top: 30px;
    }

  .headBannerCta .signUp  {
    width: auto !important;
    white-space: nowrap !important;
}
}

@media only screen and (min-width: 1030px) and (max-width: 1350px)  {
 nav  {
        padding: 0 35px;
    }

 .footerDetails  {
        padding: 0 35px;
    }
}