/* Media Screen For Booking Steps */
@media only screen and (max-width: 480px) {
    /* CSS rules for mobile devices */

    /* Start Header 2 */
    .mini-navbar .navbar-brand{
        margin-left: 0;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        padding-right: 0;
        padding-left: 0;
    }
      #navbarsExample06 .book-nav{
        display: block;
      }
        #navbarsExample06 a {
            /* padding: 5px 5px; */
            margin: 10px auto;
      }
    /* END */
    /* Start Footer */
    /* .footer-mobile{
            justify-content: flex-start;
    }
    .footer-single-col .footer-head{
        text-align: left;
       }
       .social-footer{
        display: flex;
        justify-content: flex-start;
       }
    /* END */
    /* Start trained-gain */
    .trained-gain .slick-dots{
        bottom: -65px;
    }
    .trainer-details .trainer-content p {
        height: auto;
    }
    /* END */
    /* sports camp */
    .weekly-sports .head-content {
        font-size: 20px;
    }
    .weekly-sports .overlay span{
        font-size: 20px;
        top: 20px;
    }
    .weekly-sports .overlay p {
        font-size: 16px ;
        top: 50px;
    }
    /* End */
    /* Section Contact Us */
    /* .contact-us .form-padding {
        padding: 30px 20px;
    }
    .contact-us .button-one {
        width: 100% ;
        font-size: 16px;
    }
    .contact-us .contact-wrap .form h3{
        font-size: 32px;
    }
    .contact-us .contact-wrap .form h3{
        font-size: 32px;
    }
    .contact-us .footer-bottom {
        display: block;

     }
     .footer-bottom{
        display: block;
     }
     .footer-bottom div{
        margin: 10px auto;
     } */

    /* END */
    /* Start Step 1 for booking cards */
    .card .sport {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2rem 0;
    }
    .content-head-sport h2 {
        font-size: 32px;
    }
    .content-head-sport p{
        font-size: 12px;
    }
    /* .available-week .btn-week{
        padding: 0;
    } */
    .available-week{
        padding: 0;
    }
    .trainer-content {
        margin-left: 0;
    }
    .trainer-content h2{
        font-size: 24px;
    }
    .trained-gain .book-now-button {
        justify-content: center;
    }
    .cat-content {
        transform: translateY(-50%);
    }
    .cat-content h1{
        font-size: 24px;
        line-height: 1.5;
    }
    .cat-content p{
       line-height: 1.5;
       font-size: 12px;
       display: none;
    }
    .category-head img{
    }

    /* End */
    /* Step Add Childrens Step 3 */
    .form_children .list-form span{
        font-size: 13px;

    }
    #members  .form_children .list-form span{
        font-size: 13px;
        font-size: 13px;
        width: 100%;
        text-align: center;
        margin: 10px auto;
    }
    .form-details .box-style {
        padding: 30px 0;
    }
    .form_children {
        padding: 22px 10px;
    }
    .submit-child-button{
        text-align: center;
    }
    #user-list{
        padding-left: 0;
    }
    /* End */
    /* Start Booking step 5 */
    .code span {
        margin: 0 5px;
        font-size: 13px;
    }
    .now-book {
        padding: 0 10px;
    }
    /* End */
    /* Start Successfuly step 6 */
    .head-successfully h2 {
        line-height: 1;
        font-size: 19px;
    }
    .head-successfully p {
        font-size: 13px;
        line-height: 1.5;
    }
    .ticket {
        padding: 36px 10px;
        margin: 18px 0;
    }
    .ticket .ticket-details .large-span {
        font-size: 12px;
        line-height: 2;
    }
    .ticket .ticket-details span {
        font-size: 13px;
        line-height: 1.5;
    }
    .qr-code {
        padding-left: 0;
        margin-bottom: 30px;
    }
    .qr-code svg{
        margin-bottom: 10px;
    }
    .links-policy a {
        margin: 0 auto;
        text-align: center;
        font-size: 13px;
    }
    /* End */
    /* Start User Profile */
    .user-profile .user-tab {
        padding: 30px 0px;
    }
    .user-profile .content-tab {
        padding: 30px 10px;
    }
    .user-profile .nav-tabs{
        display: flex;
        justify-content: start;
        align-items: center;
        flex-wrap: wrap;
    }
    .test-image {
        background-image: url(../media/layer2.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: right center;
        opacity: .2;
        position: absolute;
        top: 45%;
        bottom: 0px;
        right: 0;
        left: 0;
        height: 100vh;
        transform: rotate(0);
    }
    .form_children span{
        font-size: 13px;
    }
    /* End User Profile */
    /* Weekly sports */
    /* .weekly-sports .overlay p{
        top: 45%;
        font-size: 16px;
    }
    .weekly-sports .overlay span{
        top: 30%;
        font-size: 24px;
    } */
    /* END */

    /* Start Loader */
      .loader-overlay .loader{
        top: 31%;
        left: 40%;
      }
      /* END */
      /* Start Pricing */
      .header-price img{
        height: 30vh;
      }
      .head-price-content{
        transform: translate(-50%, -50%);
        width: 100%;
          }
      .head-plan{
        font-size: 24px;
      }
      .head-price-content p {
        margin-top: 16px;
        font-size: 13px;
        letter-spacing: 0;
        text-align: center;
      }
      .table-res ul{
        padding-left: 0;
      }
      /* End Pricing */
      .date-span{
        justify-content: center;
      }
      .hero-image{
            min-height: 135px;
      }
      .head-price-content h1{
        font-size: 32px;
      }
}

@media only screen and (min-width: 481px) and (max-width: 776px) {
    .mini-navbar .navbar-brand{
        margin-left: 0;
        padding: 0;
        padding-right: 0px;
        padding-left: 0px;
        padding-right: 0;
        padding-left: 0;
    }
      #navbarsExample06 .book-nav{
        display: block;
      }
        #navbarsExample06 a {
            /* padding: 5px 5px; */
            margin: 10px auto;
      }
      .cat-content p{
        line-height: 1.5;
        font-size: 12px;
        display: none;
     }
     .footer-bottom {
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .head-price-content{
        transform: translate(-165px, -55px);
    }
    .head-price-content p {
        margin-top: 16px;
      }
      .table-res{
        table-layout: fixed;
    }
    .cat-content p{
        line-height: 1.5;
        font-size: 12px;
        display: none;
     }
}
@media screen and (max-width: 425px) {
    .footer-bottom {
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) {
    .date-picker > .placeholder::after {
        display: none;
    }
}