/*==================================================
=           Media Queries             =
==================================================*/
/* Acer 	Iconia Tab 	10.1″ 	1280×800 	Tablet */
@media screen and (max-width: 1280px) and (max-height: 800px) {
}




/*-----------------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}
  @media only screen and (max-width : 700px) {
         .ui-selectmenu-text{font-size:14px !important;}
         .ui-selectmenu-text{font-size:14px !important;}
          .swapdatemain{width:100% !important;}
        .chart-Headernew{font-size:13px !important;}
        .canvasjs-chart-tooltip div{font-size:12px !important; padding:2px !important;}
        .dateicon{left:86px !important;}
        .KPIS-Header{font-size:14px !important;}
        .col-md-10xs li span{  display: inline-block;
    max-width: 85px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-weight: normal !important;
    cursor: pointer;

        }
        .col-md-10xs li{font-size:12px !important;}
    }

     @media only screen and (max-width : 550px) {
        .w500mob{width:100% !important;}
          .swapdatemain{width:100% !important;}
     
    }
    
  

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
         #ui_notifIt {width:80% !important;}
        .mob-btnch{padding:5px !important;}
        .mob-btnch > .box-chartmenu{width:100% !important;}
    }
   

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .stripDate {
        width: 90%;
        margin-bottom: 6%;
        margin-right: 5%;
    }
}