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

   .content-area:first-of-type{
       margin-top: 55px;
       background: none;
   }
   .distributor-map{
       height: auto;
       margin-bottom: 0.4rem;
   }
   .nav-tabs{
       display: flex;
       flex-direction: row;
       overflow: scroll;
       border-bottom:none;
       font-size: 0.37333rem;
       scrollbar-width: none;
   }
   .nav-tabs::-webkit-scrollbar{
    display: none;
   }
   .nav > li > a {
       padding: 0.2rem 0.4rem;
   }
   .nav-tabs > li {
       width: auto;
       text-align: center;
       flex-shrink: 0;
       margin-right: 0.4rem;
       margin-bottom:0px;
   }
   .panel-default > .panel-heading a {
       padding-left: 0.4rem;
       padding-right: 0.4rem;
       padding-top: 0.18666rem;
       padding-bottom: 0.18666rem;
        font-size: 0.37333rem;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
   }
   .panel-body :nth-child(1) span{
        font-size: 0.37333rem;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        color: #333333;
        padding-top: 0.26666rem !important;
        padding-bottom: 0.52rem !important;
   }
   .panel-body :nth-child(1){
        font-size: 0.37333rem !important;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500 !important;
        color: #333333 !important;
        padding-top: 0.26666rem !important;
        padding-bottom: 0.52rem !important;
   }
   .panel-body p {
       color: #333333 !important;
   }
   .panel-body p span{
       color: #333333 !important;
   }
   .panel-body p a{
       color: #333333 !important;
   }
}