.sliderInstiDesk{clear: both;text-align: center;position: relative; display:block;}
.sliderInstiDesk .owl-dots{display: none;}
.sliderInstiMob{clear: both;text-align: center;position: relative; display:none;}
.sliderInstiMob .item{background-size:cover !important;  background-position:top center !important; background-repeat: no-repeat !important;}

.contentSection{background: #F4F4F4; padding:80px 0px 60px 0px; position:relative; }
.contentSection .overviewWrap {display: flex; align-items: center;}
.overviewWrap .ov1 {  width: 70%; padding-right: 45px;}
.overviewWrap .ov1 p{font-family: var(--primary-font);font-size: 18px;font-weight: 400;line-height: 30px;text-align: left; color: #000000;}
.overviewWrap .ov2 { margin-left:auto; width: 30%;}

.featureBlock ul{width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.featureBlock li{ padding:0px; flex-basis: calc(50% - 6px); text-align:center; display: inline-block; position:relative;vertical-align: top; margin-bottom:10px;}
.featureBlock li img{border-radius:4px;}

.cseSpecialisations{position:relative; padding:70px 0px; background:#fff;}
.cseSpecialisations h3{color: #333333;font-size: 35px;line-height: 40px; text-transform:uppercase; font-family: var(--primary-font); margin-bottom:35px;}
.cseSpecialisations h3 span{color:#E3000F;}
.cseSpecialisations p{font-family: var(--primary-font);font-style: normal;font-weight: 400;font-size: 16px;line-height: 26px;}
ul.cseS3List{margin:15px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.cseS3List li{flex-basis: calc(33% - 10px); border-radius: 8px;  position: relative;  margin-bottom: 10px; border-radius:8px;}
.cseS3List li .maskOverlayCSE{ background: linear-gradient(180deg, #000000 19.98%, rgba(0, 0, 0, 0) 43.95%);
 position: absolute;  width: 100%;  height: 100%;  top: 0;  z-index: 1;  content: "";  border-radius: 8px;}
.cseS3List li img{border-radius:8px;}
.cseS3List .school-content-cse{position: absolute;  top:0px;   width: 100%;  z-index: 100; padding:20px 15px;}
.cseS3List li h4{font-size: 18px;font-weight: 700;line-height: 24px; color:#fff;}
.cseS3List li h4 span{font-size: 14px;font-weight: 500;display:block;}
.cseS3List li a{font-size: 18px;font-weight: 400;line-height: 24px; color:#fff; }
.cseS3List li a:hover h4{text-decoration:underline;}

ul.schoolList3{margin:30px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.schoolList3 li{flex-basis: calc(33% - 10px); border-radius: 8px;  position: relative;  margin-bottom: 10px; }
/*.schoolList3 li::before {  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px; left: 0;}*/
.schoolList3 li .maskOverlay{  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}

.schoolList3 .school-content{position: absolute;  bottom: 5px;  text-align: center;  width: 100%;  z-index: 100;}
.schoolList3 li img{border-radius:8px;}
.schoolList3 li h4{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;}
.schoolList3 li a{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; }
.schoolList3 li a:hover h4{text-decoration:underline;}
.schoolList3 li p{line-height:auto; margin:0px;}

.placementHighlightsSection{background: #F4F4F4; padding:80px 0px 0px 0px; position:relative;}
.phsContent h4, .phsContent p{text-align:center;}

ul.phsList{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.phsList li{flex-basis: calc(33% - 10px); position: relative;  margin-bottom: 20px;  }
.phsWrap{padding:20px 20px; text-align: center; margin-bottom: 20px; align-content: center;}
.phsList li .grid1, .phsList li .grid4, .phsList li .grid5{ background: #343434; height:250px;}
.phsList li .grid2, .phsList li .grid3, .phsList li .grid6{ background: var(--text-red); height:200px;}
.phsList li h3{font-family: var(--primary-font);font-size: 50px;font-weight: 700;line-height: 60px;text-align: center; color:#fff;}
.phsList li h3 span{font-size: 16px;font-weight: 500;line-height: 24px; display:block;}
.phsList li h4{font-family: var(--primary-font);font-size: 30px;font-weight: 700;line-height: 36px;text-align: center; color:#fff;}


.enggProgramsSection{background: #FFFFFF; padding:50px 0px 40px 0px; position:relative;}
.enggProgramsSection p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;}
ul.schoolList4{margin:30px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.schoolList4 li{flex-basis: calc(25% - 7px); border-radius: 8px;  position: relative;  margin-bottom: 10px; }
/*.schoolList3 li::before {  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px; left: 0;}*/
.schoolList4 li .maskOverlay{  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}

.schoolList4 .school-content{position: absolute;  bottom: 5px;  text-align: center;  width: 100%;  z-index: 100;}
.schoolList4 li img{border-radius:8px;}
.schoolList4 li h4{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;}
.schoolList4 li a{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; }
.schoolList4 li a:hover h4{text-decoration:underline;}
.schoolList4 li h4 a:hover{text-decoration:underline!important;}
.schoolList4 li p{line-height:auto; margin:0px;}



.ourProgramsSection{background: #FFFFFF; padding:80px 0px; position:relative;}
.ourProgramsSection p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;}
.ourProgramsSection .col-md-8{padding-right: 30px;}
.schoolSectionFlex{display:flex;}
ul.schoolProgramList{margin:20px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.schoolProgramList li{flex-basis: calc(25% - 10px); border-radius: 8px;  position: relative;  margin-bottom: 20px; }

#enggSliderForm .item{  border-radius: 8px;}
#enggSliderForm img{  border-radius: 8px;}
.overlayEnggSlider {  position: absolute;  width: 100%;  bottom: 0px;  padding: 28px 30px;  background: rgba(0, 0, 0, 0.68);  backdrop-filter: blur(20px);  z-index: 2;  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;}
.overlayEnggSlider h4{font-family: var(--primary-font);font-size: 30px;font-weight: 600;line-height: 34px;text-align: left;color:#fff; margin-bottom:15px;}
.overlayEnggSlider p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 28px;text-align: left;color:#fff; margin-bottom:0px;}

.schoolSection2{width:100%; padding-left:20px;}
.spList1 li{flex-basis: calc(100% - 0px);/* height: 370px;*/}
.spList2 li{flex-basis: calc(50% - 10px); /*height: 175px;*/}

.school-content{position: absolute;  bottom: 5px;  text-align: center;  width: 100%;  z-index: 100;}
.schoolProgramList li img{border-radius:8px; position:relative;}
.schoolProgramList li .maskOverlay{  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}
.schoolProgramList li h4{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;}
.schoolProgramList li a{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; }
.schoolList2 li{-webkit-box-flex: 0; -ms-flex: 0 0 48% !important; flex: 0 0 48% !important; margin:3px 3px;}
.schoolProgramList li a:hover h4{text-decoration:underline;}

.getinTouchForm{background: #F4F4F4; padding: 18px 25px 25px 25px;}
.getinTouchForm h4 span{color: var(--text-red);}
.getinTouchForm input[type="text"], .getinTouchForm input[type="tel"], .getinTouchForm input[type="email"]{height: 44px;}

.recruitersBlk{background: #F4F4F4; padding:30px 0px 55px 0px; position:relative;}
.recruitersBlk h4{text-align:center;}
.recruitersBlk p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: center;color:#000;}
.recruitersBlk .recruiter-list-seven li { background: #fff;padding: 10px 6px; flex-basis: calc(12.5% - 10px);  width: auto;  height: 69px;  margin: 5px;  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15); border-radius: 4px;}

.programHighlights {width: 100%;  position:relative;  padding:0px 0px 60px 0px;  background: #f4f4f4;}
.programHighlights .proHead{max-width: 80%;  margin: 0 auto;}
.programHighlights h4{text-align:center;}
.programHighlights p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: center;color:#000;}
.section-view-box p{text-align: left; margin-bottom:15px !important}

ul.proHightlightsList{display:flex; flex-wrap:wrap; }
.proHightlightsList li{flex-basis: calc(100% - 0px);background: #FFFFFF; padding:30px; margin-bottom:20px;}
.proHightlightWrap{display:flex;}
.proHightlightWrap .phImg1{min-width:335px; margin-right:20px;}
.proHightlightWrap .phContent{min-width:500px;}
.proHightlightWrap .phContent h5{font-family: var(--primary-font);font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.7599999904632568px;text-align: left; color:#111;}
.proHightlightWrap .phContent p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left; color:#000;}
.proHightlightWrap .phImg2 img{min-width:300px; margin-left:20px;}

.ourLabsClassroom{width: 100%;  position:relative;  padding:0px 0px 60px 0px;  background: #f4f4f4;}
.ourLabsClassroom h4{text-align:left;}
.ourLabsClassroom p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;color:#000;}
ul.labsList{display:flex; flex-wrap:wrap; justify-content: space-between;}
.labsList li{flex-basis: calc(50% - 10px);background: #FFFFFF; padding:30px 30px 20px 30px; margin-bottom:20px;}
.labsList li h5{font-family: var(--primary-font);font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.7599999904632568px;text-align: left; color:#111; margin-top: 20px;}
.labsList li p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left; color:#000;}
.labsList li img{border-radius:4px;}

/* YOUTUBE Video Section */
.ytVidsection{width: 100%;  position:relative;  padding:0px 0px 60px 0px;  background: #f4f4f4;}

.ytVidsection .ygrid2 a img{max-width:100%; 
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	}
.ytVidsection .ygrid2 a:hover img{-webkit-filter: grayscale(0);  filter: none;}
.ytVidsection .ygrid1 .ytPlaybtn{position:absolute; top:45%; left:47%; color:#fff; }
.ytVidsection .ygrid2 .ytPlaybtn{position:absolute; top:37%; left:42%; color:#fff; }
.ytContent{display:flex}
.ytVidsection .ygrid1{width:50%; background:url("../images/home-banner/engineering/webp/Explore-Computer-Science-specialisation.webp") no-repeat; background-size:cover; margin-right:14px; filter: grayscale(100%);}
.ytVidsection .ygrid1:hover{filter: grayscale(0%);}
.ytVidsection .ygrid2{width:50%; display: flex;flex-wrap: wrap;}
.ytVidsection .ygrid1 a{ position:relative;display: block;width: 100%;height: 100%;}
.ytVidsection .ygrid2 a{width:50%;  position:relative;}
.ytVidsection .ygrid2 a:nth-child(1), .ytVidsection .ygrid2 a:nth-child(2){margin-bottom:14px;}
.ytVidsection .ygrid2 a:nth-child(1){ padding-right:7px;}
.ytVidsection .ygrid2 a:nth-child(2){ padding-left:7px;}
.ytVidsection .ygrid2 a:nth-child(3){ padding-right:7px;}
.ytVidsection .ygrid2 a:nth-child(4){ padding-left:7px;}


@media only screen and (min-width: 1541px) and (max-width: 1920px) {

}

@media only screen and (min-width: 1339px) and (max-width: 1540px) {

}
@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.ourProgramsSection .col-md-8{width: 815px; padding-right: 10px;}
	.ourProgramsSection .col-md-4{width: 28%;}
	.proHightlightWrap .phContent{min-width: 400px;}
	.proHightlightsList li{width: 100%;}
	
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.recruitersBlk .recruiter-list-seven li {flex-basis: calc(25% - 10px);}
	.ourProgramsSection .col-md-8{width: 69%; padding-right: 10px;}
	.ourProgramsSection .col-md-4{width: 31%;}
	.schoolSection1{width: 67.5%;}
	.schoolSection2{width: 32.5%; padding-left: 10px;}
	.spList2 li{flex-basis: calc(50% - 5px);}
	
	.proHightlightWrap .phImg1{min-width: 30%;}
	.proHightlightWrap .phImg2{display:none;}
	.proHightlightWrap .phContent{min-width: 40%;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.recruitersBlk .recruiter-list-seven li {flex-basis: calc(25% - 10px);}
	.ourProgramsSection .col-md-8{width: 100%;}
	.ourProgramsSection .col-md-4{width: 100%;}
	.schoolSection1{width: 84%;}
	.schoolSection2{width: 40%;}
	.programHighlights .section-view-box{padding: 15px; flex-basis: calc(33.3% - 20px);}
	.proHightlightWrap .phImg1{min-width: 30%;}
	.proHightlightWrap .phImg2{display:none;}
	.proHightlightWrap .phContent{min-width: 40%;}

}
@media only screen and (max-width: 767px)
{	
	.sliderInstiDesk{display:none;}
	.sliderInstiMob{display:block;padding-top: 68px;}
	.sliderInstiMob .owl-dots{display: none;}
	.contentSection{padding: 40px 0px 20px 0px;}
	.contentSection .overviewWrap{flex-wrap: wrap;}
	.overviewWrap .ov1{width: 100%;  padding-right: 0;}
	.overviewWrap .ov1 p{font-size: 16px;  line-height: 26px;}
	.overviewWrap .ov2{display:none;}
	
	.instiContent{padding: 40px 0px 40px 0px;}
	.instiContent h1{font-size: 32px;}
	.instiContent p{font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;}
	
	.enggProgramsSection{padding: 0px 0px 40px 0px;}
	.phsContent h4, .phsContent p { text-align: left;}
	.cseS3List li{flex-basis: calc(100% - 0px);margin-bottom: 20px;}
	.cseSpecialisations{padding: 40px 0px 20px 0px;}
	.cseSpecialisations .schoolList3 li{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.schoolList3 li{flex-basis: calc(50% - 5px);    margin-bottom: 10px;}
	.schoolList4 li{flex-basis: calc(50% - 5px);    margin-bottom: 10px;}
	.schoolList3 li h4, .schoolList4 li h4{font-size:14px; line-height:24px; font-weight: 500;}
	.schoolList4 li a{font-size:14px; line-height:24px; font-weight: 500; }
	.ourProgramsSection p{font-size: 16px; line-height:26px; margin-bottom: 30px;}
	.ourProgramsSection{padding: 40px 0px 20px 0px; background: #F4F4F4; clear: both;}
	.ourProgramsSection .container{padding-left: 0px !important;    padding-right: 0px !important;}
	.ourProgramsSection .col-md-8 {  padding-right: 35px;  padding-left: 35px;}
	.ourProgramsSection .col-md-4 {background: #191919; padding:45px 35px 45px 35px; margin-top: 35px;}
	.ourProgramsSection .row { margin-left: 0; margin-right: 0;}
	.schoolSectionFlex{flex-wrap: wrap;}
	.schoolSection1, .schoolSection2{width:100%; padding:0px;}
	.spList2 li{flex-basis: calc(50% - 5px);}
	.schoolProgramList li{margin-bottom: 10px;}
	ul.schoolProgramList{margin: 0px 0px 0px 0px;}
	.school-content {padding: 0;}
	.getinTouchForm{padding-top:32px;}
	#enggSliderForm img{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	
	 .slider-for-mobile{padding: 35px 0 20px 0px;}
	
	.placementHighlightsSection{padding: 35px 0px 0px 0px;}
	.programHighlights .proHead{max-width: none;}
	.proHightlightWrap .phImg1, .proHightlightWrap .phContent, .proHightlightWrap .phImg2 img{min-width: auto; margin:0px;}
	.proHightlightsList li{padding: 20px;}
	.proHightlightWrap .phContent h5{margin-top: 5px;}
	ul.phsList{margin-top: 15px;margin-bottom: 0;}
	.labsList li{flex-basis: calc(100% - 0px);padding: 20px;}
	.phsList li{flex-basis: calc(100% - 0px); margin-bottom: 0px;}
	
	.phsList li .grid3{ background: #343434; height:auto;}
	.phsList li .grid4{ background: var(--text-red); height:auto;}
	
	.recruitersBlk{padding: 30px 0px 20px 0px;}
	.section8-Mobile h4 {font-size: 26px;font-weight: 700;line-height: 38px;letter-spacing: -0.7599999904632568px;text-align: left !important;
	color:#111111;/*background: linear-gradient(90deg, #000000 0%, #666666 59.08%); background-clip: text; color: transparent;*/}
	.programHighlights{padding: 0px 0px 20px 0px;}
	.programHighlights h4, .programHighlights p, .recruitersBlk h4, .recruitersBlk p{text-align: left;}
	.programHighlights .eight-image-col {width: 100%;display: block;margin-top: 0px; flex-direction: column; align-items: flex-start; padding:20px 20px 12px 20px;  }
	.recruitersBlk ul.recruiter-client-list{margin-top: 20px; margin-bottom: 25px;}
	.recruitersBlk .recruiter-list-seven li{background: #fff; padding:10px 6px; flex-basis: calc(33% - 10px); width: auto;    height: 69px;    margin: 5px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15); border-radius:4px;}
	
	.proHightlightWrap{flex-wrap: wrap;}
	.proHightlightWrap .phImg1, .proHightlightWrap .phImg2, .proHightlightWrap .phContent{width:100%; margin-bottom:10px;}
	.cseS3List li .maskOverlayCSE { background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;
    content: "";    border-radius: 8px;  }
	.cseS3List .school-content-cse {    bottom: 0px;    top: auto;    padding: 0px 15px;  }
	.ourLabsClassroom{padding: 0px 0px 20px 0px;}

	.overlayEnggSlider{position: relative;background: #000;  backdrop-filter: none;min-height: 285px; }
	.overlayEnggSlider h4{font-size: 22px;  font-weight: 600;  line-height: 32px; margin-bottom: 3px;}
	.ytContent{display: block;}
	.ytVidsection .ygrid2{width: 100%;}

	.ytVidsection .ygrid1{height: 200px;margin-bottom: 10px; width:100%}
	.ytVidsection .ygrid1 .ytPlaybtn{top: 35%;left: 43%;}
}