@media screen and (max-width: 1470px) {
	.meditation h3 {
	    font-size: 24pt;
	}
	.meditation h1 {
    	font-size: 44pt;
    	margin: 50px 0 0 0;
	}
	.meditation h4 {
    	margin: 15px 0 20px 0;
    	margin-bottom: 20px;
    	font-size: 20pt;
	}
	.f19 {
    	font-size: 18pt;
    	line-height: 120%;
	}
	.meditation > .row {
    	padding-top: 20px;
	}
	.pt10 {
    	padding: 0px;
    	margin-bottom: 30px;
    	font-size: 18pt;
	}
	.meditation p {
    	font-size: 18pt;
    	width: 500px;
	}
	.max-width {
    	width: 440px;
	}
}
@media screen and (max-width: 1370px) {
	.meditation h3 {
	    font-size: 24px;
	}
	.meditation h1 {
    	font-size: 50px;
    	margin: 50px 0 0 0;
	}
	.meditation h4 {
    	margin: 15px 0 20px 0;
    	margin-bottom: 20px;
    	font-size: 20px;
	}
	.f19 {
    	font-size: 18px;
    	line-height: 120%;
	}
	.meditation > .row {
    	padding-top: 20px;
	}
	.pt10 {
    	padding: 0px;
    	margin-bottom: 30px;
    	font-size: 18px;
	}
	.meditation p {
    	font-size: 18px;
    	width: 440px;
    	max-width: 90%;
	}
	.max-width {
    	width: 440px;
    	max-width: 90%;
	}
}

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

	.block-img {
    	width: 30%;
	}
	.block-img p {
    	padding: 0 10px;
    	font-size: 16px;
	}
	.frame-img {
    	height: 450px;
	}
	.frame div {
    	font-size: 16px;
	}
	.frame div {
    	padding-top: 80px;
	}
}

@media screen and (max-width: 1200px) {
	.row {
	    width: 1050px;
	}
	.mobile {
    	left: calc(50% + 350px);
	}
	.menu {
    	margin-left: 145px;
	}
}
@media screen and (max-width: 1080px) {
	.row {
	    width: 950px;
	}
	.teacher .block-text {
    	padding-top: 0px; 
	}
	.learning h4 {
    	margin-top: 0px;
	}
	#to-top {
    	margin:0;
    }
    .text {
    	/*font-size: 14px;*/
	}
	.menu {
    	margin-left: 30px;
	}
	.mobile {
    	left: calc(50% + 303px);
	} 
}
@media screen and (max-width: 992px) {
	.row {
	    width: 750px;
	    padding: 0 5px;
	}
	.menu a {
    	margin: 0 5px;
	}
	.menu{
		margin-left: 10px;
	}
	.mob a {
    	padding-left: 20px;
    	font-size: 14px;
	}
	.meditation h3 {
    	font-size: 20px;
	}
	.f19 {
    	font-size: 16px;
    	line-height: 120%;
	}
	.block-text {
    	display: block;
    	vertical-align: top;
    	width: 95%;
    	margin: 0 auto;
    	text-align: left;
	}
	.block-img {
    	display: block;
    	vertical-align: top;
    	width: 95%;
    	margin: 0 auto;
    	text-align: center;
    	font-size: 14px;
	}
	.block-img img{
	    max-height: 300px;
    	max-width: 300px;
    	margin: 20px auto;
    }
    .teacher {
    	padding: 30px 0;
	}
	.learning {
	    padding: 30px 0;
	}
	.learning .block-img img {
    	width: 70%;
    	background: #688fc9;
	}
	iframe {
    	height: 400px;
	}
	.footer-menu {
    	max-width: 50%;
	}
	.text {
	    background: linear-gradient(to left, rgba(255,255,255,0.71) , #fff 0%, rgba(255,255,255,0.61));
	}
	#to-top {
    	width: 40px;
    	height: 40px;
	}
	#to-top img {
    	width: 28px;
    	height: 28px;
    	margin-top: 6px;
	}
	.max-img{
		display: none; 
	}
	.mini-img{
		display: block;
	}
	.menu a {
    	font-size: 16px;
	}
	.mobile {
    	left: calc(50% + 219px);
	}
	.text form input {
    	width: 210px;
	}
	.text form input.submit-btn {
    	width: 250px;
	}
	.text {
    	background: none;
	}
	.frame {
	    border: none; 
	    width: auto; 
	    float: none;
	    text-align: left;
	    position: relative;
	}
	.frame h1 {
    	color: #033b52;
    	text-align: center;
    	margin-top: 15px;
    	margin-left: 0;
	}
	.frame-img {
    	height: 300px;
    	position: static;
    	display: block;
    	margin: 0 auto;
	}
	.frame div {
    	width: auto;
    	float: none;
    	padding:10px;
    	font-size: 14px;
	}
	.block-rel {
    	width: 100%;
    	height: 100px;
    	position: static;
    	border-top: none;
    	border-left: none;
    	border-right: none;
    	z-index: 0;
    	display: none;
	}
	.block-img {
    	display: block;
	}
	.rel{
		display: block;
	}
	.block-img {
    	border: none;
	}
	.learning h1 {
	    margin-bottom: 20px;
	    
	}
	.call-footer form input {
    	padding: 15px 10px;
    	font-size: 16px;
    	margin: 5px 0;
    	width: 210px;
	}
	.feedback-form--footer {
    	min-width: 300px;
    	text-align: center;
	}
	.footer-menu {
	    max-width: 100%;
	}
	.max-img{
		padding-bottom: 5px;
		margin-top: 20px;
		border-bottom: 2px solid #ccc;
	}

}
@media screen and (max-width: 768px) {
	.row {
	    width: 490px;
	    padding: 0 5px;
	}
	.footer-menu {
    	width: 100%;
    	float: none;
    	text-align: center;
    	max-width: 100%;
	}
	.half {
    	width: 100%;
	}
	.call-footer {
    	float: none;
    	max-width: 100%;
    	padding-bottom:50px;
	}
	body {
    	font-size: 14px;
	}
	.menu{
		display: none;
	}
	.mobile {
    	display: none;
	}
	.teacher h4 {
    	font-size: 18px;
	}
	.learning h4 {
	    font-size: 18px;
	}
	.path h4 {
    	margin-top: 30px;
	}
	.modal-dialog {
    	max-width: 90%;
	}
	.media-menu{
		display: block;
	}
	.media-mobile{
		display: block;
	}
	.menu {
	    position: absolute;
	    top: 90px;
		background: #fff;
		width: 100%;
		left:0;
		padding-bottom:10px; 
		margin: 0;
		border-bottom: 2px solid #734140;
	}
	.menu a {
    	margin: 10px 0px;
    	display: block;
    	text-align: center;
    	padding: 10px 0;
    	font-size: 18px;
    	color: #033b52;
    	font-weight: bold;
	}
	.mobile{
		width: 200px;
		padding:20px;
		background: #fff;
		left: calc(50% - 121px); 
		border: 1px solid #033b52;
		border-radius: 0px;
		box-shadow:  0 0 30px #fff;
		top: 90px;
	}
	.mobile .mob {
    	background: #033b52;
    	border-radius: 0px;
    	padding: 7px 10px;
    	transition: 0.3s;
    	margin: 5px 0;
	}
	.max-width {
    	text-align: center;
	}
	.meditation span {
    	margin-left: 0;
	}
}
@media screen and (max-width: 500px) {
	.row {
	    width: calc(100% - 10px);
	    padding: 0 5px;
	}
	.meditation {
    	padding-top: 5px;
    	padding-bottom: 40px;
    }
    .meditation h3 {
    	font-size: 24px;
	}
	.meditation h1 {
    	font-size: 50px;
	}
	.meditation h4 {
    	font-size: 16px;
	}
	.text {
    	font-size: 18px;
	}
	.header-leave-btn {
    	padding: 5px 10px;
    	font-size: 12px;
    	margin-top: 15px;
	}
	.logo img {
    	height: 50px;
    	margin-top: 10px;
	}
	.f19 {
    	font-size: 14px;
	}
	.media-menu{
		margin-right:30px;
		margin-top: -12px;
		float: left;
	}
	.media-mobile {
	    margin-right: 20px;
	    margin-top: -12px;
	}
	.max-width {
    	text-align: center;
	}
	.logo {
    	display: inline-block;
    	vertical-align: top;
    	float: left;
    	margin-right: 50px;
	}
	.home {
    	margin: 0 auto;
    	width: auto;
	}
	.half {
    	font-size: 14px;
	}
}
@media screen and (max-width: 350px) {
	.max-width {
    	width: auto;
	}
}
@media screen and (max-width: 330px) {
	.media-menu{
		margin-right:20px;
	}
}