@media all and (min-width: 768px) {

    h2 {
        font-size: 8vw;
    }

    h3 {
        font-size: 5vw;
    }

    /* SECTION */
    section #descript #above #h3 span {
        font-size: 3.5vw;
    }

    section #descript .more span {
        font-size: 2.8vw;
    }

    section #descript .more p {
        font-size: 2vw;
    }

    section #btns {
        font-size: 2.8vw;
    }




    /* DETAIL */
    div#detail div p {
        font-size: 3vw;
    }


}





@media all and (min-width: 1000px) {

    h2 {
        font-size: 5vw;
    }

    h3 {
        font-size: 2.2vw;
    }





    /* SECTION */


    section>div {
        float: left;
    }

    section #mainimg {
      padding: 3vw 15vw 0;
        border-bottom: 0;
        width: 60%;
    }

    section #descript {
        border-left: 1px solid var(--black);
        width: 40%;
    }

    section #descript #above {
        padding: 10vw 3vw 5vw;;
    }

    section #descript #above #h3 {
        margin-bottom: 4vw;
    }

    section #descript #above #h3 span {
        font-size: 1.5vw;
    }

    section #descript #above #h3 h3+h3 {
        margin-bottom: 1vw;
    }

    section #descript #above #h3 h3+span {
        margin-bottom: .5vw;
    }

    section #descript .more {
        margin-bottom: 1vw;
    }

    section #descript .more span {
        font-size: 1.3vw;
    }

    section #descript .more p {
        font-size: 1vw;
        margin-top: .5vw;
    }

    section #descript .more+div {
        padding-bottom: 2vw;
    }

    section #btns {
        font-size: 1vw;
        padding: 0 3vw 2vw;
    }

    section #btns div {
        padding: .8vw 1vw;
        border-radius: .7vw;
    }


    /* DETAIL */
    div#detail {
    }

    div#detail div p {
        font-size: 1.5vw;
    }

    div#detail #btmimg {
        padding: 0 28vw 0;
    }




    /* RECCOMMEND*/
    
    div#reco .recotxt span:first-child {
        font-size: 1.5vw;
    }

    div#reco .recotxt .material-symbols-outlined {
        font-size: 2.5vw;
        margin-top: -.4vw;
    }


}




@media all and (min-width: 1440px) {

    h2 {
        margin-bottom: 2vw;
    }
    /* SECTION */

    section #mainimg {
      padding: 2vw 15vw 0;
    }

    section #descript {
        border-left: 1px solid var(--black);
    }

    section #descript #above {
      padding: 10vw 3vw 5vw;
    }

    section #descript #above #h3 {
        margin-bottom: 3vw;
    }

    section #descript #above #h3 span {
        font-size: 1.3vw;
    }

    section #descript #above #h3 h3+h3 {
        margin-bottom: .5vw;
    }

    section #descript #above #h3 h3+span {
        margin-bottom: .5vw;
    }

    section #descript .more {
        margin-bottom: 2vw;
    }

    section #descript .more span {
        font-size: 1.2vw;
    }

    section #descript .more+div {
        padding-bottom: 2vw;
    }

    section #btns div {
        padding: .6vw 1vw;
        border-radius: .5vw;
    }



}