@media only screen and (max-width:767px){ 
  .pj-one li{
     width: 50%;
  }
  .apc-box .apc-block{
    align-items: center;
    flex-direction: column;
  }
  .apc-box .apc-block .b-item{
    
  }
  .tr-box{
    flex-direction: column;
  }
  .tr-box ._img{
    width: 80%;
    margin-bottom: 20px;
  }
  .bae-box .bae-img{
    min-width: auto;
  }
  .tdb-box .tdb-inner {
    flex-direction: column;
  }
  .tdb-box .tdb-left{
    width: 100%;
  }
  .tdb-box .tdb-right{
    width: 100%;
  }
 .tdb-tip{
    padding: 0 30px;
  }
 .mini-box{
    flex-direction: column;
  }
 .mini-box .tlr-l{
    width: 80% !important;
    margin-right: 0;
    margin-bottom: 20px;
  }
.mini-box .tlr-r{
    width: 80% !important;
  }
  .apip-mini-wrapper .apip-mini-box{
    padding: 0 40px;
  }
  .apip-mini-wrapper .apip-mini-item{
    width: 100%;
  }
  .tcpt-box{
    flex-direction: column;
  }
  .tcpt-box .tt-item{
    width: 90%;
    margin-top:20px;
  }
  .tacd-show .t-s-item .t-s-info p{
    /* white-space: nowrap; */
    font-size: 14px;
  }
} 
  .storefront_wrap_1 .container{
    width: 1300px !important;
 }

@media only screen and (min-width:1000px) and (max-width: 1300px){
  .storefront_wrap_1 .container{
     width: 1000px !important;
  }
  .bae-box .bae-list li{
    font-size: 16px;
  }
  .cab-box .user-item:nth-child(2) {
    margin-top: 20px !important; 
  }
  .bad-box .bac-item .bac-info{
    font-size: 16px !important;
  }
  .apc-box .apc-block .b-item {
    width: 240px;
  }
  /* .table-row{
     width: 1000px;
     margin: 0 auto;
  }
  .table-box{
     width: 40%;
  } */
}
@media only screen and (max-width:1000px) {
  .apc-box .apc-block .b-item {
    width: 220px;
  }
  .storefront_wrap_1 .container{
    width: 100% !important;
 }
  .pda-box{
    display: none;
  }
  .pda-mini{
    display: block;
  }
  .table-box{
     width: 90%;
  }
  .rs-per{ 
    border-top: unset;
    border-left: 1px solid rgb(0, 112, 192);
    margin: 40px 40px 0;
    flex-direction: column;
    width: auto;
  }
  .rs-per .per-item {
    margin: 30px 0;
    text-align: left;
    padding-left: 50px;
  }
  .rs-per .per-item .dot{
    top: 50%;
    left: 0;
  }
  .bae-box{
    flex-direction: column;
    padding: 0 30px;
  }
  .bae-box .bae-img{
    width: 60%;
    margin-bottom: 30px;
  }
  .bc-box{
    flex-direction: column;
    padding: 0 30px;
  }
  .bc-box .bc-left{
    width: 90%;
  }
  .bc-box .bc-right{
    width: 80%;
  }
  .medium-box{
    flex-direction: column;
  }
 .medium-box .tlr-l{
    width: 80% !important;
    margin-right: 0;
    margin-bottom: 20px;
  }
.medium-box .tlr-r{
    width: 80% !important;
  }
  .cab-box{
    display: none;
  }
  .cab-mini-wrapper{
    display: block !important;
  }
  .aib-wrapper{
    display: none;
  }
  .aib-mini-wrapper{
    display: block !important;
  }
  .apip-box{
    display: none;
  }
  .apip-mini-wrapper{
    display: block !important;
  }
  .bad-box .bac-info{
    font-size: 16px !important;
  }
  .tlr-box{
    padding: 0 20px;
  }
  .tlr-box .tlr-r{
    margin-left: 0 !important;
  }
  .tacd-show .t-s-item .t-s-info p{
    /* white-space: nowrap; */
    font-size: 14px;
  }
}