@media(max-width:1340px){
		.container{
			width: 100%;
			padding:0 20px;
		}
		a.offer_stickybtn{
			position:fixed;
			right:-45px;
			top:calc(50% - 10px);
			width: 120px;
			height: 30px;
		}
		a.offer_stickybtn span{
			font-size:11px;
			letter-spacing: 1px;
		}



		header{
			height: 100px;
		}
		.header-container{
			width: 100%;
		}
		.site-branding{
			top: -12px;
		}
		header.fixed .site-branding{
			top: -12px;
		}
		.site-branding a.logo img{
			width: 80px; height: auto;
		}
		header.fixed .site-branding a.logo img{
			width: 80px; height: auto;
		}
		.site-navwrap{
			top: 22px;
		}
		header.fixed .site-navwrap{
			top: 22px;
		}


		.sitenav .leftside{
			left: 20px;
		}
		.sitenav .rightside{
			right: 20px;
		}
		nav.headermenu ul li{
			margin-right: 20px;
		}
		nav.headermenu ul li a{
			font-size: 13px;
		}
		.header-socialmedia{
			margin:0 0 0 20px;
		}
		.header-socialmedia a{
			float:left;
			font-size:15px;
			margin:0 15px 0 0;
		}






		/* -- BREAK -- */





		.about{
			padding:125px 0 60px 0;
		}
		.about .text{
			width: 46%;
			padding: 0 0 0 0;
		}
		.about .text h1{
			font-size: 48px;
		}
		.about .text h2{
			font-size: 60px;
		}
		.about .text h3{
			font-size: 16px;
		}
		.about .visual{
			width: 46%;
		}






		/* -- BREAK -- */





		.lifetransform{
			padding-top: 20px;
			padding-bottom: 5%;
		}
		.lifetransform h2{
			width:100%;
			font-size:48px;
			text-align: left;
			margin-bottom: 40px;
		}
		.lifetransform .picturearea{
			width: 35%;
		}
		.lifetransform img.piclayer1{
			width: 100%; height: auto;
			margin:0 0 0 0;
		}
		.lifetransform img.piclayer2{
			position: absolute;
			width: 80%;
			margin:0 0 0 0;
			bottom: -10%;
			left: initial; right: -20px;
		}
		.lifetransform .punchlines{
			float: right;
			width: 59%;
			padding: 40px 0;
		}
		.lifetransform .punchlines .item h3{
			font-size:27px;
		}
		.lifetransform .punchlines .item p{
			font-size:16px;
		}





		/* -- BREAK -- */


		.testimonials{
			padding:75px 0 75px 0;
		}
		.testimonials .titles{
			float: right;
			width: 47%;
		}
		.testimonials .titles h2{
			font-size:30px;
		}
		.testimonials .titles h3{
			font-size:48px;
		}
		.remarks_wrap{
			width: 47%;
		}
		.remarks_wrap .remarks .item p{
			font-size:18px;
		}
		.remarks_wrap .remarks .item h4{
			font-size:20px;
		}






		/* -- BREAK -- */





		.register .videoarea .video{
			height: 560px;
		}
		.register .regformwrap .signuptext_bglayer{
			font-size: 160px;
		}
		.register .regform{
			width: 70%;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}




		/* -- BREAK -- */




		.classes_schedule{
			padding: 75px 0;
		}
		.classes_schedule .top_area .headings{
			width: 100%;
			margin-bottom: 30px;
		}
		.classes_schedule .top_area .headings h2{
			font-size: 27px;
		}
		.classes_schedule .top_area .headings h3{
			font-size: 42px;
		}
		.classes_schedule .top_area .address{
			float: left;
			width: 100%;
			margin-top: 40px;
		}
		.classes_schedule .top_area .address p{
			margin-bottom: 10px;
		}
		.classes_schedule .bottom_area .leftside{
			width: 100%;
		}
		.classes_schedule .bottom_area .rightside{
			width: 100%;
			margin-top: 40px;
		}





		/* -- BREAK -- */





		.presales h2{
			font-size:24px;
		}
		.presales h3{
			font-size:40px;
		}
		.presales h4{
			font-size: 18px;
			margin-bottom: 40px;
		}


		.pricingplans{
			margin-bottom: 15px;
		}
		.pricingplans .item .iteminner{
			padding:30px 20px;
			padding-bottom: 70px;
		}
		.pricingplans .item .icon{
			margin:0 auto 35px auto;
			width: 32px; height: 32px;
			border: 2px solid #000;
			font-size:24px;
		}
		.pricingplans .item h5{
			font-size:27px;
			margin-bottom: 20px;
		}
		.pricingplans .item ul{
			margin-bottom: 30px;
		}
		.pricingplans .item ul li{
			font-size:16px;
			margin-bottom: 8px;
		}
		.pricingplans .item h6,
		.pricingplans .item h3{
			bottom: 25px;
			font-size:36px;
		}


		a.ps_backbtn{
			position:relative;
			left:0;
			top:0;
			transform:translate(0,0);
			-webkit-transform:translate(0,0);
			width: auto;
			height: auto;
			padding:8px 25px;
			font-size:15px;
			border-radius:6px;
			-webkit-border-radius:6px;
			margin-bottom: 20px;
			display: table;
		}
		.submitform_wrap{
			display:table;
			width:auto;
			margin:0 auto 0 auto;
			float: none;
		}
		.selectedplan{
			width: 30%;
		}
		.fieldsarea{
			width: 65%;
		}
		button.submit_request_btn{
			display: table;
			margin: 25px auto 0 auto;
		}






		/* -- BREAK -- */






		footer{
			padding:75px 0 50px 0;
		}
		.footer-socialmedia{
			display:table;
			width:auto;
			margin:0 auto 70px auto;
			position: relative;
			padding: 0 45px;
		}
		.footer-socialmedia:before,
		.footer-socialmedia:after{
			position:absolute;
			width:30px;
			height:1px;
			background:#000;
			top:50%;
			transform: translate(0,-50%);
			content:'';
			margin:0 0 0 0;
		}
		.footer-socialmedia:before{
			right: initial; left: 0;
		}
		.footer-socialmedia:after{
			left: initial; right: 0;
		}
		.footer-socialmedia a{
			margin: 0 10px;
		}

		.footerwidgets{
			padding:0 0 0 0;
		}
		.ftr_widget{
			float:left;
			width:100%;
			margin:0 0 30px 0;
			padding-top: 0;
			padding-bottom: 30px;
			border-bottom: 1px solid #000;
		}
		.ftr_widget:last-of-type{
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}
		a.footerlogo{
			float:none;
			display:table;
			width:auto;
			margin:0 auto 0 auto;
		}
		.ftr_widget.address{
			width: 100%;
		}
}





@media(max-width:860px){
		.about .text{
			width: 100%;
			padding: 0 0 0 0;
			margin-bottom: 40px;
		}
		.about .text h1{
			text-align: center;
			font-size: 48px;
		}
		.about .text h2{
			text-align: center;
			font-size: 60px;
		}
		.about .text h3{
			text-align: center;
			font-size: 16px;
		}
		.about .text p{
			text-align:center;
			font-size: 16px;
			margin-bottom: 30px;
		}
		.about .text a.lmbtn{
			display: table;
			margin: 0 auto 0 auto;
		}
		.about .visual{
			float: none;
			display: table;
			width: 60%;
			margin: 0 auto 0 auto;
		}



		.register .regformwrap{
			width: 100%;
			position: relative;
			left: 0;
			top: 0;
			transform: translate(0,0);
			float: left;
			padding: 40px 20px;
		}
		.register .regform{
			width: 100%;
			position: relative;
			left: 0;
			top: 0;
			transform: translate(0,0);
		}
		.register .videoarea{
			float: left;
			width: 100%;
		}
		.register .videoarea .video{
			width: 100%;
			height: auto;
		}
}





/* -- ONLY FOR NAV -- */
@media(max-width:740px){
		header{
			z-index: 9999;
		}
		.site-navwrap{
			top: 0;
		}
		header.fixed .site-navwrap{
			top: 0;
		}
		.navicons{
			display: block;
		}
		.sitenav{
			display: none;
			position:fixed;
			width:100%;
			height:100%;
			left:0; top:0;
			margin:0 0 0 0;
			padding:100px 40px;
			z-index:2;
			background: rgba(0,0,0,0.95);
			overflow-y: auto;
		}
		.sitenav .leftside, .sitenav .rightside{
			position:relative;
			display: table;
			width: 40%; max-width: 290px;
			margin: 0 auto 0 auto;
			left: 0; right: 0;
		}
		.sitenav .leftside:before,
		.header-socialmedia:before{
			display: block;
			position:relative;
			float: left;
			width: calc(100% + 50px);
			content:'Site Menu';
			text-align:left;
			color:#1f7dad;
			font-size:19px;
			font-family: Kanit;
			font-weight: 500;
			text-transform: uppercase;
			margin:0 0 40px -50px;
			user-select: none;
			letter-spacing: 1px;
		}
		.sitenav .leftside:after,
		.header-socialmedia:after{
			position:absolute;
			width:50px;
			height:1px;
			background:#fff;
			left:-50px; top:40px;
			content:'';
			margin:0 0 0 0;
		}
		.header-socialmedia:before{
			content:'Become Social';
		}
		nav.headermenu{
			float: left; width: 100%;
		}
		nav.headermenu ul li{
			float: left; width: 100%; margin-right: 0;
			margin-bottom: 20px;
		}
		nav.headermenu ul li a{
			font-size: 18px;
			color: #fff;
		}
		nav.headermenu ul li a{width: 100%;}


		.header-socialmedia{
			float: left;
			width: 100%;
			margin-left: 0;
			margin-top: 50px;
		}
		.header-socialmedia a{
			color:#fff;
			font-size:18px;
			line-height: 21px;
			margin:0 19px 0 0;
		}





		.pricingplans{
			display: table;
			width: 280px;
			margin:0 auto 15px auto;
		}
		.pricingplans .item{
			float: left;
			width: 100%;
			padding: 0 0;
			margin: 10px 0;
		}
		.submitform_wrap{
			width: 280px;
		}
		.selectedplan{
			width: 100%;
		}
		.fieldsarea{
			margin-top: 20px;
			width: 100%;
		}
		.pricingplans .item.fw{
			padding: 0 0;
		}
		.fieldsarea fieldset input[type="text"],
		.fieldsarea fieldset input[type="email"]{
			height: 40px;
			font-size:16px;
		}
}
/* -- ONLY FOR NAV -- */






@media(max-width:640px){
		.lifetransform{
			padding-bottom: 0;
		}
		.lifetransform h2{
			font-size:42px;
			margin-bottom: 40px;
		}
		.lifetransform .picturearea{
			float: none;
			display: table;
			width: 45%;
			margin: 0 auto 12% auto;
		}
		.lifetransform .punchlines{
			float: left;
			width: 100%;
			padding: 0 0;
		}



		.testimonials{
			padding: 75px 20px;
		}
		.testimonials .container{
			display: table;
			padding: 40px 40px;
			padding-left: 40%;
			border-radius:14px;
			-webkit-border-radius:14px;
			background: #eee;
			position: relative;
			overflow: hidden;
		}
		.testimonials .container:before{
			position:absolute;
			width:35%;
			height:100%;
			background:url(images/pic_3.jpg) no-repeat center;
			background-size: cover;
			left:0; top:0;
			content:'';
			margin:0 0 0 0;
		}
		.testimonials .titles{
			float: left;
			width: 100%;
			margin-bottom: 30px;
		}
		.testimonials .titles h2{
			font-size:30px;
		}
		.testimonials .titles h3{
			font-size:48px;
		}
		.remarks_wrap{
			width: 100%;
		}
		.remarks_wrap .remarks .item p{
			font-size:18px;
		}
		.remarks_wrap .remarks .item h4{
			font-size:20px;
		}
}







@media(max-width:600px){
		.about .text h1{
			font-size: 40px;
			line-height: 100%;
		}
		.about .text h2{
			font-size: 42px;
			line-height: 100%;
		}
		.about .text h3{
			font-size: 16px;
			line-height: 100%;
		}
		.about .text p{
			font-size: 14px;
			line-height: 100%;
		}
		.about .text a.lmbtn{
			font-size:14px;
		}
		.about .visual{
			width: 80%;
		}


		.lifetransform .picturearea{
			width: 50%;
		}


		.testimonials .container{
			padding: 40px 30px;
			padding-left: 39%;
			padding-top: 50px;
		}
		.testimonials .container:before{
			width:32%;
			height:100%;
		}
		.testimonials .titles h2{
			font-size:21px;
		}
		.testimonials .titles h3{
			font-size:40px;
		}
		.remarks_wrap .remarks .item p{
			font-size:13px;
		}
		.remarks_wrap .remarks .item h4{
			font-size:16px;
		}
		.rs_nav a{
			float: left;
			width: 24px;
			height: 40px;
			font-size:24px;
		}
		.rs_nav a:last-of-type{
			margin-left: 15px;
		}



		.register .regform h2{
			font-size:21px;
		}
		.register .regform h3{
			font-size:42px;
		}
		.register .regform form fieldset input,
		.gform_wrapper input.medium{
			height: 42px!important;
			padding:0 10px!important;
			font-size:18px!important;
		}
		.register .videoarea .videocontrols .videobtns a.playbtn img{
			width: 72px; height: auto;
		}
}





@media(max-width:440px){
		.about .visual{
			width: 90%;
		}

		.lifetransform .picturearea{
			width: 65%;
		}
		.lifetransform .punchlines .item h3{
			font-size:24px;
		}
		.lifetransform .punchlines .item p{
			font-size:15px;
		}
}