@media (max-width: 1300px) {
    .summaryContent {
        padding: 70px 80px;
        max-height: none;
    }
}

@media (max-width: 1070px) {

    .summaryContent {
        padding: 70px 40px;
    }

}

@media (max-width:1050px) {

    .asideMenu:nth-of-type(1) {
        padding: 0;
        border-radius: 10px;
    }

    .greating span:nth-of-type(1) {
        font-size: 40px;
    }

    .greating span:nth-of-type(2) {
        font-size: 40px;
    }
}

@media (max-width:940px) {
    .summaryContent {
        padding: 40px;
    }

    .block-mid {
        gap: 8px;
    }
}

@media (max-width: 928px) {
    .summaryContent {
        padding: 40px 20px;
    }

    .greating span:nth-of-type(1) {
        font-size: 32px;
    }

    .greating span:nth-of-type(2) {
        font-size: 32px;
    }
}

@media(max-width:800px) {
    .summaryContent {
        padding: 20px 75px 90px 75px;
    }

    .asideMenu:nth-of-type(1) {
        padding: 0;
        border-radius: 10px;
    }

    .asideMenu a:nth-of-type(1) {
        width: 75px;
    }

    .mainDesign {
        width: 100%;
    }

    .greating {
        display: none;
    }

    .contact-text,
    .block-main,
    .block-mid,
    .block-end {
        justify-content: space-between;
    }

    .pen-section-2 {
        max-width: none;
    }

    .block-end {
        height: 150px;
    }

    .block-end .pen-section-3 {
        height: 100%;
    }
}

@media(max-width:700px) {
    .content {
        padding: 0 0 100px 0;
        margin: 0;
    }

    .contact-text {
        gap: 10px;
    }

    #hiHead {
        order: 0;
    }

    #textHead {
        order: 1;
    }

    .mainDesign {
        width: 100%;
    }
}

@media (max-width: 635px) {
    .contact-text h1 {
        font-size: 52px;
    }

    #divHead {
        height: 52px;
    }

    .contact-text {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: flex-start;
        gap: 6px;
    }

    #divHead {
        transform: rotate(180deg);
        order: 1 !important;
        height: 3px;
        width: 90px;
    }

    .block-main,
    .block-mid {
        height: 140px;
    }

    .block-end {
        height: 130px;
    }

    .pen-section-1 {
        height: 100%;
    }

    .block-main .pen-section-1,
    .block-mid .pen-section-2,
    .block-end .pen-section-3 {
        height: 100%;
    }

    .block-main .pen-section-1 {
        width: 210px;
    }

    .block-end .pen-section-3 {
        width: 130px;
        padding: 0;
    }

    .block-end .pen-section-3 .pen-3 h1 {
        font-size: 62px;
        line-height: 62px;
    }

    .block-end .pen-section-3 .pen-3 p {
        font-size: 16px;
        line-height: 16px;
    }
}

@media(max-width:595px) {

    .mainDesign {
        height: 100%;
        width: 100%;
    }

    .summaryContent {
        padding: 40px 60px 100px 60px;
        gap: 30px;
    }
}

@media(max-width:560px) {
    .summaryContent {
        padding: 30px 40px 90px 40px;
    }

    .block-main,
    .block-mid {
        gap: 10px;
    }

    .pen-section-2 {
        gap: 35px;
    }

    .block-end .pen-section-3 {
        padding: 25px 10px;
    }

}

@media(max-width:492px) {
    .block-main .pen-section-1 {
        width: 188px;
    }

    .block-end {
        height: 110px;
        gap: 8px;
    }

    .block-end .pen-section-3 {
        padding: 0px 4px;
        width: 110px;
    }

    .block-end .pen-section-3 .pen-3 h1 {
        font-size: 56px;
        line-height: 56px;
    }

    .block-end .pen-section-3 .pen-3 p {
        font-size: 14px;
        line-height: 14px;
    }

    .mainDesign {
        height: 100%;
        width: 100%;
    }

    .pen-section-2 {
        gap: 12px;
    }

    .ontake2 h1 {
        font-size: 64px;
        line-height: 62px;
    }

    .psmall {
        font-size: 16px;
    }
}

@media(max-width:412px) {

    .summaryContent {
        padding: 30px 20px 90px 20px;
    }

}

@media(max-width:380px) {

    .block-end .pen-section-3 .pen-3 p {
        font-size: 14px;
        line-height: 14px;
    }
}

@media(max-width:372px) {

    .contact-text p {
        font-size: 22px;
        line-height: 22px;
    }

    .block-main .pen-section-1 {
        width: 150px;
        padding: 0;
        gap: 4px;
    }

    .block-end .pen-section-3 {
        padding: 0px;
        width: 100%;
    }
}