@media (max-width: 1660px){
  #secspace {padding: 1rem;}
}
@media(max-width: 991px){
  #secspace {padding: 1rem 0;}
}
@media (max-width: 767px) {
  p,
  .program_list li > * {
    font-size: 1rem;
  }
  h2 {
    font-size: 2rem;
  }
  .navbar{
    padding: 15px;
  }
  .head-logo {width: 60%;object-fit: contain;}
  .heading::before, .buy-adsec:before {
    width: 0.8rem;
  }
  .heading h2,
  .heading h1 {
    font-size: 1.8rem;
    padding-left: 2rem;
  }
  * + .heading:not(.mt-0){
    margin-top: 2.5rem !important;
  }
  /* .heading.mt-0.mb-5 spacing - global, mobile (e.g. homepage If-you-need-help block) */
  .heading.mt-0.mb-5{
    margin-top: 40px !important;
    margin-bottom: calc(3rem + 10px) !important;
  }
  .ad_sec_inner{
   margin-left: 2rem;
  }
  .buy-adsec{margin: 1rem 0;}
  .ad_sec {
    display: block;
    margin: 35px;
  }
  /* Tournament Pricing block (my-3 forces 16px top; bump to 20px) */
  .ad_sec.home-img.my-3 {
    margin-top: 20px !important;
  }
  .ad_sec img {
    width: 100%;
  }
  .home-img img {
	  width: 100%;
	  height: auto;
	  aspect-ratio: 5 / 3;
	  object-fit: cover;
	  object-position: top;
  }
  .home-img img[src$="volleyball-sand-dust.png"] {
	  object-position: 0 35%;
  }
  .ad_sec h3,
  .callus a,
  .ad_sec h2 {
    font-size: 1.5rem !important;
  }
  .ad_sec h4 {
    font-size: 22px;
  }
  /* Buy pages: shield + green block on one row, green fills fully right (BC 9960389940) */
  .buy-adsec .ad_sec_inner {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.5rem;
    margin-left: 1.5rem;
  }
  .buy-adsec .ad_sec_inner img {
    width: 105px;
    height: auto;
    margin: 0;
  }
  .buy-adsec .ad_sec_inner h4 {
    width: auto;
    padding: 1rem;
    font-size: 22px;
  }
  /* drop the global .ad_sec 35px margin for the buy block so the green box spans full width */
  .buy-adsec {
    margin: 1rem 0;
  }
  /* "6 or more teams?" link: left, flush with the green box left edge */
  .buy-adsec ~ .purchase-blog {
    justify-content: flex-start;
    padding-left: 137px;
  }
  /* extra space above the second-row sport cards (Basketball/Volleyball) */
  .col-6:has(img[src$="basketball_img.png"]),
  .col-6:has(img[src$="volleyball_img.png"]) {
    padding-top: 1.5rem;
  }
  .inqury_sec {
    display: block;
  }
  .banner-home{
    background: url("../images/home_banner-mobile.png") no-repeat;
    background-size: cover;
    background-position: center;
  }
  .baseball-banner{background: url("../images/baseball_mobile.jpg");background-position: center;} 
  .softball-banner{background: url("../images/softball_mobile.jpg");background-position: center;} 
  .basketball-banner{background: url("../images/basketball_mobile.jpg");background-position: center;} 
  .vollyball-banner{background: url("../images/volleyball_mobile.jpg");background-position: center;} 
  .league-group-banner{background: url("../images/league_group_mobile.jpg");background-position: center;} 
  .tournament-banner{background: url("../images/tournament_mobile.jpg");background-position: center;}
  #banner:after {
    content: "";
    background: #003b6494;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
  }
  #banner img {
    position: relative;
    z-index: 1;
  }
  .accordion {
    margin: 1rem 0 3rem;
  }
  .card-body h6,
  .card-body h5,
  .card-body span {
    font-size: 1rem;
  }
  .program_list {
    margin: 1rem 0;
  }
  .program_list li {
    margin-bottom: 1rem;
  }
  footer {
    padding: 3rem 0;
  }
  footer h4 {
    font-size: 1rem;
    margin: 1rem 0;
  }
  footer ul li a {
    font-size: 1rem;
    padding: 3px 9px;
    display: inline-block;
  }
  footer img {
    width: 100%;
  }
  .inqury_sec h2:first-child, .inqury_sec h2:last-child{font-size: 1.5rem;}
  .faq-content h3{
    font-size: 26px;
    margin-bottom: 1rem;
  }
  .brochure-blog h3{font-size: 22px;}
  .getlink{font-size: 16px;}
  .purchase-blog{padding: 0;}
  .middle-subtitle{border-left: 12.8px solid var(--yellow);font-size: 18px;}
  .table-rates thead th h4{font-size: 20px;}
  .table-rates th, .table-rates td{white-space: normal;font-size: 14px;}
  .ad-sec-new{margin-left: 0;display: flex;flex-wrap: wrap;}
  .ad-sec-new img{margin: 0 0 15px;}
  .ad-sec-new h4{font-size: 20px;padding: 15px 25px;}
  .medical-insurance-banner{background: url("../images/sport-injury-mobile.jpeg") no-repeat center;}
  .injured-image{width: 100%;margin: 16px 0;}
  .grid-4, .grid-5{grid-template-columns: repeat(2, 1fr);}
  .grid-3{grid-template-columns: repeat(1, 1fr);}
  .grid-3 img{height: 100%;}
  .facility-insurance-banner{background: url("../images/facility_mobile.jpeg") no-repeat center;}
  .facility-insurance-banner ~ #secspace .list-content{margin-bottom: 16px;}
  .virgenia-home-banner{background: url("../images/virginia-mobile.jpg") no-repeat center;}
  .grid-2{grid-template-columns: repeat(1, 1fr);flex-flow: column-reverse;}


  /* Rates table: fit all deductible columns on mobile without horizontal scroll (Basecamp 9960389940) */
  .table-rates{position: relative;}
  .table-rates table{width: 100%; table-layout: fixed;}
  .table-rates thead th{padding: 8px 6px;}
  .table-rates thead th h4{font-size: 16px;}
  .table-rates tbody td{padding: 8px 6px;}
  .table-rates th, .table-rates td{font-size: 13px; word-break: break-word;}
  /* first column = row label (wider), price columns share the rest */
  .table-rates th:first-child, .table-rates td:first-child{width: 34%;}
  .table-rates th:not(:first-child), .table-rates td:not(:first-child){width: 22%;}
  .table-rates .text-end{padding-left: 2px; padding-right: 6px;}
  /* scroll-affordance: if a wider table still overflows, fade the right edge as a hint */
  .table-rates.table-responsive{background:
    linear-gradient(90deg, #fff 30%, rgba(255,255,255,0)) left center / 24px 100% no-repeat,
    linear-gradient(90deg, rgba(255,255,255,0), #fff 70%) right center / 24px 100% no-repeat,
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.12), rgba(0,0,0,0)) right center / 12px 100% no-repeat;
    background-attachment: local, local, scroll;}
}
