@charset "utf-8";
/* CSS Document */
.bannerWrapper{width: 100%; max-width: 1350px; margin: 0 auto; overflow:hidden;}
#homeNewBanner{ position:relative; z-index:1; margin-bottom:-115px; height:457px;}
#homeNewBanner img{ position:relative;}

	
.newBannerInfoHolder{width:90%; max-width:935px; margin:0 auto; z-index:2; position:relative; padding-bottom:40px; height:290px; overflow:hidden;}
.newBannerInfoHolder:after{content:''; position:absolute; left:0; right:0; bottom:0; height:40px; background:url(https://docs.xlri.ac.in/images/bannerInfoBg.png) no-repeat 50% 0; background-size:contain;}
.newBannerInfoHolder #homeNewBannerInfo{ background:#efefef;}
.newBannerInfoHolder #homeNewBannerInfo li.slick-slide{ background:#efefef; height:250px; padding:40px 0;}
.newBannerInfoHolder #homeNewBannerInfo li.slick-slide:before{content:''; display:block; height:100%; position:absolute; left:0; top:0; width:1px; border-left:3px solid #a6d400;}
.hnbi{ padding:0 85px 0;}
.hnbi h2{ margin-bottom:10px; font-size:28px; color:#0452a7; font-weight:400;}
.hnbi h2 strong{ margin-bottom:10px; display:block; color:#58af03; font-size:16px; line-height:22px; text-transform:uppercase; font-weight:400;}
.hnbi p{ font-size:14px; color:#505050;}
.hnbi_more{ position:absolute; top:0px; bottom:0; margin:auto; padding:20px 0 0 40px; right:55px; height:100px; border-left:1px solid #dbdbdb; }
.hnbi_more a{display:inline-block; height:50px; line-height:50px; padding:0 40px; border-radius:25px; border:1px solid #258dff; background:#0452a7; color:#FFF; font-size:12px; text-transform:uppercase;}
.hnbi_more~.hnbi{ margin-right:250px; padding-right:40px;}
.banner_dots_holder{ position:absolute; left:0; bottom:20px; height:16px; text-align:center; width:100%;}
.banner-dots2{ display:inline-block !important; height:16px; position:relative;}
.banner-dots2 li{display:inline-block !important; width:16px; height:16px; background:url(https://docs.xlri.ac.in/images/banner-dot.png) no-repeat 50% -16px; margin:0 2px; }
.banner-dots2 li.slick-active{ width:16px; height:16px; background:url(https://docs.xlri.ac.in/images/banner-dot.png) no-repeat 50% 0px; }
.banner-dots2 li span{ opacity:0; cursor:pointer;}

.playPoseHolder2{display:inline-block; padding-top:3px; width:12px; height:16px; margin-left:10px;}
.bannerPause{ display:block; float:left; width:8px; height:12px; background:url(https://docs.xlri.ac.in/images/pouse.png) no-repeat 50% 50%; text-indent:-9999px; font-size:0; color:transparent; }
.bannerPlay{ display:none; float:left; width:8px; height:12px; background:url(https://docs.xlri.ac.in/images/play.png) no-repeat 50% 50%; text-indent:-9999px; font-size:0; color:transparent;  }

@media screen and (max-width:1366px){
	#homeNewBanner{height:335px; margin-bottom:-60px;}
	.newBannerInfoHolder{ height:240px;}
	.newBannerInfoHolder #homeNewBannerInfo li.slick-slide{ height:200px; padding:25px 0 40px;}
	.hnbi {padding: 0 40px 0;}
	.hnbi h2{ font-size:22px; line-height:22px;}
.hnbi h2 strong{ font-size:14px; line-height:14px;}
}

@media screen and (max-width:1326px){
	#homeNewBanner {margin-bottom: 0px;}
	.newBannerInfoHolder {width: 100%;max-width: 100%;}
}

@media screen and (max-width:1024px){
#homeNewBanner{ /*margin-bottom:-40px;*/height:auto;}
}

@media screen and (max-width:900px){
.newBannerInfoHolder{height:auto; max-height:600px; overflow:hidden;}
.newBannerInfoHolder #homeNewBannerInfo li.slick-slide{ height:auto;}
.newBannerInfoHolder #homeNewBannerInfo li.slick-slide:before{ display:none;}
.hnbi {padding: 0 10% 0;}
.hnbi_more{ position:absolute; top:auto; bottom:60px; left:10%; right:10%; margin:auto; padding:20px 0px 0;  height:auto; border-left:0px solid #dbdbdb;  border-top:1px solid #dbdbdb; text-align:center; }
.hnbi_more~.hnbi{ margin:0 auto 100px; padding-right:10%;}
/* .hnbi h2{ font-size:22px; line-height:22px;}
.hnbi h2 strong{ font-size:18px; line-height:18px;} */
}
@media screen and (max-width:650px){
#homeNewBanner{ margin-bottom:-20px;}
.hnbi p{ display:none;}

}
@media screen and (max-width:360px){
.hnbi h2 { font-size: 18px;}

}