@media only screen and (max-width:600px) { section.banner-section {background-size: 235%; background-position: 100% 100%;padding-bottom:540px;} img.hbcu-summit-logo {height: 37px;margin: 10px 0;} h1.program-title {font-size: 50px;line-height:1.1em;} p.program-byline span {font-size: 17px;line-height: 1.4em;} ul.event-speakers li {width: 100%;line-height: 1.4em;vertical-align: top;margin-top: 20px;margin-right: 0;} .event-details {display: inline-flex;flex-direction: column;} .event-date {padding: 10px 22px;width: 100%;} ul.event-attendes{margin-top: 30px} ul.event-attendes li {width: 100%;margin-right: 0;position: relative !important;top: unset !important;} h2.heading {font-size: 34px;} section#impactInclusion {min-height: auto;} .keynote-speakers ul li {width: 100%;margin-right: 0;} section#whyAttend {position: relative;padding-bottom:540px !important;} img.why-attend {width: 95%;position: absolute;bottom: 0;} img.who-attend {width:95%;margin-bottom: 40px;} p.get-to-know {background-size: cover;} div#carouselExampleAutoplaying {margin-bottom: 60px;} ul.impact-so-far.ms-5 {margin-left: 0 !important;} ul.impact-so-far li {width: 100%;margin-right: 0;top: unset !important;} ul.impact-so-far li.light-blue {margin-top: 0;} img.breakthrough-award.mob {display: block;} img.breakthrough-award {display: none;} section#techSummit {background-position: left;} section#techSummit p.enquiry-info span:before{display: none;} ul.about-hosts {width: 100%;margin-bottom: 60px;} img.about-ts-img {display: none;} section.bannersection.conf {background-size: 230%;background-position: right bottom;padding-top: 150px;padding-bottom: 570px;min-height: 600px;} section.bannersection h2 br, section.bannersection p br {display: none;} a.video-text.testimonial.khanna-video img {display: none;} h3.sub-heading {margin-top: 30px;margin-bottom: 25px !important;text-align:center!important} .pe-5 {padding-right: 0 !important;} p.empowered-students {width: 100%;} p.about-speaker img {margin-bottom: 40px;} a.video-text.testimonial.khanna-video {position: absolute;right: unset;top: unset;z-index: 999;bottom: 50px;left: 50px;} .modal-dialog {width: 95%;} .modal-dialog button.close {right: -4px;} section#techSummit p.enquiry-info a {width: 90%;display: inline-block;margin-bottom: 10px;} section#techSummit p.enquiry-info a:last-child{width:auto} img.sponsor-logo {height: auto;margin: 0;} h2.heading span.highlight-line {display: unset !important;} h2.heading span.highlight-line:after{display: none} h2.heading br{display: none;} section#techSummit p.enquiry-info {font-size: 18px;} ul.footer-links {margin-top: 20px;} ul.footer-links li {padding: 0 20px 0 0;} section#techSummit h2.heading { font-size: 34px; } section#techSummit p br{display: none;} section#impactInclusion img.mob { display:block; } section#impactInclusion img.desk { display:none; } ul.agenda-timeline li br{display: none;} nav.navbar.fixed-top.navbar-expand-lg { display: none; } section.sticky-nav{position: fixed; top: 0; width: 100%; z-index: 199; display: block; padding: 10px;} section.sticky-nav.sticky { position: fixed; top: 0; width: 100%; z-index: 199; display: block; padding: 10px; } #stickyNavBar img.iiml-logo { height: 35px; } ul.navbar-nav li a{font-size: 20px;margin-right: 0px;text-align: center;} #stickyNavBar nav.navbar.navbar-expand-lg.sticky img.iiml-logo{height: 35px;} #stickyNavBar nav.navbar.navbar-expand-lg.sticky ul.navbar-nav li a {text-align: center;margin-right: 0px;} ul.navbar-nav li{display:block} } @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) { section.banner-section {background: #fff } section#aboutSummit { background-size: cover; min-height: 1100px; background-position: bottom; } ul.event-attendes {margin-top: 30px;} section#impactInclusion {min-height: auto;} section#agendaSpeakers {background-size: cover;background-position: 10% 0px;} .keynote-speakers ul li {margin-bottom: 0px;} section#whyAttend {position: relative;} section#whyAttend ul {width: 55%;} img.who-attend { width: auto; position: absolute; top: 80px; height: 330px; right: 20px; } img.why-attend { width: auto; position: absolute; right: 20px; height: 330px; margin-top: 10px; } p.get-to-know {background-size: cover;margin-top: 40px;} div#carouselExampleAutoplaying {margin-bottom: 100px;} h3.sub-heading {display: block;text-align: center;margin-bottom: 40px !important;} a.video-text.testimonial.khanna-video img {height: 204px;position: relative;right: -10px;} p.empowered-students br {display: none;} p.empowered-students {width: 100%;} h3.sub-heading.text-end.mb-4 {text-align: center !important;} img.objective-bg {display: none;} section#techSummit {background-size: cover;background-position: left;} section#techSummit p.enquiry-info span:before {width: 140px;left: 40px;top: 29px;} section#techSummit p.enquiry-info span:after {width: 140px;right: 40px;top: 29px;} section#aboutHosts .col-lg-6.col-md-12 {margin-bottom: 40px;} img.about-ts-img{display: none;} h2.heading br {display: none;} img.hbcu-summit-logo { height: 46px; margin: 5px 0; } ul.impact-so-far li.light-blue {top: 102px;} p.about-speaker {font-size: 14px;} ul.about-hosts {width: 95%;} span.highlight-line:after {margin-top: -2px;} } /* Landscape*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {} /* Portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { section.banner-section { background: #fff url(../images/header-banner.webp) no-repeat; background-position: 50% 0%; background-size: 116%; } h1.program-title {font-size: 40px;} ul.event-speakers li {width:75%;margin-right: 8px;margin-bottom: 30px;} ul.event-speakers li span br {display: none;} .keynote-speakers ul li {margin-bottom: 0px;width:80%;} section#agendaSpeakers {background-size: cover;background-position: 36% 0px;} section#whyAttend ul {width: 100%;} img.why-attend { width: 90%; position: relative; right: unset; height: auto; margin-top: 0px; } img.who-attend { width: 90%; position: relative; top: 10px; height: auto; right: unset; } ul.impact-so-far li {display: inline-block;width: 100%;} ul.impact-so-far li.pink {top: 0;} ul.impact-so-far li.blue {top: 0;} ul.impact-so-far li.light-blue { margin-top: 0; top: 0; } ul.impact-so-far li:nth-child(5) {display: none;} section#techSummit { background-size: cover; background-position: 65% 100%; } section#techSummit p.enquiry-info span:before, section#techSummit p.enquiry-info span:after{display: none;} img.about-ts-img { display: block; height: 460px; } .event-details {width: 140%;} section#aboutSummit p {font-size: 19px;} section#whyAttend ul li {width: 85%;} section#whyAttend ul li br {display: none;} ul.impact-so-far li.yellow {top: 0;} ul.agenda-timeline li br{display: none;} } /* @media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape) { section.bannersection { background-position: 348px 45px !important;} } */ @media only screen and (min-width:1200px) and (max-width:1290px) { section.banner-section {background-size: 98%;background-position: 370% 0%;} p.empowered-students br{font-size: 21px;display: none;} p.empowered-students{font-size: 21px;} } @media only screen and (min-width :1400px) { section.banner-section { background-size: 90%; background-position: 110% 0%; } p.program-byline { line-height: 1.2em; font-size: 20px; } ul.event-speakers li {font-size: 16px;} ul.event-speakers li img {height: 110px;} .event-date p {font-size:19px;font-weight: 600;} h2.heading { font-size:42px; font-weight: 500; line-height:1.2em; } ul.event-attendes li {width: 48%;} section#aboutSummit p {font-size: 23px;line-height: 1.4em;} section#impactInclusion { background-size: cover;} ul.agenda-timeline li span {font-size: 18px;} ul.agenda-timeline li {font-size: 24px;} .keynote-speakers ul li strong {font-size: 24px;} .keynote-speakers ul li {font-size: 17px;} section#whyAttend ul li { width: 90%; font-size: 20px; font-weight: 400; } p.get-to-know { font-weight: 500; font-size: 20px; background-size: cover; } a.video-text.testimonial.khanna-video img {height: 380px;} section#bootcampWitness p { font-size:20px; line-height: 1.4em; } img.about-ts-img { height:510px; right: 60px; } h3.sub-heading span {font-size:24px;font-weight: 500;} ul.impact-so-far li strong {font-size: 45px;margin-bottom: 22px;} img.breakthrough-award {margin-top: 40px;} ul.objectives li {width: 85%;font-size: 20px;} section#techSummit p { font-size: 20px; } section#techSummit p.enquiry-info span {font-size: 22px;} section#techSummit p.enquiry-info {font-size: 26px; } section#techSummit p.enquiry-info span:before {width: 80px;left:30px;top: 32px;} section#techSummit p.enquiry-info span:after {width: 80px;right:30px;top: 32px;} p.about-speaker {font-size: 17px;} section#aboutTalentSprint p {font-size:20px;line-height: 1.4em;} p.empowered-students {width: 60%;} } @media only screen and (min-width :1500px) { } @media only screen and (min-width :1600px) { section.banner-section { background-size: 85%; background-position: 100% 0%; } p.program-byline { line-height: 1.2em; padding-right: 20px; } section#aboutSummit {background-position: center;} } @media only screen and (min-width :1800px) { section.banner-section { background-size: 72%; background-position: 100% 0%; } section#aboutSummit {background-position: center;} section#bootcampWitness {background-size: cover; position: relative; padding-bottom: 160px !important; } section#techSummit {background-size: 100%; background-position: 0px 65%; } section#agendaSpeakers {background-size: 110%;background-position: 0% 0;} section#bootcampWitness p {font-size: 20px;} p.empowered-students{width:60%;} img.about-ts-img { height: 510px; right: 150px; } }