@media (min-width: 375px) and (max-width: 767px) {
    .page-container {
        background: linear-gradient(180deg, #ffe3b4 0%, #fff 40%);
        overflow-y: hidden;
    }

    /* Head */
    .head {
        padding-bottom: 64px;
        background: none;
    }

    .head-bird {
        width: 122px;
        height: 90px;
    }

    .head-title {
        gap: 24px;
    }

    .head-title-text {
        gap: 12px;
    }

        .head-title-text .child-0 {
            font-size: 18px;
        }

        .head-title-text .child-1 {
            font-size: 16px;
        }

        .head-title-text .child-2 {
            gap: 8px;
        }

            .head-title-text .child-2 div {
                font-size: 24px;
                line-height: 100%;
            }

    .head-title-button {
        width: 224px;
        height: 43px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px;
        box-shadow: 0px 6px 0px 0px #b04b16;
    }

        .head-title-button span {
            font-size: 16px;
            white-space: nowrap;
        }

    /* Entries preview */
    .entries-preview {
        gap: 12px;
        width: 100%;
        padding: 0 15px;
    }

        .entries-preview .entries-center {
            width: 100%;
            height: 193px;
            border-radius: 10px;
            box-shadow: 0px 1.72px 13.72px 0px #00000008;
            box-shadow: 0px 10.29px 13.72px -3.43px #00000012;
            object-fit: cover;
        }

        .entries-preview .entries-horizontal {
            /*height: 61px;*/
        }

            .entries-preview .entries-horizontal .swiper-slide {
                border-radius: 5px;
            }

        .entries-preview .entries-link span {
            font-size: 16px;
            line-height: 120%;
        }

        .entries-preview .entries-link img {
            height: 20px;
            width: 20px;
        }

    /* Contest information */
    .contest-information {
        gap: 24px;
        padding: 64px 15px;
    }

        .contest-information .contest-information-title {
            width: 100%;
            height: 53px;
            clip-path: polygon( 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50% );
        }

            .contest-information .contest-information-title span {
                font-size: 20px;
            }

        .contest-information .contest-information-content {
            flex-direction: column;
            gap: 24px;
        }

            .contest-information .contest-information-content img {
                height: 343px;
                width: 100%;
            }

        .contest-information .contest-background-img {
            position: absolute;
            width: 409px;
            height: 598px;
            right: 0;
            bottom: 0;
            object-fit: cover;
            transform: translate(70px, 58px);
        }

        .contest-information
        .contest-information-content
        .contest-information-paragraphs {
            gap: 24px;
        }

        .contest-information
        .contest-information-content
        .contest-information-paragraph {
            gap: 12px;
        }

            .contest-information
            .contest-information-content
            .contest-information-paragraph
            .title {
                font-size: 18px;
            }

            .contest-information
            .contest-information-content
            .contest-information-paragraph
            .text {
                line-height: 130%;
                font-size: 16px;
            }

    /* Submit instruction */
    .submit-instruction {
        gap: 24px;
        padding: 0 15px 94px;
    }

        .submit-instruction .submit-instruction-title {
            width: 100%;
            height: 53px;
            clip-path: polygon( 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50% );
        }

            .submit-instruction .submit-instruction-title span {
                font-size: 20px;
            }

        .submit-instruction .submit-instruction-content {
            flex-direction: column;
            gap: 24px;
        }

            .submit-instruction .submit-instruction-content .submit-instruction-image {
                width: 100%;
                height: 373px;
                box-shadow: 0px 2.45px 12px 0px #0000001f;
                border-radius: 10px;
            }

            .submit-instruction
            .submit-instruction-content
            .submit-instruction-paragraphs {
                gap: 74px;
            }

            .submit-instruction
            .submit-instruction-content
            .submit-instruction-paragraph {
                gap: 18.5px;
            }

                .submit-instruction
                .submit-instruction-content
                .submit-instruction-paragraph
                .paragraph-index {
                    width: 62px;
                    height: 62px;
                }

                    .submit-instruction
                    .submit-instruction-content
                    .submit-instruction-paragraph
                    .paragraph-index
                    span {
                        font-size: 30px;
                    }

                .submit-instruction
                .submit-instruction-content
                .submit-instruction-paragraph
                .paragraph-content {
                    gap: 11px;
                }

                    .submit-instruction
                    .submit-instruction-content
                    .submit-instruction-paragraph
                    .paragraph-content
                    .title {
                        font-size: 20px;
                    }

    /* Participant */
    .participant .participant-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .participant .participant-title {
        width: 276px;
        height: 53px;
        clip-path: polygon( 20px 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0 50% );
    }

        .participant .participant-title span {
            font-size: 20px;
        }

    .participant .participant-content {
        gap: 0px;
        padding-top: 135px;
    }

        .participant .participant-content .img-wrapper {
            /*position: relative;*/
            /*    width: 100px;
    height: 271px;*/
            width: 40%;
            height: 271px;
            overflow: visible;
        }

            .participant .participant-content .img-wrapper img {
                /*position: absolute;*/
                top: 0;
                left: 0;
                /*transform: translate(-150px, -340px) scale(0.6);*/
                transform: translate(0px, 0px) scale(1);
            }

        .participant .participant-content .participant-description {
            position: relative;
            /* width: 259px;
    height: 303px;*/
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            margin-right: 10px;
            /*flex-shrink: 0;*/
        }

            .participant
            .participant-content
            .participant-description
            .participant-paragraphs {
                gap: 11.6px;
                padding: 19px 19px 19px 31px;
            }

                .participant
                .participant-content
                .participant-description
                .participant-paragraphs
                .participant-paragraph:nth-child(2) {
                    padding-left: 20px;
                }

                .participant
                .participant-content
                .participant-description
                .participant-paragraphs
                .participant-paragraph:nth-child(3) {
                    padding-left: 40px;
                }

                .participant
                .participant-content
                .participant-description
                .participant-paragraphs
                .participant-paragraph {
                    display: flex;
                    flex-direction: column;
                    gap: 6.8px;
                }

                    .participant
                    .participant-content
                    .participant-description
                    .participant-paragraphs
                    .participant-paragraph
                    .title {
                        font-size: 14px;
                    }

                    .participant
                    .participant-content
                    .participant-description
                    .participant-paragraphs
                    .participant-paragraph
                    .description {
                        font-size: 12px;
                        line-height: 140%;
                    }

    /* Popup */
    .modal-dialog-padded {
        max-width: 350px;
    }

        .modal-dialog-padded .modal-content {
            padding: 20px 4px 4px 4px;
            border-radius: 10px;
        }

    #submissionModal .modal-content .btn-close {
        right: 10px;
        top: 10px;
        width: 16px;
        height: 16px;
    }

    #submissionModal .modal-title {
        gap: 5px;
    }

        #submissionModal .modal-title .title {
            font-size: 16px;
        }

        #submissionModal .modal-title .brief {
            font-size: 11px;
            margin-bottom: 6px;
        }

    #submissionModal .modal-body {
        padding-bottom: 17px;
    }

        #submissionModal .modal-body input {
            border-radius: 7.7px;
            padding: 10px 13px;
            font-size: 11px;
        }

        #submissionModal .modal-body .text-editor .info {
            font-size: 10px;
        }

    #submissionModal .upload-container {
        padding: 10px 13px;
        font-size: 12px;
        gap: 20px;
    }

    #submissionModal .image-preview-container {
        border-width: 0.64px;
        border-radius: 5px;
        padding: 10px 13px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    #submissionModal .image-preview-item {
        width: 76px;
        height: 54px;
        position: relative;
    }

        #submissionModal .image-preview-item img {
            border-radius: 4.9px;
        }

    #submissionModal .add-more-button {
        width: 76px;
        height: 54px;
        border-radius: 4.9px;
    }

    #submissionModal .modal-footer {
        padding-bottom: 16px;
    }

        #submissionModal .modal-footer button {
            width: 95px;
            height: 33px;
            border-radius: 1715px;
            padding: 8px 20px;
        }

            #submissionModal .modal-footer button span {
                font-size: 14px;
                white-space: nowrap;
            }

    .rating-body .nav-item {
        font-size: 14px;
    }
}