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

    :root{
        --heading-size: 3.613vw;
        --paragraph-size: 2vw;
        --mini-paragraph-size: 1.465vw;
        --middle-size: 1.953vw;
    }

    section.s1 .container .row{
        flex-direction: column-reverse;
        align-items: center;
    }

    section.s1 .col-md-5{
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    section.s1 .col-md-7{
        width: 78%;
        margin-bottom: 33px;
        display: flex;
    }

    section.s1 .col-md-7 img.blood-majin{
        width: 90%;
        margin: 0 auto;
    }

    .blood-seap{
        margin: 0 auto;
    }

    .blood-sg-title{
        line-height: 5.4vw;
    }

    .blood-sg-sort-desc{
        width: 60%;
        margin: 0 auto;
        margin-top: 40px;
        line-height: 3.4vw;
    }

    .btn-lay{
        width: 40%;
        margin: 0 auto;
        margin-top: 31px;
    }

    .btn-lay img{
        width: 100%;
        height: auto;
    }

}