@media only screen and (max-width: 385px){
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }

    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }


    .md-tab.md-active{
        background-color: #ff5722;
        color: white !important;
        border: 1px black;
        // border-radius: 5px;
    }


    .assignTrip{
        align-content: center;
    }
    .colWidthAdd {
        width: 250px;
    }
    .tdElipsis {
        max-width: 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .expandElispsis {
        white-space: normal;
        width: 500px;
    }
    .ellipsis > td {
        max-width: 100px !important;
    }
}
@media only screen and (max-width: 424px){
    .uiGroup{
        display: none !important;
    }
    .container{
        width: auto;
    }
    .colWidthAdd {
        width: 250px;
    }
    .expandElispsis {
        white-space: normal;
        width: 500px;
    }
    .ellipsis > td {
        max-width: 100px !important;
    }
    .alignCenter{
        text-align: center;
        float: left;
    }
    .delivCount {
        padding-top: 9px !important;
        margin-left:35%  !important;
    }
    .md-tab.md-active{
        background-color: #ff5722;
        color: white !important;
        border: 1px black;
        // border-radius: 5px;
    }
}



// Apple iPhone 8 Plus, Apple iPhone 7 Plus,Apple iPhone 6s Plus => 414x736
@media (min-width: 405px) and (max-width: 425px) and (min-height: 725px) and (max-height: 745px){

}

// 640x1136
@media (min-width: 630px) and (max-width: 650px) and (min-height: 1125px) and (max-height: 1145px){

}
//  750x1334
@media (min-width: 740px) and (max-width: 760px) and (min-height: 1324px) and (max-height: 1345px){

}

// Surface duo 540x720
@media (min-width: 530px) and (max-width: 550px) and (min-height: 710px) and (max-height: 730px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }

    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}


// Galaxy Fold 280x653
@media (min-width: 270px) and (max-width: 290px) and (min-height: 643px) and (max-height: 663px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
}


// iPhone 5/SE 2xl, Apple iPhone 5s, Apple iPhone 5c, Apple iPhone 5 =>  320x568
@media (min-width: 310px) and (max-width: 330px)  and (min-height: 558px) and (max-height:578px){
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }

    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}

// iPhone 5/SE 2xl, Apple iPhone 5s, Apple iPhone 5c, Apple iPhone 5 =>  568x320 landscape
@media (min-width: 558px) and (max-width: 578px)  and (min-height: 310px) and (max-height:330px){
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    
}


// pixel 2xl 411x823
@media (min-width: 401px) and (max-width: 421px) and  (min-height: 813px) and (max-height: 833px){
    .select-sizing{
        width:80% !important
    }

    // .status-sizing{
    //     width:85% !important
    // }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}


// pixel 2 411x731
@media (min-width: 401px) and (max-width: 421px) and (min-height: 720px) and (max-height:740px){
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}


// moto G4 and Galaxy S5 360x640
@media (min-width: 350px) and (max-width: 370px) and (min-height: 630px) and (max-height:650px){

}


//iPhone x 375x812
@media (min-width: 365px) and (max-width: 385px) and (min-height: 802px) and (max-height:823px){
    .select-sizing{
        width:80% !important
    }

    // .status-sizing{
    //     width:85% !important
    // }
    .status-sizing{
        width:100% !important
    }
    .Schedulerbuttons{
        width: 15vh !important;
    }
}

//iPhone x landscape 812x375
@media (min-width: 802px) and  (max-width: 823px) and  (min-height: 365px) and (max-height:385px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    .Schedulerbuttons{
        width: 15vh !important;
    }
}

//iPhone 12 390x884
@media (min-width: 380px) and (max-width: 400px) and (min-height: 874px) and (max-height: 894px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    .Schedulerbuttons{
        width: 15vh !important;
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}


// 393x830
@media (min-width: 383px) and  (max-width: 403px) and (min-height: 820px) and (max-height: 840px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}
//iPhone 6/7/8, Apple iPhone 6s, 375x667
@media (min-width: 355px) and (max-width: 390px) and (min-height: 557px) and (max-height: 677px){
    .Schedulerbuttons{
        width: 18vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
}

//iPhone 6/7/8 landscape 667x375
@media (min-width: 657px) and (max-width: 677px) and (min-height: 365px) and (max-height: 385px) {
    .Schedulerbuttons{
        width: 18vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}

// iPhone 6/7/8 plus 414x736
@media (min-width: 404px) and  (max-width: 424px) and (min-height: 726px) and (max-height: 746px){
    .Schedulerbuttons{
        width: 19vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
}

// iPhone 6/7/8 plus Landscape 736x414
@media (min-width: 726px) and (max-width: 746px) and (min-height: 404px) and (max-height: 424px){
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}




// 1948x1325
@media (min-width: 1938px) and (max-width: 1958px) and (min-height: 1315px) and (max-height: 1335px) {

}

// 1920x1080
@media (min-width: 1910px) and (max-width: 1930px) and (min-height: 1070px) and (max-height: 1090px) {

}






//600x800
@media (min-width: 590px) and (max-width: 610px) and (min-height: 790px) and (max-height: 810px){
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width: 85% !important
    }
    .status-sizing{
        width: 100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }

}

//800x600
@media (min-width: 790px) and  (max-width: 810px) and (min-height: 590px) and (max-height: 610px){
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width: 85% !important
    }
    .status-sizing{
        width: 100% !important
    }
}


// 834x1112 
@media (min-width: 824px) and (max-width: 844px) and (min-height: 1102px) and (max-height: 1122px) {

}
  

// 400x325
@media (min-width: 390px) and (max-width: 410px) and (min-height: 315px) and (max-height: 335px){
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px  !important;
    }
}

// Apple iPhone 12 mini	 360x780
@media (min-width: 350px) and  (max-width: 370px) and (min-height: 770px) and (max-height: 790px){
    .Schedulerbuttons{
        width: 36vh !important;
    }
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
}

// Apple iPhone 12 Pro 390x844
@media (min-width: 380px) and (max-width: 400px) and (min-height: 834px) and (max-height: 854px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}

// Apple iPhone 12 Pro Max 428x926
@media (min-width: 418px) and (max-width: 438px) and (min-height: 916px) and (max-height: 936px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}

// Apple iPhone 11 Pro Max, Apple iPhone XS Max, Apple iPhone 11,  414x896
@media (min-width: 404px) and (max-width: 424px) and (min-height: 886px) and (max-height: 906px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}

// oneplus nord 412x915
@media (min-width: 402px) and (max-width: 422px) and(min-height: 905px) and (max-height: 925px){
    .select-sizing{
        width:85% !important
    }
    .status-sizing{
        width:100% !important
    }
    table{
        width:100%;
        
    }
    table tr td{
        font-size: 12px;
       
    }
    table tr th{
        font-size: 12px;
        font-weight: bold;
    }
    label{
        font-size: 12px;
    }
    span{
        font-size: 12px !important;
    }
}