/*iphone potrait*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

    .flogin {
        position: relative;
        top: 10%;
        left: auto;
        transform: none;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        margin: 0 auto;
    }
}
/*iphone 5 5s landscape*/
@media only screen
and (max-device-width : 568px)
and (min-device-width : 320px)
and (orientation : landscape) {

    
}

/*iphone 6 potrait*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    .flogin {
        position: relative;
        top: 10%;
        left: auto;
        transform: none;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        margin: 0 auto;
    }

    .form-material input {
        min-width: 95%;
    }
}
/*iphone 6 potrait*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

    
}

/*6+*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
{
    .flogin {
        position: relative;
        top: 10%;
        left: auto;
        transform: none;
        width: 100%;
        overflow: hidden;
        display: inline-block;
        margin: 0 auto;
    }

    .form-material input {
        min-width: 95%;
    }
}


/*6+ landscape*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
    
}
/*Pad in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    .orders,.dieuxe,.ketoan,.danhmucxe,.danhmuccont,.romoocs,.shipyards {
         width: 200%; 
    }

    .dashboard .col-sm-1 {
        text-align: center;
        width: 25%;
        text-align: left;
    }

    .mobile_only{
        display: block;
    }

    .mobile-hide{
        display: none;
    }

    #suborders .contmove .tools-bar .form-control  {
        font-size: 18px;
    }

    .ui-select-bootstrap .contmove_cls  .ui-select-choices-row>span {
        font-size: 20px !important;
    }

    .contmove_cls_selected .btn{
        font-size: 20px !important;
    }

    #suborders .table tbody tr td.driver_full div .form-control{
        height: 30px;
    }
    
}
/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}
/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

@media(min-width:992px){}
@media(min-width:1100px){
  
}