@media only screen and (min-width: 711px) and (max-width: 1250px) {


    main {
        overflow: auto;
    }

    .menuHeaderContent {
        padding: 0 20px;
    }

    .demoPContainer {
        margin-top: 100px;
        padding: 0 20px;
        flex-direction: column;
        gap: 40px;
    }

    .demoPageSetContainer {
        gap: 40px;
    }

    .demoP {
        height: max-content;
        min-height: unset;
    }

    .demoContainer h1 {
        font-size: 56px;
    }

    .fTwo h1,
    .fThree h1 {
        font-size: 32px;
    }

    .testmonialCardContainer {
        justify-content: center;
    }
    .numberSet{
        justify-content: center;
    }
    .demFormContent{
        position: unset;
        height: max-content;
    }

    .demoFormContainer{
        justify-content: center;
    }
    .testimonialCard{
        width: 100%;
    }
    .testimonnialText{
        max-width: unset;
    }

    .demoCard{
        width: 23%;
        min-width: 198px;
        max-width: 17.5rem;
    }

    .backgroundIconOne,
    .backgroundIconTwo,
    .backgroundIconThree {
        display: none;
    }

    .demoFormSet{
        gap: unset;
    }

    fieldset.fieldInput,
    .demoForm fieldset.fieldInput.txtar {
        margin-bottom: 40px !important;
      }

      .demoFormSet .primaryBtn {
        margin-bottom: 30px;
      }
}