/* ~~ Comment Reset ~~ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size:100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	font-family: 'Open Sans', sans-serif;
	line-height:18px;
	background: #ffffff;
	font-size:100%;
	margin: 0;
	padding: 0;
	color: #333333; word-wrap:break-word;
}
*{ 
	padding: 0;
	margin: 0;
	border: none; outline:0 none; list-style:none; 
}
h1,h2,h3,h4,h5{ line-height:normal; font-weight:normal;}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
img{ max-width:100%; border:0 none; outline:0 none;}
.clearfix{ clear:both; overflow:hidden;}
.align_left{ float:left; }
.align_right{ float:right; }
.ovr_hidn{ overflow:hidden; }


/* ~~ Comment Reset End ~~ */
.mid-cntnt-mn{width:100%;}
.gk-page{max-width: 980px; margin: 0 auto;
    width: 100%;}
.mid-cntnt-left{width:72%; float:left; border-right:1px solid #d2d2d2; margin-right:3%;}
.mid-cntnt-left h2{color:#333333; font-size:44px; font-weight:300; margin:0 0 45px 0; padding:0; line-height:30px;}
.mid-cntnt-left p{width:94%; color:#333333; font-size:17px; font-weight:300; line-height:27px; }
.cntnt-img{float:left; width:50%; padding:0 20px 0 0;}
.mid-cntnt-right{width:24%; float:right;}
.purchase-lesson a{width:100%; background:#4c90fe; font-size:20px; font-weight:600; color:#ffffff; text-decoration:none; padding:15px 0 18px; display:inline-block; text-align:center; border-radius:4px;}
.purchase-lesson a:hover{ background:#e04d47;}
.instructors{width:100%;}
.instructors h2{font-size:44px; color:#333333; font-weight:300; margin:0 0 45px 0; padding:0; line-height:30px;}
.instructors ul{width:100%; padding:0; margin:0;}
.instructors ul li{width:32%; float:left; margin-right:2%; margin-bottom:60px;}
.instructors ul li:nth-child(3n){ margin-right:0;}
.instrctr-img{width:100%;}
.instrctr-nm{font-size:32px; color:#333333; font-family: 'Alegreya', serif; line-height:30px; margin:35px 0 10px 0;}
.instrctr-pstn{font-size:22px; color:#e04d47; font-family: 'Alegreya', serif; line-height:24px; margin: 0 0 10px; background:url(../images/brdr.jpg) no-repeat bottom left; padding:0 0 30px 0;}
.instrctr-dtl{color:#333333; font-size:17px; font-weight:300; line-height:27px; margin:30px 0 0 0;}
.instrctr-dtl a{color:#4c90fe; text-decoration:none; font-size:20px; font-weight:600; display:block; padding:5px 0 0 0;}
.instrctr-dtl a:hover{color:#e04d47;}






@media screen  and (max-width:1000px) {
.instructors{width:96%; margin:0 2%;}	
.instrctr-pstn{font-size:20px;}
.mid-cntnt-mn{margin: 0 2%;    width: 96%;}
}
@media screen  and (max-width:900px) {
.instructors ul li{width:46%; text-align:center;}
.instrctr-pstn{background:url(../images/brdr.jpg) no-repeat bottom center;}
.instrctr-dtl{ width: 94%;  margin: 30px auto 0;}
.instrctr-img img{width:100%;}
.mid-cntnt-left{margin-right: 1%; width:70%;}
.mid-cntnt-right{float: left; width:26%;}
.mid-cntnt-left p{ width: 98%;}
}
@media screen  and (max-width:767px) {
.mid-cntnt-left{margin-right: 0;    width: 100%; border-right:0;}
.mid-cntnt-right{width:100%;}
.mid-cntnt-left p{ margin:0 0 40px 0;}
.purchase-lesson{width:100%;}
.purchase-lesson a{padding: 15px 5% 18px; margin:0 0 40px 0;}
}
@media screen  and (max-width:685px) {
.instructors ul li{ width: 100%;}
.instructors ul li:nth-child(3n){ margin-right:2%;}
.cntnt-img{padding: 0 0 20px 0;    width: 100%;}
.mid-cntnt-left p{width: 100%;}
.mid-cntnt-mn{text-align: center;}
}
@media screen  and (max-width:380px) {
.mid-cntnt-left h2{font-size: 32px;}
}
.hide_title
{
	display:none;
}