@media(min-width:1311px){  
  .col-match{width:calc(100% / 2) !important;flex-basis:auto !important}
  .match-data{width:calc(100% / 4) !important;flex-basis:auto !important}
}

@media(max-width:1310px){
  
  .th_address{
    display:none;
  }
  ul.paging li.active{
    display:none;
  }
  
  .content.w-50{
    width:80% !important;
  }
  
  .col-match{width:calc(100% / 2) !important;flex-basis:auto !important}
  .match-data{width:calc(100% / 4) !important;flex-basis:auto !important}
  .match-info .col{width:100% !important;flex-basis:auto !important}
}

@media(max-width:1400px){
  .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;
  }
    
  .mini-interests,
  .mini-aid{
    flex: 0 0 100% !important;
    max-width: 100% !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;
  }
}

@media(max-width:975px){

  .th_city{
    display:none;
  }
  .checklist-group{
    width:100%;
  }

  .player{width:100% !important}

  .video-thumb{
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);

  }
  .video-thumb > div{
    margin:0 0 .5rem !important;
  }
  
  .contacts-additonal .col{
    width:100% !important;
    max-width:100% !important;
    flex-basis:auto !important;
    padding-bottom:.5rem;
  }
}

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

}

@media(max-width:840px){
  
  .entry-form .col:not(.entry-heading),
  .entry-items .col{
    flex-basis: auto !important;
    width:100% !important;
    max-width:100%;
  }
  
  .entry-items .col{
    padding:0 1rem !important;
  }
  
  .content{
    padding-left:.5rem !important;
    padding-right:.5rem !important;
  }
  
  .tabs-eligible li{
    border:none;
    border-right:1px solid #dee2e6;
    padding:0;
  }
  
  .tabs-eligible li .nav-link{
    border:none;
    border-top:1px solid #dee2e6;
    border-left:1px solid #dee2e6;
  }
  
  .tiers .col{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin:0 0 1rem;
    padding:0;
  }
  
  #connections .col{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  
  .video-thumb{
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .video-thumb > div{
    margin:0 0 .5rem !important;
  }
  .video-thumb:nth-child(odd) > div{
    padding-left:0 !important;
  }
  .video-thumb:nth-child(even) > div{
    padding-right:0 !important;
  }
  
  .resume-builder,
  .resume-view{
    width:100%;
  }

  .custom-checkbox{
    text-align:left;
    display:inline-block !important;
    width:calc(100% / 2) !important;
  }

  .navbar-text{padding:0 !important}
  .navicons i {
    cursor: pointer;
    line-height: 3.8rem;
  }

  .df{display:block !important;width:100% !important;text-align:center}
  
  .fa-question-circle{
    margin:0 1rem !important;
    display:inline-block important;
    float:none !important;
  }
  
  .form-login{
    width:100% !important;
    padding:0 2rem;
  }
  
  .match-list{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .match-list .w-50{
    width:100% !important;
  }
  
  .match-layout .area{
    padding:1rem 0;
  }
  
  .match-layout .fa-id-card{
    margin-right:1rem;
  }
  
  .match-reqs .rad,
  .match-sports i{
    margin:0 !important;
    margin:0 auto !important;
    display: inline-block !important;
    white-space: nowrap !important;
    float:none !important;
  }
  .match-reqs .rad:first-of-type,
  .match-sports i:first-of-type{
    margin-right:1rem !important;
  }
  .match-reqs .rad:last-of-type,
  .match-sports i:last-of-type{
    margin-left:1rem !important;
  }
  
  .match-layout .col-group{
    border-bottom:none !important;
  }
  
  .match-layout > .area:first-of-type,
  .match-layout > h5:first-of-type{
    margin-left:1rem;
    margin-right:1rem;
  }
  .match-layout > h5:first-of-type{
    margin-top:1rem !important;
  }
  
  .match-layout .area > h5{margin:0 0 1rem 0!important;border:none}
  
  .match-layout .col:not(.col-group){
    border-bottom:1px solid;
    padding:.5rem 0;
  }
  
  .match-layout .row > .col{
    width:100%;
    flex-basis:auto !important;
  }
  
  .match-layout .row.mt-3{
    margin-top:0 !important;
  }
  
  
  
  .match-tuition,.match-aid,.match-sports,.match-reqs{
    text-align:center;
  }
  
  .match-layout h5{
    margin:1rem 0 !important;
    text-align:center;
  }
  
  .match-layout strong{
    display:inline-block;
    width:40%;
  }
  
  .match-info strong{width:40%;display:inline-block;}
  
  .emptyset{width:80% !important;margin-top:30% !important;}
  
  .no-mobile,
  .navicons i:first-of-type{display:none !important}
  
  .page-profile .form-group .input-group{
    width:100% !important;
  }
  
  .teams-form{margin:0;}
  
  .teams-items .col{flex-basis:auto;width:100%}
  
  .content > .row{
    margin-left:0;
    margin-right:0;
  }

  .slidein > .area{
    border:none;
    box-shadow:none;
  }  
  .slidein,.slidein .card-deck{margin:0 !important}
  .content .slidein:first-of-type{margin-top:2rem !important}
  
  .page-profile .row > *{
    padding:0;
  }
  
  
  .profile-cat-10004 .content > .row > .col .form-group > .area{
    box-shadow:none;
    border:none;
  }
  
  .col-match{width:calc(100% / 1) !important;flex-basis:auto !important}
  .match-data{width:calc(100% / 4) !important;flex-basis:auto !important}
  
  .card-match .card-body{
    padding:1rem 0 1rem 0 !important;
  }
  
  #topnav{height:3.8rem !important}
  #topnav .navbar{
    padding: 0;
  }
  
  .field-sport{
    width:calc(100% / 4);
  }
  
    .navbar-brand {
      margin-right: 0;
    }
  
    .toggle-fullscreen{
      font-size:2rem;
    }
    
    .logo {
        width: 70px;
    }
  
  .toggle-full{
    display:none !important;
  }
  
  #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;
  }
  
  .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{
    height: 3rem;
    line-height: 3rem;
  }
  .heading h1{
    height:3rem;
    line-height:3rem;
    animation-name:none;
    padding:0 !important;
    padding-left:1rem !important;
    font-size:125% !important;
  }
  .page-profile{padding-top:0;}
  
  .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:1rem !important;
    top:.9rem !important;
    z-index:1050;
    margin:0;
    padding:0;
    height:3.6rem;
    line-height:0;
    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:768px){

  .nav .nav-item{
   display:block;
   width:50%;
   flex-basis:auto !important;
  }
  .grade-options{
    display:block;
    width:100% !important;
    flex-basis:auto;
    padding:0;
  }
  .grade-options select{
    margin-bottom:0.25rem;
  }
  .grade-options .col{padding:0 !important}

}

@media(max-width:640px){

  .video-thumb{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .video-thumb > div{
    margin:0 0 .5rem !important;
  }

}

@media(max-width:600px){
  
  #connections .card i.font-double{font-size:175%;margin:0 !important;}

  #connections .card i.fa-tasks{font-size:150%;margin:0 0 0 1rem !important;}

  

  #connections .card-body{
    padding: .5rem;
  }

  #connections .col{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align:center;
  }
  #connections .card-header a{
    text-align:center !important;
  }
  #connections .card-header .dropdown-menu a{
    text-align:left !important;
    padding: .25rem .75rem;
  }
  #connections .font-double{
    font-size:150%;
    margin:0 .3rem !important;
  }
  
  .custom-checkbox{
    text-align:left;
    display:inline-block !important;
    width:100% !important;
  }
  
  .field-sport{
    width:calc(100% / 3);
  }
  
  h1.toggle-mobile{
  display:none;
  }
  .toggle-mini{
  display:block;
  }
  
  .profile-cats .col{
    display:none;
  }
  
  .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;
  }
  
}