/* ============= max-width:1600px ==========*/
@media only screen and (max-width: 1600px) {
  .banner-bottom-wrapper::after {
    width: 200px;
    height: 245px;
    top: -20px;
    opacity: 0.2;
  }
  .header-right-wrapper {
    padding-right: 80px;
  }
  .header-middle-wrapper {
    gap: 40px;
  }
}
/* ============= max-width:1500px ==========*/
@media only screen and (max-width: 1500px) {
  .header-right-wrapper {
    padding-right: 40px;
  }
  .header-middle-wrapper {
    gap: 30px;
  }
}
/* ============= max-width:1366px ==========*/
@media only screen and (max-width: 1366px) {
  .row {
    margin: 0;
  }
  .header-left-col {
    padding-left: 0;
  }
  .site-header .site-branding::before {
    display: none;
  }
  .banner-left-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 700px;
    min-height: 700px;
  }
  .banner-right-image img {
    max-height: 296px;
    min-height: 296px;
  }
  .banner-bottom-wrapper::after {
    width: 220px;
    height: 270px;
    opacity: 0.2;
    z-index: 0;
  }
/*   .banner-bottom-content,
  .banner-bottom-image p {
    max-width: 100%;
  } */
	.banner-bottom-image h1, .banner-bottom-image p {
		font-size: 20px;
		line-height: 28px;
	}
  .banner-bottom-content {
    max-height: 185px;
  }
  .banner-bottom-wrapper::after {
    width: 150px;
    height: 185px;
  }
  .header-right-wrapper {
    padding-right: 12px;
  }
  .header-middle-wrapper {
    gap: 16px;
  }
}
/* ============= max-width:1200px ==========*/
@media only screen and (max-width: 1200px) {
  .row {
    margin: 0;
  }
  /* Typography */
  h1,
  .heading-one {
    font-size: 24px;
    line-height: 30px;
  }

  h2,
  .heading-two {
    font-size: 20px;
    line-height: 28px;
  }
  .text-xxl {
    font-size: 22px;
    line-height: 32px;
  }
  .text-xl {
    font-size: 18px;
    line-height: 28px;
  }
  /* End Typography */

  /* Spacing Style */
  .mb-24 {
    margin-bottom: 20px;
  }
  .mb-20 {
    margin-bottom: 16px;
  }
  .py-50 {
    padding: 40px 0;
  }
  .pt-50 {
    padding-top: 40px;
  }
  .mt-50 {
    margin-top: 40px;
  }
  .pb-50 {
    padding-bottom: 40px;
  }
  .modal-body {
    padding: 26px;
  }
  /* End Spacing Style */
  .header-right-wrapper {
    padding-right: 0;
  }
  .header-city-dropdown .header-city {
    font-size: 14px;
    line-height: 20px;
  }
  /* Banner */
  .banner-left-image img {
    max-height: 588px;
    min-height: 588px;
  }
  .banner-right-image img {
    max-height: 284px;
    min-height: 284px;
  }
  .banner-bottom-image {
    padding: 20px 20px 28px 20px;
  }
  .banner-bottom-image h1,
  .banner-bottom-image p {
    font-size: 18px;
    line-height: 28px;
  }
  .banner-bottom-image h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .banner-btn-wrapper {
    gap: 20px;
    margin-top: 20px;
  }
  .banner-bottom-wrapper::after {
    width: 180px;
    height: 220px;
  }
  /* Banner End */

  /* Club Listing */
  .club-listing .breadcrumbs {
    padding-bottom: 20px;
  }
  .court-list-wrapper {
    gap: 20px;
    margin-bottom: 20px;
  }
  .picture-list,
  .add-products,
	.gallery{
    flex-wrap: wrap;
    gap: 10px;
  }
  .picture-list li,
	.gallery a{
    max-width: 134px;
  }
  .add-products > li {
    width: 25%;
  }
		.add-products > li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
  .events-image {
    max-width: 100%;
    max-height: 100%;
  }
  .club-listing .events-row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .events-row > div {
    padding-left: 12px;
    padding-right: 12px;
  }
  /* Club Listing End */

  /* Club Detail */
  .coaches-inner-box {
    gap: 14px;
  }
	.coach-item {
		padding: 0;
	}
  /* Club Detail End */

  /* Blog Listing page */
  .blog-link-container .blog-title {
    margin-bottom: 8px;
  }
  /* Blog Listing Page End*/

  /* Authentication */
  .auth-box {
    padding: 26px;
  }
  /* Authentication End */
}

/* ============= max-width:991px ==========*/
@media only screen and (max-width: 991px) {
  /* Typography */
  h1,
  .heading-one {
    font-size: 22px;
    line-height: 28px;
  }

  h2,
  .heading-two {
    font-size: 18px;
    line-height: 26px;
  }
  .text-xxl {
    font-size: 20px;
    line-height: 28px;
  }
  .text-xl {
    font-size: 16px;
    line-height: 26px;
  }
  /* End Typography */

  /* Spacing Style */
  .mb-24 {
    margin-bottom: 16px;
  }
  .mb-20 {
    margin-bottom: 12px;
  }
  .py-50 {
    padding: 30px 0;
  }
  .pt-50 {
    padding-top: 30px;
  }
  .mt-50 {
    margin-top: 30px;
  }
  .pb-50 {
    padding-bottom: 30px;
  }
  /* End Spacing Style */

  /* Button Style */
  .solid-btn,
  .border-btn,
  .white-border-btn {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 22px;
  }
  .banner-btn-wrapper .header-city {
    padding: 9px 14px;
  }
  /* Button Style End */

  /* Header */
  .desktop-menu {
    display: none;
  }
  .mobile-menu {
    display: flex;
    justify-content: flex-end;
  }
  .mobile-menu ul li a {
    padding: 12px 16px;
    border-bottom: 1px solid #dfdfdf;
  }
  .modal-body {
    padding: 24px;
  }
  .header-bottom-navigation .header-bottom-nav {
    gap: 40px;
  }
  .header-right-wrapper {
    padding-right: 0;
  }
  .header-right-wrapper {
    gap: 8px;
  }
  .site-branding a {
    height: 64px;
  }
  .header-middle a::before {
    bottom: 0;
  }
  .site-content {
    margin-top: 64px;
  }
  .page-template-club-listing .site-content,
  .page-template-events .site-content,
  .page-template-things-to-do .site-content,
  .single-court .site-content {
    margin-top: 112px;
  }
  .mobile-btn {
    max-width: 24px;
  }
  .offcanvas-header .mobile-logo {
    max-width: 160px;
  }
  .offcanvas-header .btn-close {
    position: static;
  }
  .header-bottom-navigation {
    padding: 0;
  }
  .header-middle a {
    font-size: 15px;
    line-height: 64px;
  }
  .header-right-wrapper .mobile-btn {
    max-width: 29px;
    background-color: #7fd5ca;
    padding: 4px;
    border-radius: 4px;
    flex-shrink: 0;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    /*width: 55px;*/
    width: 30px;
    background: #285455;
    color: #fff;
    padding: 4px;
    text-align: center;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    left: 4px;
    top: 4px;
    filter: brightness(100);
    display: none;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle span {
    color: #fff;
  }
  .header-city-dropdown .header-city {
    padding: 20px 0;
  }
  .header-middle {
    display: none;
  }
  .my-acc-btn {
    font-size: 13px;
  }
  /* Header End */

  /* Banner */
  .banner-right-wrapper {
    position: relative;
  }
  .banner-right-image {
    height: 100%;
  }
  .banner-left-image img {
    max-height: 494px;
    min-height: 494px;
  }
  .banner-right-image img {
    max-height: 100%;
    min-height: 100%;
  }
  .banner-bottom-image h1,
  .banner-bottom-image p {
    font-size: 16px;
    line-height: 26px;
  }
  .banner-bottom-image h2 {
    font-size: 14px;
    line-height: 24px;
  }
  .banner-bottom-wrapper {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
  .banner-bottom-image {
    padding: 20px;
    background: rgb(127 213 202 / 85%);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .banner-bottom-wrapper::after {
    width: 150px;
    height: 185px;
  }
  /* Banner End */

  /* Footer */
  body .site-footer .tnp-subscription input[type="text"],
  body .site-footer .tnp-subscription input[type="email"],
  body .site-footer .tnp-subscription input[type="submit"],
  body .site-footer .tnp-subscription select,
  body .site-footer .tnp-subscription textarea,
  body .site-footer .tnp-profile input[type="text"],
  body .site-footer .tnp-profile input[type="email"],
  body .site-footer .tnp-profile input[type="submit"],
  body .site-footer .tnp-profile select,
  body .site-footer .tnp-profile textarea {
    padding: 9px 14px;
    font-size: 15px;
    line-height: 20px !important;
  }
  .copyright-left,
  .copyright-right p {
    text-align: center;
  }
  .copyright-left {
    margin-bottom: 8px;
  }
  /* Footer End */

  /* Club Listing */
  .club-listing .breadcrumbs {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .court-list-wrapper {
    gap: 16px;
    margin-bottom: 16px;
  }

  /* .club-listing .breadcrumbs {
    padding-bottom: 20px;
  } */
  /* .court-list-wrapper {
    gap: 20px;
    margin-bottom: 20px;
  } */
  /* Club Listing End */

  /* Club Detail */
  .club-title {
    padding: 8px 10px;
  }
  .add-products > li {
    width: 33.33%;
  }
  .coaches-inner-box {
    gap: 12px;
  }
  .contact-bottom {
    padding: 22px 18px;
  }
  /* Club Detail End */

  /* About us */
  .about-us-col-right .about-us-img {
    display: block;
  }
  .about-us-col-right .about-us-img img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }
  .about-us-col-left .about-us-img {
    display: none;
  }
  /* About us End */

  /* Contact Us */
  .contact-info {
    margin-bottom: 24px;
  }
  .contact-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
  }
  /* Contact Us */

  /* FAQ */
  .faq-container .accordion-button,
  .faq-container .accordion-body {
    padding: 12px;
  }
  /* FAQ End */

  /* 404 Page */
  .page-not-found-section .error {
    font-size: 120px;
    line-height: 120px;
  }
  /* 404 Page End*/
  /* Blog listing */

  .blog-link-container .blog-info-container p {
    margin-bottom: 8px;
  }
  /* Blog listing End*/

  /* Blog detail */
  .blog-detail {
    margin-bottom: 24px;
  }
  .recent-post .widget_block {
    padding: 8px 14px;
  }
  .recent-post .recent-posts-widget-with-thumbnails {
    padding: 16px 14px;
  }
  #rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 60px;
    height: 60px;
  }

  /* Authentication */
  .auth-box {
    padding: 22px;
  }
  .auth-box input {
    padding: 8px 16px;
    font-size: 15px;
    line-height: 22px;
  }
  .login-remember {
    margin-bottom: 25px;
  }
  /* Authentication End */
	.club-desc-wrap > p {
		font-size: 16px;
	}
	
	body.no-events .site-content {
    	margin-top :64px;
	}
}

/* ============= max-width:767px ==========*/
@media only screen and (max-width: 767px) {
  /* Typography */
  h1,
  .heading-one {
    font-size: 20px;
    line-height: 26px;
  }
  /* Typography End */

  /* Spacing */
  .py-50 {
    padding: 20px 0;
  }
  .pt-50 {
    padding-top: 20px;
  }
  .pb-50 {
    padding-bottom: 20px;
  }
  .mt-50 {
    margin-top: 20px;
  }
  .inquirenow .row > div {
    padding: 0;
  }
  /* Spacing end */

  /* Button Style */
  .solid-btn,
  .border-btn,
  .white-border-btn {
    font-size: 14px;
    line-height: 21px;
    padding: 9px 18px;
  }
  .banner-btn-wrapper .header-city {
    padding: 9px 10px;
  }
  /* Button Style End */

  /* Header */
  .icon-location,
  .icon-down-arrow {
    width: 20px;
    height: 20px;
  }
  .header-city {
    font-size: 14px;
    line-height: 24px;
  }
  .site-branding a {
    height: 46px;
  }
  .site-content {
    margin-top: 46px;
  }
  .modal-body {
    padding: 20px;
  }
  .header-bottom-navigation .header-bottom-nav {
    gap: 30px;
  }
  .page-template-club-listing .site-content,
  .page-template-events .site-content,
  .page-template-things-to-do .site-content,
  .single-court .site-content {
    margin-top: 106px;
  }
  .header-right-wrapper {
    gap: 10px;
  }
  /* .site-header {
    padding: 10px 0;
  } */
  .header-bottom-menu {
    padding: 6px 0;
  }
  .header-city-dropdown .header-city {
    padding: 13px 0;
    gap: 3px;
  }
  .header-middle-col {
    border-top: 1px solid #bfe0e0;
    padding: 0 12px;
  }
  .header-city-dropdown .header-city {
    padding: 6px 0;
  }
  .header-city-dropdown .city-dropdown-menu {
    padding: 12px;
  }
  .header-left-col {
    order: 1;
  }
  .header-middle-col {
    order: 3;
  }
  .header-right-col {
    order: 2;
  }
  .header-middle-wrapper {
    justify-content: flex-start;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    width: 40px;
    padding: 0;
  }
  .header-right-wrapper .mobile-btn {
    max-width: 26px;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    width: 32px;
    padding: 4px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle span {
    font-size: 14px;
    line-height: 22px;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
  }
  .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    width: 44px;
  }
  /* Header End */

  /* Banner */
  .banner-bottom-image {
    padding: 24px 12px;
  }
  .banner-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
  }
  .banner-bottom-content {
    max-height: 100%;
    padding-right: 8px;
  }
  .banner-right-image img {
    min-height: 300px;
  }
  .banner-mobile-image img {
    max-height: 400px;
    min-height: 400px;
    object-fit: cover;
    object-position: center;
  }
  .banner-right-image {
    display: none;
  }
  .banner-bottom-wrapper {
    position: static;
  }
  /* Banner End */

  /* Footer */
  .footer-logo img {
    max-width: 168px;
  }
  .footer-logo,
  .social-media-block,
  .quick-links-block {
    margin-bottom: 16px;
  }
  .footer-title {
    margin-bottom: 10px;
  }
  .tnp-field.tnp-field-email {
    width: 100%;
  }
  body .site-footer .tnp-subscription input[type="text"],
  body .site-footer .tnp-subscription input[type="email"],
  body .site-footer .tnp-subscription input[type="submit"],
  body .site-footer .tnp-subscription select,
  body .site-footer .tnp-subscription textarea,
  body .site-footer .tnp-profile input[type="text"],
  body .site-footer .tnp-profile input[type="email"],
  body .site-footer .tnp-profile input[type="submit"],
  body .site-footer .tnp-profile select,
  body .site-footer .tnp-profile textarea {
    padding: 7px 12px;
    font-size: 14px;
  }
  /* Footer End */

  /* Club Listing */
  .club-listing .breadcrumbs {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  /* Club Listing End */

  /* Club Detail */
  .club-title {
    padding: 8px;
  }
  .add-products > li {
    width: 50%;
  }
  .coaches-inner-box {
    gap: 10px;
  }
  .contact-bottom {
    padding: 18px 14px;
  }
  /* Club Detail End */

  /* Contact us  */
  .contact-list {
    gap: 4px 12px;
  }
  .contact-info .wpcf7 {
    padding: 12px;
  }
  /* Contact us  End*/

  /* 404 Page */
  .page-not-found-section {
    min-height: calc(100vh - 400px);
  }
  .page-not-found-section .error {
    font-size: 90px;
    line-height: 90px;
  }
  /* 404 Page End*/
  /* Blog Listing start */
  .blog-link-container .read-more-link {
    font-size: 14px;
    line-height: 21px;
  }
  /* Blog Listing End */

  /* Authentication */
	.page-template-authentication .site-content {
		margin-top: 79px;
	}
  .auth-box {
    padding: 18px;
  }
  .login-remember {
    margin-bottom: 20px;
  }
  .registration-box {
    margin-top: 20px;
  }
  /* Authentication End */
	.club-desc-wrap > p {
		font-size: 14px;
	}
	body.no-events .site-content {
    	margin-top :79px;
	}
}

/* ============= max-width:575px ==========*/
@media only screen and (max-width: 575px) {
  .modal-body {
    padding: 16px;
  }
  .city-block {
    margin-bottom: 20px;
    padding: 8px 12px;
  }
  .city-block ul {
    gap: 8px;
  }
  .city-block ul li {
    padding-bottom: 10px;
  }
  .header-bottom-navigation .header-bottom-nav {
    gap: 20px;
  }
  .site-header .header-city-modal-text .header-city .selected-city-text {
    text-overflow: ellipsis;
    width: 100%;
    max-width: 72px;
    white-space: nowrap;
    overflow: hidden;
  }
  .my-acc-btn {
    font-size: 0;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .icon-user {
    width: 24px;
    height: 24px;
  }
  /* .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    width: 100%;
    padding: 5px;
  }
  .mobile-language-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
  }
  .wpml-ls-legacy-dropdown {
    width: 100px;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,
  .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a,
  .wpml-ls-legacy-dropdown a:focus,
  .wpml-ls-legacy-dropdown a:hover {
    text-align: left;
    color: #fff;
    background: #285455;
  }
  .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle span {
    color: #fff;
  }
  .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    border: 0;
    padding: 8px 10px;
  } */

  /* .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 4px;
    left: auto;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.3s ease-in-out;
    background-image: url(../images/icon-down-arrow.svg);
    background-position: right;
    width: 20px;
    height: 20px;
    filter: brightness(100);
  } */
  .banner-btn-wrapper {
    gap: 10px;
  }
  
  .page-template-club-listing .site-content,
  .page-template-events .site-content,
  .page-template-things-to-do .site-content,
  .single-court .site-content {
    margin-top: 117px;
  }
  /* Header End */

  /* Banner */
  .banner-left-image img,
  .banner-mobile-image img {
    max-height: 294px;
    min-height: 294px;
  }
  .banner-bottom-image {
    padding: 12px;
  }
  /* Banner End */

  /* Footer */
  .footer-title {
    margin-bottom: 8px;
  }
  .site-footer {
    padding-top: 20px;
  }
  .copyright-row {
    margin-top: 20px;
  }
  /* End Footer */

  /* Club Listing */
  .court-list-wrapper {
    flex-direction: column;
  }
  .court-list-image {
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
  }
  .ajax-pagination {
    margin-top: 20px;
  }
	
  /* Club Listing End */

  /* Club Detail */
  .coaches-inner-box {
    gap: 8px;
    flex-direction: column;
  }
	.coaches-image {
    max-width: 100%;
    max-height: 100%;
}
  .add-products > li {
    width: 48%;
  }
  .picture-content {
    padding: 6px;
  }
  /* Club Detail End */

  /* Blog Listing start */
  .blog-link-container .blog-title {
    font-size: 16px;
    line-height: 24px;
  }
  .blog-link-container {
    padding: 12px;
  }
  /* Blog Listing End */

  /* Authentication */
  .auth-box {
    padding: 14px;
  }
  /* Authentication End */

  .page-template-contact-us .site-content,
  .page-template-faq .site-content,
  .page-template-blogs .site-content {
    margin-top: 83px;
  }
  .picture-content-top .heading-five {
    font-size: 15px;
    line-height: 20px;
  }
  .picture-list li,
	.gallery a{
    max-width: 142px;
  }
}

/* ============= max-width:480px ==========*/
@media only screen and (max-width: 480px) {
  .header-right-wrapper {
    gap: 8px;
  }
  /* thankyou */
  .thank-you-block .btn-group {
    flex-direction: column;
  }
  .checkmark {
    width: 80px;
    height: 80px;
  }
  .checkmark img {
    width: 40px;
    height: 40px;
    object-fit: cover;
  }
  /* thankyou end */
}