@charset "utf-8";
/* CSS Document */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.sapreater1{display: block;
  width: 100% \9;
  max-width: 100%;}

.headdiv{background-color: #008ad0; margin-left: auto; margin-right: auto; color: #ffffff; font-size: 26px; padding: 25px 32px;}

.mainteacherdiv{width:100%;}
.clr{clear:both;}
@media (max-width: 991px) {
.spanseprate{border:1px solid #C9692F;}
#footer ul.menu-line li.footer1, #footer ul.menu-line li.footer2 { border-bottom:2px solid #C9692F; }
body{font-size:12px}
.trial{font-size:300%}
.mtrial{font-size:250%}
.right{width:10%;}
.strial {font-size:150%}
.blue-square {width:2.55%;}
.validfor{width:100%; padding-left: %0; 1}
.paypal{width:100%; }
.validhead {
    color: #cc0033;
    font-size: 140%;
}
.subtext{padding:0% 0%;}
.emailcontent p{padding:0% 0%; text-align:justify}
.Howtodothis{width:100%;}
.supportjp{width:100% !important}
.supportjp .mod-box-default{min-height:22px !important; margin: 0% 2%;};
.study_table{width:100%}
.teacher_table {
    width:100%;
}
/*table.tab2 { width:98% }table.tab3 { width:98% }table.tab4 { width:98% }table.tab5 { width:98% }table.tab6 { width:98% }table.tab7 { width:98% }table.tab8 { width:98% }table.tab9 { width:98% }table.tab10 { width:98% }table.tab11 { width:98% }table.tab12 { width:98% }table.tab13 { width:98% }table.tab14 { width:98% }table.tab15 { width:98% }*/
.agrouppeapole div{float:left; margin:0% 2%; text-align:center;}
.agrouppeapole, .agroup{width:100%; }
.techheadind p{font-size: 65% !important; padding-right: 2%;}
.stdable{width:100%;}
.stdable tr td{max-width:15px;}
.tab2heading p, .heading p, .tab5heading p, .tab6heading p, .tab7heading p, .tab8td p{font-size: 65%;padding-right: 2%;}
.tab2heading2{max-width:25px;}
.mainteacherdiv div{
	float:left;
}
.ondesktop{display:block;}
.onmobile{display:none;}
.res-table{
	width:100% !important;  
	display: table;
    table-layout: fixed;
    height: 100%;
	}

.rembord{display:none}
}
@media (max-width: 479px) {
.spanseprate2{border:1px solid #C9692F;}
#footer ul.menu-line li.footer3 { border-bottom:2px solid #C9692F; }
body{font-size:12px}
.trial{font-size:150%}
.mtrial{font-size:130%}
.right{width:10%;}
.center{text-align:center}
.strial {font-size:100%}
.blue-square {width:6%;}
.paypal{width:100%;}
.validfor{width:100%; padding-left: %0;}
.validhead {
    color: #cc0033;
    font-size: 140%;
}
.headdiv{font-size: 145%;}
.hrht {
    padding: 0% 0%;
}
.subtext{padding:0% 0%;}
.emailcontent p{padding:0% 0%; text-align:justify}
.Howtodothis{width:100%;}
.supportjp .mod-box-default{margin: 0% 3%;}
.study_table{width:100%; }
.study_table tr td{max-width:15px;}
.teacher_table {
    width: 100%;
}
.techheadind p{font-size: 65% !important; padding-right: 2%;}
.agrouppeapole div{width:100%; text-align:center;}
.stu2techaedate{max-width:20px;}
.stu2techaedate2{ max-width:40px;}
.stdable{width:100%;}
.tab2heading p, .heading p, .tab5heading p, .tab6heading p, .tab7heading p, .tab8td p{font-size: 65%;padding-right: 2%;}
.mainteacherdiv div{
	float:none;
}
.des::before {
    content: "- ";
}
.st5td{max-width:15px;} 
.study_table span, .study_table{font-size: 65% !important;}
.tdtime, .tablehead, .fs16, .brd, .tab2heading2, .tabtd, .tabtd1, .tabtr, .tabtd2, .tabtrtd1, .tabttrtd, .tabttrtd2, .tab8tdhd, .tab8tdinner, .tab8tdinner1, .tech_bachheading{font-size: 85% !important;}
.teacher_table, tech_bachheading{font-size:70% !important;}
.ondesktop{display:none;}
.onmobile{display:block;}
.res-table{
	width:100% !important;  
	display: table;
    table-layout: fixed;
    height: 100%;
	}
.rembord{display:none}	
.fontfaceonmob{font-size:70% !important;}
}
 
@media (min-width: 480px) {
.teacherdiv1{width:33%}
.teacherdiv2{width:67%}
.teacherdiv3{width:100%}
.footer1, .footer2, .footer3, .footer4{width:50%; }
.footerht div{float:left};
body{font-size:14px}
.trial{font-size:200%}
.mtrial{font-size:150%}
.strial {font-size:115%}
.study_table{width:100%; }

}
@media (min-width: 992px) {
.teacherdiv1{width:16.33%}
.teacherdiv2{width:30.33%}
.teacherdiv3{width:53.33%}
.footer1, .footer2, .footer3, .footer4{width:25%;}
.footerht div{float:left};
body{font-size:14px}
.trial{font-size:300%}
.mtrial{font-size:170%}
.strial {font-size:150%}
.validfor{width:54%; float:left;  padding-left: 18%; padding-bottom: 2%; padding-top: 2%;} 
.paypal{width:28%; float:left;}
.validhead{font-size: 19px; color: #cc0033;}
.validdesc{margin:3px 0px 0px 0px; padding-right: 1%;}
.subtext{text-align:center; padding:0% 2%;}
.hrht{padding: 0 6%;}
.Howtodothis{width:50%;}
.study_table{width:90%; margin:0% 5%}
.teacher_table {
    width: 90%;
}
.agrouppeapole div{float:left; margin:0% 2%; text-align:center;}
.agrouppeapole, .agroup{width:100%; margin: 0 14%;}
.stdable{width:45%;}
.mainteacherdiv div{
	float:left;
}
.ondesktop{display:block;}
.onmobile{display:none;}
.res-table{width:100% !important;}
}
@media (min-width: 1200px) {
.teacherdiv1{width:16.33%}
.teacherdiv2{width:30.33%}
.teacherdiv3{width:53.33%}
.footer1, .footer2, .footer3, .footer4{width:25%;}
.footerht div{float:left};

body{font-size:16px}
.trial{font-size:300%}
.mtrial{font-size:200%}
.strial {font-size:150%}
.validfor{width:54%; float:left;  padding-left: 18%;   padding-bottom: 2%; padding-top: 2%;}
.paypal{width:28%; float:left;}
.validhead{font-size: 19px; color: #cc0033;}
.validdesc{margin:3px 0px 0px 0px; padding-right: 1%;}
.subtext{text-align:center; padding:0% 2%;}
.hrht{padding: 0 6%;}
.Howtodothis{width:50%;}
.emailcontent p{padding:0% 4%; text-align:justify;}
.classroomfirstdiv{width:69% !important;}
.classroomseconddiv{width:31% !important;}
.study_table{width:61%}
.teacher_table {
    width: 90%;
}
.agrouppeapole div{float:left; margin:0% 2%; text-align:center;}
.agrouppeapole, .agroup{width:100%; margin: 0 14%;}
.stdable{width:45%;}
.tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8{width:90%}
table.tab2 { width:90%}table.tab3 { width:90%}table.tab4 { width:90%}table.tab5 { width:90%}table.tab6 { width:90%}table.tab7 { width:90%}table.tab8 { width:90%}table.tab9 { width:90%}table.tab10 { width:90%}table.tab11 { width:90%}table.tab12 { width:90%}table.tab13 { width:90%}table.tab14 { width:90%}table.tab15 { width:90%}
.mainteacherdiv div{
	float:left;
}
.stteacher4 td{padding: 9px 10px;}
.ondesktop{display:block;}
.onmobile{display:none;}
.res-table{width:100% !important;}
}
.blue-circle{margin-right: 5px;}
.no-color-16{text-align:justify;}
.teacher_table td{padding:2% 0%;}
#footer ul.menu-line { width:100%; }
#footer ul.menu-line li { padding-left:0px; margin-left:0px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
body.mspg_width div.block-main { max-width: 80%; }
#footer ul.menu-line li.level2 { display:list-item }
table.cspace { border-collapse:separate; border-spacing: 2px; }
table.cspace td, table.cspace th { padding:3px }


.ptime{ text-align:center;padding: 1px; } 
.teacher_table .lesson { text-align:left;padding-left:20px;}
.tab3 .lesson { text-align:left;padding-left:20px;}
.tab8 .lesson { text-align:left;padding-left:20px;}
.teacher_table .headercontaner{text-align:center;}

#full_table td {padding-left:7px; padding-right:7px;}

@media (max-width: 479px) {
	.tech_bachheading .jptime {font-size:6px;}

}
@media (min-width: 480px) {
	.tech_bachheading .jptime {font-size:10px;}

}
@media (min-width: 992px) {
	.tech_bachheading .jptime {font-size:12px;}

}
@media (min-width: 1200px) {
	.tech_bachheading .jptime {font-size:12px;}

}