@media(max-width:1024px) {
.headerdiv1 .container, .navbar-default .container{ width: 96%; max-width: none;}
.pageheader h1{ font-size:34px;}
.pageheader h3{ font-size:20px;}
.col-md-4{ float: none; width: 25%; display: inline-block; vertical-align: top;}
}

@media(max-width:980px) {
.pageheader h1{ font-size:30px; padding:10px 0;}
.col-md-4{ width: 22%;}
.mid-box1 .conten1{ width: 96%;}
.mid-box1 .conten1 .videobox{ max-width: 664px;}
.mid-box1 .conten2 ul li{ margin: 0 8px;}
}

@media(max-width:979px) { /*768*/
.container{ width: 94%;}
.headerdiv1 .head-text{ float: none; width:auto; text-align:center; line-height: 18px; padding: 0 20px 6px;}
.headerdiv1 .topicon{ float: none; width:100%; }
.headerdiv1 .topicon ul{ text-align:center;}
h2 { font-size:36px; padding:20px 0 20px; }
.stats{ display:none; }
.sociallinks{ right:5px; }
.navbar-toggle{ margin-right: 20px; margin-top: 30px; padding: 12px 10px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: medium none; padding:0 10px;  font-size: 16px;}
.navbar-default .navbar-nav > li > a{ padding: 28px 10px;}
.col-md-4{ width: 25%;}
.mid-box1 .conten1 .videobox{ width: 96%; max-width: none; float:none; margin:0 auto 16px;}
.mid-box1 .conten1 .optin-box{ float:none; margin:0 auto;}
.mid-box1 .conten2 ul li{  margin: 0 8px 16px;}
.mid-box2{ min-height: inherit;}
.mid-box4{ padding:23px 0;}
.mid-box4 .left-img{ float:none; margin:0 auto;}
.mid-box4 .right-con{ float:none; max-width: none; text-align: center;}
.mid-box5 .left-con{ float: none; max-width: none; padding:0 0 20px;}
.mid-box5 .right-con{ float: none; max-width: none;}
.mid-box5 .right-con ul li{ width: 24%;}
.mid-box6{ padding: 26px 0 0;}
.mid-box6 ul li{ margin: 0 4px 10px;}
.mid-box6 h1, .mid-box7 h1, .mid-box8 h1, .mid-box9 h1{ font-size:30px; line-height:36px;}
.mid-box7 .left-con{  float: none; max-width: none;}
.mid-box7 .right-con{ float:none; margin:10px auto 0;}	
.section5 .testbox{ max-width: none;}
.section5 .testbox .test-con{ max-width: none; width: 80%;}
.mid-box8 .left-con{ float:none; margin:0 auto 20px;}
.mid-box8 .right-con{ float:none; margin:0 auto;}
.mid-box9{ padding: 30px 0;}
.mid-box9 h1{ float:none; width:100%; text-align:center; margin-bottom:20px;}
.mid-box9 .social-icon{ float:none;}
footer .ftabtcon{ max-width: none; margin: 0 0 10px;}
.section2, .section5 .row{ margin:0;}
}

 @media(max-width:766px) { /*600*/
.container{ padding:0 15px; }
.navbar-toggle{ margin-top: 10px;}
.col-md-4{ width: 30%;}
.pageheader .fa-stack{ width:100%; height:auto;}
.col-md-4 span.fa-stack.fa-4x img{ width:100%;}
.section5 .testbox .test-img{ float:none; margin:0 auto 10px; }
.section5 .testbox .test-con{ float:none; max-width:none; }
.academy .probox{ margin:0 0 15px; padding:75px 10px 0; }
.articlebg{ padding:0 10px; }
.article-img{ width:100%; height:auto; max-width:none; }
.inner-content h2{ font-size:24px; }
.ftlogo{ position:inherit; left:auto; bottom:auto; clear:both; }
footer .ftabtcon{ float:none; max-width:none; margin:0 0 15px; }
footer .ftabt{ margin: 0 30px 10px 0;}
.c-pagetop .leftimg, .c-pagetop .con-right, .courses-page-con1 .con-box .imgL, .courses-page-con1 .con-box .con-right, .outreach-pagetop .con-right, .outreach-pagetop .leftimg, .outreach-page-con1 .conten1 p.leftimg, .ask-pagetop h1{ float:none; width:100%;}
.courses-page-con1 h1{ font-size:48px;}
.courses-page-con1 h2{ font-size:36px;}
.contacttbl td{display:block;}
.navbar-right{ margin:0;}
.outreach-page-con1 .conten1 p.leftimg{ margin:0;}
.outreach-page-con1 .conten1 p.leftimg img, .outreach-page-con2 .left-img img{ width:100%; height:auto;}
.outreach-page-con2 .left-img{ float:none; width:100%; margin:0; text-align:center;}
.mid-box1.courses-page .left-box, .mid-box1.courses-page .right-box{float:none; margin-bottom:15px; width:100%;}
}

 @media(max-width:580px) {
.lmore-box .box-r{ max-width:200px; }
}

 @media(max-width:480px) {
.lmore-box .box-r{ max-width:200px; }
footer .ftabt, footer .ftsupp, footer .ftlegal{ float:none; max-width:none; margin:0 0 15px; }
.ftlogo{ text-align:left; }
.mid-box3 h1{ font-size: 46px; line-height: 50px; margin-bottom: 20px;}
.mid-box3 .imgdiv{ float: none; margin: 0 auto 20px;}
.section5 .testbox .test-con{ width: auto;}
}

 @media(max-width:360px) {
.col-md-4{ padding: 0 4px;}
.pageheader h4{ font-size: 13px; line-height:16px;}
.mid-box3 h1{ font-size: 36px; line-height: 42px;}
.mid-box3 h3{ font-size: 20px; line-height: 24px;}
.mid-box4 h1{ font-size: 30px; margin-bottom: 14px;}
.mid-box4 .right-con{ font-size: 16px; padding-top: 15px; line-height: 22px;}
.mid-box5 .right-con ul li{  width: 100%;}
h2{ font-size: 30px;}
.mid-box6 h1, .mid-box7 h1, .mid-box8 h1, .mid-box9 h1{ font-size: 26px;}
.mid-box9{ line-height: 50px;}
.mid-box9 .social-icon ul li{  width: 50px; height:auto;}
.mid-box9 .social-icon ul li img{ width:100%;}
}