@media only screen and (min-width: 240px) and (max-width:380px) {
	.homebanner span {
margin-left:0;
margin-bottom:10px;
width:100%
}

.homebanner span:last-child {
float:right;
margin-left:0!important
}

.homebanner span:first-child {
float:left
}

.homebanner img {
width:100%
}
}
@media only screen and (min-width: 380px) and (max-width:480px) {
	.homebanner > div {
text-align:unset!important
}

.homebanner span {
margin-left:0;
width:49%
}

.homebanner span:last-child {
float:right;
margin-left:0!important
}

.homebanner span:first-child {
float:left
}

.homebanner img {
width:78%
}
}
@media only screen and (min-width: 240px) and (max-width:480px) {
	/*============home , header, footer ====================*/
.logonew {
display:none
}

.homebanner > div {
text-align:unset!important
}


.bannerHead {
  font-size: 27px !important;
}
.home-box-col-4 {
display:inline-block;
float:unset!important;
vertical-align:top;
width:100%
}

.home-box-col-4 span.read {
bottom:0!important;
float:unset!important;
margin-left:unset!important;
position:unset!important
}
.home-box-col-4 span.read a {
  float: left !important;
}

.home-box-col-4 .homeIco03 > span {
display:none
}
.homeBox011.home-box-col-4 {
  padding-left: 10px !important;
}
.homeIco02 {
font-size:20px!important;
padding:7px 0 14px 0px !important;
text-align:left!important
}

.homeIco01 {
font-size:20px!important;
padding:5px 0 16px 0px !important
}

.homeIco04 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.homeIco03 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.corporates {
width:100%;
margin-bottom:10px
}

.student {
width:100%
}

.college {
width:100%
}

.profession {
width:100%
}

.homeTesti .wrapper {
display:inline
}

.homeTesti .wrapper div {
display:inline-block;
height:auto
}

.homeTesti {
display:table!important;
height:auto!important;
margin:auto!important;
padding-bottom:10px!important;
width:95%!important
}

.preFooterBox {
width:100%!important
}

.preFooterBox a {
font-size:12px
}

.footerRight {
margin:-10% 0!important
}

.whiteBox .wrapper {
display:table
}

.preFooterBox span {
display:block;
font-size:13px;
width:100%
}

.preFooterBoxS.leftFB.footerLogo {
float:unset;
margin:auto
}

/*============ About us ====================*/
.bannerHead {
  margin: -26% 0 4% !important;
  position: absolute;
  font-size: 36px;
}
.about h1 {
  font-size: 28px;
}
.about {
  width: 100%;
}
.sec-one-right > img {
  width: 100%;
}
.wrapper .sec-one-right {
  width: 100%;
}
.about-box .left {
  width: 100%;
}
.about-box .right {
  float: right;
  width: 100%;
}
.about-box .left.about-bg {
  padding: 5px;
}
/*=================== partner page  ====================*/
.parnernav p {
  display: inline-block!important;
  margin: 0 15px 10px 0 !important;
  float:unset !important;
}
.parnernav br {
  display: none;
}
.parnernav {
  height: auto;
}

/*=================== internship page  ====================*/


.video-section.wrapper-second.pad-top {
  width: 95% !important;
}
.owl-nav div {
  display: inline-block !important;
}
body {
  overflow-x: hidden;
}
.gallery-page .whiteBox .wrapper {
  display: block;
}
/*=================== gallery page  ====================*/
.gallery-section.wrapper-second.pad-top {
  width: 95%!important;
}
/*=================== contact page  ====================*/
.formss {
  float: unset;
  margin: auto;
  max-width: 460px;
  width: 95%;
}
.eager {
  float: unset;
  margin: auto;
  width: 95%;
}
.eager h1 {
  font-size: 21px;
  width: 95%;
}
.contact-main .whiteBox .wrapper {
  display: block;
}

/*=================== program page  ====================*/
.prgrm .left {
  float: left;
  width: 100%;
}
.prgrm .right {
  float: right;
  margin-top: 10px;
    width: 100%;
}
.prgrm .left img {
  width: 100%;
}
.prgrm .right img {
  width: 100%;
}
.first img ,.middle img ,.last img{
  width: 100%;
}
.first, .middle, .last {
  display: inline-block !important;
  margin-bottom: 10px !important;
  margin-left: 5px !important;
  width: 47% !important;
  float:unset !important;
}
.saplingContent {
  padding: 15px 40px;
  width: 100%;
}
.tab-container {
  height: auto !important;
  width: 100% !important;
}
.panel-container > div img {
  width: 100% !important;
}
.corporate {
  height: auto!important;
}
.etabs {
  display: table !important;
  margin-left:0px;
  text-align:center;
 
}.customised {
  display: inherit;
  height: auto;
}
.tab {
  display: -moz-box !important;
}
.inter {
  display: inherit !important;
  height: auto !important;
}
}





@media only screen and (min-width: 481px) and (max-width:601px) {
		
/*============home , header, footer ====================*/
.logonew {
display:none
}

.homebanner > div {
text-align:unset!important
}

.homebanner span {
margin-left:0;
width:49%
}

.homebanner span:last-child {
float:right;
margin-left:0!important
}

.homebanner span:first-child {
float:left
}

.homebanner img {
width:78%
}

.home-box-col-4 {
display:inline-block;
float:unset!important;
vertical-align:top;
width:49%
}

.home-box-col-4 span.read {
bottom:0!important;
float:unset!important;
margin-left:unset!important;
position:unset!important
}
.home-box-col-4 span.read a {
  float: left !important;
}
.home-box-col-4 .homeIco03 > span {
display:none
}

.homeIco02 {
font-size:20px!important;
padding:7px 0 14px 0px !important;
text-align:left!important
}

.homeIco01 {
font-size:20px!important;
padding:5px 0 16px 0px !important
}

.homeIco04 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.homeIco03 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.corporates {
width:59%
}

.student {
width:40%
}

.college {
width:40%
}

.profession {
width:59%
}

.homeTesti .wrapper {
display:inline
}

.homeTesti .wrapper div {
display:inline-block;
height:auto
}

.homeTesti {
display:table!important;
height:auto!important;
margin:auto!important;
padding-bottom:10px!important;
width:95%!important
}

.preFooterBox {
width:100%!important
}

.preFooterBox a {
font-size:12px
}

.footerRight {
margin:-4% 0!important
}

.whiteBox .wrapper {
display:table
}

.preFooterBox span {
display:block;
font-size:13px;
width:100%
}

.preFooterBoxS.leftFB.footerLogo {
float:unset;
margin:auto
}
/*============ About us ====================*/
.bannerHead {
  margin: -20% 0 4% !important;
  position: absolute;
}
.about h1 {
  font-size: 28px;
}
.about {
  width: 30%;
}
.sec-one-right > img {
  width: 100%;
}
.wrapper .sec-one-right {
  width: 65%;
}
.about-box .left.about-bg {
  padding: 10px;
}
/*=================== partner page  ====================*/
.parnernav p {
  display: inline-block!important;
  margin: 0 15px 10px 0 !important;
  float:unset !important;
}
.parnernav br {
  display: none;
}
.parnernav {
  height: auto;
}
/*=================== internship page  ====================*/


.video-section.wrapper-second.pad-top {
  width: 95% !important;
}
.owl-nav div {
  display: inline-block !important;
}
body {
  overflow-x: hidden;
}
.gallery-page .whiteBox .wrapper {
  display: block;
}
/*=================== gallery page  ====================*/
.gallery-section.wrapper-second.pad-top {
  width: 95%!important;
}
/*=================== contact page  ====================*/
.formss {
  max-width: 460px;
  width: 90%;
}
.contact-main .whiteBox .wrapper {
  display: block;
}
/*=================== program page  ====================*/
.prgrm .left {
  float: left;
  width: 49%;
}
.prgrm .right {
  float: right;
  width: 49%;
}
.prgrm .left img {
  width: 100%;
}
.prgrm .right img {
  width: 100%;
}
.first img ,.middle img ,.last img{
  width: 100%;
}
.first ,.middle ,.last {
  width: 24%;
}
.saplingContent {
  padding: 15px 40px;
  width: 100%;
}
.tab-container {
  height: auto !important;
  width: 100% !important;
}
.panel-container > div img {
  width: 100% !important;
}
.corporate {
  height: auto!important;
}
.etabs {
  display: table !important;
  margin-left:0px;
  text-align:center;
 
}.customised {
  display: inherit;
  height: auto;
}
.tab {
  display: -moz-box !important;
}
.inter {
  display: inherit !important;
  height: auto !important;
}
}






@media only screen and (min-width: 602px) and (max-width:765px) {
	/*============home , header, footer ====================*/

.logonew {
display:none
}

#topBar .logoSmall {
background:rgba(0,0,0,0) url(../images/logo.png) no-repeat scroll center top;
display:block;
float:unset;
margin: auto;
height:178px;
width:95%
}

.wrapper > #menuBar {
display:none
}

.homebanner > div {
text-align:unset!important
}

.homebanner span {
margin-left:0;
width:49%
}

.homebanner span:last-child {
float:right;
margin-left:0!important
}

.homebanner span:first-child {
float:left
}

.homebanner img {
width:68%
}

.home-box-col-4 {
display:inline-block;
float:unset!important;
vertical-align:top;
width:49%
}
.home-box-col-4 span.read a {
  float: left !important;
}
.home-box-col-4 span.read {
bottom:0!important;
float:unset!important;
margin-left:unset!important;
position:unset!important
}
.homebanner span:first-child {
float:left
}
.home-box-col-4 .homeIco03 > span {
display:none
}

.homeIco02 {
font-size:20px!important;
padding:7px 0 14px 0px !important;
text-align:left!important
}

.homeIco01 {
font-size:20px!important;
padding:5px 0 16px 0px !important
}

.homeIco04 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.homeIco03 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.corporates {
width:59%
}

.student {
width:40%
}

.college {
width:40%
}

.profession {
width:59%
}

.homeTesti .wrapper {
display:inline
}

.homeTesti .wrapper div {
display:inline-block;
height:auto
}

.homeTesti {
display:table!important;
height:auto!important;
margin:auto!important;
padding-bottom:10px!important;
width:95%!important
}

.preFooterBox {
width:62%!important
}

.preFooterBox a {
font-size:12px
}

.footerRight {
margin:-4% 0!important
}

.whiteBox .wrapper {
display:table
}

.preFooterBox span {
display:block;
font-size:13px;
width:100%
}
/*============ About us ====================*/
.bannerHead {
  margin: -16% 0 4% !important;
  position: absolute;
}
.about h1 {
  font-size: 28px;
}
.about {
  width: 30%;
}
.sec-one-right > img {
  width: 100%;
}
.wrapper .sec-one-right {
  width: 65%;
}
.about-box .left.about-bg {
  padding: 10px;
  padding-left:20px;
}
/*=================== partner page  ====================*/
.parnernav p {
  display: inline-block!important;
  margin: 0 15px 10px 0 !important;
  float:unset !important;
}
.parnernav br {
  display: none;
}
/*=================== internship page  ====================*/


.video-section.wrapper-second.pad-top {
  width: 95% !important;
}
.owl-nav div {
  display: inline-block !important;
}
.gallery-page .whiteBox .wrapper {
  display: block;
}
body {
  overflow-x: hidden;
}
/*=================== gallery page  ====================*/
.gallery-section.wrapper-second.pad-top {
  width: 95%!important;
}

/*=================== program page  ====================*/
.prgrm .left {
  float: left;
  width: 49%;
}
.prgrm .right {
  float: right;
  width: 49%;
}
.prgrm .left img {
  width: 100%;
}
.prgrm .right img {
  width: 100%;
}
.first img ,.middle img ,.last img{
  width: 100%;
}
.first ,.middle ,.last {
  width: 24%;
}
.saplingContent {
  padding: 15px 40px;
  width: 100%;
}
.tab-container {
  height: auto !important;
  width: 100% !important;
}
.panel-container > div img {
  width: 100% !important;
}
.corporate {
  height: auto!important;
}
.etabs {
  display: inline-flex !important;
 
}.customised {
  display: inherit;
  height: auto;
}
}






@media only screen and (min-width: 766px) and (max-width:1024px) {
	/*============home , header, footer ====================*/
#menuBar {
width:100%!important
}

#menuBar ul {
margin-left:0!important
}

#menuBar ul li a {
font-size:11px!important;
padding:35px 5px!important
}

.homebanner > div {
text-align:unset!important
}

.homebanner span {
margin-left:0;
width:49%
}
.homebanner span:first-child {
  float: left;
}
.homebanner span:last-child {
float:right;
margin-left:0!important
}



.homebanner img {
width:68%
}

.home-box-col-4 span.read {
bottom:0!important;
float:left!important;
margin-left:0%!important;
position:absolute!important
}
.read a {
  float: left!important;
}

.homeIco02 {
font-size:20px!important;
padding:7px 0 14px 0px !important;
text-align:left!important
}

.homeIco01 {
font-size:20px!important;
padding:5px 0 16px 0px !important
}

.homeIco04 {
font-size:20px!important;
padding:7px 0 14px0px !important
}

.homeIco03 {
font-size:20px!important;
padding:7px 0 14px 0px !important
}

.corporates {
width:57%
}

.student {
width:41%
}

.college {
width:41%
}

.profession {
width:57%
}

.homeTesti .wrapper {
display:inline
}

.homeTesti .wrapper div {
display:inline-block;
height:auto
}

.homeTesti {
display:table!important;
height:auto!important;
margin:auto!important;
padding-bottom:10px!important;
width:95%!important
}

.preFooterBox {
width:69%!important
}

.footerRight {
margin:-4% 0!important
}
/*============ About us ====================*/
.bannerHead {
  margin: -13% 0 4%!important;
}
.about h1 {
  font-size: 28px;
}
.about {
  width: 30%;
}
.sec-one-right > img {
  width: 100%;
}
.wrapper .sec-one-right {
  width: 65%;
}
/*=================== partner page  ====================*/
.parnernav p {
  display: inline-block!important;
  margin: 0 15px 10px 0 !important;
  float:unset !important;
}
.parnernav br {
  display: none;
}
/*=================== internship page  ====================*/


.video-section.wrapper-second.pad-top {
  width: 95% !important;
}
.owl-nav div {
  display: inline-block !important;
}
body {
  overflow-x: hidden;
}
/*=================== gallery page  ====================*/
.gallery-section.wrapper-second.pad-top {
  width: 95%!important;
}
/*=================== program page  ====================*/
.prgrm .left {
  float: left;
  width: 49%;
}
.prgrm .right {
  float: right;
  width: 49%;
}
.prgrm .left img {
  width: 100%;
}
.prgrm .right img {
  width: 100%;
}
.first img ,.middle img ,.last img{
  width: 100%;
}
.first ,.middle ,.last {
  width: 24%;
}
.saplingContent {
  padding: 15px 40px;
  width: 29%;
}
.tab-container {
  height: auto !important;
  width: 70% !important;
}
.panel-container > div img {
  width: 100% !important;
}
.corporate {
  height: auto!important;
}
}

@media only screen and (min-width: 1025px) and (max-width:1244px) {
	.homebanner > div {
text-align:unset!important
}

.homebanner span {
margin-left:0;
width:49%
}

.homebanner span:last-child {
float:right;
margin-left:0!important
}

.homebanner span:first-child {
float:left
}

.homebanner img {
width:68%;
max-width:350px;
}
/*=================== partner page  ====================*/

}


@media only screen and (min-width: 766px) and (max-width:2200px) {
ul.topnav {
display:none
}
}

ul.topnav {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#BC172E;
}

ul.topnav li {
float:left;
line-height:10px
}

ul.topnav li a {
display:inline-block;
color:#f2f2f2;
text-align:center;
padding:14px 16px;
text-decoration:none;
transition:.3s;
font-size:17px
}

ul.topnav li a:hover {
background-color:#F8931D
}

ul.topnav li.icon {
display:none
}

@media screen and (max-width:765px) {
ul.topnav li:not(:first-child) {
display:none
}

ul.topnav li.icon {
float:right;
display:inline-block
}

#topBar {
height:auto!important
}

ul.topnav.responsive {
position:relative
}

ul.topnav.responsive li.icon {
position:absolute;
right:0;
top:0
}

ul.topnav.responsive li {
float:none;
display:inline
}

ul.topnav.responsive li a {
display:block;
text-align:left
}
}