.re-hide {
    display: block;
}

.re-show {
    display: none;
}

.responsive-header {
    display: none;
}

.responsive-menu {
    right: -100%;
    top: 0;
    opacity: 0;
    position: fixed;
    z-index: 900;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease 0s;
    overflow-y: auto;
    color: #00A99D;
    font-size: 15px;
}

@media screen and (max-width: 1199px) {

    .re-hide {
        display: none;
    }

    .re-show {
        display: block;
    }

    .responsive-header {
        display: block;
        width: 100%;
        height: 42px;
        padding-top: 5px;
        border-bottom: solid 1px #00A99D;
    }

    .responsive-menu.active {
        top: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.96);
        opacity: 1;
    }

    .responsive-menu ul {
        border-top: solid 1px #00A99D;
    }

    .responsive-menu ul li {
        border-bottom: solid 1px #00A99D;
        padding: 18px 15px;
        color: #00A99D;
        font-size: 15px;
        font-weight: bold;
        position: relative;
    }

    .responsive-menu ul li a {
        color: #00A99D;
        display: block;
        text-decoration: none;
        opacity: 1;
    }

    .responsive-menu .lang {
        font-weight: bold;
        font-size: 13px;
        padding: 0 15px;
        margin-top: 25px;
    }

    .responsive-menu .lang a {
        background: none;
        padding: 5px 5px 4px 5px;
        border-radius: 2px;
        color: #00A99D;
        text-decoration: none;
    }

    .responsive-menu .lang a:hover, .lang a.this {
        background: #00A99D;
        color: #fff;
        opacity: 1;
    }

    .menu-close {
        margin-top: 9px;
        margin-bottom: 8px;
    }

    body {
        padding: 0;
    }

    .bottom-border {
        width: 100%;
    }

    .landing-box {
        margin-top: 25px;
        margin-bottom: 50px;
        padding: 25px;
    }

    .logo-group {
        margin-bottom: 25px;
    }

    .logo-group img {
        height: 40px;
        display: inline-block;
    }

    .home-box-text {
        padding: 25px 25px;
    }


    .footer {
        text-align: center;
    }

    .footer .text-right {
        text-align: center !important;
    }

    .footer ul li {
        margin-left: 25px;
        padding-left: 25px;
    }

    .footer ul li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .submit-btn {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        max-width: 100%;
    }

    .submit-btn:hover {
        opacity: 0.75;
    }

    a.btn {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        max-width: 100%;
    }

    a.btn:hover {
        opacity: 0.75;
    }

    .product-box a.btn {
        padding: 10px 0;
        width: 100%;
        margin-top: 0;
    }

    .shopping-cart-btn-area a.btn {
        width: auto;
    }


}

@media screen and (max-width: 991px) {
    .res-shopping-cart-product-area {
        display: grid !important;
    }

    .shopping-cart-product-area {
        display: none !important;
    }

    .res-member-center-side-bar-area {
        display: flex !important;
    }

    .member-center-side-bar-area {
        display: none !important;
    }

    .member-center-main.col-10 {
        grid-column: span 1/ span 12 !important;
    }

    .res-member-center-order-record-details{
        display: block !important;
    }
    .member-center-order-record-details{
        display: none !important;
    }
    .member-center-order-record-header{
        display: none !important;
    }
    .res-member-center-order-record-details-details{
        display: block !important;
    }
}


@media screen and (max-width: 769px) {
    .submit-btn {
        width: 100%;
    }

    .product-details-box .product-details-box-info {
        padding: 20px 15px 0 15px;
    }

    .member-center-main-details.border-right {
        border-right: none !important;
    }

    .member-center-main-details{
        margin-top: 20px;
    }

    .popup-upload-receipt-box{
        width: 500px;
        padding: 40px;
    }

}

@media screen and (max-width: 575px) {
    .product-box.col-12 {
        display: flex;
        justify-content: center;
    }

    .popup-upload-receipt-box{
        width: 350px;
        padding: 20px;
    }
}

@media screen and (max-width: 385px) {
    .popup-upload-receipt-box{
        margin-top: 100px;
        width: 250px;
        padding: 20px;
    }
    .popup-upload-receipt-box .popup-upload-receipt-details{
        padding: 10px;
    }
    .popup-upload-receipt-box .popup-upload-receipt-button a{
        padding: 10px 20px;
        max-width: 100%;
    }
    .popup-upload-receipt-box .popup-upload-receipt-details .upload-receipt-area{
        padding: 30px;
    }

}


@media screen and (max-width: 285px) {
    .popup-upload-receipt-box{
        width: 200px;
        padding: 20px;
    }
    .popup-upload-receipt-box .popup-upload-receipt-details .upload-receipt-area{
        padding: 20px;
    }
}