@media all and (max-width : 768px)
{
  #LoginPg, #ForgotPasswordPg 
  {
    margin  :  25px;
  }

  #LoginPg img.logo, #ForgotPasswordPg img.logo 
  {
    width  :  220px;
  }

  #LoginPg .mb-5, #ForgotPasswordPg .mb-5 
  {
    margin-bottom  :  0 !important;
  }

  #LeftPanel
  {
    display  :  none;
  }

  #LeftPanel
  {
    width       :  50%;
    z-index     :  1111;
    position    :  fixed;
    width       :  263px !important;
    height      :  auto;
    top         :  0px;
    bottom      :  0px;
    left        :  0px;
    margin      :  0px !important;
    padding     :  0px !important;
    overflow-y  :  auto;
  }

  #MobileNavigation
  {
    display   :  inline-block !important;
    position  :  absolute;
    right     :  12px;
    top       :  16px;
  }

  .mainContent 
  {
    width        :  100% !important;
    margin-left  :  0% !important;
  }

  .headerRight 
  {
    width         :  100%;
    text-align    :  right;
    margin-right  :  0;
    margin-top    :  10px;
  }

  .searchboxDiv
  {
    margin-left    :  -9px;
    width          :  212px !important;
    position       :  relative;
    //left           :  calc(50% - 109px);
    //margin-bottom  :  10px;
  }

  .searchboxDiv button 
  {
    position  :  absolute !important;
    right     :  0;
  }

  .searchboxDiv input 
  {
    width  :  auto !important;
  }

  .searchboxDiv .form-outline
  {
    margin  :  0 auto;
  }

  #MainDiv.summaryPg .summaryTable 
  {
    width          :  48.5%;
    margin-bottom  :  101px !important;
    margin-top     :  -86px !important;
  }

  #MainDiv.summaryPg .summaryTable:nth-of-type(2n)
  {
    margin-right  :  0% !important;
  }

  .totalBoxes
  {
    width          :  48.7% !important;
    margin-bottom  :  48px;
    padding        :  20px 2.5%;
  }

  .totalBoxes:nth-of-type(2n)
  {
    margin-right  :  0% !important;
  }

  .totalBoxes .rightSide i 
  {
    right  :  -8px;
  }

  .totalBoxes .leftSide span:nth-of-type(1) 
  {
    font-size  :  11px !important;
  }

  .innerPages .container 
  { 
    padding  :  30px 15px !important;
  }

  #MainDiv.summaryPg .latestUpdates
  {
    margin-top  :  -90px !important;
  }

  .scroll
  {
    width       :  100%;
    overflow-x  :  auto;
  }

  .scroll table
  {
    min-width  :  800px;
  }

  #Footer 
  {
    display  :  none !important;
  }

  .dataTables_wrapper .dataTables_length/*, .dataTables_wrapper .dataTables_info*/
  {
    float       :  left !important;
    margin-top  :  10px !important;
  }

  .dataTables_wrapper .dataTables_filter/*, .dataTables_wrapper .dataTables_paginate*/ 
  {
    float  :  right !important;
  }

  .dataTables_wrapper .dataTables_info
  {
    margin-bottom  :  16px !important;
    margin-top     :  -16px !important;
  }

  #MainDiv.paymentRequestPg .paymentContainer  
  {
    margin-top  :  -35px !important;
  }

  #example_paginate a 
  {
    font-size  :  12px !important;
  }

  .opponentInnerTable td:nth-of-type(1), .opponentOuterTable td:nth-of-type(1) 
  {
    width  :  16.5% !important;
  }

  .opponentInnerTable td:nth-of-type(2), .opponentOuterTable td:nth-of-type(2) 
  {
    width  :  16.5% !important;
  }

  .opponentInnerTable td:nth-of-type(3), .opponentOuterTable td:nth-of-type(3) 
  {
    width  :  16.5% !important;
  }

  .opponentInnerTable td:nth-of-type(4), .opponentOuterTable td:nth-of-type(4) 
  {
    width  :  39% !important;
  }

  .opponentInnerTable td:nth-of-type(5), .opponentOuterTable td:nth-of-type(5) 
  {
    width  :  10.5% !important;
  }

  #OthersOptions
  {
    width  :  100% !important;
  }

  .datepicker 
  {
    left  :  35px !important;
  }

  .datepicker-dropdown.datepicker-orient-bottom::before 
  {
    display  :  none !important;
  }

  .fromDate .datepicker-dropdown.datepicker-orient-left::before 
  {
    left  :  50px !important;
  }

  .searchboxDiv button 
  {
    height  :  37px !important;
  }

  #MainDiv.myCasesPg .searchboxDiv button 
  {
    height  :  34px !important;
  }

  .container, .container-sm 
  {
    max-width  :  100%;
  }

  .form2 input, .form2 select 
  {
    width  :  auto !important;
  }

  .scroll table.plupload_filelist 
  {
    min-width  :  100% !important;
  }

  #MainDiv.newCasePg hr.seperator 
  {
    margin-top  :  -87px !important;
  }

  .initiateNewCase textarea 
  {
    height      :  auto !important;
    min-height  :  130px;
  }

  .dataTables_wrapper
  {
    margin         :  0  !important;
    margin-bottom  :  15px !important;
  }

  #MainDiv.newCasePg .headingRightSide 
  {
    display        :  block;
    width          :  100%;
    margin-top     :  45px;
    margin-bottom  :  20px;
  }

  #CaseButtons button.btn-primary
  {
    font-size      :  12px !important;
    margin-bottom  :  10px;
  }

  #CaseButtons i.fa 
  {
    font-size  :  12px !important;
  }

  .project-tab .nav-link 
  {
    font-size  :  12px !important;
    padding    :  10px 5px;
  }

  #tabs .nav-tabs 
  {
    width        :  100% !important;
    margin-left  :  0px !important;
  }

  #MainDiv.newCasePg .headingRightSide
  {
    width  :  100% !important;
  }

  #MainDiv.newCasePg #TogglePin button, #MainDiv.newCasePg #AskCase button
  {
    margin-bottom  :  15px;
  }

  #MainDiv.newCasePg #ddCaseType_chosen.chosen-container
  {
    width  :  100% !important;
  }
  

}



@media all and (max-width : 500px)
{ 

  #MainDiv.myCasesPg .toolbar #CaseStatus, #MainDiv.myCasesPg .toolbar #CaseResult, #MainDiv.myCasesPg .toolbar #PaymentStatus
  {
    font-size  :  12px !important;
    position   :  relative;
    top        :  12px;
  }

  #MainDiv.newCasePg #DocumentsFile h4, #MainDiv.newCasePg h4  
  {
    font-size  :  14px;
    position   :  relative;
    top        :  -5px;
  }

  #MainDiv.newCasePg #DocumentsFile span button, #MainDiv.newCasePg span button  
  {
    margin-left  :  5px !important;
  }

  .mainSummary label, .mainSummary div, .mainSummary span, .mainSummary b, .mainSummary li
  {
    font-size  :  12px !important;
  }

  td.fromDate, td.toDate
  {
    width    :  100%;
    display  :  inline-block;
  }

  td.fromDate
  {
    margin-bottom  :  12px;
  }

  .cbEmailNotification
  { 
    font-size  :  12px !important;
  }

  span.h3 
  {
    font-size    :  20px !important;
    line-height  :  32px !important;
  }

  button#Submit i, #BtnSaveAccount i, #BtnSaveCommunication i 
  {
    margin-right  :  4px;
    font-size     :  12px !important;
  }

  button#BtnSaveAccount, button 
  {
    font-size      :  9px !important;
    line-height    :  20px !important;
    padding-left   :  6px !important;
    padding-right  :  6px !important;
  }

  #example_paginate a, #TblUpdates_paginate a, #TblNotes_paginate a, #TblCommunication_paginate a, #TblDocument_paginate a, #TblNotification_paginate a
  {
    font-size      :  10px !important;
    padding-left   :  10px !important;
    padding-right  :  10px !important;
  }

  .totalBoxes 
  {
    width        :  100% !important;
    margin-right :  0 !important;
  }

  #MainDiv.summaryPg .summaryTable 
  {
    width         :  100% !important;
    margin-right  :  0% !important;  
    height        :  auto;
  }

  #LoginPg img.logo, #ForgotPasswordPg img.logo 
  {
    width  :  initial;
  }

  .dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_paginate 
  {
    font-size  :  11px !important;
  }

  .dataTables_wrapper .dataTables_filter
  {
    /* width       :  52% !important;
    margin-top  :  5px !important; */
    text-align  :  right !important;
  }

  .dataTables_wrapper .dataTables_filter input
  {
    width  :  71% !important;
  }

}