@media(max-width:1640px){
  .card.brief .rad-wrap{
    margin:0 auto;
    display:block;
  }
  .table-rad-sm,.table-rad-sm tbody,.table-rad-sm tbody tr{
    width:100%;
    float:none;
    margin:10px 0;
  }
  .col-paging{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .paging{width:100%}
  .group-main-search{padding-right:0 !important}
  
  .col-filter{
    flex: 0 0 40%;
    max-width: 40%;
    padding-left:1rem !important;
  }
}

@media(max-width:1310px){
  
  .th_address{
    display:none;
  }
  ul.paging li.active{
    display:none;
  }
}

@media(min-width:1236px){
  .help-admin-profile-mobile{display:none} 
  .group-briefs .card-deck{
    margin-bottom:1rem !important;
  }
}

@media(max-width:1235px){
  .pretable .col{
    flex-basis: auto !important;
    width:100% !important;
    max-width:100%;
  }
  .pretable .col-md-3{
    flex-basis: auto !important;
    width:50% !important;
    max-width:50%;
  }
  
  ul.paging-full{
    width:100%;
  }
  ul.paging-full li{
    width:10% !important;
    text-align:center;
  }
  ul.paging-full li .page-link{
    padding:0;
  }

  .group-briefs .card-deck > .col{
    flex:auto;
    max-width: 50%;
    margin-bottom:1rem;
  }
  
  .help-admin-profile-full{display:none}
}

@media(max-width:975px){
  
  .th_city{
    display:none;
  }
  
  .row-params{
    flex:auto;
    max-width: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding:1rem !important;
    margin:0 1rem 1rem;
    border-radius: 1rem;
  }
  
}

/* this is where the menu drops off the side */
@media(min-width:841px){
  
   #sidebar_mobile,
   .toggle-mobile {
    display:none;
  }
  
}

@media(max-width:840px){
  
  .no-mobile{display:none !important}
  
  .group-briefs .card-deck > .col{
    flex: auto;
    max-width: 100%;
    padding:0 2rem;
  }
  
  .col-filter{
    flex: 0 0 100%;
    max-width: 100%;
    padding-left:0 !important;
  }
  
  #topnav{height:3.8rem !important}
  #topnav .navbar{
    padding: 0;
  }
  
    .navbar-brand {
      margin-right: 0;
    }
  
    .toggle-fullscreen{
      font-size:2rem;
    }
    
    .logo {
        width: 70px;
    }
  
  .th_state,
  .toggle-full{
    display:none;
  }
  
  .navbar-text{padding:0 !important}
  .navicons i {
    cursor: pointer;
    line-height: 3.8rem;
  }
  
  #sidebar{
    display:none;
    animation-name:none !important;
  }
  #main{
    padding-top:3.8rem;
    padding-left:0;
    animation-name:none !important;
  }
  
  #mainform .custom-switch:first-of-type{
    margin-right:15px;
  }
    
  #mainform .row,
  #mainform .col,
  #mainform .col-md-4,
  #mainform .col-md-3,
  #mainform .col-md-2,
  #mainform .col-md-6,
  #mainform .col-md-10{
    margin:0; 
    padding:0;
  }
  .form-login{
    width:100% !important;
    padding:2rem 2rem;
  }
  .row-dividers{
    padding-left:15px !important;
  }
  
  #sidebar_mobile{
    position:fixed;
    z-index:1010;
    animation-name:mobileIn;
    animation-duration:.25s;
    width:80%;
    height:100%;
    margin-left:0;
  }  
    #sidebar_mobile.inactive{
      animation-name:mobileOut;
      animation-duration:.5s;
      animation-fill-mode: forwards;
      margin-left:-80%;
    }
    
      @keyframes mobileIn{
      from{margin-left:-80%;}
      }
      @keyframes mobileOut{
      from{margin-left:0;}
      }
      
    .active ul{
      animation-name:topIn;
      animation-duration:.5s;
    }
  
    #sidebar_mobile .taskbutton{
      display:block;
      margin:0;
      float:left;
      height:3rem;
      line-height:3rem;
      text-align:left;
      padding:0 0 0 1rem;
    }
    #sidebar_mobile .taskbutton i{
      font-size:100% !important;
      padding:0;
      display:inline-block;
    }
    
  #sidenav{
    display:none;
    animation-name:none;
    content:" ";
    width:100%;
    height:calc(100% - 144px);
    left:0;
    overflow:hidden;
  }
  
    #sidenav.active {
      left:0;
      top:144px;
      display:block;
      animation-name:none;
      animation-duration: .6s;
    }
    #sidenav.inactive{
      left:0;
      display:none;
      top:-320px;
      animation-name:none;
      animation-duration: .6s;
    }
  
  #main,
  .heading{
    position:static !important;
    width:100%;
  }
  .heading h1{
    animation-name:none;
    padding:15px !important;
    font-size:100% !important;
  }

    .heading h1.btnfree{
      padding-top:20px !important;
    }
  
  .card.brief .rad-wrap{
    margin:0 auto;
    display:inline;
  }
  .table-rad-sm,.table-rad-sm tbody,.table-rad-sm tbody tr{
    width:calc(100% - 120px);
    float:none;
    margin-left:20px;
  }
  
  .btns{
    position:fixed !important;
    right:inherit !important;
    top:0 !important;
    z-index:1050;
    margin:0;
    top: .9rem !important;
    right: 1rem !important;
    display:block;
    text-align:right;
  }
    .btns .btn-group-sm>.btn, .btn-sm {
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: .25rem;
    }
    .btns .btn .fas, .heading .btn .far, .heading .btn .fal {
      margin-right:0;
    }
    .btns .btn span{display:none}
  
  #main .content{padding:0;}
  

    #fields-layout .col{
      width:100%;
      flex-basis:0;
    }
    .content .row.no-gutters,
    .page-wrap{
        padding:0 15px;
    }
  
  .content .card-deck {
    margin:0 0 20px;
    width: 100%;
  }
  .content .card{
    width:100%;
    flex-basis:auto;
    margin:0 0 15px;
  }


  .paging .page-link.fas {
     padding:0 !important;
  }
  ul.paging-min{
    width:100%;
  }
  ul.paging-min li{
    width:15% !important;
    text-align:center;
  }
  ul.paging-min li:nth-of-type(3){
    width:40% !important;
    text-align:center;
  }
  ul.paging-min li .page-link{
    padding:0;
  }
  
  #main .widget{
    padding:0;
    box-shadow:none;
    border:none;
  }
  #main .container-fluid{
    padding:0;
  }
  
    .col-halved{
      width:100%;
      flex-basis:auto;
    }
    
  #login .widget{
    position:relative;
    top:50%;
    width:90%;
    margin:0 auto;
    margin-top:-200px;
  }
  
}

@media(max-width:600px){
  
  .pretable .col-md-3{
    flex-basis: auto !important;
    width:100% !important;
    max-width:100%;
  }
  
  .th_code{
    display:none;
  }
    
  .card.brief .rad-wrap{
    margin:0 auto;
    display:block;
  }
  .table-rad-sm,.table-rad-sm tbody,.table-rad-sm tbody tr{
    width:100%;
    float:none;
    margin:10px 0;
  }
  
  #connections .card i.font-double,
  #favorites .card i.font-double{font-size:150%;margin:0 !important;}
  
  #connections .card i.fa-tasks{font-size:150%;margin:0 0 0 1rem !important;}
  
  
  #connections .card,
  #favorites .card{text-align:center;}
  
}