@media screen and (max-width: 800px) {
    .page-sub-title {
        font-size: 3rem;
        text-align: left;
    }
    .ptop {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .ptop .thumb img {
        width: 100%;
        margin: 0;
    }
    .ptop .thumb .bg {
        display: none;
    }
    .ptop.row {
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .ptop.row div[class^=col-xs] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .ptop.row .col-xs-5 {
        width: 40%;
    }
    .ptop.row .col-xs-7 {
        width: 60%;
    }
    .research-page__num .row {
        margin-left: 0;
        margin-right: 0;
    }
    .research-page__num .item strong {
        font-size: 3rem;
    }
    .research-page__num .item span {
        font-size: 1.3rem;
    }
    .panel-full__image.panel-1 {
        margin-top: 2rem;
    }
    .mooween-web {
        background: none;
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .mooween-web .item {
        position: static;
        display: block;
        width: 100%;
        margin-bottom: 2rem;
    }
    .mooween-web .item:last-child {
        margin-bottom: 0;
    }
    .mooween-web .item:before {
        display: block;
        font-size: 3rem;
        font-family: RobotoCondensed, sans-serif;
        font-weight: bold;
    }
    .mooween-web .item-1:before {
        content: '1998';
        color: #3ba4b3;
    }
    .mooween-web .item-2:before {
        content: '2008';
        color: #c73e22;
    }
    .mooween-web .item-3:before {
        content: '2011';
        color: #f48c1a;
    }
    .lists {
        padding: 3rem 0;
    }
    .lists .row {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .lists div[class^=col-xs] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .lists .col-xs-3 {
        width: 40%;
    }
    .lists .col-xs-9 {
        width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .ptop.row div[class^=col-xs] {
        width: 100% !important;
    }
    .ptop.row .col-xs-5 {
        margin-bottom: 2rem;
    }
    .ptop .thumb img {
        width: 50%;
    }
    .ptop p {
        font-size: 1.8rem;
    }
    .research-page__num {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .research-page__num .item {
        width: 100%;
        padding-top: 3rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid rgba(0, 0, 0, .25);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    }
    .research-page__num .item:first-child {
        padding-top: 0;
    }
    .research-page__num .item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
        box-shadow: none;
    }
    .lists .col-xs-3 {
        padding-bottom: 2rem;
    }
    .lists .col-xs-3,
    .lists .col-xs-9 {
        width: 100%;
    }
}