@media (max-width: 992px) {
    .banner-wine img {
        right: -80px;
    }
    .wine-item-title p {
        font-size: 16px;
        line-height: 28px;
        height: 28px;
        overflow: hidden;
    }
    .wine-item {
        flex: 0 0 98%;
    }
    .left-menu,
    .right-menu {
        width: calc(50% - 90px);
    }
    .login-fields-inner .login-title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .login-container {
        background: url(../images/login.jpg) no-repeat;
        background-size: cover;
    }
    .login-fields {
        padding-left: 0;
    }
    .login-content::before {
        content: unset;
    }
    .login-fields-inner {
        padding: 25px;
    }
    .login-close {
        top: 10px;
        right: 15px;
    }
    .logo {
        height: 60px;
        width: 60px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        left: 0;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    .pdf-logo.logo {
        width: 80px;
        height: 80px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        transition: unset;
        -webkit-transition: unset;
        -moz-transition: unset;
        -ms-transition: unset;
        -o-transition: unset;
    }
    .logo img {
        width: 85%;
        height: 85%;
    }
    .pdf-logo.logo img {
        width: 75%;
        height: 75%;
    }
    .top-banner .container,
    .single-banner .container {
        height: 200px;
    }
    .banner-wine img {
        right: -55px;
    }
    .banner-text h1 {
        font-size: 22px;
    }
    .banner-text h3 {
        font-size: 18px;
    }
    .form-field .field-content,
    .form-field .field-name {
        flex: 0 0 100%;
    }
    .form-field .field-content {
        padding: 10px 0;
    }
    .form-field .field-name {
        padding: 10px 20px;
        font-size: 14px;
    }
    .login-fields-inner .login-title {
        font-size: 20px;
    }
    .login-fields-inner .login-sub-title,
    .login-fields-inner form .out-link,
    .privacy-area p {
        font-size: 14px;
    }
    label[for="agree-check"] {
        font-size: 12px;
    }
    .copyright {
        order: 2;
        flex: 0 0 100%;
        text-align: center;
        margin-top: 20px;
    }
    footer {
        padding: 30px 0;
    }
    .footer-logo img {
        width: 50px;
        height: 50px;
    }
    .form-field.textarea-content .field-name {
        height: auto;
    }
    .reg-form input,
    .reg-form textarea,
    .sec-contact-page input,
    .sec-contact-page textarea {
        background: transparent !important;
    }
    .top-border a {
        padding-top: 20px;
        border-top: solid 1px #fff;
    }
    .sec-title-en {
        font-size: 44px;
    }
    .sec-title-jp {
        font-size: 14px;
    }
    .month-title img {
        width: 30px;
        height: 30px;
    }
    .month-title {
        font-size: 16px;
    }
    .wine-sp-item {
        flex: 0 0 48%;
        margin-right: 2%;
        margin-bottom: 2%;
        border: solid 1px #111;
    }
    .viewed-item-thumb {
        height: 135px;
    }
    .wine-item-list {
        margin-top: 20px;
    }
    .wine-item-price {
        padding: 10px 0;
        text-align: center;
    }
    .wine-item-price a {
        display: block;
        margin: 0 auto;
        font-size: 12px;
        font-weight: bold;
        padding: 5px 15px;
    }
    .banner-wine img {
        height: 80%;
    }
    .view-more {
        padding: 10px 30px;
        font-size: 12px;
    }
    .banner-3 .my-wine p:first-of-type {
        font-size: 30px;
    }
    .banner-3 .my-wine p:last-of-type {
        font-size: 14px;
    }
    .banner-3 img {
        height: 135px;
        width: 100%;
        object-fit: cover;
    }
    .sec-contact {
        padding: 35px 25px 35px;
    }
    .contact-title p:first-of-type {
        font-size: 40px;
    }
    .contact-title p:last-of-type {
        font-size: 14px;
    }
    .contact-info p:first-of-type {
        font-size: 20px;
    }
    .contact-info p:nth-of-type(2) {
        font-size: 12px;
    }
    .contact-info a {
        font-size: 12px;
        padding: 5px 30px;
        margin-top: 10px;
    }
    header {
        height: 60px;
    }
    .wine-sp-thumb {
        margin-top: -85px;
        width: 160px;
        height: 275px;
        background: #fff;
        border: solid 2px #fff;
        overflow: hidden;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .wine-sp-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom;
    }
    .wine-item-info-sec {
        padding: 50px 0;
    }
    .wine-info-content .wine-price {
        text-align: center;
        border-bottom: none;
        font-size: 24px;
    }
    .my-rate p:last-of-type span,
    .my-rate p:first-of-type {
        color: #ff7300;
    }
    .my-rate p:last-of-type {
        color: #974400;
        font-weight: bold;
        background: #ffeddf;
    }
    .sp-single-title {
        font-size: 20px;
        border-bottom: dashed 1px #a1a1a1;
    }
    .__wine-info .d-flex {
        padding: 5px 0;
        font-size: 12px;
    }
    .wine-description {
        font-size: 13px;
        line-height: 18px;
    }
    .review-list {
        padding-left: 0;
    }
    .review-item {
        padding: 10px;
    }
    .review-item p {
        font-size: 13px;
        line-height: 18px;
    }
    .review-item p span i,
    .review-item p span {
        font-size: 12px;
    }
    .review-item p span {
        margin-right: 2px;
    }
    .review-result .t-center p:first-of-type {
        font-size: 20px;
        line-height: 24px;
    }
    .review-result .t-center p:last-of-type {
        font-size: 14px;
    }
    .review-detailed-area .d-flex p:last-of-type,
    .review-detailed-area .d-flex p:first-of-type {
        font-size: 12px;
        line-height: 16px !important;
    }
    .review-detailed-area {
        margin-top: 0;
    }
    .review-detailed-area .d-flex {
        line-height: 14px;
    }
    .review-sec {
        padding: 50px 0;
        position: relative;
    }
    .review-result {
        position: absolute;
        right: 10px;
        top: -80px;
    }
    .wine-info-content a {
        font-size: 12px;
        padding: 5px 30px;
    }
    .download-btn,
    .shop-link-btn {
        font-size: 12px;
        padding: 5px 15px;
    }
    .review-form-btns button {
        width: 100px;
    }
    .review-form-btns {
        display: flex;
        justify-content: space-between;
    }
    #forget_password,
    #review_edit,
    #review {
        padding: 30px;
    }
    .copyright {
        margin-top: 0;
    }
    .review-sec .container {
        max-width: 700px;
    }
    .inner-container {
        max-width: 500px;
    }
    .wine-viewd {
        padding: 50px 0 100px;
    }
    .lity-container {
        width: 94%;
    }
}

@media (max-width: 349px) {
    .wine-sp-thumb {
        width: 140px;
    }
}