@media only screen and (max-width:1600px){
.custom-modal .modal-body .review-list {max-height:400px;}
		.custom-modal {max-width: 700px;}
		.custom-modal .btn-group { margin:20px 0;}
}


@media only screen and (max-width:1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    	max-width: 1200px;
	}
		
		.tee-times{padding-bottom: 15px; overflow-x: scroll;}
		

}


@media only screen and (max-width:1300px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    	max-width: 1170px;
	}
	.custom-modal .form-box input[type="text"], .custom-modal .form-box input[type="email"], .custom-modal .form-box textarea{font-size: 12px;}
	.custom-modal .review-box ul > li{font-size: 13px;}
.custom-modal .modal-body .review-list .mCSB_container li a img {
	height: auto;
	width: 15px;
}
}


@media only screen and (max-width:1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    	max-width: 1140px;
	}
	header .header-right .nav{gap:15px;}
	header .logo img {max-height:55px;}
	header .header-right {min-height: 65px;}
.player-detail table tr th, .player-detail table tr td{padding:10px 8px;}

}



/* Toggle icon (only visible on mobile) */
.toggle-icon::before {
	content: "+";
	float: right;
	font-size: 25px;
	margin-left: 8px;
	font-weight: 500;
}

.toggle-icon.active::before {
  content: "-";
}

/* On mobile, submenu opens when active */
@media (max-width: 991px) {
  .main-menu .sub-menu.open {
    max-height: 500px; /* expand */
    opacity: 1;
    visibility: visible;
  }

}





@media only screen and (max-width: 991px){
.container, .container-md, .container-sm {
	max-width: 100%;
}
header .last{position: absolute; top: 46px; display: flex;}
header .score{margin-right: 5px;}
header .logo img {
	width: 100%;
	max-height: 50px;
}

.inner-banner{padding: 50px 0; min-height:200px;}
.header-top .container .close{top: 9px;}
.text-slider{height: 35px;}
.header-top{height: 35px; min-height: auto;}

.menu-toggle.active i:before{
	content: "\F62A";
	font-family: "bootstrap-icons";
}
.menu-toggle {
	display: block;
	right: 0;
	float: right;
	background: linear-gradient(90deg, #0F5729 0%, #31814F 100%) !important;
	width: 35px;
	height: 35px;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 27px;
	/* margin-top: 8px; */
	line-height: 20px;
	flex-shrink: 0;
}

.menu-toggle:hover{color: #fff;}
header{position:static;}
header.sticky{position: static;}
header .header-right {
	background: #fafafa;
    top:95px;
    left: 0;
    padding: 20px;
    z-index: 9;
    position:absolute;
    width: 100%;
    height: calc(100%);
    overflow-x: auto;
    transition: .6s linear 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    min-height: inherit; opacity: 0.5; align-items: flex-start;
}
.header-right.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99; opacity: 100%;
}

header .header-right .nav {
	display: flex;
	gap:0;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
}
header .header-right .nav > li a:hover::before {
	content:none;
}
.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}

header .logo {
	height: auto;
	padding: 5px 0;
	background: none;
	position: static;
	box-shadow: none;
}


header .header-right .toggle-icon{position: absolute; right: 0; top: 7px; height:100%;}
header .header-right .nav li .sub-menu.open{
 max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
	opacity: 1;
	visibility: visible;
	position: static;
	width: 100%;
	margin-top: 10px;
	overflow: auto;
}
header .header-right .nav li .sub-menu {
	width: 100%;
}	
header .header-right > .nav > li > a {
	width: 100%;
	display: flex;
	padding: 10px 0;
	justify-content: space-between;
}
header .header-right .nav li {
	font-size: 16px;
	border-bottom: 1px solid #DCE5DF;
	line-height: 22px;
}
header .header-right .nav li:last-child{border-bottom: 0;}
.back-to-home, .back-to-page {
	position: static;
	margin-bottom: 15px;
}

.menu-dropdown-icon {
	width: 40px;
	display: flex;
	border: 1px dotted #67335A;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: -2px;
	height: 100%;
	border-radius: 4px;
}
.menu-dropdown-icon img{width:15px;}
.service-cards ul {flex-wrap: wrap;}
.service-cards ul li {width: calc(33.33% - 16px); flex: 1 1 auto;}
.golf-card .price{font-size: 16px;}
.search-activity ul {
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}
.search-activity ul li{width: calc(33.33% - 10px);}
.playday .col-md-4{margin-bottom:30px;}
.playday .col-md-12.mt-5{margin-top:20px !important;}
.weather-card .weather-info {
	width: 100%;
	text-align: center;
	display: flex;
	gap:2px;
	flex-direction: column;
}
.golf-card.horizontal .golf-top{flex-direction: column;}
.golf-card.horizontal.head .golf-top {
	flex-direction: row;
}
.golf-card.horizontal figure {
	width: 100%;
	border-radius: 10px 10px 0 0;
}
#weather-widget-tab{gap: 10px;}
.golf-card.horizontal .inner-text {padding:20px;}
.custom-modal .modal-body .review-list {max-height:400px;}
.custom-modal {max-width: 700px;}
.custom-modal .form-box .form-row {margin-bottom: 0;}
.custom-modal .form-box .form-row .col-md-12{margin-bottom:15px;}

.payment .player-detail{margin-bottom:30px;}
.timer-row .date-time {
	align-items: flex-end;
	gap: 5px;
	flex-direction: column;
}
.payment .inner ul li .pay-card img{height: 30px;}
.payment .timer-row strong{font-size: 22px;}

}
	


@media only screen and (max-width:767px){
.space {
	padding: 30px 0;
}

h1{font-size: 40px; line-height: 44px;}
.inner-banner p { font-size: 20px; line-height: 26px;}

.home-banner {height: calc(100vh - 95px);}
.home-banner p{font-size: 20px;}
.home-banner h1 br{display: none;}
header .score{gap:5px;}
.filter-box{flex-direction: column; gap: 10px;}
.filter-box .box {width: 100%; max-width: 100% !important;}
footer::before, footer::after {
	width: 385px;
	height: 340px;
	bottom: 0;
	top: auto;
}

footer .first{margin-bottom: 20px;}
.copyright {padding: 15px 0; margin-top:15px;}
.footer-logo {
	width: 75px;
	height: 50px;
	display: block;
	margin: 0 auto 20px;
}
footer p{text-align: center;}
.social-links{justify-content: center;}
footer .first p {
	max-width: 450px;
	margin: 0 auto 15px;
}
.copyright p {
	max-width: 450px;
	margin: 0 auto;
}

.heading-group {
	margin-bottom: 30px;
	flex-direction: column;
	gap: 20px;
}
.heading-group .location-change{margin: 0;}
.common-btn.pull-right{margin: 0 !important}

.close-filter {
	display: block;
}

.left-filter-box {
	  max-width: 100%;
    top:0;
    left: 0;
    z-index: 9;
    position:fixed;
    width:80%;
    height: calc(100%);
    overflow-x: auto;
    transition: .6s linear 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 0;
}
.left-filter-box.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99; opacity: 100%;
}

.web-filters {
	display: flex;
	align-items: center;
	font-weight: 600;
	justify-content: space-between;
	background: #e3f2e8;
	padding: 10px;
	border-radius: 5px;
}

.web-filters i{cursor: pointer;}

.left-filter-box .btn-column{flex-direction: row}
.inner-right{width: 100%; margin-top: 35px;}
.golf-card.horizontal .golf-bottom .tee-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-direction: column;
	gap: 10px;
}
.golf-card.horizontal .golf-bottom .tee-header .btn-group {
	gap: 9px;
}

.golf-card.horizontal .golf-bottom .tee-header .btn-group button {
	width: auto;
	font-size: 12px;
	padding: 0 10px;
}
.back-to-home img, .back-to-page img{width: 12px;}
.back-to-home, .back-to-page{font-size: 14px; line-height: 16px;}
.chat-icon{bottom: 75px;}
.custom-modal .review-box ul > li ul li a img{width:15px;}
.custom-modal .review-box ul > li{font-size:14px;}
.custom-modal .form-box{background:#FAFAFA; padding: 20px; border-radius: 10px;}
.custom-modal .form-box input[type="text"], .custom-modal .form-box input[type="email"], .custom-modal .form-box textarea{background:#fff;}
.custom-modal .form-box{margin-top:15px;}
.custom-modal .total-review {
	flex-direction: column-reverse;
	justify-content: flex-start;
	align-items: flex-start;
}
.custom-modal .modal-content{padding:25px 20px;}
.all-teetimes .tee-times .tee .common-btn{width: auto;}
.add_player .card-body{padding:15px; border: 0;}
.add_player .player-card{padding: 15px;}
.payment .inner{padding:20px;}
.payment .inner ul{flex-wrap: wrap;}
.inner ul li{width: calc(50% - 12px);}
.custom-modal {max-width:80%; margin: 0 auto;}
.golf-card ul.tags li{width:auto;}
}


@media only screen and (max-width:600px){
.service-cards ul li {width: calc(50% - 16px); flex: 1 1 auto;}
.search-activity ul li {width: calc(50% - 10px);}
.search-activity ul li .activity-card .text h3{font-size: 16px;}
footer .col-sm-4 {margin-bottom: 25px;}

footer::before {
	width: 100%;
	height: 100%;
	bottom: auto;
	top: 0;
	background-size: cover;
	right: -120px;
}

footer::after {
content: none;
}
#weather-widget-tab {
	flex-wrap: nowrap;
	width: 100%;
	overflow: scroll;
	padding: 0 0 20px 0;
}
#weather-widget-tab li {
	width:calc(50% - 10px); 
}
.golf-card .bottom-row, .golf-card .top-row {
	flex-direction: column;
	align-items: flex-start;
	gap:10px;
}
.golf-card.horizontal .icons-group{margin: 0;}
.golf-card.horizontal h3{margin-bottom: 10px;}
.golf-card.horizontal .icons-group {
	margin: 0 0 5px 0;
}
.golf-card .top-row{margin-bottom: 10px}
.golf-card.horizontal.head .golf-top {
	flex-direction: column;
}

.golf-card.horizontal.head figure {
	border-radius: 10px;
	width: 100%;
	height: 250px;
}
.golf-card.horizontal.head .bottom-row {
	flex-direction: row;
	align-items: center;
}

.custom-modal .modal-body .review-list li .inner .top {
	flex-direction: column;
	align-items: flex-start;
}
.custom-modal .modal-body .review-list li .inner{padding:15px;}
.custom-modal .modal-body .review-list li .inner p{font-size: 14px; line-height: 18px;}
.golf-card.horizontal .golf-bottom .tee-header .btn-group button, .golf-card.horizontal .golf-bottom .tee-header .btn-group a {
	padding: 0 15px;
}
.custom-modal .btn-group .common-btn{min-width: inherit;}
.payment h4{margin-bottom: 15px;}
.payment .timer-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.payment .timer-row strong{font-size: 18px;}
.payment .timer-row .date-time {
	align-items: flex-start;
	gap: 5px;
	margin: 0;
	gap: 10px;
	flex-direction: row;
}

.payment .player-detail{width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.payment .player-detail table.summary{
  min-width:400px;
  border-collapse: collapse;
}
.payment .right .custom-check{margin-top: 0 !important;}
.payment .inner ul li .pay-card span{font-size: 14px;}
.payment .inner .btn-group {
	flex-direction: column;
}
.payment .timer-row span{font-size: 14px;}
.payment .timer-row strong{font-size: 16px;}
.timer-row .date-time b {
	margin-left:0 !important;
	display: block;
}

.timer-row .date-time span {
	margin: 0;
	padding: 0 5px;
	position: relative;
}
.timer-row .date-time span:first-child{padding-left: 0;}
.timer-row .date-time span:first-child:after{content: none;}
.timer-row .date-time span::after {
	position: absolute;
	left: -7px;
	top: 0;
	content: "";
	border-right: 1px solid #DCE5DF;
	height: 100%;
}
.location .modal-body .btn-group{gap:10px;}
.location .modal-body .btn-group .common-btn{padding:0 5px; font-size: 14px;}

}