@media only screen and (min-width: 320px) {

    .squareHighlight {
        width: 250px;
    }

    .easyReadimg {
        width: 235px;
        height: 188px;
    }

    .illustration {
        width: 230px;
        height: 212px;
    }

    .aldIllustration {
        width: 175px;
        height: 175px;
    }

    .buttonPosition {
        text-align: center;
    }


    .fontnhsBold55QuesERQ, .fontnhsBold55QuesER, .fontParaER, .fontAnswersER {
        font-size: 19px;
    }

    .confirmationBox {
        width: 80%;
        margin-left: 10%;
    }

    .confirmationImg {
        width: 100px;
        height: 100px;
    }

    
}


@media only screen and (min-width: 321px) and (max-width: 374px) {

    .squareHighlight {
        width: 250px;
    }

    .easyReadimg {
        width: 217px;
        height: 188px;
    }

    .question4 {
        height: 80vh;
        overflow-y: auto;
    }
}

/*------------------------------------------------- MEDIA QUERIES ---------------------------------------------------*/

@media only screen and (min-width: 321px) and (max-width:375px) {
    .squareHighlight{
        width: 250px;
    }

    .easyReadimg {
        width: 235px;
        height: 188px;
    }

    .illustration {
        width: 230px;
        height: 212px;
    }

    .aldIllustration {
        width: 232px;
        height: 191px;
    }

    .fontnhsBold55QuesERQ, .fontnhsBold55QuesER, .fontParaER, .fontAnswersER {
        font-size: 19px;
    }

    .fontnhsBold55 {
        font-size: 20px;
    }

    .confirmationMt {
        font-size: 16px;
    }

    .question4 {
        height: 80vh;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 376px) and (max-width:425px) {
    .squareHighlight {
        width: 262px;
    }

    .easyReadimg {
        width: 226px;
        height: 233px;
    }

    .illustration {
        width: 230px;
        height: 212px;
    }

    .aldIllustration {
        width: 180px;
        height: 180px;
    }

    .confirmationBox {
        width: 80%;
        margin-left: 10%;
    }

    .confirmationImg {
        width: 100px;
        height: 100px;
    }


    .confirmationMt {
        font-size: 16px;
    }

    .question4 {
        height: 80vw;
        overflow-y: auto;
    }

    
}


@media only screen and (min-width: 426px) and (min-width:768px) {
    .illustration {
        width: 230px;
        height: 212px;
    }
}



@media only screen and (min-width: 320px) and (max-width:1224px) {
    .singlefile .form-check-inline {
        display: block;
    }
}

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

    .menu {
        width: 99%;
    }
}


@media only screen and (min-width: 769px) and (max-width:1024px) {

    .squareHighlight {
        width: 291px;
    }

    .easyReadimg {
        width: 281px;
        height: 195px;
    }

    .mainHeading {
        margin-right: 10%;
        display: flex;
        flex-direction: row-reverse;
    }

    .mainTitle {
        padding-right: 10%;
    }

    .illustration {
        width: 252px;
        height: 212px;
    }

    .confirmationBox {
        width: 60%;
        margin-left: 20%;
    }
}

@media only screen and (min-width:1440px) {
    .confirmationError {
        padding: 0 7rem 0 7rem;
    }
}

@media only screen and (min-width:1024px) {
    .confirmationError {
        padding: 0 2rem 0 2rem;
    }
}

@media only screen and (min-width:769px) and (max-width: 1025px) {
    .confirmationError {
        padding: 0 2rem 0 2rem;
    }

    .ques23 {
        margin-bottom: 1.5rem;
    }
}


@media only screen and (min-width:768px) {
    .confirmationError {
        padding: 0 2rem 0 2rem;
    }
}

@media only screen and (max-width:425px) {
    .easyReadInput, .easyReadDate {
        height: 50px;
    }
}

@media only screen and (max-width:320px) {
    .confirmationMt {
        font-size: 15px;
    }

    .confirmationInfo {
        font-size: 15px;
    }

    .fontTitleER {
        font-size: 24px;
    }

    .fontnhsBold55QuesERQ, .fontnhsBold55QuesER, .fontParaER, .fontAnswersER {
        font-size: 18px;
    }
    
}

@media only screen and (min-width: 769px) and (max-width:2560px) {
        .buttonPosition, .labl {
        text-align: right;
    }
    .confirmationBox {
        width: 50%;
        margin-left: 25%;
    }
    .confirmationImg {
        width: 200px;
        height: 200px;
    }
}

    @media only screen and (min-width:320px) and (max-width: 374px){
    .logo {
        width: 170px;
    }
    .fontnhsBold65 {
        font-size: 27px;
    }
    /*.fontTitleER{
            font-size: 26px;
        }*/
    .header_title {
        margin-top: 15px;
    }
    .header_logo {
        margin-top: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width:375px) and (max-width: 425px) {

    .fontnhsBold65 {
        font-size: 30px;
    }
    .header_logo {
        margin-right: 30px;
        margin-top: 20px;
    }
    .fontTitleER {
        font-size: 26px;
    }
}

    @media only screen and (min-width:426px) and (max-width:556px){
    .header_main {
        height: 140px;
    }
}



/*---------------------------------------------------------------*/

@media only screen and (min-width:320px) {
    .header_pageER {
        height: 480px;
    }
    .header_page {
        height: 400px;
    }
    .header_page_alerts {
        height: 130px;
    }

    .header_main {
        height: 304px;
    }

    .header_title, .header_sub {
        margin-left: 15px;
    }

    .header_sub {
        margin-right: 15px;
    }

        .fold1_alerts{
        background-color: white;
    }
         
}

@media only screen and (min-width:375px) {
    .header_pageER {
        height: 402px;
    }

    .header_page {
        height: 382px;
    }

    .header_page_alerts {
        height: 160px;
    }

    .header_main {
        height: 308px;
    }

    .header_title, .header_sub {
        margin-left: 30px;
    }
        
        
}

@media only screen and (min-width:425px) {
    .header_pageER {
        height: 404px;
    }

    .header_page {
        height: 395px;
    }

    .header_page_alerts {
        height: 155px;
    }

        .header_pageER{
            
    }
}

@media only screen and (min-width:701px) {
    .header_pageER {
        height: 285px;
    }

    .header_page {
        height: 285px;
    }
    .header_main {
        height: 175px;
    }
}

@media only screen and (min-width:768px) {
    .header_pageER {
        height: 270px;
    }

    .header_page {
        height: 230px;
    }

    .header_page_alerts {
        height: 160px;
    }

    .header_main {
        height: 190px;
    }
}

@media only screen and (min-width:1440px) {
    .header_pageER {
        height: 180px;
    }
    .header_page {
        height: 180px;
    }
    .fontnhsBold65 {
        font-size: 36px;
    }
    
}


@media(max-width: 700px) {
    div.header_main, .header_page, .header_pageER {
        flex: 1;
        width: 100%;
    }

    div[logo_part] {
        order: -1;
        flex: 2;
    }

    div[text_part] {
        flex: 5;
        width: 100%;
    }

    div[empty_part] {
        flex: 1;
    }
}