@media (max-width: 1919px){
   .tabbable-custom > .nav-tabs.custom-tabs > li { }
   .tabbable-custom > .tab-content { margin-top: -1px;}

    h1 {font-size: 24px;}
    h2 {font-size: 20px; font-weight: 500;}
    h3 {font-size: 18px; font-weight: 500;}
    h4 {font-size: 16px;}
    h5 {font-size: 13px;}
    .person-id-details h5, .location-id-details h5 { font-size: 13px;}
    .user-id, .page-breadcrumb li a, .custom-tabs li a, .static-info .value, .static-info .name, .top-menu li a, .room-table tr th, .lookups-table tr th { font-size: 13px;}
    .nav-tabs > li > a, .nav-pills > li > a, .form-control, .btn-sm, .btn-xs, .btn, body, label, .table thead tr th, .table tbody tr td {font-size: 13px;}
    .sub-menu li a { font-size: 13px;}

}
@media (min-width: 1200px) and (max-width: 1366px){
    .custom-tabs-block { padding-top: 25px;}
    .edit-contact-details, .edit-event-details, .edit-organization-details { padding: 25px;}
    .document-list ul li { width: 46%;}
    #event-detail .document-list li { width: 29%}
}
@media (min-width: 992px) and (max-width: 1199px){

  .custom-tabs-block { padding-top: 25px!important;}

   .chats li .col-height { display: inline-block; width: 100%;}
   .chats li .user-id { padding: 5px 15px; }
   .chats li .sales { position: relative; top: 0px; left: 0px; float: left; padding-left: 0px; margin-top: 5px;}
   .tabbable-custom > .nav-tabs.custom-tabs > li a{ padding: 10px;}

  .custom-tabs-block .role-details-list { padding-left: 15px;}
  .custom-tabs-block .role-details-list .role-list { float: left; width: 50%;}

   #participant-detail .portlet-body .person-id-details { border-left: #fff solid 25px;}
   .apply_table_operation .portlet-body { padding-left: 0px!important;}
    .event-price-detail { float: none; padding: 15px; margin-bottom: 25px; margin-left: 0px;}
    #event-list .user-id .sales { padding: 0px;}
    .edit-contact-details, .edit-event-details, .edit-organization-details { padding: 15px 15px; }

    .edit-contact-scroll { height: 350px;}
    #event-detail .document-list li { width: 29%; }
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .reportPreview .jrPage { width:  570px !important;}
}

@media (min-width: 768px) and (max-width: 991px){

  .custom-tabs-block { padding-top: 25px!important;}
  .contact-list #infinite_scroll { height: 300px!important; overflow: auto;}

   .row-height.page-content { table-layout: auto; display: block;}
   .sidebar-content,  #participant-detail {display: block; width: 100%;}
   #participant-detail .portlet-body,  #organization-detail .portlet-body,
   .right-content  .portlet-body { padding-left: 0px!important; }

  .custom-tabs-block .role-details-list { padding-left: 15px;}
  .custom-tabs-block .role-details-list .role-list { float: left; width: 50%;}

   .tabbable-custom > .nav-tabs.custom-tabs > li a{ padding: 10px;}
    .footer-button  #tab_detail_add_btn { float: left!important;}
    .contact-page.row-eq-height{ display: block;}

    .role-edit-details label { width: 100%;}
    .edit-form-block .role-edit-details .md-checkbox-list { display: inline-block;}
    .edit-form-block .role-edit-details .edit-form-block { border-left: 0px;}

    .edit-form-block .person-edit-details,
    .edit-form-block .role-edit-details,
    .edit-form-block .person-id-details    {   display: block; width: 100%; margin-bottom: 10px; border: 0px!important; }
    .edit-form-block { border-left: 0px;}
    .event-price-detail { float: none; padding: 15px; margin-bottom: 25px; margin-left: 0px;}

    .edit-contact-details, .edit-event-details, .edit-organization-details { padding: 15px 15px; }
    #event-detail .document-list li { width: 29%; }
    .facilities { margin-top: 15px;}
}
@media (max-width: 767px){
  .top-menu li a { font-size: 11px;     padding: 10px 10px;}
  .page-header.navbar { padding: 0px;}
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username { font-size: 11px;}
  .page-header.navbar .page-logo img { margin-left: 0px!important;}
  .page-content-wrapper{ padding: 10 !important; background: #fff;}
  .page-content-wrapper .page-content { padding: 0px!important;}
  .custom-tabs-block { padding-top: 25px!important;}
  .contact-list #infinite_scroll { height: 390px!important; overflow: auto;}

  .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px;}

   .sidebar-content,  #participant-detail {display: block; width: 100%;}
   #participant-detail .portlet-body,  #organization-detail .portlet-body,
   .right-content  .portlet-body
   { padding-left: 0px!important; }

  .custom-tabs-block .role-details-list { padding-left: 15px;}
  .custom-tabs-block .role-details-list .role-list { float: left; width: 50%;}
  .row-height.page-content { table-layout: auto; display: block; padding: 0px!important;}
   .chats li .col-height { display: block; width: 100%;}
   .chats li .user-id { padding: 10px 15px; }
   .chats li .sales { position: relative; top: 0px; left: 0px; float: left; width:100%; margin-top: 5px; padding-left: 0px;}

   .tabbable-custom > .nav-tabs.custom-tabs > li a{ padding: 10px;}

   #organization-detail .portlet-body .person-details,
   #organization-detail .portlet-body .person-id-details,
   #participant-detail .portlet-body .person-details,
   #participant-detail .portlet-body .person-id-details,
   .right-content  .portlet-body .event-details,
   .right-content  .portlet-body .person-id-details,
   .right-content  .portlet-body .person-details,
   .right-content  .portlet-body .team-details,
   .right-content  .portlet-body .location-details,
   .right-content  .portlet-body .location-id-details
   { display: block; width: 100%;}

   #participant-detail .portlet-body .person-id-details,
   #organization-detail .portlet-body .person-id-details,
   .right-content  .portlet-body .person-id-details,
   .right-content  .portlet-body .location-id-details
   { border-left: 0px; border-top: #fff solid 10px;}

   #organization-detail .portlet-body .person-id-details h5,
   #participant-detail .portlet-body .person-id-details h5,
   .right-content  .portlet-body .person-id-details h5
   { width: 49%; display: inline-block; padding: 15px;}

    .right-content  .portlet-body .person-id-details h5:first-of-type,
    #organization-detail .portlet-body .person-id-details h5:first-of-type,
    #participant-detail .portlet-body .person-id-details h5:first-of-type { border-bottom: 0px; border-right: #fff solid 2px;}

   .tabbable-custom > .nav-tabs.custom-tabs > li a { padding: 5px;}
   .tabbable-custom > .nav-tabs.custom-tabs .fa { line-height: 40px; width: 40px; height: 40px; font-size: 25px;}
   .tabbable-custom > .nav-tabs.custom-tabs li a { font-size: 12px;}

  .activities-status { text-align: left!important;}
  .document-list ul li { width: 100%!important; margin-left: 0px; margin-right: 0px;}
  .footer-button #tab_detail_add_btn { float: left!important;}
    .contact-page.row-eq-height{ display: block;}

    .role-edit-details label { width: 100%;}
    .edit-form-block .role-edit-details .md-checkbox-list { display: inline-block;}
    .edit-form-block .role-edit-details .edit-form-block { border-left: 0px;}

    .edit-form-block .person-edit-details,
    .edit-form-block .role-edit-details,
    .edit-form-block .person-id-details    {   display: block; width: 100%; margin-bottom: 10px; border: 0px!important; }
    .edit-form-block { border-left: 0px;}
    .event-price-detail { float: none; padding: 15px; margin-bottom: 25px; margin-left: 0px;}
    #event-list .user-id .sales { padding: 0px;}
    #location-detail .table-responsive { border:none;}
    .edit-contact-details, .edit-event-details, .edit-organization-details { padding: 0px 15px; }
    .footer-button { position: relative; }

    .sub-menu li {display:block; width:100%;}

    .chats li.in .message { padding: 15px; }
    #participant-list .chats li .message h2 { margin-top: 2px;}
    .chats li .message {margin-left: 0px!important;}
    .chats li .message .avatar { width: 40px; height: 40px; position: relative; left: 0px; top:0px; margin-top: 0px; margin-bottom: 8px; }
    .chats li .message .avatar img { max-width: 40px; position: relative; right: 2px; vertical-align: top;}
    .chats li .message h4 { margin-bottom: 0px; clear: none;}
    .chats li .message h5 { margin-top: 0px; margin-bottom: 0px;}
    .thumbnail-round img { width: 60px!important; height: 60px!important;}
    .indication_avtar .personal_detail { margin-left: 70px; }
    .indication_avtar .personal_detail h2 { font-size: 24px;}
    .person-id-details h5, .location-id-details h5 { font-size: 13px;}
    #event-detail .indication_avtar .personal_detail {margin-left: 15px;}
    .custom-tabs-block .portlet.light {padding:10px 10px 0px;}
    .user-id { font-size: 13px;}
    #event-detail .document-list li { width: 100%; }
    .chats .col-height.user-id { padding: 10px; }
     #participant-detail .portlet-body .person-id-details, #organization-detail .portlet-body .person-id-details, .right-content .portlet-body .person-id-details, .right-content .portlet-body .location-id-details {
     border-top: 2px solid #fff;
    }
}


@media (max-width: 480px){

  
   .cd-3d-nav-container { top: 100px;}
  .page-header.navbar .top-menu { margin: 0px 0px; background: #2D3340; display: inline-block; }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown { padding: 0px;}
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 15px 10px; }
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover { background-color: #f7f7f7; }
  .custom-tabs-block .role-details-list .role-list { width: 100%;}
    .custom-tabs-block { padding-top: 0px!important;}
    
    .tabbable-custom.location-tab > .nav-tabs.custom-tabs > li {
        margin: 0 -33px -1px 5px;
    }
    
    
}

@media (max-width: 414px){
   .tabbable-custom > .nav-tabs.custom-tabs .fa {
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}



/*.edit-form-block { position: fixed; padding: 0px 0px; z-index: 999999; max-height: 100%; overflow: auto;}*/