@media (max-width: 1440px) {
  .heading-grey-about {
    font-size: 40px;
  }
}
@media (min-width: 1300px) {
  .add-card-border {
    min-height: 115px;
  }
  .hero-banner-contact {
    padding-top: 600px;
  }
}
@media (max-width: 1280px) {
  .contact-details .form-control {
    padding: 0px 30px 0px 40px;
  }
  .contact-details .input-group-append span {
    font-size: 25px;
  }
  span.material-icons-outlined.text-danger.question-icon {
    right: -15px !important;
    position: relative;
  }
  .pay-btn {
    font-size: 16px;
  }
  .contact-details .input-group-prepend span {
    font-size: 25px;
    left: 5px;
  }
  .heading-grey-about,
  .prof-heading {
    font-size: 35px;
  }
  .opt-div input {
    height: 20px;
    width: 20px;
  }
  .radius-data-range {
    margin-left: 10rem;
  }
  .responsive-map {
    min-height: 25rem !important;
  }
}
@media (max-width: 1024px) {
  /* .responsive-map {
       
        min-height: 25rem;
    } */
  .prev-p {
    font-size: 22px;
  }
  .prev-booking li {
    padding: 5px 15px;
  }
  .hero-banner-height {
    padding-top: 50%;
  }
  .hero-banner {
    height: 350px;
  }
  .location_map {
    padding: 0;
    margin: 0;
  }
  .location_map p {
    font-size: 10px;
  }
  /* contact us page */

  .desc-white-contact {
    font-size: 14px;
  }
  .hero-banner-contact {
    bottom: 0;
    padding-top: 610px;
  }
  .desc-white p {
    font-size: 14px;
  }
  .quantity-value {
    font-size: 32px !important;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .card-one.add-card {
    padding: 15px;
  }
  .image-banner {
    margin-left: 40px;
  }
  .plr-70 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .checkmark-two {
    left: 80%;
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%);
  }
  .checkmark-one input {
    left: -28px;
    height: 20px;
    width: 20px;
  }
  .checkmark-one {
    justify-content: center;
    position: absolute;
    left: 110px;
    top: 60%;
    transform: translate(-50%, -50%);
  }
  .twt-btn,
  .fb-btn {
    font-size: 16px;
    padding: 10px 30px;
  }
  .add-card-border {
    padding: 20px 10px !important;
  }
  .plr-50 {
    padding: 20px !important;
  }
  .sign-in-form {
    padding-right: 0px !important;
  }
}
@media (min-width: 992px) {
}
@media (max-width: 991px) {
  .forgot-number > input.form-control::-webkit-input-placeholder {
    /* width: 100%; */
    font-size: 22px;
  }

  .signup-page {
    padding-right: 0;
  }
  .social-img {
    width: 20px;
    height: 20px;
  }
  .contact-button {
    font-size: 14px;
    height: 50px;
  }
  .quantity-value {
    font-size: 22px;
  }
  .dropdown-profile-mobile {
    position: absolute;
    left: 70%;
    top: 60px;
  }
  input.form-control.pl-value::-webkit-input-placeholder {
    font-size: 14px;
  }
  .booking-status p {
    text-align: left;
  }
  .hide-prev-list,
  .cancel-booking-btn {
    padding-left: 0;
  }
  .cancel-booking-btn button {
    position: relative;
  }
  .plr-50 {
    padding: 20px !important;
  }
  .opt-div input {
    height: 18px;
    width: 18px;
  }
  .search-dropdown-btn {
    font-size: 12px;
  }
  .warning-msg p,
  .football-data p,
  .common-time-list p {
    font-size: 14px !important;
    line-height: 1.5;
  }
  .location_map p {
    margin-right: 5px;
  }
  .location_map,
  .billing-list ul {
    display: block;
  }
  .separator-login {
    height: auto;
    margin: 25px 0px 25px;
  }
  .prof-heading,
  .heading-get-in,
  .heading-grey-about {
    font-size: 24px;
    line-height: 1.2;
  }
  .plr-70 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .desc-grey-about,
  .d-service-para p {
    font-size: 14px !important;
    line-height: 1.8;
  }
  /* terms and condition */
  .heading-grey-term,
  .desc-white-contact,
  .mobile-text,
  .serive-class-para p {
    font-size: 18px !important;
  }
  /* signup page */
  .upload-btn,
  .remove-btn {
    font-size: 12px;
  }
  .desc-contact {
    padding-left: 50px !important;
  }
  /* .input-field.gender-btn {
       padding-top: 0px !important;
    } */
  .al-text {
    font-size: 18px;
    line-height: 1.8;
  }
  .fb-btn {
    padding: 0 30px;
    font-size: 16px;
    justify-content: center;
  }
  .separator-login::before {
    font-size: 20px;
  }
  /* modal  */
  .modal-heading,
  .forgot-number {
    font-size: 30px !important;
    line-height: initial !important;
    letter-spacing: 1px !important;
  }
  /* {
        font-size: 30px;
    } */
  .sports-icon img {
    right: 10px !important;
  }
  .checkmark-two {
    position: absolute;
    top: 47px;
    transform: translate(-50%, -50%);
  }
  .checkmark-two input {
    position: absolute;
    top: 0%;
    left: -45%;
    height: 20px;
    width: 20px;
    background-color: #eee;
  }
  .checkmark-one input {
    left: -28px;
    height: 20px;
    width: 20px;
  }
  .checkmark-one {
    justify-content: center;
    position: absolute;
    left: 110px;
    top: 60%;
    transform: translate(-50%, -50%);
  }
  .subscribe-form .input-group-append span {
    font-size: 25px;
  }
  .image-banner {
    margin-left: 40px;
  }
  .order-heading,
  .otp-input input {
    font-size: 24px;
  }
  .pr-70 {
    padding-right: 0px;
  }
  .pa-right {
    padding-right: 10px;
  }
  .billing-list ul li {
    padding: 0;
  }
  ul#myTab {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sign-in-form {
    padding-right: 0px !important;
  }
  .radius-data-range {
    margin-left: 8rem;
  }
  .mobile-view {
    display: none;
  }
  .get-in-touch {
    padding: 50px 15px;
    font-size: 12px;
  }
  .add-card-border span {
    font-size: 25px;
  }
  .add-card-border,
  .card-one.add-card {
    padding: 10px;
  }
  .profile-section {
    padding-right: 85px;
  }
  .twt-btn,
  .fb-btn {
    padding: 5px 20px;
  }
  .fb-btn {
    margin-top: 10px;
  }
  .checkout-img img {
    margin: 0px;
  }
  .order-screen,
  .google-map {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .hero_banner__category {
    padding-top: 50px;
  }
  .checkout-screen {
    margin-top: 20px;
  }
  .checkout-screen p,
  .order-grey {
    text-align: center !important;
  }
  .close {
    /* position: absolute; */
    right: 5px;
    top: 5px;
  }
  .sports-location {
    padding: 0;
  }
  .close-modal span {
    position: relative;
    right: 0;
    top: -5px;
    left: 47%;
  }
  .profile-icon a {
    font-size: 10px !important;

    padding: 5px 10px !important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
  }
  .profile-icon span {
    margin-left: 10px !important;
    font-size: 22px !important;
  }
  .dropdown-profile-mobile {
    position: absolute;
    left: 50%;
    top: 60px;
  }
  .purchase-cost {
    margin-top: 35px !important;
  }
  .checkout-img img {
    margin: 0px;
  }
  /* new css */
  .image-banner,
  .banner-signup {
    display: none;
  }

  .get-in-touch {
    margin-bottom: 10px;
  }
  .order-btn-col {
    padding: 0px;
    margin: 0px;
  }
  .order-btn-col .remove-btn {
    margin: 0;
    font-size: 16px;
  }
  .plr-70 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sports-list.pt-4.plr-70 ul {
    padding: 0px;
  }
  /* .hero-banner-aboutus{
       bottom: 120px !important;
       
       padding-left: 10px;
       padding-right: 10px;
    } */
  .abt-middle-tow,
  .term-list-bullet.num-list ol {
    padding: 0 10px !important;
  }
  .middle-img-gallery.one {
    padding-bottom: 10px !important;
  }
  .pa-right-4 {
    padding: 0 !important;
  }
  .pa-left-4 {
    padding-left: 0px !important;
  }
  .pt-5,
  .py-5 {
    padding-top: 1rem !important;
  }
  /* terms and condition */
  .term-list-bullet:before {
    font-size: 12px;
  }
  .pa-left-40 {
    padding-left: 20px;
  }
  .terms-heading,
  .policy-list-bullet > p,
  .policy-list-bullet:before {
    font-size: 14px;
  }
  .column-break {
    padding: 0px !important;
    -webkit-column-count: unset !important;
    font-size: 12px;
    margin-top: 1rem;
  }
  .policy-heading {
    font-size: 16px;
  }
  .policy-list-bullet.num-list ol {
    padding-left: 0px;
  }
  /* contact us page */
  .hero-banner-contact {
    bottom: 10px;
    min-height: 680px !important;
  }
  /* .hero-banner-contact {
        position: relative;
    } */
  .desktop-view {
    display: none;
  }
  .subscribe-wrap.contact-us-sec.mobile-view,
  .search-list-details,
  .checkout-screen,
  .billing-list {
    display: block !important;
  }
  .common-btn .profile-btn {
    font-size: 14px;
    height: 57px;
  }
  .card-div {
    padding: 40px;
    margin-left: 0;
    margin-right: 0;
  }
  .twt-btn,
  .fb-btn {
    font-size: 16px;
    padding: 15px 30px;
  }
  .fb-btn,
  .google-map {
    margin-top: 10px;
  }
  .booking-content-top,
  .booking-content-bottom {
    padding: 10px;
  }
  .order-screen {
    margin-top: 20px;
  }
  .plr-20 {
    padding: 0px !important;
  }
  .nav-tabs .nav-link {
    border: 0;
    padding: 10px 20px;
  }
  ul#myTab {
    font-size: 15px;
  }
  .prev-booking li {
    padding: 5px 15px !important;
  }
  a#upcoming-tab,
  a#previous-tab {
    font-size: 10px;
  }
  .dropdown.dropdown-profile .dropdown-menu.show::before {
    margin-left: 60%;
  }
  .file-btn {
    padding: 10px;
  }
  .pic-img {
    align-items: center;
    flex-direction: column;
  }
  .profile-pic-upload {
    margin-top: 25px;
  }
  .upload-btn-wrapper {
    margin-bottom: 15px;
  }
  .common-btn {
    font-size: 16px;
    height: 57px;
  }
  .checkout-screen ul {
    display: flex;
    padding: 0;
  }
  .order-p,
  .order-confirm p {
    text-align: center !important;
  }
  .service-class-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .modal-dialog {
    margin-top: 40%;
  }
}
@media (max-width: 567px) {
  .login-card p {
    font-size: 14px;
    text-align: center;
  }
  .hero-banner-content {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* .card-div {
        padding: 20px;
    } */

  .mobile-view,
  .mobile-hide,
  .login-card {
    padding-left: 0;
    padding-right: 0;
  }
  .profile-section {
    padding-right: 0px;
  }
  .get-in-touch a {
    font-size: 12px;
  }
  ul#myTab,
  .status {
    font-size: 12px;
  }
  .modal-heading,
  .forgot-number {
    font-size: 18px !important;
  }
  .mobile-text,
  .forgot-number > input.form-control::-webkit-input-placeholder {
    font-size: 14px !important;
  }
  /* .hero-banner-height {
        height: 90vh;
    } */
}