@media (min-width: 320px) and (max-width: 425px) {
  .nice-select{
    padding: 0 25px 0 12px!important;
  }
  .nice-select .current{
    font-size: 12px;
  }
.nice-select .option{
  font-size: 12px;
  }
  .nice-select.open .list{
    padding: 5px;
  }
  .brief-team-name .nice-select-white.nice-select.dropdown-full{
    min-width: 80px!important;
  }
  .nice-select:after{
    height: 6px;
    width: 6px;
    margin-top: -1px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .landing-btn-main .btn_primary_lg.btn_primary_short.btn-signin{
    width: unset;
  }
  .signup-btn .btn_primary_lg.btn_primary_short{
    width: unset;
  }
  .primary-btn-main.ms-3{
    margin-left: 0!important;
  }
  .select-position-box .sport-box{
    width: 100%;
  }
   .btn_primary_lg ,.btn_secondary_lg,.btn_ternary ,
   .btn_primary_lg.btn_primary_medium ,.btn_primary_lg.btn_primary_short,
   .btn_secondary_lg.btn_secondary_medium ,.btn_secondary_lg.btn_secondary_short,.btn_disable,
   .btn_primary_lg.btn_primary_bordered,.btn_ternary.btn_light_medium ,.btn_primary_lg.btn_mid ,.btn_ternary.btn_light_mid
   {
        min-width: unset;
        /* padding:5px 12px; */
        padding: 8px 16px;
        height: 100%;
        line-height: 16px;
        font-size: 12px;
    }

    .landing-btn-main{
        gap: 5px;
    }
    .d-mobile-block{
      display: inline-block!important;
      width: 100%;
  }

    .mb-sm-20{
      margin-bottom: 20px;
    }

 .signin-padding.col-lg-6.p-0{
  padding-left:0!important;
  padding-right: 15px!important;
 }
 .signin-form-main{
  padding-left: 15px;
 }
 .signup-form-main{
  padding: 16px;
 }
 .header-mobile{
  padding: 10px 0;
 }

 .congras-modal .modal.fade .modal-dialog{
  margin: 0;
}
.congras-modal .modal-content{
  height: 100vh;
  border-radius: 0;
  display: table;
  width: 100%;
}
.congras-modal .donate-header{
  display: none;
}
.congrats-sec{
  display: table-cell;
  vertical-align: middle;
}
.brief-date .brief-team-name:first-child{
  padding-bottom: 20px;
}
}
@media (min-width: 320px) and (max-width: 991px) {
  .filter-dropdown .nice-select-white.nice-select{
    width: 110px!important;
  }
  .search-box img img{
    width: 15px;
  }
  .search-pick-game-start  .dashboard-tabs-main .nav{
    border-bottom: unset;
    margin-bottom: 15px;
  }
  .search-pick-padding.search-game-main{
    padding-top: 10px;
    padding-bottom: 0;
  }
  .search-pick-padding{
    padding: 0 20px ;
  }
  .search-pick-padding.search-blog-box{
      padding-bottom: 100px;
  }
  .search-pick-padding.League-search {
    padding: 0 0;
  }
  .mb-sm-md-20{
    margin-bottom: 20px;
  }
  .mt-sm-md-15{
    margin-top:15px;
  }
  .tournament .nice-select-white.nice-select{
    width: 153px!important;
  }
  .match__team_box{
    padding: 10px 22px;
    font-size: 18px!important;
  }
  
  .nice-select:after{
    height: 6px;
    width: 6px;
    margin-top: -1px;
  }
  .chart-start{
    overflow-x: auto;
  }
  .tournament{
    min-width: 800px;
  }
  .search-box .form-control{
    height: 35px;
  }
  .nice-select{
    padding: 0 25px 0 12px!important;
  }
   /* start end calender */
   .daterangepicker-wrapper .form-control:first-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 15px;
}
.daterangepicker-wrapper .form-control:last-child {
  border-left:1px solid var(--color-secondary-shade4);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.daterangepicker{
  margin-right: 20px;
  margin-top: 10px!important;
}
.daterangepicker-wrapper .form-control{
  height: 48px;
}
  .d-mobile-md-block{
    display: inline-block!important;
    width: 100%;
}
  .daterangepicker.single .drp-calendar.left{
    padding: 20px!important;
  }
  .padding-custom{
    padding: 20px 10px 100px 10px;
  }
.desktop-header{
  display: none;
}
.header-mobile{
  display: block;
}
.noti-dropdown .dropdown-menu{
  height:100vh;
  background-color: rgb(255, 255, 255);
  border-radius: 0px;
  min-width: 100vw;
  margin: 0px;
  padding-top: 100px;
  inset: auto auto 0px 0px;
  word-wrap: break-word;
  padding: 0 15px;
  z-index: -999;
  padding-top: 80px;
  padding-top: 100px;
}
.accpet-btn{
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
.accept-btn-start.mb-5{
  margin-bottom: 0!important;
  padding-top: 8px;
  padding-top: 0;
}
.search-see-more{
  display: none;
}
.search-see-mobile{
  display: block;
}
.suggestion-text{
  background-color: #F3F8FB;
  padding: 25px;
  border-radius: 15px;
  margin-bottom: 10px;
}

 /* dashboard-responsive */
 .padding-custom{
  padding-bottom: 100px;
 }
 .post-box-start{
  padding: 25px 20px 25px 20px;
  border-radius: 20px;
  margin-bottom: 10px!important;
 }
 .btn_primary_lg.btn_primary_lg_orange{
  min-width: 100%!important;
  }
  .donation-amount-tab .nav{
    display: inline-flex;
  }
  .donation-amount-tab .nav-pills .nav-link{
    padding: 4px 19px;
  }
  .select-payment-method{
    padding:  0 20px 0 20px;
  }
  .custom-input-paymentbox input{
    min-width:100%;
  }
  .select-payment-method.select-payment-method2{
    padding:  0 20px 0 20px;

  }
  .league-game-img-start{
    padding: 15px;
  }
  .select-payment-box{
    padding: 12px 15px;
  }
  .border-payment{
    margin: 25px;
  }
  .welcome-profile-start ,.profile-followers-main{
    padding: 10px;
  }
  .league-game-img img{
    height: 50px;
    text-align: center;
    margin: 0 auto;
  }
  /* .sort-by-date-text{
    display: none;
  } */
  .sort-by-date-mobile{
    display: block;
    height: 15px;
    width: 15px;
    line-height: 15px;
  }
  .sort-by-date.order-1{
    order: 3!important;
  }
  .custom-dropdown.search-dropdown.order-3{
    order: 2!important;
  }

  .pick-game-text h4{
    font-size: 18px;
    line-height: 20px;
  }
  .see-detail-text a{
    font-size: 12px;
    line-height: 13px;
  }
  .pick-game-box-start{
    padding: 9px 15px;
  }
  .nice-select{
    height: 35px!important;
    line-height: 32px!important;
  }
  .form-control{
    height: 48px;
  }
  .post-profile-text.profile-text2 p ,.post-profile-text p{
    font-size: 14px;
  }
  .post-profile-text h3{
    font-size: 18px;
  }
  .teams-tabs .nav-pills .nav-link{
    font-size: 12px !important;
    padding: 8px 10px !important;
    line-height: 13px !important;
  }
  .teams-tabs .nav{
    gap: 11px;
  }
  /* .teams-tabs .btn_filter-main{
    display: none;
  } */
  .teams-tab-main .sort-by-main{
    padding: 0;
    margin-bottom: 15px;
  }
  .team-join-box{
    padding: 20px;
  }
  .see-more-mobile{
    display: block;
  }
  .option-all{
    display: none!important;
  }
  .option-mobile{
    display: block;
  }
  .join-btn-main .see-more-mobile{
  padding-top: 0;
  }
  .join-btn-main{
    padding: 15px 0 0;
  }
  .loaction-main{
    margin-left: 15px;
    margin-right: 15px;
  }
  .personal-info-edit , .personal-info-sport{
    padding: 20px;
  }
  .friend-title h3{
    padding-bottom: 10px;
  }
  .share-icon{
    padding-top: 10px;
  }
  .profile-box-friend{
    padding: 15px 10px;
  }
/* .search-game-main .btn_filter-main{
  display: none;
} */
.btn-filter{
  padding: 7px 15px;
  font-size: 14px;
}
.pick-up-btns{
  gap: 15px;
}
.search-game-main .sort-by-main{
  margin-bottom: 25px;
}

.search-section-start.mt-25{
  margin-top: 10px!important;
}
.friend-img{
  height: 40px;
  width: 40px;
}
.search-section-start{
  padding: 24px;
}
.profile-box-friend-main .profile-box-friend{
  padding: 15px 0;
}
.profile-box-friend-main .friend-title h3{
  padding-bottom: 0;
}
.profile-box-friend-main .profile-box-friend{
  gap: 10px;
}
.username-profile p{
  font-size: 14px;
}
.friend-title h3{
  font-size: 22px;
  line-height: 33px;
}
.profile-box-friend-main .btn_primary_lg.btn_primary_medium span{
 display: none; 
}
.search-profile .search-see-more.text-end{
  display: block;
  text-align: center!important;
  margin: 0 auto;
}
.search-profile .search-see-more span{
  display: block;
}
.search-profile .friend-title h3{
  font-size: 18px;
}
.draf-btn.order-1{
  order: 2!important;
}
.draf-btn.order-2{
  order: 1!important;
}
.search-profile.join-btn{
  margin-top: 10px;
}
.mtb-20{
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}
/* search game profile*/
.search-game-section .search-section-start.pt-45{
  padding-top: 15px!important;
}
.draf-modal .modal-content{
  padding: 25px;
}
.pick-up-dropdowns-start{
  gap: 8px!important;
  margin-bottom: 20px;
}
.nice-select-white.nice-select{
  width: auto!important;
  padding: 0 34px 0 12px;
    font-size: 12px;
}
.nice-select-white.nice-select .option{
  padding: 8px;
  line-height: 13px;
  height: 30px;
  min-height: unset;
}
.pickup-border{
  display: none;
}
.pick-up-content{
  padding:15px 32px;
}
.search-pick-game .search-game-main {
  padding-bottom: 15px;

}
.dashboard-tabs-main .nav-pills .nav-link{
  font-size: 19px;
  margin: 0 10px;
}

/* map */
.search-citys.order-1{
  order: 2!important;
}
.search-responsive-map.order-2{
  order: 1!important;
}
.League-search .pick-up-dropdowns-start{
  margin-bottom: 0;
}
.search-map.d-flex{
  flex-direction: column;
}
.search-responsive-map iframe{
  margin-left: 0;
  height: 600px;
  border-radius: 0;
  position: absolute;
  top: -109px;
  left: 0;
  width: 100%;
}
.pick-up-dropdowns-start .nice-select.open .list{
  width:auto;
}
.League-search-title.ptb-20{
  display: none;
}
.League-search{
  position: relative;
  /* padding: 25px 10px 0 10px; */
}
.map-mobile{
  position: relative;
  z-index: 99;
  padding: 0 20px;
}
.search-citys{
  z-index: unset;
}
.search-tab.search-pick-padding ul{
  position: relative!important;
  z-index: 99!important;
}
.search-map-main{
  background-color: #E0E9EF!important;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  height: 100%;
}
.search-map-main .search-map.d-flex {
  display: unset!important;
}
.search-citys-main{
  margin: 420px 20px 100px;
}
.border-search{
  display: none;
}
.search-cities-box{
  padding:22px 40px;
  border-radius: 15px;
  background-color: #F3F8FB;
  margin-bottom: 10px;
}
.search-citys{
  border-bottom: 0;
  background-color: unset!important;
}
.search-map{
  padding:  20px;
}
.search-pick-game-main .dashboard-tabs-main .nav{
  position: relative;
  z-index: 999;
}
.search-pick-game{
  padding-top: 20px;
}
/* pickup game page */
.summry-game-box-main .summary-img-mobile{
  display: block;
}
.summry-game-box-main .down-dunker{
  display: block!important;
}
.pick-up-summary.padding-custom{
  padding: 0px 0 80px 0;
}
.result-text h3{
  padding-top: 8px;
  padding-bottom: 8px;
}
.basketball-desktop{
  display: none;
}
.rule-player .see-more-btn{
  display: none;
}
.rule-player{
  padding: 12px 9px;
  gap: 8px;
}
/* create -pick up game */
.create-game-main .form-stepper-horizontal li.form-stepper-completed:after{
  border-top: 4px solid #B2C8D6;
}
.create-user-main.create-game-main .form-stepper-list::after{
  left: 0;
}
.btn_ternary.btn_light_mid{
  gap: 5px;
}
.btn_ternary.btn_light_mid img{
  height: 18px;
}
.btn_primary_lg.btn_mid img{
  height: 18px;

}
.private-btns.gap-3{
  gap: 5px!important;
}
/* calender */
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
  min-width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}
.skipbtn-main.text-end{
 text-align: center!important;
 margin-top: 22px;
}
.add-photo-section .summary-game-title.ptb-20{
  padding-top: 10px;
  padding-bottom: 10px;
}
.add-photo-section .result-text h3{
  padding-top: 0!important;
  padding-bottom:  0!important;
}
.add-photo-section .search-profile{
 margin-top: 0!important;
}
.no-post-box .btn_primary_lg.btn_primary_short.mt-20{
  margin-top: 0;
}
.no-post-box h3{
  font-weight: 400;

}
.add-photo{
  height: 230px;
  border: transparent;
}
.add-photo .edit-button{
  display: none;
}
.photo-upload-label{
  font-size: 20px;
}
.player-list.result-text h3{
  padding: 0;
}
.player-list-main .col-lg-4.order-1{
  order: 2!important;
}
.player-list-main .col-lg-8.order-2{
  order: 1!important;
}
.pick-game-all .search-see-more {
 display:block;
}
.create-user-main.create-game-main .form-stepper .form-stepper-active .label{
  display: inline-flex !important;
    font-size: 12px;
}

.create-user-main.create-game-main .form-stepper-list::after{
  left: 25px;
}
.create-user-main.create-game-main .form-stepper-list:last-child::after{
  width: 0;
}
.create-user-main.create-game-main .form-stepper .form-stepper-active .label svg{
  height: 14px!important;
}
.create-user-main.create-game-main .col-lg-12{
  padding-left: 0;
  padding-right: 0;
}
.create-user-main.create-game-main .form-stepper a{
  display: grid
}
.league-summary-owner .col-lg-4.order-1{
  order: 2!important;
}
.league-summary-owner .col-lg-8.order-2{
  order: 1!important;
}
.leage-mobile{
  display: block;
 }
.brief-team{
  padding: 20px;
  border-radius: 10px;
}
.brief-team-name{
  flex-wrap: wrap;
}
.league-brief-box{
  border-radius: 10px;
}
.sport-box-main .sport-box {
  /* width: 48%;  */
  max-width: 48%;
  margin: 1%; /* Adjust margin to fit the boxes properly */
}
.sport-box-main{
gap: 0;
}
.sport-box-main .sport-box.add-more-sport{
width: 48%!important;
max-width: 48%;
padding-left: 0;
margin-bottom: 10px;
}
.sport-box-main label h6{
font-size: 14px;
}
.pb-45{
padding-bottom: 25px!important;
}
.invite-friend-box .profile-box-friend{
gap: 10px;
padding: 10px 0;
}
.invite-friend-box .friend-title h3{
padding-bottom: 0;
font-size: 18px;
line-height: 23px;
}
.skipbtn{
font-size: 12px;
}
.create-game-main .create-user-game h2{
font-size: 32px;
line-height: 45px;
}
.friend-profile-info .col-xl-4.col-lg-5{
padding: 0;
}
.friend-profile-info .welcome-profile-box{
  padding: 0;
}
.friend-profile-info{
  padding-top: 0;
}
.friend-profile-info .welcome-profile-start{
border-radius: 0;
}
 .friend-profile-info .friend-profile-padding{
  padding: 0 20px 0 20px;
}
.friend-profile-info .dashboard-tabs-main{
  padding:20px;
}
.friend-profile-info .cancel-game{
 justify-content: center;
 margin-bottom: 10px;
}
/* .friend-profile-padding .pick-game-all{
  margin-bottom: 100px;
} */
.nice-select .option.selected{
  background-size: 10px;
}
.dashboard-left-padding{
  padding-left: 20px;
  padding-right: 20px;
}
.dashboard-right-padding{
  padding-left: 20px;
  padding-right: 20px;
}
.team-near-me-main.dashboard-right-padding{
  padding-left: 0;
  padding-right: 0;
}
.team-near-me-main .teams-tab-main{
  background-color: var(--color-gray-shade4);
  padding: 20px;
  margin-top: -32px;
  z-index: 999;
  position: relative;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.teams-tab-main .team-join-box{
  padding: 15px;
}
.team-near-me-main .team-join-box{
 background-color:#F3F8FB;
}
.temas-near-seaction.col-xl-8.col-lg-7{
  padding-left: 0;
  padding-right: 0;
}
}

@media (min-width: 320px) and (max-width: 768px) {
  .d-mobile-block{
    width: 100%;
    display: inline-block!important;
  }
    h1 {
        font-size: 32px;
        line-height: 45px;
      }
      
      h2 {
        font-size: 26px;
        line-height: 38px;
      }
      
      h3 {
        font-size: 22px;
        line-height: 31px;
      }
      
      h4 {
        font-size: 18px;
        line-height: 25px; 
      }
      .d-sm-md-block{
        display: inline-block!important;
        width: 100%;
    }
    .mb-md-20{
      margin-bottom: 20px;
    }
    .landing-btn-main{
      text-align: end;
    }

    .landing-text h1 ,.landing-play h2{
      font-size: 32px;
      line-height: 42px;
    }
    .landing-text h1{
      padding-top: 40px!important;
      padding-bottom: 40px!important;
    }
    .login-btns{
      gap: 20px;
    }
    .create-user-main ul.form-stepper{
      padding: 0 0;
      margin-bottom: 20px;
    }

    .create-user-main ul.form-stepper li a .form-stepper-circle{
      height: 25px;
      width: 25px;
      font-size: 16px;
    }
    .create-user-main .form-stepper .label{
      display: none;
    }
    .create-user-main #multi-step-form-container{
      margin-top: 0;
    }
   
    .pt-65{
      padding-top: 25px!important;
    }
    .btn-previous{
      min-width: max-content!important;
      padding: 0 0!important;
    }
    .create-user-main .form-step{
      padding: 25px 0 20px 0px;
    }
    .sport-box-main .sport-box.add-more-sport{
      padding-left: 0;
    }
    .create-user-main{
      padding-top: 15px;
    }
    .form-stepper-list::after{
      top: 10px;
      border-top: 4px solid #E0E9EF;
    }
    .create-user-main .form-stepper .label{
      margin-top: 5px;
      gap: 2px;
      align-items: center;
    } 
    .detail-name h3{
      margin-bottom: 5px;
    }
    .dashboard-header{
      z-index: 9999!important;
    }
    .game-img{
      height: 40px;
      width: 40px;
    }
    .game-text h3{
      font-size: 18px;
    }
    .scorrer-box p{
      font-size: 12px;
    }

    .teamlist-btn , .team-list-start{
      gap: 20px;
     }
     .team-list-img{
      height: 50px;
      width: 50px;
     }
     .team-list-box-main{
      margin-left: 0;
     }
     .team-list-start{
      margin-bottom: 10px;
     }
.team-list-box-main{
  background-color: #F3F8FB;
  padding: 15px;
  border-radius: 20px;
}
.team-list-box{
  padding: 20px;
}
.team-list-box-main .team-list-box:last-child{
  border-bottom: 0;
}
.mb-45{
  margin-bottom: 20px!important;
}
.leage-mobile .Soccer-main{
  display: flex;
  flex-direction: column;
}
.cancel-league .col-lg-6.order-1{
    order: 2!important;
}
.cancel-league .col-lg-6.order-2{
  order: 1!important;
  text-align: start!important;
}
.rule-box ul li{
  font-size: 14px;
  line-height: 16px;
}
.rule-box ul{
  padding-left: 10px;
}
.rule-box p{
  font-size: 14px;

}
/* create league summary user */
.brief-team-img{
  height: 60px;
  width: 60px;
}
.brief-team-name{
  gap:15px;
}
.brief-team  .brief-team-name:last-child{
  justify-content: end!important;
}

.brief-date .brief-team-box{
  justify-content: space-around!important;
}
.brief-team>p{
  display: none;
}
.overview-table .table thead th{
  font-size: 18px;
  line-height: 25px;
}
.overview-table .table thead tr th{
  padding-top: 25px;
}
.overview-table .table  thead th:first-child ,.overview-table .table  thead th:last-child{
  border-top-left-radius: 10px;
}
.overview-table .table  thead th:last-child{
  border-top-right-radius: 10px;
}
/* Target the last td in the last row of the table body */
.overview-table table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px; /* Adjust the radius as needed */
}

.overview-table table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.overview-table table tbody tr:last-child th{
  border-bottom-left-radius: 10px;
}
.overview-table table tbody tr:last-child td{
  padding-bottom: 25px;
}
.overview-table .table tbody th, .overview-table .table tbody td{
  padding: 12px 8px;
}
.overview-table .table tbody th, .overview-table .table tbody td{
  font-size: 14px;
  line-height: 16px;
}
.overview-table .table thead th{
  padding: 25px 13px 12px;
}
.teamlist-btn-start  .btn_ternary{
  min-width: 100%;
}
.brief-team-name .nice-select-white.nice-select.dropdown-full{
  min-width: 150px;
}
.scorrer-box{
  padding: 20px;
}
.brief-edit{
  display: none;
}
.brief-team-name .gender-select.flex-grow-1{
 flex-grow: unset!important;
 text-align: center;
 margin: 0 auto;
}
.team-captain-list .brief-name{
  text-align: center;
  margin: 0 auto;
}
.captain-profile ,.brief-name {
  text-align: center;
  margin: 0 auto;
}
.brief-name h3{
  font-size: 18px;
}
.brief-team p, .brief-name p{
  margin-bottom: 5px;
}
.brief-edit-mobile.d-none{
  display: block!important;
}
.progress-pie-chart{
  height: 208px;
  width: 208px;
  margin: 20px auto;
}
.ppc-percents span{
  font-size: 70px;
  line-height: 70px;
}
.select-date{
  height: 37px;
  width: 37px;
}
.select-date p{
  line-height: 37px;
  font-size: 16px;
}
.selected-date-mian{
  gap: 20px;
}
.selected-date-event.pt-55{
 padding-top: 0px;
}
/* footer */
.landing-footer .col-lg-4.col-md-6.order-1{
  order: 2!important;
}
.landing-footer .col-lg-4.col-md-3.order-2{
  order: 1!important;
}
.landing-footer-link-main.text-end{
 text-align: center!important;
 padding: 25px 0;
}
.landing-join-main::after{
 clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%, 0 41%);    }
.landing-join-main::before{
 clip-path: polygon(0 0, 100% 13%, 100% 100%, 0 100%, 0 0);
   }
.landing-join-main{
 margin-top: -60px;
}

.landing-footer-link a{
 margin-bottom: 15px;
}
.landing-footer-logo {
 text-align: center;
}
.register-text a{
  font-size: 19px;
  line-height: 25px;
  margin-bottom: 10px;   
  display: inline-block; 
}
.profile-footer-text h3{
 font-size:26px;
 line-height: 35px;
}
.avatar-upload .avatar-preview{
  height: 120px;
  width: 120px;
  margin: 0 auto;
}
.profile-picture p{
  font-size: 16px;
}
.pricing-box-img span{
  font-size: 30px;
  line-height: 35px;
}
.profile-footer-text.pt-20{
  padding-top: 0;
}
.landing-nav-inner{
  padding: 20px 5px;
}
.position-start  p{
  margin-bottom: 8px;
}
.friends-tab .sort-by-main{
 padding: 5px;
}
.btn_primary_lg.btn_primary_lg_orange{
  padding: 10px!important;
}
}
@media (min-width: 320px) and (max-width: 767px) {
  .landing-join{
    margin-top: 0;
  }
  .signup-form{
    height:100vh;
  }
  .sport-box-main .sport-box{
    /* width: 100%; */
  }
}

@media (min-width: 769px) and (max-width: 991px) {
 
  .create-user-img{
    margin-bottom: 15px;
  }
  .create-user-main ul.form-stepper{
    padding: 0;
  }
  .create-user-main #multi-step-form-container{
    margin-top: 20px;
  }
  .create-user-main .form-step{
    padding-top: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1440px) {
  .match__team_box{
    padding: 10px 22px;
    font-size: 18px;
  }
  .brief-team-name .nice-select-white.nice-select.dropdown-full{
    min-width: 160px;
  }
  .brief-team-name{
    gap: 20px;
  }
  .dashboard-header .navbar{
    padding: 20px 30px;
  }
  .dashboard-header .navbar-nav{
    gap: 20px;
  }
  .dashboard-header .nav-link{
    font-size: 20px;
  }
  .noti-ic{
    height: 20px;
  }
  .padding-custom{
        padding:150px 15px 70px 15px;
  }
  .d-desktop-block{
    display: inline-block!important;
    width: 100%!important;
  }
  .rule-box-title{
    margin: 8px 0;
  }
  .search-section-start{
    padding: 20px 10px;
  }
}
@media(min-width:1441px) and (max-width:1600px){
  .match__team_box{
    padding: 10px 22px;
    font-size: 18px;
  }
}
@media (min-width: 769px) {
  .pick-up-game-slider .slick-dots {
      display: none;
  }
  
}
@media (max-width: 319px) {
  .sport-box-main .sport-box {
      width: 100%; /* Full width for very small screens */
      max-width: 100%;
      margin: 1% 0;

  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .signup-form{
    height: calc(100vh - 98px);
  }
  .calender-custom-date.calendar {
    padding: 10px;
  }
  
  .calender-custom-date .calendar-header .month-year {
    font-size: 20px;
  }
  
  .calender-custom-date .nav-buttons {
    gap: 10px;
  }

  .calender-custom-date .day-names div,
  .calender-custom-date .days div {
    width: 50px;
    height: 50px;
    border-radius: 50%;

    font-size: 14px;
  }
}

@media (max-width: 480px) {

  .calender-custom-date .day-names div,
  .calender-custom-date .days div {
    width: 40px;
    height: 40px;
    font-size: 12px;
  }

  .calender-custom-date .calendar-body {
    padding: 0;
  }
}
@media(max-width:1200px){
  .chart-start{
    overflow-x: auto;
  }
  .tournament{
    min-width: 800px;
  }
}