/*700px Width Device View*/

@media only screen and (max-width: 767px){
	.home-header:before {
		bottom: -18px!important;
    border-top-width: 301px;
    border-left-width: 227px;
    border-right-width: 250px;
	}
	.home-header:after {
		bottom: -31px!important;
    border-top-width: 360px;
    border-left-width: 342px;
    border-right-width: 281px;
	}
	.home-header .scroll-down {
    bottom: -0.5rem!important;
    right: 16%!important;
	}
	.header-holder {
		height: 30%;
    background: var(--secondary-color);
	}
	.header-bar .topbar {
    text-align: center;
	}
	.header-bar .topbar .top-item {
	  float: none;
	  text-align: center;
	}
	.header-bar .topbar .t-socialIcon {
    float: none; 
    justify-content: center;
    margin-top: 1rem;
	}
	.navbar-menu{
		display: none;
	}
	header .navbar {
    justify-content: center;
	}
	header .header-logo img {
    max-height: 96px;
	}
	#menuOpener{
		right: 0!important;
	}
	.hero-section-home {
		height: 70%;
    background-size: cover!important;
    background-position: center!important;
    bottom: 0!important;
    top: unset;
	}
	.overlay {
    background: rgba(0, 0, 0, 0.4);
	}
	header .hero-content img {
    display: none;
  }
  header .hero-content h3 {
    font-size: 16px;
	}
	header .hero-content h1 {
    text-align: left;
    font-size: 27px;
    line-height: 25px;
    -webkit-letter-spacing: -1px;
  	-moz-letter-spacing: -1px;
  	-ms-letter-spacing: -1px;
    letter-spacing: -1px;
    font-weight: 900;
    padding: 0 100px;
    margin: 1rem auto;    
	  margin-bottom: 2rem;
	}
	.hero-section-page .hero-content h1 p {
    font-size: 22px!important;
	}
	.section .content-holder {
		width: 90%;
    padding: 60px 0;
    padding-top: 120px;
	}
	.section .content-holder h3 {
    font-size: 13px;
	}
	.section .content-holder h1 {
    font-size: 34px;
    -webkit-letter-spacing: -1px;
  	-moz-letter-spacing: -1px;
  	-ms-letter-spacing: -1px;
    letter-spacing: -1px;
	}
	.section .content-holder p {
    line-height: 18px;
    -webkit-letter-spacing: 1px;
  	-moz-letter-spacing: 1px;
  	-ms-letter-spacing: 1px;
    letter-spacing: 1px;
    text-align: center;
	}
	.program-section {
	  height: 100%;
    margin-top: 0;
    grid-template-columns: 1fr;
	}
	.program-section .service-card h1{
		padding: 0;
		font-size: 25px;
	}
	.membership-section .member-imgBox{
		z-index: 12;
    height: 42vh;
	}
	.membership-section .offer-content{
    width: 100%;
    text-align: center;
    top: 84%;
    padding: 20px;
	}
	.membership-section .offer-content:before{
		width: 100%;
    left: 0%;
    transform: skew(0deg);
	}
	.membership-section .offer-content:after{
		width: 100%;
    left: 0%;
    transform: skew(0deg);
	}
	.membership-section .membership-img {
    width: 100%;
	}
	.membership-section .plan-name{
		text-align: left;
	}
	.membership-section .plan-price{
		width: 100%;
    display: inline-block;
    text-align: left;
	}
	.testimonials-section{
		position: relative;
		margin-top: 270px;
	}
	.swiper-wrapper{
		-ms-flex-align: center;
    -webkit-align-items: center;
		align-items: center;
	}
	.testimonial .swiper-slide .service-card p{
		width: 70%;
		font-size: 18px;
	}
	.requestForm-section{
		margin-top: 3rem;
    padding: 30px 20px;
    height: 100%;
	}
	.requestForm-section .content h1{
		font-size: 36px;
	}
	.elementor-section .elementor-container{
		flex-wrap: nowrap!important;
	}
}

/*500px Width Device View*/

@media only screen and (max-width: 500px){
	.header-holder{
		padding: 0px 0px;
	}
	.header-bar{
		width: 90%;
	}
	.head-lineBreaker{
		display: none;
	}
	header .content-holder{
		top: 28%;
	}
	header .hero-content h3{
		font-size: 14px;
	}
	header .hero-content h1{
		font-size: 25px;
		padding: 0 18px;
	}
	.membership-section .offer-content h1{
		font-size: 25px;
	}
	.membership-section .member-plan{
		padding: 0px 0px;
	}
	.membership-section .plan-name{
		opacity: 0.6;
		font-size: 14px;
		margin-bottom: 1px;
	}
	.membership-section .plan-price{
		font-weight: 700;
		font-size: 16px;
	}
	.membership-section .plan-price strong{
		font-size: 30px;
	}
	.membership-section .plan-link{
		top: 20px;
    font-size: 29px;
    line-height: 60px;
	}
	.testimonial .swiper-slide .service-card p{
		font-size: 13px;
    line-height: 17px;
	}
	.requestForm-section .contentTitle{
		font-size: 12px;
	}
	.requestForm-section .content h1{
		font-size: 23px;
		line-height: 54px;
	}
}

@media only screen and (max-width: 1560px){
	.instruc-container{
		grid-template-columns: 1fr 1fr 1fr;
	}

}
@media only screen and (max-width: 1500px){
	header .hero-content h1{
		font-size: 40px;
        line-height: 40px;
	}
	.membership-section .plan-link{
		font-size: 35px;
	}
}

@media only screen and (max-width: 1395px){
	.membership-section .member-plan{
		padding: 20px 0;
	}
	.membership-section .plan-name{
		width: 45%;
		font-size: 15px;
	}
	.membership-section .plan-price strong{
		font-size: 25px;
	}
	.membership-section .plan-link{
		top: 18px;
	}
}
@media only screen and (max-width: 1300px){
	.offerList .offerBox {
    width: calc(100% / 4);
  }
}
@media only screen and (max-width: 1150px){
	.offerList .offerBox {
    width: calc(100% / 3);
  }
  .instruc-container{
		grid-template-columns: 1fr 1fr;
	}
	.modal-content{
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	.modal-header .close{
    left: -10rem;
    top: -30rem;
    font-size: 50px;
	}
	.modal-body{
		width: 100%;
	}
	.modal-content .requestForm{
		width: 100%;
	}
	.elementor-section .elementor-container{
		-webkit-flex-direction: column!important;
  	-ms-flex-direction: column!important;
		flex-direction: column!important;
		align-items: center!important;
	}
	.elementor-section .elementor-column{
		width: 80%!important;
	}
	.elementor-section .elementor-column{
		width: 80%!important;
	}

	.sevice-page-section .service-page-card{
		display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    height: 100%;
    margin-top: 10rem;
	}
	.service-page-card:nth-child(odd) img {
    position: unset;
    width: 100%;
    height: 85%; 
	}
	.service-page-card:nth-child(odd) .card-box{
		width: 100%;
		position: unset;
	}
	.service-page-card:nth-child(even) img {
    position: unset;
    width: 100%;
    height: 85%; 
	}
	.service-page-card:nth-child(even) .card-box{
		width: 100%;
		position: unset;
	}
	.service-page-card .card-box h1 {
    font-size: 38px;
	}
	.service-page-card .card-box p {
    font-size: 16px;
    margin-bottom: 3rem;
	}
}

@media only screen and (max-width: 1025px){
  .instruc-container{
		padding-top: 10rem;
	}
	.single-content{
		padding-top: 0rem;
		width: 100%;
		border: none;
	}

}
@media only screen and (max-width: 722px){
  .instruc-container{
		grid-template-columns: 1fr;
	}

}

@media only screen and (max-width: 860px){
	.offerList .offerBox {
    height: 230px;
  }
  .copyright{
  	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
  	flex-direction: column;
	}
	.copyright ul{
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
		flex-direction: column;
	}
	.copyright a {
     margin: 0 0; 
	}
}
@media only screen and (max-width: 600px){
	.offerList .offerBox {
    height: 200px;
  }
}
@media only screen and (max-width: 560px){
	.offerList{
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
		flex-direction: column;
	}
	.offerList .offerBox {
    width: 95%;
    height: 350px;
    margin: 1rem 1rem;
  }
}

@media only screen and (max-width: 1000px){
	.offerIntro h1 {
    font-size: 30px;
    -webkit-letter-spacing: 0px;
  	-moz-letter-spacing: 0px;
  	-ms-letter-spacing: 0px;
    letter-spacing: 0px;
	}
	.offerIntro .introPtext {
    margin-top: 0rem;
    font-size: 22px;
    font-weight: 400;
	}
	.offer-step h2 {
    margin-top: 0.3rem;
    font-size: 95%;
    font-weight: 800;
	}
	.offerDetails .offer-step h2 {
    font-size: 95%;
	}
	.offerDetails .classTitle {
    font-size: 20px;
    line-height: 100%;
    max-width: 900px;
    margin-top: 0.3rem;
    font-weight: 600;
    -webkit-letter-spacing: 1px;
  	-moz-letter-spacing: 1px;
  	-ms-letter-spacing: 1px;
    letter-spacing: 1px;
	}
	.dividFor {
    font-size: 19px;
    font-weight: 400;
    margin-top: 0.5rem;
	}
	.free-highlight {
    margin-top: 0.5rem;
    font-size: 100px;
    font-weight: 900;
    line-height: 100%;
	}
	.offerDesc{
		width: 90%;
	}
	.offer-step span {
    font-size: 24px;
    line-height: 20px;
    -webkit-letter-spacing: 2px;
  	-moz-letter-spacing: 2px;
  	-ms-letter-spacing: 2px;
    letter-spacing: 2px;
	}
	.offer-step h2 {
    margin-top: 0.3rem;
    font-size: 95%;
    font-weight: 800;
	}
	.claimForm {
    padding: 2rem 0;
	}
	.claimForm form {
    width: 90%;
	}
	.claimForm form .field-holder{
		margin: 1rem 0;
	}
	.offerFooter {
    color: #fff;
    font-size: 11px;
    -webkit-letter-spacing: 2px;
  	-moz-letter-spacing: 2px;
  	-ms-letter-spacing: 2px;
    letter-spacing: 2px;
    padding: 40px;
    text-align: center;
	}
	.offerFooter p a {
    font-size: 11px;
	}
	.offerFooter .menu{
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
    flex-direction: column;
	}
	.offerFooter .menu li{
	  margin: .5rem 0;
	}

}
@media screen and (min-device-width: 768px) and (max-device-width: 1070px) {
	.membership-section .offer-content:before, .membership-section .offer-content:after{
		width: 180%;
	}
	.membership-section .offer-content{
		padding: 80px 20px;
	}
	.membership-section .offer-content h1{
		font-size: 28px;
	}
	.section .content-holder h1{
		font-size: 55px;
	}
}
@media screen and (min-device-width: 1071px) and (max-device-width: 1082px) {
	.section .content-holder h1{
		font-size: 55px;
	}
}
@media screen and (min-device-width: 769px) and (max-device-width: 916px) {
	.section .content-holder h1 {
    font-size: 45px;
	}

}

@media screen and (min-device-width: 352px) and (max-device-width: 766px) {
	header:before{
		bottom: 45px;
	}
	header:after{
		bottom: 30px;
	}
	header .scroll-down{
		bottom: 6rem;
    right: 24%;
	}
	.hero-section-home{
		height: 50%;
		top: 30%;
	}
	header .content-holder{
		top: 38%;
	}
	header .hero-content h1 {
    font-size: 20px;
    line-height: 22px;
	}
	.bt{
		padding: 1rem 1rem;
	}
}
@media screen and (max-width: 1024px), screen and (max-height: 768px) {
	.sevice-page-section .service-page-card {
    grid-template-columns: 1fr 1fr;
    margin-top: 5rem;
    grid-gap: 2rem;
    height: 400px;
	}
	.sevice-page-section .service-page-card img, .card-box{
		position: absolute;
    width: 45%;
    height: 85%;
	}
	.service-page-card:nth-child(odd) img {
    left: 0;
	}
	.service-page-card:nth-child(odd) .card-box{
		width: 45%;
		position: absolute;
	}

	.service-page-card:nth-child(even) img {
    right: 0;
	}
	.service-page-card:nth-child(even) .card-box{
		width: 45%;
		position: absolute;
	}
	.content-container{
		flex-direction: column;
		align-items: center;
	}
	.blogs-container {
    width: 100%;
    padding: 0;
	}
	.side-bar-widgets .sidePosts{
		display: none;
	}


}

@media screen and (min-device-width: 1025px) and (max-device-width: 1280px), screen and (max-height: 720px) and {

	header .content-holder{
		transform: translateY(0);
		top: 45%;
	}


}

@media screen and (max-width: 1024px), screen and (max-height: 600px) {
	header .navbar-menu .menu li {
	  line-height: 30px;
	}
	header .navbar-menu .menu li a::after{
		bottom: 4px;
	}
	header .content-holder {
    top: 70%;
	}
	header .hero-content h3 {
    font-size: 18px;
	}
	header .hero-content h1 {
    font-size: 30px;
    line-height: 35px;
	}

	.location-map .content h3 {
    margin-top: -1rem;
	}
	.membership-section .offer-content {
    padding: 30px 20px;
	}
	.membership-section .plan-name h3{
		font-size: 22px;
	}
	.membership-section .plan-price strong {
    font-size: 22px;
	}
	.membership-section .plan-price {
    font-size: 16px;
	}
	.requestForm-section .content h1 {
    font-size: 40px;
    line-height: 50px;
	}
	.testimonial .swiper-slide .service-card p {
    line-height: 21px;
    font-size: 14px;
	}
	.program-section .service-card h1 {
    font-size: 25px;
	}

}
@media only screen and (max-width: 1023px){
	.content-container{
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: center;
    -webkit-align-items: center;
		align-items: center;
		width: 90%;
		padding: 0 0;
		margin-top: 10rem;
	}
	.searchForm-container form{
		display: -webkit-flex;
    display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	}
	.blogs-container{
		width: 100%;
		padding: 0 0;
	}
	.side-bar-widgets{
		width: 100%;
	}
	.sidePosts, .post-box, .post-box img{
		display: none;
	}

}

@media screen and (min-device-width: 600px) and (max-device-width: 767px){
	.home-header:before {
		bottom: 112px!important;
    border-top-width: 301px!important;
    border-left-width: 227px!important;
    border-right-width: 250px!important;
	}
	.home-header:after {
		bottom: 98px!important;
    border-top-width: 360px!important;
    border-left-width: 342px!important;
    border-right-width: 281px!important;
	}
	.home-header .scroll-down {
    bottom: 7.5rem!important;
    right: 16%!important;
	}

}
@media screen and (max-width: 600px){
	.sevice-page-section .service-page-card{
    grid-template-columns: 1fr;
    height: 100%;
    margin-top: 8rem;
	}
	.service-page-card:nth-child(odd) img {
    position: unset;
    width: 100%;
    height: 85%; 
	}
	.service-page-card:nth-child(odd) .card-box{
		width: 100%;
		position: unset;
	}
	.service-page-card:nth-child(even) img {
    position: unset;
    width: 100%;
    height: 85%; 
	}
	.service-page-card:nth-child(even) .card-box{
		width: 100%;
		position: unset;
	}

}

@media only screen and (max-width: 455px){
	header{
		height: 74vh;
	}
	.header.home-header{
		height: 76vh!important;
	}
	.header.page-header{
		height: 76vh!important;
	}
	.home-header .hero-section-home {
    height: 60%!important;
	}
	.home-header .content-holder {
    top: 46%!important;
	}
	.home-header .hero-content h1 {
    font-size: 18px;
    line-height: 22px;
	}
	.home-header .bt {
    padding: 0.7rem 0.5rem;
	}

	.page-header .hero-section-page {
    height: 70%!important;
	}
	.page-header .content-holder {
    top: 46%!important;
	}
	.page-header .hero-content h1 {
    font-size: 18px;
	}

	header:before {
    bottom: -18px!important;
	}
	header:after {
    bottom: -30px!important;
	}
	.home-header:before {
		bottom: 46px!important;
    border-top-width: 160px;
    border-left-width: 160px;
    border-right-width: 160px;
	}
	.home-header:after {
		bottom: 34px!important;
    border-top-width: 228px;
    border-left-width: 190px;
    border-right-width: 190px;
	}

	.page-header:before {
		bottom: 164px!important;
    border-top-width: 160px;
    border-left-width: 160px;
    border-right-width: 160px;
	}
	.page-header:after {
		bottom: 149px!important;
    border-top-width: 228px;
    border-left-width: 190px;
    border-right-width: 190px;
	}

	header .scroll-down {
    bottom: 0rem!important;
    right: 38%!important;
	}
	.home-header .scroll-down {
    bottom: 2.5rem!important;
    right: 18%!important;
	}
	.page-header .scroll-down{
		bottom: 10rem!important;
    right: 13%!important;
	}	
	.home-header .header-holder {
    height: 35%!important;
	}

	.side-nav-menu ul li{
		padding: 4px 0;
	}
	.side-nav-menu ul li a{
		font-size: 16px;
	}
	.sidebar-footer h4{
		font-size: 22px;
	}
	.page-header .header-holder{
		height: 35%!important;
	}
	.section .content-holder {
    padding-top: 156px;
	}
	.section .content-holder h1 {
    font-size: 30px;
	}
	.postShare-option h1:before {
    height: 3px;
    width: 58px;
	}
	.postShare-option h1:after {
    height: 3px;
    width: 58px;
	}

	.membership-section .offer-content h1 {
		-webkit-letter-spacing: -2px;
  	-moz-letter-spacing: -2px;
  	-ms-letter-spacing: -2px;
    letter-spacing: -2px;
	}
	.membership-section .member-plan {
    padding: 10px 0;
	}
	.membership-section .plan-name h3{
    font-size: 18px!important;
	}
	.content-container {
    margin-top: 2rem!important;
	}
	.single-content{
		width: 100%;
		padding: 0 0 0 0!important;
		border: none;
	}
	.postShare-option h1{
		font-size: 16px;
	}
	.hero-section-page .content-holder {
    top: 70%!important;
	}
	.hero-section-page .hero-content h1 p {
    font-size: 16px!important;
	}
	.offerIntro h1 {
    font-size: 22px;
	}
	.offerIntro .introPtext {
    font-size: 18px;
	}
	.offer-step h2 {
    font-size: 90%;
	}
	.offerDetails .offer-step h2 {
    font-size: 90%;
	}
	.offerDetails .classTitle {
    font-size: 16px;
	}
	.claimOffer h4 {
    font-size: 20px;
	}
	.instruc-container{
		-webkit-flex-direction: column;
  	-ms-flex-direction: column;
		flex-direction: column;
	}
}

/*Schedule page responsive style start here*/

@media only screen and (max-width: 960px){

	.schedules_grid{
		grid-template-columns: 1fr;
		width: 100%;
	}

}

@media screen and (min-device-width: 861px) and (max-device-width: 1055px){
	.copyright .backTop {
		right: 6%;
		width: 50px;
		height: 100px;
	}
	.copyright .backTop::before {
		transform: skewX(-17deg);
	}
	.copyright .backTop i {
		font-size: 25px;
		/* width: 106px; */
	}
}
@media only screen and (max-width: 960px){
	.copyright .backTop {
		width: 80px;
		height: 60px;
	}
	.copyright .backTop::before {
		transform: skewX(-37deg);
	}
	.copyright .backTop i {
		font-size: 26px;
	}


}


@media screen and (max-width: 375px), screen and (max-height: 896px) {
	.section .content-holder {
    padding-top: 210px;
	}
	.requestForm-section .content h1{
		font-size: 22px;
    line-height: 55px;
    letter-spacing: -1px;
	}
	.requestForm-section {
    height: 100%;
	}

}