@media only screen and (max-width: 1600px) {
	.navbar-brand img {
		width: 140px;
	}

	.main-slider {
		height: 800px;
	}

	.main-slider h1 {
		font-size: 5.375rem;
	}

	.main-slider p,
	.main-slider .themeBtn span {
		font-size: 1.45rem;
	}

	.main-slider .themeBtn {
		padding: 1.275rem 2.85em;
	}

	.aboutSec {
		padding: 28rem 0;
		padding-top: 2rem;
	}

	.aboutContent p {
		font-size: 1.275rem;
	}

	.secHeading {
		font-size: 3rem;
	}
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.instaSec {
		padding: 4.5rem 0;
	}

	.gymContents p {
		font-size: 1.875rem;
	}

	.gymBox {
		padding: 3.75rem 1rem 1rem 2.25rem;
		min-height: 100%;
	}

	.subHead {
		font-size: 2.875rem !important;
	}

	.howtouseSec {
		padding: 5rem 0;
	}

	.abtContent h2 {
		font-size: 3.875rem;
	}

	.workContent h4 {
		font-size: 1.425rem;
	}

	footer {
		padding-top: 5rem;
	}

	.footLogo img {
		width: 15rem;
	}
	.accessGateway .formStyle{
		padding: 4.5rem 0;
	}
	.accessGateway h2{
		font-size: 3.25rem;
	}
	.accessGateway .formStyle .form-control{
		height: 4.6875rem;
		font-size: 1rem;
	}
	.accessGateway .formStyle .input-group span{
		font-size: 1.25rem;
	}
	.accessGateway .formStyle .input-group{
		margin-bottom: 1.5rem;
	}
	.accessGateway .formStyle p{
		margin: 2rem 0;
	}
	.profilePerview .overlay h2{
		font-size: 5.375rem;
	}
	.profilePerview .overlay h2 span{
		font-size: 4.375rem;
	}
	.gymProfileBan .carousel-inner img {
		height: 23.75rem !important;
	}
	.profilePerview .carousel-control-prev {
		left: 3.5rem;
	}
	.profilePerview .carousel-control-next {
		right:3.5rem;
	}
	.user-area figure img{
		border-radius: 50%;
		width: 4.5rem;
		height: 4.5rem;
	}
	.profile-detail h3{
		font-size: 2.25rem;
	}
	.bgcolor{
		padding: 4.5rem 6.5rem 4.5rem 6.5rem;
	}
	.gymprofileOwner .bgcolor {
		padding: 4.5rem 3.5rem 4.5rem 3.5rem;
	}
	.accessGateway.create-profile{
		padding: 15rem 0;
	}
	.accessGateway .formStyle a {
		font-size: 1rem;
	}
	.listBox h3 {
		font-size: 2.75rem;
	}
	.listing .btn-group .themeBtn {
		font-size: 1.5rem;
		padding: 2rem 6.5rem;
	}
	.modal-body{
		padding: 3.5rem !important;
	}
	.filtepoop .formStyle{
		width: 80%;
	}
	.filtepoop h2{
		font-size: 2.25rem;
    margin: 1.75rem 0;
	}
	.cptainSlider .slick-slide img{
		object-fit: cover;
		height: 550px;
	}
	.detailsubinner h3{
		font-size: 3.5rem;
		margin-bottom: 1.75rem;
	}
	.checkarea h2{
		font-size: 2.25rem;
	}
	.detailsubinner p {
		font-size: 1.275rem;
	}
	.equipmentWraps{
		margin-bottom: 1.25rem;
	}
	.gymprofileOwner .checkarea .row{
		margin-bottom: 2rem;
		padding: 1.75rem;
	}
	.bgClr h3{
		font-size: 1.375rem;
		margin-bottom: 0.75rem;
	}
	.bgClr ul li + li {
		padding-top:0.75rem;
	}
	.bgClr p{
		font-size: 1.125rem;
	}
	div#comments {
		margin-top: 3rem;
	}
	.chatSec{
		min-height: 90vh;
	}
}

@media only screen and (max-width: 1445px) {
	.navbar-brand img {
		width: 120px;
	}

	.main-slider {
		height: 725px;
	}

	.main-slider h1 {
		font-size: 5rem;
	}

	.main-slider p,
	.main-slider .themeBtn span {
		font-size: 1.35rem;
	}

	.main-slider .themeBtn {
		padding: 1.25rem 2.75em;
	}


	.aboutSec {
		padding: 24rem 0;
		padding-top: 2rem;
	}

	.aboutContent p {
		font-size: 1.25rem;
	}

	.secHeading {
		font-size: 2.5rem;
	}
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.instaSec {
		padding: 4rem 0;
	}

	.gymContents p {
		font-size: 1.65rem;
	}

	.gymBox {
		padding: 3.5rem 1rem 1rem 2rem;
	}

	.subHead {
		font-size: 2.65rem !important;
	}

	.howtouseSec {
		padding: 4.5rem 0;
	}

	.abtContent h2 {
		font-size: 3.5rem;
	}

	.workContent h4 {
		font-size: 1.35rem;
	}

	footer {
		padding-top: 4rem;
	}

	.footLogo img {
		width: 12rem;
	}
	.accessGateway .formStyle{
		padding: 4rem 0;
	}
	.accessGateway h2{
		font-size: 3rem;
	}
	.accessGateway .formStyle .input-group{
		margin-bottom: 1.35rem;
	}
	.accessGateway .formStyle p{
		margin: 1.75rem 0;
	}
	
	.profilePerview .overlay h2{
		font-size: 5rem;
	}
	
	.profilePerview .overlay h2 span{
		font-size: 4rem;
	}
	
	.profilePerview .carousel-control-prev {
		left: 3.25rem;
	}
	.profilePerview .carousel-control-next {
		right:3.25rem;
	}
	
	.profile-detail h3{
		font-size: 2rem;
	}
	.bgcolor {
		padding: 4rem 6rem;
	}
	.accessGateway.create-profile{
		padding: 10rem 0;
	}
	.listBox h3 {
		font-size: 2.5rem;
	}
	.listing .btn-group .themeBtn,.filtepoop .themeBtn {
		font-size: 1.35rem;
		padding: 1.85rem 6rem;
	}
	
	.modal-body{
		padding: 3rem !important;
	}
	.filtepoop .formStyle{
		width: 85%;
	}
	.filtepoop h2{
		font-size: 2rem;
    margin: 1.5rem 0;
	}
	
	.cptainSlider .slick-slide img{
		height: 500px;
	}
	
	.detailsubinner h3{
		font-size: 3.25rem;
		
		margin-bottom: 1.5rem;
	}
	.gymprofileOwner .bgcolor {
		padding: 4rem 3rem 4rem 3rem;
	}
	.checkarea h2{
		font-size: 2rem;
	}
	.detailsubinner p {
		font-size: 1.25rem;
	}
	.gymprofileOwner .checkarea .row{
		margin-bottom: 1.75rem;
		padding: 1.5rem;
	}
	
	.bgClr h3{
		font-size: 1.275rem;
	}
	.fc-toolbar h2,
	div#comments > h2{
		font-size: 1.85rem;
	}
	div#comments {
		margin-top: 2.75rem;
	}
	.chatSec{
		min-height: 80vh;
	}
	.innerament .container {
		padding-top: 1.25rem !important;
	}
	p#old_des {
		word-wrap: break-word;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

	.container {
		max-width: 1140px;
	}

	.navbar-brand img {
		width: 6.25rem;
	}

	.themeBtn {
		padding: 1rem 2.75em;
	}

	.main-slider {
		height: 680px;
	}

	.main-slider h1 {
		font-size: 4rem;
	}

	.main-slider p,
	.main-slider .themeBtn span {
		font-size: 1.25rem;
	}

	.aboutSec {
		padding: 24rem 0;
		padding-top: 2rem;
	}

	.aboutContent p {
		font-size: 1.25rem;
	}

	.secHeading {
		font-size: 2.125rem;
	}
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.instaSec {
		padding: 3.5rem 0;
	}

	.gymContents p {
		font-size: 1.375rem;
	}

	.gymBox {
		padding: 3.25rem 1.5rem 0.75rem 1.5rem;
	}

	.gymBox figure {
		width: 75%;
		margin: auto;
	}

	.subHead {
		font-size: 2.125rem !important;
	}

	.howtouseSec {
		padding: 3.5rem 0;
	}

	.abtContent h2 {
		font-size: 3rem;
	}

	.workContent h4 {
		font-size: 1.25rem;
	}

	.workBox figure {
		width: 9rem;
		height: 9rem;
	}

	.workBox figure::before {
		width: 10rem;
		height: 10rem;
	}

	footer {
		padding-top: 3rem;
	}

	.footLogo img {
		width: 10rem;
	}

	.instaCard a {
		font-size: 3.5rem;
	}
	.accessGateway .formStyle{
		padding:3.5rem 0;
	}
	.accessGateway h2{
		font-size: 2.5rem;
	}
	.accessGateway .formStyle .input-group{
		margin-bottom: 1.2rem;
	}
	.accessGateway .formStyle p{
		margin: 1.5rem 0;
	}
	
	.profilePerview .overlay h2{
		font-size: 4.5rem;
	}
	
	.profilePerview .overlay h2 span{
		font-size: 3.5rem;
	}
	
	.profilePerview .carousel-control-prev {
		left: 3rem;
	}
	.profilePerview .carousel-control-next {
		right:3rem;
	}
	.listing{
		padding: 2rem 0;
	}
	
	.profile-detail h3{
		font-size: 1.75rem;
	}
	.bgcolor {
		padding: 3.5rem 5.5rem;
	}
	.accessGateway.create-profile{
		padding: 5rem 0;
	}
	.listBox h3 {
		font-size: 2.25rem;
	}
	.listing .btn-group .themeBtn,.filtepoop .themeBtn {
		font-size: 1.25rem;
		padding: 1.6rem 5.5rem;
	}
	
	.modal-body{
		padding: 2.5rem !important;
	}
	.filtepoop .formStyle{
		width: 90%;
	}
	.filtepoop h2{
		font-size: 1.75rem;
    	margin: 1.25rem 0;
	}
	
	.detailsubinner h3{
		font-size: 3rem;		
		margin-bottom: 1.25rem;
	}

	.gymprofileOwner .bgcolor {
		padding: 3.5rem 2.5rem 3.5rem 2.5rem;
	}
	.checkarea h2{
		font-size: 1.75rem;
	}
	.detailsubinner p {
		font-size: 1.125rem;
	}
	.equipmentWraps{
		margin-bottom: 1rem;
	}
	.gymprofileOwner .checkarea .row{
		margin-bottom: 1.5rem;
		padding: 1.25rem;
	}
	
	.bgClr h3{
		font-size: 1.25rem;
		margin-bottom: 0.5rem;
	}
	.fc-toolbar h2,
	div#comments > h2{
		font-size: 1.6rem;
	}
	div#comments {
		margin-top: 2.5rem;
	}
	.cptainSlider .slick-slide img{
		height:450px;
	}
	.calender_dates{
		font-size: 2.25rem;
	}
	.chatSec{
		min-height: 70vh;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.container {
		max-width: 960px;
	}

	.navbar-brand img {
		width: 5.5rem;
	}

	.themeBtn {
		padding: 0.875rem 2.5em;
	}

	.main-slider {
		height: 565px;
	}

	.main-slider .themeBtn {
		padding: 1.125rem 2.5em;
	}

	.main-slider h1 {
		font-size: 3.25rem;
	}

	.main-slider p,
	.main-slider .themeBtn span {
		font-size: 1.125rem;
	}

	.aboutSec {
		padding: 20rem 0;
		padding-top: 2rem;
	}

	.aboutContent p {
		font-size: 1.125rem;
	}

	.secHeading {
		font-size: 1.875rem;
	}
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.instaSec {
		padding: 3rem 0;
	}

	.gymContents p {
		font-size: 1.25rem;
		font-weight: 600;
	}

	.gymBox {
		padding: 3.25rem 1rem 0.75rem 1rem;
	}

	.subHead {
		font-size: 1.75rem !important;
	}

	.howtouseSec {
		padding: 3rem 0;
	}

	.abtContent h2 {
		font-size: 2.75rem;
	}

	.abtContent p,
	.workContent p {
		line-height: 1.6;
		font-size: 1.05rem;
	}

	.workBox::before {
		left: -4.6875rem;
	}

	.workContent {
		margin-top: 2rem;
	}

	.workContent h4 {
		font-size: 1.125rem;
	}

	.workBox figure {
		width: 7.5rem;
		height: 7.5rem;
	}

	.workBox figure::before {
		width: 8.5rem;
		height: 8.5rem;
	}

	footer {
		padding-top: 2.5rem;
	}

	.footLogo img {
		width: 7.5rem;
	}

	.copyRight {
		margin-top: 1.5rem;
		padding: 1rem 0 1.5rem 0;
	}

	.copyRight p {
		font-size: 1.05rem;
	}

	.instaCard a {
		font-size: 3rem;
	}
	.accessGateway .formStyle{
		padding:3rem 0;
	}
	.accessGateway h2{
		font-size: 2.25rem;
	}
	.accessGateway .formStyle .input-group{
		margin-bottom: 1rem;
	}
	.accessGateway .formStyle .form-control {
		height: 4rem;
	}
	.accessGateway .formStyle p{
		margin: 1.25rem 0;
	}
	
	.profilePerview .overlay h2{
		font-size: 4rem;
	}
	
	.profilePerview .overlay h2 span{
		font-size: 3rem;
	}
	
	.profilePerview .carousel-control-prev {
		left: 2.5rem;
	}
	.profilePerview .carousel-control-next {
		right:2.5rem;
	}
	
	.profile-detail h3{
		font-size: 1.5rem;
	}
	.bgcolor {
		padding: 3rem 5rem;
	}
	.accessGateway.create-profile{
		padding: 2.25rem 0;
	}
	.listBox h3 {
		font-size: 2rem;
	}
	
	.articlesContent li h2,
	.hour h5{
		font-size: 1.75rem;
	}
	.capacity h5{
		font-size: 1.125rem;
	}
	
	.hour h5,
	.listBox ul{
		padding: 1rem 0;
	}
	.listing .btn-group .themeBtn,.filtepoop .themeBtn {
		padding: 1.45rem 5rem;
	}
		
	.modal-body{
		padding: 2rem !important;
	}
	.filtepoop .formStyle{
		width: 95%;
	}
	.filtepoop h2{
		font-size: 1.5rem;
    	margin: 1rem 0;
	}
	
	.detailsubinner h3{
		font-size: 2.75rem;
		
		margin-bottom: 1rem;
	}

	.gymprofileOwner .bgcolor {
		padding: 3rem 2rem 3rem 2rem;
	}
	.checkarea h2{
		font-size: 1.5rem;
	}
	.detailsubinner p {
		font-size: 1.05rem;
	}
	.gymownerWraps h4{
		font-weight: 600 !important;
		padding-bottom: 0.875rem;
	}
	.equipmentWraps{
		margin-bottom: 0.75rem;
	}
	.gymprofileOwner .checkarea .row {
		margin-bottom: 1.25rem;
		padding: 1rem;
	}
	.bgClr h3{
		font-size: 1.125rem;
		margin-bottom: 0.25rem;
	}
	.bgClr ul li + li {
		padding-top:0.5rem;
	}
	.fc-toolbar h2,
	div#comments > h2{
		font-size: 1.45rem;
	}
	div#comments {
		margin-top: 2.25rem;
	}
	.cptainSlider .slick-slide img{
		height:400px;
	}
	.calender_dates{
		font-size: 2rem;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.container {
		max-width: 720px;
	}

	.navbar-collapse {
		padding: 1rem 0;
	}

	.main-slider {
		height: 500px;
	}

	.main-slider h1 {
		font-size: 3rem;
	}

	.secHeading {
		font-size: 1.65rem;
	}

	.gymBox {
		text-align: center;
		padding-top: 2rem;
	}

	.gymBox figure {
		width: 60%;
	}

	.gymContents {
		margin-top: 1rem;
	}

	.gymContents p {
		font-size: 1.125rem;
	}

	.subHead {
		font-size: 1.5rem !important;
	}

	.abtContent h2 {
		font-size: 2.5rem;
	}
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.howtouseSec,
	.instaSec {
		padding: 2.5rem 0;
	}

	.workBox figure {
		width: 5rem;
		height: 5rem;
	}

	.instaCard a {
		font-size: 2.5rem;
	}
	.accessGateway .formStyle{
		padding:2.5rem 0;
		width: 85%;
	}
	.accessGateway h2{
		font-size: 2.25rem;
	}
	.accessGateway:after{
		width: 55%;
	}
	.form-wrap {
		width: 100%;
	}
	.accessGateway .formStyle p{
		margin: 1rem 0;
	}
	.profilePerview .overlay h2{
		font-size: 3.5rem;
	}
	
	.profilePerview .overlay h2 span{
		font-size: 2.5rem;
	}
	
	.profilePerview .carousel-control-prev {
		left: 2rem;
	}
	.profilePerview .carousel-control-next {
		right:2rem;
	}
	.bgcolor {
		padding: 2.5rem 4.5rem;
	}	
	.profil-wrap{
		margin-top: 1.5rem;
		padding: 1.5rem;
	}
	.profil-wrap ul li{
		margin-bottom: 1rem;
	}
	.listBox{
		flex-wrap: wrap;
		gap: 1rem 2rem;
	}
	.listBox figure{
		flex: 1;
	}
	.listBox .mapBox {
		flex: auto;
		width: 100%;
	}

	.listBox h3 {
		font-size: 1.75rem;
	}
	
	.articlesContent li h2,
	.hour h5{
		font-size: 1.5rem;
	}
	
	.listing .btn-group .themeBtn,
	.filtepoop .themeBtn {
		font-size: 1.125rem;
		padding: 1.3rem 4.5rem;
	}
	.modal-body{
		padding: 1.5rem !important;
	}
	.filtepoop .formStyle{
		width: 100%;
	}
	.filtepoop h2{
		font-size: 1.25rem;
    	margin: 0.75rem 0;
	}
	
	.detailsubinner h3{
		font-size: 2.5rem;
		
		margin-bottom: 0.75rem;
	}
	
	.gymprofileOwner .bgcolor {
		padding: 2.5rem 1.5rem 2.5rem 1.5rem;
	}
	.checkarea h2{
		font-size: 1.25rem;
	}
	.date input{
		width: 100%;
		height:3.5rem;
		font-size: 0.875rem;
	}
	.calender i{
		width: 3rem;
		height: 3rem;
		font-size: 1.5rem;
	}
	.equipmentWraps{
		margin-bottom: 0.5rem;
	}
	.gymprofileOwner .checkarea .row {
		margin-bottom: 1rem;
		padding: 0.75rem 0;
	}
	
	.innerament h2{
		font-size: 1.75rem;
	}
	.fc-toolbar h2,
	div#comments > h2{
		font-size: 1.3rem;
	}
	.profil-wrap h6 {
		font-size: 1.25rem;
	}
	div#comments {
		margin-top: 2rem;
	}
	.cptainSlider .slick-slide img{
		height:350px;
	}
	.calender_dates{
		font-size: 1.75rem;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.container {
		max-width: 540px;
	}

	.main-slider {
		height: 440px;
	}

	.main-slider h1 {
		font-size: 2.75rem;
	}

	.main-slider p br {
		display: none;
	}

	.secHeading {
		font-size: 1.375rem;
	}

	.sologymSec .row {
		gap: 1rem;
	}

	.gymBox {
		margin: auto auto 1.5rem auto;
		max-width: 285px;
		min-height: fit-content;
	}

	.gymBox figure {
		max-width: 120px;
	}

	.subHead {
		font-size: 1.25rem !important;
	}

	.abtImg {
		margin-bottom: 1.5rem;
	}

	.abtImg::before {
		border: 5px solid var(--white);
		width: 100%;
		height: 100%;
		left: -1rem;
		top: -1rem;
	}

	.abtContent h2 {
		font-size: 2.25rem;
	}

	.abtContent h2 span {
		padding-left: 4.5rem;
	}

	.abtContent h2 span::before {
		width: 4rem;
	}
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.howtouseSec,
	.instaSec {
		padding: 2.25rem 0;
	}

	.workBox {
		max-width: 300px;
		margin: 2rem auto;
	}

	.workBox::before {
		display: none;
	}

	.workContent {
		margin-top: 3rem;
	}

	footer .col-lg-2 ul {
		margin-top: 2rem !important;
	}

	footer .col-md-4 ul {
		margin-top: 1rem !important;
	}

	.instaCard a {
		font-size: 2rem;
	}

	.accessGateway .formStyle{
		padding:2rem 0;
	}
	.accessGateway h2{
		font-size: 2rem;
	}
	.form-wrap {
		background-color: var(--white);
	}
	.accessGateway .formStyle .form-control {
		height: 3.5rem;
	}
	.accessGateway .formStyle p{
		margin: 0.75rem 0;
	}
	.accessGateway:after {
		width: 100%;
		clip-path: none;
	}
	
	.profilePerview .overlay h2{
		font-size: 3rem;
	}
	
	.profilePerview .overlay h2 span{
		font-size: 2rem;
	}
	
	.profilePerview .carousel-control-prev {
		left: 1.5rem;
	}
	.profilePerview .carousel-control-next {
		right:1.5rem;
	}
	
	.listing{
		padding: 1.5rem 0;
	}
	
	.listing h1{
		font-size: 1.75rem;
	}
	.listBox{
		margin: 1rem 0;
		flex-direction: column;
		gap: 1rem;
	}
	.listBox h4{
		font-size: 1.25rem;
	}
	.listBox figure,
	.listBox .articlesContent,
	.listBox .mapBox{
		width: 100%;
	}
	
	.user-area figure img{
		width: 4rem;
		height: 4rem;
	}
	.bgcolor {
		padding: 2rem 4rem;
	}	
	.profil-wrap ul li span{
		width: 35%;
	}
	.profil-wrap ul li{
		margin-bottom: 0.75rem;
	}
	.profil-wrap .user-area figure img{
		border-width: 3px;
	}
	.menuprofile li a{
		font-size: 1.125rem;
	}
	.listBox h3 {
		font-size: 1.5rem;
	}
	
	.articlesContent li h2,
	.hour h5{
		font-size: 1.25rem;
	} 
	.capacity h5{
		font-size: 1rem;
		margin: 0.5rem 0;
	}
	.listBox .mapBox iframe{
		height: 250px;
	}
	.listing .btn-group .themeBtn,
	.filtepoop .themeBtn {
		padding: 1rem 4rem;
	}
	.modal-body{
		padding: 1rem !important;
	}
	
	.detailsubinner h3{
		font-size: 2.25rem;		
		margin-bottom: 0.5rem;
	}
		
	.gymprofileOwner .bgcolor {
		padding: 2rem 1rem 2rem 1rem;
		background-color: transparent;
	}
	
	.bgClr{
		padding: 0.5rem;
		box-shadow: none;
	}
	.gymownerWraps h4{
		font-size: 1.125rem;
		padding-bottom: 0.25rem;
	}
	.equipmentWraps{
		margin-bottom: 0.25rem;
	}
	
	.gymprofileOwner .checkarea .row {
		margin-bottom: 0.75rem;
		padding: 0.5rem;
		box-shadow: none;
	}
	.bgClr ul li + li {
		padding-top:0rem;
	}
	.innerament h2{
		padding-bottom: 1.125rem !important;
		font-size: 1.5rem;
	}
	.fc-toolbar h2,
	div#comments > h2{
		font-size: 1.15rem;
	}
	.profil-wrap h6 {
		font-size: 1rem;
	}
	div#comments {
		margin-top: 1.75rem;
	}
	.cptainSlider .slick-slide img{
		height:300px;
	}
	.gymprofileOwner .checkarea .row.bgClr ul{
		display: flex;
    	flex-flow: column wrap;
    	max-height: 300px;
		margin: 0.5rem 0;
		font-size: 1.125rem;
		gap: 0 1rem;
	}
	.calender_dates{
		font-size: 1.5rem;
	}
	.messageSec{
		flex-direction: column;
	}
	.messageSec .friendsRow,
	.messageSec .chatBox{
		width: 100%;
	}
	.messageSec .friendsRow .friends{
		height: auto;
	}
	.messageSec .chatBox .chatBody{
		height: 360px;
	}
}

@media (max-width: 575.98px) {
	section,
	.sologymSec,
	.aboutusSec,
	.workSec,
	.bookSec,
	.howtouseSec,
	.instaSec {
		padding: 2rem 0;
	}

	.main-slider {
		height: 375px;
	}

	.main-slider h1 {
		font-size: 2.25rem;
	}

	.main-slider .btn-group {
		flex-wrap: wrap;
		justify-content: center;
	}

	.aboutSec {
		background-image: none;
		padding: 2rem 0;
	}

	.abtContent h2 {
		font-size: 1.85rem;
	}

	.abtImg::before {
		display: none;
	}

	.gymBox figure {
		max-width: 80px;
	}

	.gymContents p {
		font-size: 1.05rem;
	}

	.subHead {
		font-size: 1.125rem !important;
	}
	.accessGateway h2{
		font-size:1.75rem;
	}
	.accessGateway .formStyle p{
		margin: 0.5rem 0;
	}
	.accessGateway .formStyle a{
		font-size: 1rem;
	}
	
	.profilePerview .overlay h2{
		font-size: 2.5rem;
	}
	
	.profilePerview .overlay h2 span{
		font-size: 1.5rem;
	}
	
	.profilePerview .carousel-control-prev {
		left: 1rem;
	}
	.profilePerview .carousel-control-next {
		right:1rem;
	}
	.innerament h2{
		padding-bottom: 1rem !important;
		font-size: 1.325rem;
	}
	.innerament .container{
		padding-top: 0 !important
	}
	.bgcolor {
		padding: 0rem 0rem;
		background: transparent;
	}
	
	.profil-wrap{
		margin-top: 1rem;
		padding: 1rem;
	}
	.profil-wrap ul li{
		flex-direction: column;
		gap: 0;
		font-size: 1.125rem;
		margin-bottom: 0.5rem;
	}
	.profil-wrap ul li span{
		width: 100%;
		font-size: 1rem;
	}
	.listBox h3 {
		font-size: 1.25rem;
	}
	.articlesContent li h2,
	.hour h5{
		font-size: 1rem;
	} 
	.hour h5, .listBox ul {
		padding: 0.5rem 0;
	}
	.date p{
		margin-bottom: 0.5rem;
	}
	
	.listBox .mapBox iframe{
		height: 200px;
	}
	.listing .btn-group .themeBtn,.filtepoop .themeBtn {
		padding: 1rem 2rem;
	}
	.detailsubinner h3 {
		font-size: 2rem;
		margin-bottom: 0rem;
	}
	
	.gymownerWraps {
		flex-direction: column;
		gap: 1rem;
	}
	.gymownerWraps h4 {
		font-size: 1rem;
		padding-bottom: 0rem;
	}
	.gymprofileOwner .checkarea .row {
		margin-bottom: 0.5rem;
		padding: 0rem;
	}

	.bgClr{
		padding: 0.25rem;
	}
	.user-area{
		flex-wrap: wrap;
		gap: 0 1rem;
	}
	.user-area .stars.active{
		margin-left: 22%;
		margin-top: -1.75rem;
		list-style: none;
	}
	div#comments {
		margin-top: 1.5rem;
	}
	.date{
		margin-bottom: 1rem;
	}
	.date input{
		margin-top: 0.5rem;
	}
	.cptainSlider .slick-slide img{
		height:250px;
	}
	.gymprofileOwner .checkarea .row.bgClr ul{
    max-height: 400px;
	}
	.amenitiesWraps{
		gap: 1rem;
	}
	.calender_dates{
		font-size: 1.375rem;
	}
	.filtepoop h3{
		font-size: 1.25rem;
	}
	.filtepoop .form-group{
margin-bottom: 0.5rem;
	}
}

@media (max-width: 320.98px) {}