@media (min-width: 768px){
    .navbar {
        border-radius: 0px;
    }
    .modal-dialog {
        width: 80% !important;
    }
    #arPayeeItem .modal-dialog, #arPartial .modal-dialog,#apPayeeItem .modal-dialog, #apPartial .modal-dialog {
        width: 100% !important;
        padding: 0px 15px;
    }
}
@media (max-width: 763px){
   .job-box1Hgt ,.job-box2Hgt,.job-mainDivHgt,.job-shptDetBx,.esi-shptDetBx,.esi-box1Hgt,.esi-box2Hgt,.esi-box3Hgt,.esi-box4Hgt{
		height: auto !important;
}
}
@media (max-width: 1306px){
    .esi-box3Hgt{
	    height:197px !important;
	}
}
@media (min-width: 1024px){
    
    #arPayeeItem .modal-dialog, #arPartial .modal-dialog,#apPayeeItem .modal-dialog, #apPartial .modal-dialog {
        width: 95% !important;
        padding: 0px 15px;
    }
}@media (min-width: 1440px){
    
    #arPayeeItem .modal-dialog, #arPartial .modal-dialog,#apPayeeItem .modal-dialog, #apPartial .modal-dialog {
        width: 95% !important;
        padding: 0px 15px;
    }
}

@media (max-width:767px){
    .btn-grp1{
        padding-bottom: 5px;
    }
    .page-title{    
        margin-left: 70%;
        font-size: 14px;
        font-weight: bold;
    }
    .navbar-nav{
        margin:1px 1px;
    }
    .fileupload{
        width: 165px;
    }
    .inv-msg .nochkboxtab>thead>tr>td{
        padding:4px;
    }
    .inv-pay-det .box1{
        border-right: 1px solid #dad8d8;
        height: 240px;
    } 
    .inv-pay-det .box2{
        border-left: 1px solid #dad8d8;
        height: 240px;
    }
}
@media screen and (max-width: 640px){
    div.dt-buttons {
        float: right !important;
    }
    .fileupload{
        width: 165px;
    }
    div.dataTables_wrapper div.dataTables_filter input{width:120px !important;}
}
@media (min-width:425px)  { /* smartphones, Android phones, landscape iPhone */
    
}
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ 
    
}

@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }

@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }