@media only screen and (max-width: 320px) {
    .w {
        margin-left:1%;
        padding-right: 5px;
    }
    .top .m_nav .i_m li a {
        height: 90px;
    }
    .top .m_nav .customer-info.btn-group > .btn,
    .top .m_nav .i_m li div {
        font-size:.9em;
    }

  
    .top .m_summary {
        font-size:12px!important;
    }
    .datepicker {
        left: 82px!important;
    }
    .top.w.zone {
        /*margin-top: 20%;*/
    }
    .m_mall table {
        font-size: 12px;
    }
    .m_mall .mall_list .bl_right .action {
        margin-right: 5px;
    }
    .m_mall .mall_list .bl_right {
        width: 65%;
    }
    .m_mall .mall_list .bl_right table {
        width:104%!important;     
    }
    .m_mall.m_money .mall_percent .chart {
        margin-right:5px; 
    }
    .customer-zone .top .m_nav .i_m li div.nav_text {
        margin: 2px;
        padding: 0px;
        font-size: .8em;
    }
    .customer-zone .m_sort .mall_content .m_nav .i_m span b {
        font-size: 1.2em;
    }
    .customer-zone .m_sort .mall_content .m_total {
        font-size: 12px;
    }
    .customer-zone .m_sort .mall_content .m_total + table th {
        width: 10%;
    }
    .income-month .m_summary .input-icon {
        margin-top: 5px!important;
    }
    .income-month .datepicker {
        top: 100px!important;
        left: 92px!important;
    }
    .monitor-zone .top.zone .m_nav .i_m li div {
        font-size:12px;
    }
    .monitor-zone .top.zone .m_nav .i_m li div.nav_text {
        margin: 2px;
        padding: 0px;
    }
    /*.monitor-zone .datepicker {
        top: 634px!important;
    }*/
    .monitor-zone .m_mall .mall_content .table.m_data {
        margin-bottom: 20px!important;
    }
    .report .top .m_nav .i_m li a {
        height: 100px;
    }
    .report .m_nav .i_m li.rate div:first-child {
        padding-bottom: 18px;
    }
    .body-404 .error-header {
        height: 280px;
    }
    .body-404 .btn.return-btn {
        margin-top:0px;
    }
    .track-page .m_summary > span .title {
        width: 50px;     
    }
    .track-page .m_summary > span .input-icon {
        width: 38%;
    }
    .track-page .datepicker.date-1.date-c {
        top: 50px!important;
        left: 5px!important;
    }
    .track-page .datepicker.date-2.date-c {
        top: 50px!important;
        left: 80px!important;
    }
    .track-page .datepicker.date-1 {
        top: 85px!important;
        left: 5px!important;
    }
    .track-page .datepicker.date-2 {
        top: 85px!important;
        left: 80px!important;
    }
    .track-page .datepicker.date-3 {
        top: 127px!important;
        left: 5px!important;
    }
    .track-page .datepicker.date-4 {
        top: 127px!important;
        left: 80px!important;
    }
    .track-page #owl {
        width: 100%;
    }
    .monitor-zone .top.zone .m_nav .i_m.ranks li a {
        height: 35px;
    }
    .track-page .m_summary .btn-group button {
        padding: 6px 10px;
    }
    .track-page .m_summary .btn-group + span{
        margin-right: 10px!important;
    }
}

@media only  screen and (min-width: 321px) and (max-width: 384px) {
     .w {
        font-size: 1.4em;
    }
    .top.w.zone {
        margin-top: 3%;
    }
    .m_mall table {
        font-size: 13px;
    }
    .m_mall .mall_list .bl_right .action {
        margin-right: 5px;
    }
    .customer-zone .datepicker {
        top: 98px!important;
    }
    .top .m_summary .select2-container {
        margin-top: 8px!important;
    }
    .income-month .m_summary .input-icon {
        margin-top: 8px!important;
    }
    .income-month .datepicker {
        top: 100px!important;
        left: 144px!important;
    }
     /*.monitor-zone .datepicker {
        top: 637px!important;
    }*/
    .report .m_nav .i_m li.rate div:first-child {
        padding-bottom: 20px;
    }
    .report .m_nav .i_m li.rate div:last-child {
        margin-top: 20px;
    }
    .track-page .m_summary .btn-group button {
        padding: 6px 10px;
    }
}

@media only  screen and (min-width: 384px) {
     /*.datepicker {
        top: 54px!important;
        left: 172px!important;
    }*/
    .customer-zone .datepicker {
        top: 97px!important;
    }
    .top .m_summary .select2-container{
        margin-top: 0px!important;
    }
    .income-month .datepicker {
        top: 100px!important;
        left: 182px!important;
    }
    .monitor-zone .top.zone .m_nav .i_m.ranks li a {
        height: 40px;
    }
    .monitor-zone .top.zone .m_nav .i_m li a {
        height: 105px;
    }
    /*.monitor-zone .top.zone .m_nav .i_m li.member a {
        height: 100px;
    }*/
    .monitor-zone .m_mall .mall_content .table.m_data {
        margin-bottom: 10px!important;
    }
   /*.monitor-zone .datepicker {
        top: 657px!important;
        left: 110px!important;
    }*/
    .report .m_nav .i_m li.rate div:first-child {
        padding-bottom: 22px;
    }
    .report .m_nav .i_m li.rate div:last-child {
        margin-top: 22px;
    }
    .track-page .m_summary > span .title {
        width: 80px;     
    }
    .track-page .datepicker.date-1.date-c {
        top: 54px!important;
        left: 5px!important;
    }
    .track-page .datepicker.date-2.date-c {
        top: 54px!important;
        left: 153px!important;
    }
    .track-page .datepicker.date-1 {
        top: 93px!important;
        left: 5px!important;
    }
    .track-page .datepicker.date-2 {
        top: 93px!important;
        left: 153px!important;
    }
    .track-page .datepicker.date-3 {
        top: 138px!important;
        left: 5px!important;
    }
    .track-page .datepicker.date-4 {
        top: 138px!important;
        left: 153px!important;
    }
}