/*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;}
  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;}
  #headerCarousel .carousel-item img.banner-img { display: none !important; }
  div#headerCarousel .carousel-caption p.header-cta.mt-5 {margin-top: 20px !important;display: block;}
  div#headerCarousel .reviews-graphic{height: auto;width: 100%;margin-bottom: 10px;margin-top: 10px;}
  div#headerCarousel .carousel-caption {display: block !important; top: 0px; width: 100%; }
  div#headerCarousel .carousel-caption p.byline br{display: none;}
  #headerCarousel .carousel-item{min-height:930px;position: relative;}
  .carousel-item.one { background: #000 url(../images/transition-img-new-mob.webp) no-repeat; background-size:100%; background-position: 50% 0%; padding-top: 80px; }
  .carousel-item.two { background: #fefdfc url(../images/mobile-banner-slide2.webp) no-repeat; background-size: 100%; background-position: 100% 100%; padding-top: 80px; }
  .carousel-item.three { background: #fefdfc url(../images/mobile-banner-slide3.webp) no-repeat; background-size: 86%; background-position: 40% 100%; padding-top: 80px; }
  .carousel-item.four { background: #fefdfc url(../images/mobile-banner-slide4.webp) no-repeat; background-size: 100%; background-position: 100% 100%; padding-top: 80px;}
  .carousel-item.five { background: #fefdfc url(../images/mobile-banner-slide5.webp) no-repeat!important; background-size: 100%!important; background-position: 100% 100%!important; padding-top: 80px!important;}
  .carousel-item.six { background: #fefdfc url(../images/sap-banner-mob.webp) no-repeat; background-size: 100%; background-position: 100% 100%; padding-top: 80px;}
  .button { padding: 15px 26px 15px 30px; font-size: 17px; font-weight: 500; }
  p.video-cta.ms-3 { margin-left: 0 !important; }
  .carousel-item.four .carousel-caption .button {padding: 15px 20px 15px 20px}
  .carousel-item.six h2.main-headline br{display: none;}

/* .carousel-item.six.active .carousel-caption p.subheading {} */
  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) {
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.five { background: #070d58 url(https://talentsprint.com/aci-india/images/aws-banner.webp) no-repeat; background-size: cover; background-position: 80% 100%; min-height: 560px; } */
.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%;}



/* 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;}
}

/*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%;}
}

/*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) {
  #tailored-solution .card h3 {font-size: 20px;}
  #tailored-solution .card-back p {bottom: 10px;width: 85%;}
  div#headerCarousel .carousel-caption {left: 0%; position: relative;}
  section.main-banner, div#headerCarousel, div#headerCarousel .carousel-inner, .carousel-item.one, .carousel-item.two, .carousel-item.three, .carousel-item.four, .carousel-item.six {min-height: 530px;}
  .carousel-item.three .carousel-caption{top: 30px!important;}
}

/*Large devices (Meduim desktops, 1400px and up)*/
@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;}
  section.main-banner, div#headerCarousel, div#headerCarousel .carousel-inner, .carousel-item.one, .carousel-item.two, .carousel-item.three, .carousel-item.four, .carousel-item.six {min-height:650px;}
  section.main-banner, div#headerCarousel, div#headerCarousel .carousel-inner, .carousel-item.one, .carousel-item.two, .carousel-item.three, .carousel-item.four, .carousel-item.six { background-size:cover;}
  #tailored-solution .card-back p { font-size: 18px;top: -30px;bottom: unset;}
    ul.learner-testimonial li:before {top: 240px;}
}
@media (min-width: 1500px) {
  div#headerCarousel .carousel-caption {left: 0%; position: relative;}
  section.main-banner, div#headerCarousel, div#headerCarousel .carousel-inner, .carousel-item.one, .carousel-item.two, .carousel-item.three, .carousel-item.four, .carousel-item.six {min-height: 620px;}
}

/*XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {
    .carousel-item.one {background-position: 60% 40%;}
  div#headerCarousel .carousel-caption {left: 0%; position: relative;}
    div#headerCarousel .carousel-indicators {bottom: 60px;}
}
@media (min-width: 1800px) {
    div#headerCarousel .carousel-caption {left: 0%; position: relative;}
    div#headerCarousel .carousel-indicators { bottom: 50px;}
    section.main-banner, div#headerCarousel, div#headerCarousel .carousel-inner, .carousel-item.one, .carousel-item.two, .carousel-item.three, .carousel-item.four, .carousel-item.six{min-height: 760px;}
}

@media (min-width: 2000px) {
  div#headerCarousel .carousel-caption {left: 0%; position: relative;}
}