@media screen and (min-width: 1920px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:20px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 22px
    }
    .fname{
     margin-top:1.5rem;
 }
}
@media screen and (min-width: 2560px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:24px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 26px
    }
}
@media screen and (max-width: 1920px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:18px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 20px
    }
    .fname{
     margin-top:1.5rem;
 }
}
@media screen and (max-width: 1560px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:16px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 18px
    }
}
@media screen and (max-width: 1366px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:14px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 16px
    }
     .home-icon span{
     font-size:25px
 }
     .fname{
     margin-top:1.3rem;
 }
}
@media screen and (max-width: 1280px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:12px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 14px
    }
}
@media screen and (max-width: 1200px) {
    .actualentry .popup-section .img-section,.actualentry .popup-section .col-sm-9.row,.requestbudget .popup-section .img-section,.requestbudget .popup-section .col-sm-9.row,.crmroientry .popup-section .img-section,.crmroientry .popup-section .col-sm-9.row{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .actualentry .popup-section .img-section p,.crmroientry .popup-section .img-section p{
        text-align: left
    }
    .requestbudget .responsive-tbl{
        display: block;
    width: 100%;
    overflow-x: auto;
    }
}
@media screen and (max-width: 992px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:11px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 13px
    }
  .actualentry .content-section,.requestbudget .content-section,.crmroientry .content-section{
      flex: 0 0 100%;
        max-width: 100%;
  }
  .actualentry #myModal .modal-dialog, .requestbudget #myModal .modal-dialog,.crmroientry #myModal .modal-dialog{
        max-width: 400px;
    }
}
@media screen and (max-width: 920px){
    .requestapproval .responsive-tbl,.requestbudget .responsive-tbl2{
        display: block;
    width: 100%;
    overflow-x: auto;
    }
}
@media screen and (max-width: 768px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:9px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 11px
    }
    .e-grid .e-groupdroparea{
        min-height:30px
    }
     .home-icon span{
     font-size:20px
 }
   
}
@media screen and (max-width: 576px) {
    .requestandapprovallanding .card-body .datepicker{
        width:80%
    }
    .fname{
     margin-top:1rem;
 }
    .actualentry .modal-dialog, .requestbudget .modal-dialog, .crmroientry .modal-dialog{
        max-width: 460px;
    margin: 1.75rem auto;
    }
    .actualentry #myModal .modal-dialog, .requestbudget #myModal .modal-dialog,.crmroientry #myModal .modal-dialog{
        max-width: 380px;
    }
    #dvConsolidate .row .col-sm-6{
        flex: 0 0 50%;
    max-width: 50%;
    }
    .requestapproval .responsive-tbl1,.requestbudget .responsive-tbl1,.requestbudget .table-responsive1{
        display: block;
    width: 100%;
    overflow-x: auto;
    }
    .requestapproval .row .col-sm-6,.requestbudget .row .col-sm-6,.crmroientry .row .col-sm-6,.conferenceapproval .row .col-sm-6{
        flex: 0 0 50%;
    max-width: 50%;
    }
}
@media screen and (max-width: 480px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:7.5px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 8.5px
    }
    .programmaster .form-row .d-flex, .menumaster .form-row .d-flex, .activitymaster .form-row .d-flex,.privilegemaster .form-row .d-flex,.privilegemapping .form-row .d-flex, .approvalsetup .form-row .d-flex, .programattachmentsetup .form-row .d-flex,.budgetsetting .form-row .d-flex,.requestbudget .tbl-flex .d-flex,.conferencerequestnew .form-row .d-flex, .salesexcelupload .form-row .d-flex,.expensetypemaster .form-row .d-flex,.attachmentmaster .form-row .d-flex{
        display:block !important
    }
    
    .form-hide-sm{
        display:none
    }
    .crmcards .form-hide-sm{
        display:block
    }
    .budgetsetting .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search{
        width: 150px;
    }
     .privilegemaster #txtlitral{
     max-width: 250px
 }
     .actualentry .modal-dialog, .requestbudget .modal-dialog,.crmroientry .modal-dialog{
        max-width: 360px;
    margin: 1.75rem auto;
    }
     .actualentry #myModal .modal-dialog, .requestbudget #myModal .modal-dialog, .crmroientry #myModal .modal-dialog{
        max-width: 300px;
    }
     .actualentry #myModal .modal-dialog #zoomimg, .requestbudget #myModal .modal-dialog #zoomimg,.crmroientry #myModal .modal-dialog #zoomimg,{
         width: 250px;
     }
     .requestbudget #dvInvestments table,.requestbudget #dvVisits table, .requestbudget #dvSales table{
         display: block;
    width: 100%;
    overflow-x: auto;
     }
}
@media screen and (max-width: 400px) {
    .cppreport #Grid .table{
        display: block;
    width: 100%;
    overflow-x: auto;
    }
    .crmcards .form-row .d-flex {
        display:block !important
    }
    .crmcards .form-hide-sm{
        display:none
    }
}
@media screen and (max-width: 360px) {
    p,table,span,tr,td,li,th,label,button,a,.e-grid .e-rowcell, .form-control-sm, .form-control, .btn, .e-multi-select-wrapper .e-delim-values, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .col-form-label, .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-grid .e-groupdroparea,  .e-multi-select-wrapper input[type='text'],.btn-sm, option,html,strong, .modal .card-header, .modal .alert, button, input{
        font-size:6.5px
    }
    .card-header span, .card-header, .session-expiry{
        font-size: 7.5px
    }
    .actualentry .modal-dialog, .requestbudget .modal-dialog,.crmroientry .modal-dialog{
        max-width: 300px;
    margin: 1.75rem auto;
    }
    .actualentry #myModal .modal-dialog, .requestbudget #myModal .modal-dialog, .crmroientry #myModal .modal-dialog{
        max-width: 260px;
    }
    .actualentry #RequestDetailsModal {
    padding-left: 3px !important;
}
}