/*Small devices (portrait phones, less than 600px)*/
@media only screen and (max-width:600px) {
  div#navbarTogglerDemo02{margin-top: 20px;}
  ul.navbar-nav li {width: 100%;}
  h2.main-headline {font-size: 40px;}
  ul.navbar-nav li { margin: 0px 0px;}
  ul.navbar-nav li a{text-align: center!important;}
  div#headerCarousel .carousel-indicators [data-bs-target]{background: #e7bcff;}
  h1.main-headline {font-size: 30px;margin-bottom: 10px;}
  h1.main-headline br.break{display: none;}
  p.byline {font-size: 18px;line-height: 1.3;}
  h2.heading {font-size: 35px;}
h2.program-headline.mt-5{margin-top: 0!important;}
div#headerCarousel .carousel-item {padding:120px 0 50px;min-height: 900px;}
p.header-cta { position: absolute; bottom: 80px; left: 25%; }
div#headerCarousel .carousel-item.one {background-size: cover;text-align: center;}
div#headerCarousel .carousel-item.one h2.program-headline span {font-size: 30px;}
div#headerCarousel .carousel-item.one h2.program-headline {font-size: 40px;}
div#headerCarousel .carousel-item.one p.program-subline {font-size: 22px;}
div#headerCarousel .carousel-item.one p.program-subline br{display: none;}
div#headerCarousel .carousel-item.one p.program-subline strong {display: inline-block;}
div#headerCarousel .carousel-item.one p.ai-infinity-sticker { display: inline-block; margin-top: 20px; }
div#headerCarousel .carousel-item.two h3 span#morphText {font-size: 50px; line-height: 1.3em; }
div#headerCarousel .carousel-item.two h3 {font-size: 23px;}
img.ai-infinity-logo { mix-blend-mode: multiply; height: auto; width: 70%; margin-top: 50px; }
div#headerCarousel .carousel-item.one p.ai-infinity-sticker img{margin-left: 0px;}
div#headerCarousel .carousel-item.two {background-size: cover;}
div#headerCarousel .carousel-item.two h2.program-headline {font-size:38px;font-weight: 600;position: relative;z-index: 9;}
img.ai-powered-bg { position: absolute; top: 100px; z-index: 1; height:270px; width: 100%; -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); }
div#headerCarousel .carousel-item.two h2.program-headline.text-center.text-white.mb-5 {margin-bottom: 0 !important;}
div#headerCarousel .carousel-item.two p.program-subline {font-size: 32px;line-height: 1.2;font-weight: 500;margin-top:70px;}
div#headerCarousel .carousel-item.two h2.program-headline small{display: block;;}
img.ai-readiness-courses { width: 80%; display: none; margin: 10px auto; }
img.ai-readiness-courses.mob {display:block ;width: 100%;}
div#headerCarousel .carousel-item.two p.header-cta {position: relative;bottom: 0;left: 0; }
div#headerCarousel .carousel-item.three { background-size: 370%; background-position: 50% 10%; }
div#headerCarousel .carousel-item.three .main-headline { top: 120px;font-size: 26px;line-height: 1.3em; width: 80%; text-align: center; }
img.college-solution-cards { width: 80%; display:none;margin: 10px auto; margin-top:80px; }
img.college-solution-cards.mob { display: block; width: 85%; margin-top: 260px; }
div#headerCarousel .carousel-item.three p.header-cta { position: relative; bottom: 0; left: 0; margin-top: 30px;}

div#headerCarousel .carousel-item.four {background-size: 410%; background-position: 20% 100%; position: relative; text-align: center; }
div#headerCarousel .carousel-item.four img.institute-rankings {height: 43px;}
img.iimc-accredited-logos { height: auto; position: relative; right: unset; bottom: unset; width: 100%; margin-top: 50px; }
img.iimcal-logo-banner { position: relative; right: unset; top: unset; height: 60px; margin-top: 40px; }img.iimcal-logo-banner { position: relative; right: unset; top: unset; height: 60px; margin-top: 40px; }
div#headerCarousel .carousel-item.four p.header-cta { position: relative; bottom: 0; left: 0; }
div#headerCarousel .carousel-item.five {background-size: 200%;background-position: 90% 100%;position: relative;text-align: center;}
img.iimm-logo-banner { position: absolute; right: 20px; top: unset; height: 50px; bottom: 260px;display: none; }
div#headerCarousel .carousel-item.five p.header-cta { position: relative; bottom: 0; left: 0; }
div#headerCarousel .carousel-item.six {background-size: 240%;background-position:100% 140%;position: relative;text-align: center;}
img.xlri-logo-banner { position: relative; right: unset; top: unset; height: 70px; display: block; margin: auto; margin-top: 50px; }
div#headerCarousel .carousel-item.six h2.program-headline {font-size: 44px;}
div#headerCarousel .carousel-item.six h2.program-headline span {font-size: 23px;font-weight: 500;display: block;margin-bottom: 10px;}
p.program-subline {font-size: 18px;}
img.institute-rankings {height: 70px;margin-right: 12px;margin-top: 20px;}
div#headerCarousel .carousel-item.six p.header-cta { position: relative; bottom: 0; left: 0; }
div#headerCarousel .carousel-item.seven {background-size: cover;position: relative;text-align: center;}
div#headerCarousel .carousel-item.seven h2.program-headline {line-height: 1.2em;    font-size: 50px;text-align: center;}
img.aws-badges-banner { width: 90%; margin-top: 20px; }
div#headerCarousel .carousel-item.seven p.program-subline {font-size: 26px;color: #fff;}
div#headerCarousel .carousel-item.eight{ background: #fefdfc url("../images/fsd-bootcamp-banner-mob.webp") no-repeat; background-size: 100%; background-position:100% 100%;position: relative;text-align:center;}
div#headerCarousel .carousel-item.eight h2.program-headline span {font-size: 38px;}
div#headerCarousel .carousel-item.eight p.header-cta {position: absolute;bottom: 380px;left: 25%;}
  ul#mainTabs li button{padding: 3px 25px;}
.cta-sm {left: 10%;bottom: 130px;}
  .main-logo { height:70px; margin: 0; }
  ul#mainTabs {top: 85px;}
  h3.sub-line{font-size: 30px;}
  h3.sub-line span.first {padding-right: 12px;}
  h3.sub-line span {font-size: 16px;margin-right: 5px;}
  .tab-content {position: sticky;top: 150px;}
  #whyTalentSprint .flip-card{width: 100%;    margin: 5px 0px;}
  section#whyTalentSprint {background-size: cover;}
  .class-1 {padding: 90px 0px;background: url(../images/ipearl-background-new.webp) right bottom / 100% no-repeat rgb(65 0 103);padding-bottom:350px;}
  .class-2 {display: inline-flex;flex-direction: column;}
  ul.learners-journey li{width: 100%;margin-bottom: 50px;}
  ul.learner-testimonial li {width: 100%;border: 1px solid #d3d3d3;    margin: 0 0px;margin-bottom: 20px;}
  ul.learner-testimonial li:before{left: 15px;top: 36%;}
  section#ourPurpose img.think-ts-bg{left: 0%;width: 100%;height: auto;}
  img.empower-team-img{right: 0px;display: none;}
  div#headerCarousel .carousel-indicators {bottom: 0px;}
  section.main-banner{padding-top: 30px;}
  img.lines-bg-alumni,img.lines-bg,img.our-learners-bg-bottom,img.our-learners-bg{left: 0%;height: auto;width: 100%;}
  section#awardsAccolades h2.heading {margin-bottom: 20px !important;}
  section#awardsAccolades img.awards-img { height: auto; width: 45%; filter: drop-shadow(0px -5px 2px grey); margin-top: 0px; margin-left: auto; margin-right: auto; display: none;margin-bottom: 50px;}
  section#awardsAccolades .award-box { width: 46%; display: inline-flex ; border: 1px solid #222; min-height: 250px; vertical-align: top; border-radius: 10px; margin: 10px 5px; text-align: center; padding: 10px 5px; flex-direction: column; align-content: center; justify-content: center; align-items: center; }
  section#awardsAccolades .award-box { width: 100%; display: inline-block; border: 1px solid #222; min-height: 245px; vertical-align: top; border-radius: 10px; margin: 10px 0px; text-align: center; padding: 10px 5px; }
  section#awardsAccolades .award-box img {width:70%;}
  section#awardsAccolades .award-box h3.award-name {font-size: 16px;}
  section#awardsAccolades .swiper-btn { position: absolute; bottom: -50px; left: 0; right: 0; margin-left: auto; margin-right: auto; display: block; text-align: center; width: 25%; }
  section#awardsAccolades .swiper-button-next {left: 50px;}
  section#awardsAccolades .swiper-button-prev {left: 10px;}
  ul.media-coverage li {margin: 7px 0px;width: 100%;min-height: 165px;}
  .modal-body {padding: 10px}
  .modal-dialog { width: 95%; margin-left: auto; margin-right: auto; }
  button.close { z-index: 1;right: -10px; top: -10px;}
  #tailored-solution .card { width: 95%; height: 460px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
  #tailored-solution .card h3 {font-size: 32px;}
  a.view-program, a.view-program:hover {padding: 10px 10px;font-size: 15px;}
  a.download-brochure, a.download-brochure:hover{font-size: 15px;margin-left: 0px;}
  #take-to-top.dtr-fade-scroll { position: fixed;right: 30px;bottom: 30px; display: none; }
  /* img.lines-bg {left: 0%;} */
  .logo-scroller-item{min-width: 340px;}
  .logo-scroller-item span img{height: 70px;}
	.logos:before{background:none;}
  .logos:after{background:none;}
	h2.heading.one { font-size: 20px; margin-bottom: 20px !important; }
  .corporate-logos:before{left: -15px;}
  .corporate-logos:after {right: -15px;}
  .corporate-logos:before, .corporate-logos:after{width: 30px;}
}

/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
  div#headerCarousel .carousel-item.one { background: #e6d1fa url(../images/ai-infinity-bg.webp) no-repeat; background-size: 100%; background-position: right top; }
  img.ai-infinity-logo { mix-blend-mode: multiply; height: 150px; margin-top: 30px; }
  img.college-solution-cards { width: 100%;}
  div#headerCarousel .carousel-item.four h2.program-headline span {width: 50%; }
h2.main-headline {font-size: 34px;}
.main-banner p.byline {width: 60%;}
.logos:before{background:none;}
.logos:after{background:none;}
.reviews-graphic {height: 60px;}
.carousel-item.one {  background-size: cover;background-position: 41% 100%;}
.carousel-item.two { background-size: cover; background-position: 70% 100%; }
.carousel-item.three{background-size: 130%; background-position: 50% 10%; }
.carousel-item.four{background-size: cover; background-position: 70% 90%; }
.carousel-item.six {background-size: cover;background-position: 80% bottom;}
.carousel-item.five div#headerCarousel .carousel-caption{top: 20px;}
.carousel-item.five div#headerCarousel .carousel-caption h2{width: 50%;}
.carousel-item.five div#headerCarousel .carousel-caption p.program-subline{width: 60%;}
img.our-learners-bg, img.our-learners-bg-bottom, img.lines-bg{display: none}
.flip-card {width:48%;}
.class-1 {padding: 90px 0px 560px;}
ul.learner-testimonial li {width: 100%;margin: 20px 10px;min-height: auto;}
ul.learner-testimonial li:before {top: 405px;}
ul.learner-testimonial li strong { position: relative; bottom: unset; left: unset; font-size: 20px; font-weight: 500; display: block; margin-top: 20px; }
.corporate-logos:before, .corporate-logos:after {width: 100px;}
img.empower-team-img{display: none}
section#awardsAccolades img.awards-img{display: none}
ul.media-coverage li {min-height: 195px;width: 48%;}
section#aboutIpearl .col-md-8 {width: 100%;}
img.iimc-accredited-logos { height: 90px; position: absolute; right: 60px; bottom: 270px; }
/* Animation card */
#programsList .card_content {top: -30px;bottom: 0px;}
#programsList .card_content:hover {top: 4px;}
a.view-program, a.view-program:hover {padding: 10px 15px;font-size: 15px;}
a.download-brochure, a.download-brochure:hover {padding: 10px 15px;font-size: 15px;}
#programsList  .card_content p.program-label { position: absolute; left: 0; top: -18px; } 
#programsList  .card:hover .card_content p.program-label{top:0px;}
#programsList  .card:hover .card_content .card-title{margin-top: 25px;font-size: 21px;}
div#headerCarousel .carousel-item.three {background-size: 180%; background-position: 100% 0%; }
}

/*Medium devices (ipad pro)*/
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
.main-logo {height: 60px;}
ul.navbar-nav li {padding: 0 0px;margin: 0px 2px;}
.carousel-item.two {background-position: 74% 0%;}
ul.navbar-nav li a {font-size: 14px;text-align: left;}
ul.dropdown-menu.show li{display: block;}
ul.dropdown-menu.show {left: -60px;}
/* Animation card */
#programsList .card_content {top: -40px;bottom: 0px;padding: 15px;}
#programsList .card_content:hover {top: 4px;}
a.view-program, a.view-program:hover {padding: 10px 13px;font-size: 13px;}
a.download-brochure, a.download-brochure:hover {padding: 10px 13px;font-size: 13px;}
#programsList  .card_content p.program-label { position: absolute; left: 0; top: -18px; } 
#programsList  .card:hover .card_content p.program-label{top:0px;}
#programsList  .card:hover .card_content .card-title{margin-top: 25px;font-size: 21px;}
.class-1 {padding: 90px 0px 740px;}
section#awardsAccolades img.awards-img {display: block;}
.carousel-item.five div#headerCarousel .carousel-caption h2{width: 100%;}
img.ai-infinity-logo {height: 260px;}
div#headerCarousel .carousel-item.one p.program-subline br{display: none;}
div#headerCarousel .carousel-item.three { background-size: 130%; background-position: 100% 0%; }
img.institute-rankings { height: 70px;}
div#headerCarousel .carousel-item.eight{background-position: 100% 0%;}
div#headerCarousel .carousel-item.five {background-size: cover; background-position: 100% 0%;}
div#headerCarousel .carousel-item.eight { background-position: 100% 0%; background-size: cover; }
img.iimc-accredited-logos { height: 90px; position: absolute; right: 10px; bottom: 360px; }
div#headerCarousel .carousel-item.seven {background-size: cover; }
}

/*Small laptops (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*Small laptops (1200px and 1290px)*/
@media only screen and (min-width:1200px) and (max-width:1290px) {
  div#headerCarousel .carousel-item.three .main-headline{top:80px;}
  #tailored-solution .card h3 {font-size: 20px;}
  #tailored-solution .card-back p {bottom: 10px;width: 85%;}
  div#headerCarousel .carousel-caption {left: 0%; position: relative;}
  img.college-solution-cards {width: 90%;}
}

@media (min-width: 1400px) {
  div#headerCarousel .carousel-caption{top: 80px!important}
  div#headerCarousel .carousel-caption {left: 0%; position: relative;}
  img.empower-team-img {height: 840px;}
  #tailored-solution .card-back p { font-size: 18px;top: -30px;bottom: unset;}
  ul.learner-testimonial li:before {top: 240px;}
	div#headerCarousel .carousel-item.three {background-size: 100%;background-position: 90% 0%;}
  img.college-solution-cards { width: 75%; margin-top: 220px; }
}
@media (min-width: 1500px) {
  img.college-solution-cards {width: 70%;margin-top: 250px;}
}

/*XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {
div#headerCarousel .carousel-item.eight {background-position: 100% 70%;position: relative;}
}
@media (min-width: 1800px) {
div#headerCarousel .carousel-item.three { background-size: 100%; background-position: 90% -12%; }
img.college-solution-cards { width: 65%; margin-top: 275px; }
div#headerCarousel .carousel-item.three .main-headline {top: 160px;}
div#headerCarousel .carousel-item.eight {background-position: 100% 70%;position: relative;}
}
@media (min-width: 2000px) {
    div#headerCarousel .carousel-item.three {background-size: 100%;background-position: 90% -17%;}
}