@media only screen and (max-width:600px) {
    .offset-5, .offset-1{margin: 0}
    nav.navbar.navbar-expand-lg a.navbar-brand img {height: 55px;}
    ul.navbar-nav li.nav-item {padding-right: 0px;padding-top: 8px;display: inline-block;text-align: center;}
    ul.navbar-nav li.nav-item a {font-size: 17px;}
    p.program-tagline {font-size: 30px;line-height: 1.3em;}
    p.program-name span {font-size: 44px;}
    #video-elem {height: 745px;}
    section#programEnrolment ul:after{display: none;}
    section#programDetails ul.program-details li {width: 100%;font-size: 18px;margin: 20px 0;}
    section#programDetails ul.program-details li:last-child {margin-top: 0;}
    .prg-form {position: relative;top: 0;margin-top: 50px;}
    ul.research-quotes li {width: 100%;padding: 25px 30px;margin-right: 0;min-height: 235px;}
    section#programHighlights {background-size: cover;}
    .unique-advantage h3 {font-size: 22px;margin-bottom: 14px;margin-top: 10px;width: 80%;}
    .about-partner { position: relative; width: 100%; margin: auto; left: 0; bottom: 0; }
    ul.institute-rankings {width:100%;}
    ul.institute-rankings li { display: inline-block; width: 100%; text-align: left; font-size: 18px; font-weight: 400; margin: 10px 0; }
    .capstone-projects ul li {display: inline-flex;width: 100%;margin: 8px 0;}
    button.cssbuttons-io-button.brochure-cta.download-link {margin-top: 15px; }
    section#programFormat {background-size: 300%; background-position: 0% 100%; padding-bottom: 600px; }
    section#programEligbility {background-size: 250%; background-position: 100% 90%; padding-bottom: 620px;}
    section#programEnrolment ul li { display: inline-block; width: 100%;margin-bottom: 30px;}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
   
 #programFormat .col-lg-7.col-md-12.offset-5{margin-left: 0px;} 
 section#programFormat {background-size: 150%; background-position: 0% 100%; padding-bottom: 610px; background-color: #221109; color: #000; }
 #programFormat h2, #programFormat p.sub-heading, #programFormat ul.program-format li{color: #fff;}
 #programFormat ul.program-format li:before{border-left: 10px solid #ffffff!important;}
 section#programEligbility{background: #f4f4f4;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
  section.bannersection {padding-bottom: 50px;}
  p.rm-number{left: 5%; right: 5%;}
  .unique-advantage{min-height: 250px;}
  section#aboutPartner{min-height: 60vh;}
  ul.institute-rankings {width: 70%;}
  ul.institute-rankings li{vertical-align: top;}
  section#programFaculty img.faculty-img{padding-top: 20px;}
  section#programFormat { background-size: cover; background-position: 0% 100%; padding-bottom: unset; background-color: #221109; color: #000;padding-bottom: 50px;}
  .offset-5 {margin-left: 41.66666667%!important;}
   #programFormat h2, #programFormat p.sub-heading, #programFormat ul.program-format li{color: #000000;}
 #programFormat ul.program-format li:before{border-left: 10px solid #000000!important;}
section#programEligbility { background: url(../images/eligibility-bg.webp) no-repeat !important; background-position: 70% 90% !important; background-size: cover !important; }
    
}
@media only screen and (min-width:1200px) and (max-width:1290px) {
   
    
}
@media only screen and (min-width :1400px) {
	.unique-advantage ul li {font-size: 17px;}
    section#programFormat {background-size: 88%;}
    img.genai-certification {width:70%;}
    
}
@media only screen and (min-width :1500px) {
   
    
}
@media only screen and (min-width :1600px) {
  section#programFormat { background-size: 86%; background-position: 0% 0%; }
  .about-partner { width: 70%; margin: auto; left: 15%; bottom: 40px; }  
    
}
@media only screen and (min-width :1800px) {
 section#programFormat { background-size: 80%; background-position: 0% 0%; }
 section#programEligbility {background-size: cover;background-position: 100% 0%;}
 .about-partner { width: 60%; margin: auto; left: 20%; bottom: 40px; }
    
}