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

    /*-------------------------
    會員中心
    -------------------------*/
    /********會員選單標籤框********/
    .member-content .nav-tabs {
        font-size: 17px;
    }

    /********收藏清單********/

    .favorite-list {
        position: relative;
        padding: 20px 0 10px;
        border-bottom: 1px solid #ccc;
    }

    .favorite-list li {
        width: 100%;
        padding: 0 5px;
    }

    /*圖片*/
    .favorite-list li:nth-child(1) {
        width: 20%;
        margin-bottom: 5px;
    }

    /*產品*/
    .favorite-list li:nth-child(2) {
        width: 80%;
        margin-bottom: 5px;
    }

    .favorite-list li.list-detail .options,
    .favorite-list li.list-detail .price {
        margin-top: 0;
    }

    /*單價*/
    .favorite-list li:nth-child(3) {
        width: 50%;
        text-align: left;
    }

    /*加入購物車*/
    .favorite-list li:nth-child(4) {
        width: 50%;
        text-align: right;
    }

    .favorite-list li.list-cart .btn {
        font-size: 13px;
    }

    /*刪除*/
    .favorite-list li.list-delete {
        position: absolute;
        right: 0;
        top: 0;
    }

    /*****商家收藏********/

    .member-favorite.store .favorite-list li:nth-child(1) {
        width: 20%;
    }

    .member-favorite.store .favorite-list li:nth-child(2) {
        width: 80%;
    }

    .member-favorite.store .favorite-list li:nth-child(3) {
        width: 50%;
        margin-left: auto;
    }

    /********訂單清單********/
    .member-order-list-title {
        display: none;
    }

    .member-order-list {
        padding: 5px 0;
    }

    /* .member .member-content .member-order-list li {
        width: 100%;
        text-align: left;
        padding: 0px;
    } */
    .member-content .member-order-list li {
        width: 100% !important;
        text-align: left;
        padding: 0px;
    }

    .member-order-list li:before {
        white-space: nowrap;
        content: attr(data-title);
        color: #999;
        display: inline-block;
        width: 75px;
    }

    /*******訂單明細清單*******/
    .member-order-info-title {
        display: none;
    }

    .member-order-info li:before {
        white-space: nowrap;
        content: attr(data-title);
        display: inline-block;
    }

    /*商品*/
    .member-order-info li:nth-child(1) {
        width: 100%;
    }

    /*單價*/
    .member-order-info li:nth-child(2) {
        width: 100%;
        text-align: left;
        color: #5e7ca8;
    }

    /*數量*/
    .member-order-info li:nth-child(3) {
        width: 50%;
        text-align: left;
    }

    /*小計*/
    .member-order-info li:nth-child(4) {
        width: 50%;
    }

    /*******申請退/換貨*******/
    /****退換貨清單****/
    /*商品*/
    .pro-change li:nth-child(1) {
        width: 100%;
        margin-bottom: 20px;
    }

    /*數量*/
    .pro-change li:nth-child(2) {
        width: 100%;
    }

    /*****上傳照片******/
    .change-img .img-group .img-item img {
        height: 100px;
    }
}

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

    /*-------------------------
    側邊選單 側邊內容 架構 (關於我們+..+聯絡我們)
    -------------------------*/
    /*側邊選單*/
    .two-columns-nav-title {
        border-bottom: 3px solid #FDD000;
        padding-right: 15px;
    }

    /*-------------------------
    篩選視窗
    -------------------------*/
    .filter-box .box {
        right: -300px;
        width: 300px;
    }

    /*-------------------------
    購物車-購物清單
    -------------------------*/
    /*通用*/

    /*訂單金額框*/
    .order-box .order-detail {
        max-width: 80%;
    }

    .order-box .d-flex-center {
        padding: 0 20px;
    }

    .order-box .order-money {
        font-size: 1.6rem;
    }

    .order-box .order-money span {
        font-size: 1.2rem;
    }

    .order-box .btn {
        margin: 0 20px;
        width: calc(100% - 40px) !important;
    }

    /**********購物清單************/

    .order-list {
        position: relative;
    }

    .order-list li {
        width: 100%;
    }

    .order-list-title {
        padding: 5px 5px 5px 15px;
    }

    /*圖片*/
    .order-list li:nth-child(1) {
        width: 100px;
        margin: 0 0 10px;
    }

    /*產品*/
    .order-list li:nth-child(2) {
        width: calc(100% - 100px);
        margin-bottom: 10px;
        padding-right: 25px;
    }

    .order-list li.list-detail .options,
    .order-list li.list-detail .price {
        margin-top: 0;
    }

    /*數量*/
    .order-list li:nth-child(3) {
        width: 50%;
        text-align: left;
    }

    .order-list li.list-quantity .quantity-input {
        margin: initial;
        width: 150px;
    }

    .order-list li.list-quantity:before {
        content: attr(data-title);
    }

    /*小計*/
    .order-list li:nth-child(4) {
        width: 50%;
        text-align: right;
        padding-left: 10px;
    }

    /*刪除*/
    .order-list li:nth-child(5) {
        position: absolute;
        right: 0;
        top: 0;
    }

}

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

    /*-------------------------
    共用
    -------------------------*/
    .page {
        margin-top: 50px;
    }

    /*麵包屑*/
    .breadcrumb {
        margin-bottom: 15px;
    }

    /*-------------------------
    Header 選單
    -------------------------*/
    .header .main-icon li a,
    .header .main-icon li button {
        font-size: 19px;
        padding: 0px 7px;
    }

    .header .logo a img {
        height: 40px;
    }

    .header .logo a {
        font-size: 16px;
    }

    /*搜尋*/
    .modal-search .search-group {
        width: 95%;
        left: 5%;
        right: 0;
    }

    .modal-search button.close {
        font-size: 45px;
        right: 10px;
        top: 10px;
    }

    /*-------------------------
    index 首頁
    -------------------------*/
    /*banner*/
    .banner {
        margin-top: 50px;
    }

    /*--------------------------
    篩選視窗
    -------------------------*/
    .filter-box .box {
        width: 100%;
    }

    /*-------------------------
    product-info 商品內頁
    -------------------------*/
    /*商品內容標題(頁籤)*/
    .pro-content .nav-tabs .nav-item .nav-link {
        font-size: 1.1rem;
    }

    /*評價欄位*/
    .evaluation-box .item .user {
        width: 30%;
    }

    .evaluation-box .item .text {
        width: 70%;
    }

    /*-------------------------
    購物車-購物清單
    -------------------------*/

    .order-list-box {
        margin-bottom: 10px;
    }

    .transport-box {
        min-height: auto;
    }

    /*訂單金額框*/
    .order-box {
        margin-top: 30px;
    }

    .order-box-btn .btn {
        width: 48%;
    }

    /*訂單確認*/
    .order .order-ok {
        padding: 20px 0;
    }

    /********購物清單********/
    /*產品*/
    .order-list li.list-detail .title {
        font-size: 15px;
        font-weight: 400;
    }

    /*圖片*/
    .order-list li:nth-child(1) {
        width: 80px;
        margin: 0 0 10px;
    }

    /*產品*/
    .order-list li:nth-child(2) {
        width: calc(100% - 80px);
        margin-bottom: 10px;
    }

    /*-------------------------
    會員中心
    -------------------------*/
    /*通用*/
    .member-content button {
        width: 100%;
    }

    .member-menu {
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    .member-title {
        display: none;
    }

    /*會員等級上方標示*/
    .member-grade .grade-number {
        padding-left: 0;
        width: 100%;
    }

    /*登出*/
    .logout {
        width: 100px;
        margin-left: 10px;
    }

    /*2大框 標示*/
    .profile-box {
        padding: 10px 20px;
    }

    .profile-box .icon img {
        width: 45px;
    }

    .profile-box .icon {
        padding-right: 5px;
    }

    /*會員資訊框*/
    .member-content {
        padding: 10px 10px 40px 10px;
    }

    /**會員選單標籤框**/
    .member-content .nav-tabs .nav-item {
        width: 48%;
        margin: 0 1% 5px 1%;
    }

    .member-content .nav-tabs {
        margin: 0;
    }

    /**********購買清單-內頁**********/
    /*通用-按鈕*/

    .ntb-box button.btn {
        width: 32.3%;
        margin: 0 0.5% 1%;
        margin-left: 0px;
        padding: .375rem 0;
        font-size: 15px;
    }

    /*******訂單問與答*******/
    .member-message .dialogue .user img {
        width: 60px;
    }

    .member-message .dialogue .mess {
        width: calc(100% - 80px);
        padding: 0;
    }

    /**********商品評價-內頁**********/
    .evaluation-item .evaluation-pro .pro {
        width: 100px;
        margin-right: 10px;
    }

    .evaluation-item .evaluation-pro .text {
        width: calc(100% - 110px)
    }

    .evaluation-item .evaluation-pro .text .star {
        margin-top: 0px;
    }
}

@media screen and (max-width: 575px) {
    html {
        font-size: 15px;
    }

    /*-------------------------
    共用
    -------------------------*/
    .all-title span {
        font-size: 1.2rem;
    }

    /*-------------------------
    index 首頁
    -------------------------*/
    /*項目分類*/
    .index-item {
        padding: 10px 25px 5px 25px;
    }

    .index-item .item {
        padding: 5px 0;
    }

    .index-item .item img {
        width: 25px;
        margin-right: 5px;
    }

    .index-item .item span {
        font-size: 14px;
    }

    .header .logo a img {
        height: 35px;
    }

}

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

    /*-------------------------
    Header 選單
    -------------------------*/
    .header .logo a {
        font-size: 14px;
    }

    .header .main-icon li a,
    .header .main-icon li button {
        font-size: 17px;
        padding: 0px 5px;
    }
}