/*Unique Styles*/
html{scroll-behavior:smooth}
body{font-family:Metropolis;-webkit-font-smoothing:antialiased;-webkit-animation:fix 1s 1;animation:fix 1s 1;overflow-x:hidden;line-height:1.5em;font-weight:300;color:#000;font-size:17px;}
h1,h2,h3,h4,h5{color:#000;font-weight:600;margin-bottom:20px}
a{color:#c21734}
a:hover{color:#05182b}
a,a:hover{text-decoration:none}
a:focus{outline:none}
p{margin:0 0 10px;line-height:1.5em}
p:last-child{margin-bottom:0}
h1{font-size:3em;line-height:1.4em}
h2{font-size:2.667em;line-height:1.4em}
h3{font-size:2.056em;line-height:1.4em}
h4{font-size:1.611em;line-height:1.4em}
h5{font-size:1.222em;line-height:1.4em}
.dtr-pt-100, .dtr-py-100{padding-top:100px;}
.dtr-pb-100, .dtr-py-100{padding-bottom:100px;}
.dtr-pt-80, .dtr-py-80{padding-top:80px;}
.dtr-pb-80, .dtr-py-80{padding-bottom:80px;}
.dtr-pt-50, .dtr-py-50{padding-top:50px;}
.dtr-pb-50, .dtr-py-50{padding-bottom:50px;}
.dtr-pt-30, .dtr-py-30{padding-top:30px;}
.dtr-pb-30, .dtr-py-30{padding-bottom:30px;}
ul,ol{margin:0 0 10px;padding:0;list-style-position:outside;display:block}
ul li, ol li{margin-bottom:8px;display:inline-block}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius:15px}
.modal-dialog{width:70%;max-width:800px;margin-top:120px}
.modal-dialog img.faculty-modal-img {height: 130px;display: block;margin-bottom: 15px;border-radius: 5px;}
.modal-dialog h4 {font-size: 22px;margin-bottom: 5px;}
.modal-dialog p {font-size: 16px;}
.modal-body {padding: 20px;}
/*arrow-to-top*/
#take-to-top { background-color:#a425b3; color: #fff; width: 40px; height: 40px; z-index: 999; text-align: center; text-decoration: none; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; display: block; }
#take-to-top.dtr-fade-scroll { position: fixed; right: 36px; bottom:105px; display: none; }
a#take-to-top img { width: 80%; margin-top: 10%; }
#take-to-top.dtr-fade-scroll svg { padding: 10px; position: relative; left: -2px; top: -2px; }
#take-to-top.dtr-fade-scroll svg path { fill: #fff; }


/*Unique styles for heading and byline for all sections*/
h2.heading{font-size: 42px; font-weight: 500;line-height: 1.2em;}
h2.heading span { position: relative; color: #9A01F5;}
/*
h2.heading span:before { content: ""; background: #7E4D9A; position: absolute; top: 20px; margin-left: -50px; width: 40px; height: 1px; }
h2.heading span:after {content: "";background: #7E4D9A;position: absolute;top: 20px; margin-right: -50px; width: 40px;height: 1px; }
*/

h3.heading-two {font-size: 32px;font-weight: 600;color: #000;}
p.sub-heading { font-size:22px; font-weight: 400;color:#fff }
p.sub-byline {font-size: 20px;}
p.disclaimer {font-size: 15px;}
.modal-dialog { width: 100%; margin-top: 100px; max-width: 750px; }
.modal-dialog button.close { border-radius: 50%; padding: 4px 8px; background: #ff5722; color: #fff; font-size: 30px; border: unset; position: absolute; right: -16px; top: -20px; }
.modal-dialog iframe { width: 100%; height: 400px; }
.modal-dialog .corporate-form iframe {
    width: 100%;
    height: 660px;
}
/*Menu Styles*/
nav.navbar.fixed-top.navbar-expand-lg { border-bottom:1px solid #efefef;background: #fff; }
.main-logo {height:70px;margin: 0;}
ul.navbar-nav li{padding:0 5px;margin-bottom:0}
ul.navbar-nav li a{font-weight:400;color:#000;font-size:16px;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:active, ul.navbar-nav li a:focus{color:#000}
ul.navbar-nav li a.nav-link.menu-apply-cta { background: #000000; padding: 9px 20px; color: #fff; border-radius: 25px; margin-top: -2px; }
/*Breadcrmb Styles*/
ol.breadcrumb{background:transparent;padding:0;margin-top:0}
ol.breadcrumb li.breadcrumb-item a,ol.breadcrumb li.breadcrumb-item{color:#fff;text-decoration:none;font-size:12px}
ol.breadcrumb li.breadcrumb-item a{text-decoration: underline;}
ol.breadcrumb li.breadcrumb-item{color:#fff}
.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#fff;content:"/"}
ol.breadcrumb li.breadcrumb-item:last-child a{color:#fff}
/*CTA*/
.button{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:.75rem;background-color:#a204fe;color:#fff;border-radius:10rem;font-weight:600;padding:1rem 1.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s;}
.button__icon-wrapper{flex-shrink:0;width:25px;height:25px;position:relative;color:var(--clr);background-color:#fff;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.button:hover{background-color:#fff; --main-bg: conic-gradient(from var(--border-angle), #a204fe);    --gradient-border: conic-gradient(from var(--border-angle), #a204fe00 0%, #a204fe00, #ffffff 99%, #36244000); }
.button:hover .button__icon-wrapper,  .button__icon-wrapper{color:#000;}
.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}
.button:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}
.button:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}
a.button.text-center:hover{color:#000}
.button:hover .button__icon-wrapper{background:#000;color:#fff}


section.main-banner { padding-top:150px; padding-bottom: 90px; background: #f4edf5 url(../images/header-bg.webp) no-repeat; background-size: 100%; background-position: bottom; min-height: 680px; }
h1.main-headline { font-size: 64px; color: #fff; text-shadow: 0px 4px 4px rgb(0 0 0 / 25%); background-color: #ffffff; background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow:3px 5px 1px rgb(0 0 0 / 9%);margin-bottom: 14px; }
h1.main-headline span { display: block; font-size: 26px; font-weight: 500; line-height: 1; margin-bottom:8px; color: #DFA9FF; }
h1.main-headline sup { vertical-align: super; font-size: 16px;color: #fff; }
p.byline { font-size: 22px; font-weight: 300; color: #fff; line-height: 1.3em; }
img.powered-by { height: 115px; background: #fff; border-radius: 10px; border: 1px solid #e5e5e5; padding: 15px; }
.ai-quotient { background:#00000099; display: block; padding:50px 40px; width: 40%; margin: auto; margin-top: 70px; border-radius: 35px; }
p.reserve-spot-cta a {font-weight: 500;}
p.test-ai { font-size: 32px; color: #fff; font-weight: 500; }



section#futureGateway { background:url(../images/real-business-value.webp) no-repeat;}
ul.future-mission li { display: inline-block; width: 23%; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 204, 255, 1) 100%); min-height: 320px; vertical-align: top; border-radius: 10px; padding: 40px 25px; text-align: center; margin-right: 10px; }
ul.future-mission li strong { font-weight: 600; font-size: 20px; display: block; margin-bottom: 8px; }
ul.future-mission li img { height:60px;display: block; margin: auto; margin-bottom: 16px;transition: all 0.6s ease; }
p.prizes-for-winners { color: #fff; font-size: 24px; position: relative; margin: auto; width: 84%; line-height: 1.3; }
br.break{display: none;}
p.prizes-for-winners:before { content: ""; background: url(../images/left-arc.webp) no-repeat; position: absolute; left: 8%; top: -8px; width: 150px; height: 150px; background-size: 22%; } 
p.prizes-for-winners:after { content: ""; background: url(../images/right-arc.webp) no-repeat; position: absolute; right: -5%; top: -13px; width: 150px; height: 150px; background-size: 22%; }



.test-formats { background: #27074D; color: #fff; padding:30px; border: 1px solid #510081; position: relative; border-radius: 10px;margin: 10px 0; }
p.format-label { position: absolute; top: -12px; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 120, 249, 1) 100%); color: #000; padding: 1px 20px; border-radius: 30px; font-size: 15px; font-weight: 500; }
p.format-label.one{background: linear-gradient(90deg,rgba(154, 1, 245, 1) 0%, rgba(170, 117, 214, 1) 45%, rgba(124, 45, 234, 1) 100%);color:#fff;}
p.format-name {font-size: 24px;font-weight: 500;}
p.format-description {font-size:18px;color:#E2D8E8;}
.test-formats img { position: absolute; right: -1px; bottom: -1px; }
p.format-number { position: absolute; right: 20px; top: 2px; font-size: 34px; font-weight: 600; opacity: 0.3; }
p.gst-note {font-size: 16px;}



section#olympiadPlatform { background:#ffffff; background-size: cover; }
.row.olympiad-platform-cards { margin-top:-200px; }
.olympiad-platform { min-height:574px; border: 1px solid #e5e5e5; border-radius: 15px; background: linear-gradient(147deg,rgba(255, 255, 255, 1) 0%, rgba(222, 133, 232, 1) 100%); text-align: center; padding:25px 30px; position: relative; }
.olympiad-platform .content {padding:20px 30px;}
.olympiad-platform h3 { font-size:30px; font-weight: 600;margin-bottom: 15px;color:#000; }
.olympiad-platform h3 span { display: inline-block; color: #fff; background:#A425B3; font-size: 15px; padding: 2px 18px; border-radius: 50px; line-height: 1.5em;    margin-bottom:10px;font-weight:400 }
p.grade-type { font-size: 16px; font-weight: 500; color: #000; background: linear-gradient(to right, #ffffff00 0%, #fff 48%, #ffffff00 100%); margin: 20px 0;padding:5px;}
p.platform-content {font-size:16px;color:#000}
img.platform-img { border-radius: 0px 0px 10px 10px; position: absolute; bottom: 0; left: 0; height: auto; width: 100%; }
img.platform-img.one { }
img.platform-img.two { }
img.ai-icon { opacity: 0.6; position: absolute; right: 12px; height: 110px; top: 15px; }
p.register-now-cta a { padding:12px 25px; font-weight: 500; }
p.register-now-cta a.button{background:#000;}
p.register-now-cta a.button.text-center:hover{color:#000;background:#fff}
p.register-now-cta .button:hover .button__icon-wrapper{background:#000;color:#fff}



section#programDetails {
    background: url(../images/olympiad-platform.webp) no-repeat;
    background-size: cover;
}
.event-registration { background:linear-gradient(180deg, rgba(110, 22, 206, 1) 0%, rgba(192, 6, 214, 1) 100%); padding: 2px; border-radius: 20px; margin: 0;position: relative;}
.event-border { background: #fff; border-radius: 20px; min-height: 200px;padding: 40px; }
h3.key-dates { font-size: 18px; font-weight: 500; color: #fff; background: linear-gradient(180deg, rgba(124, 45, 234, 1) 15%, rgba(196, 77, 209, 1) 100%); position: absolute; top: -15px; left: 44%; padding: 2px 20px; border-radius: 30px; }

ul.event-details li { width: 32%; display: inline-block; font-size: 18px; position: relative; margin-bottom:0px; color: #000; text-align: center; }
ul.event-details li img { display: block; margin: auto; margin-bottom: 15px;height:50px; } 
ul.event-details li strong { display: block; font-size: 22px; font-weight: 500; margin-bottom: 4px; }


.event-stages { background: linear-gradient(180deg, rgba(110, 22, 206, 1) 0%, rgba(192, 6, 214, 1) 100%); padding: 2px; border-radius: 20px; margin: 0; position: relative; min-height: 250px;position: relative;}
.event-stages-border { background: #fff; border-radius: 20px; min-height: 250px; padding: 40px; }
p.event-steps { font-size: 18px; font-weight: 500; color: #fff; background: linear-gradient(180deg, rgba(124, 45, 234, 1) 15%, rgba(196, 77, 209, 1) 100%); position: absolute; top: -15px; left:42%; padding: 2px 20px; border-radius: 30px; }
.event-stages h3 {text-align: center;font-size: 26px;}
.event-stages h3 span{display: block;font-size: 20px;font-weight:500;margin-top: 10px;}
p.event-content { text-align: center; font-size: 18px; }
p.event-date {
    font-weight: 500;
}

section#studentRewards { background: url(../images/real-business-value.webp) no-repeat; background-size: cover; }
#studentRewards a.button:hover {border: 1px solid black;}
ul.student-rewards{text-align: center;}
ul.student-rewards li { display: inline-block; width: 19%; vertical-align: top; border: 1px solid #e5e5e5; padding:30px 25px; min-height: 245px; text-align: center; font-size: 17px; border-radius: 10px; margin: 8px 2px; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 204, 255, 1) 100%); }
ul.student-rewards li strong{font-weight:600;}
ul.student-rewards li svg { display: block; margin: auto; margin-bottom:15px;fill: #a204fe; }
ul.student-rewards li svg path {fill: #a204fe;}

section#supportNeeded { background: url(../images/real-business-value.webp) no-repeat; background-size: cover; }
ul.support-resources li { display: inline-block; width: 23%; vertical-align: top; border: 1px solid #F3DFFF; padding:20px; border-radius: 10px; min-height: 290px; margin-right: 15px;text-align: center;font-size: 16px; line-height: 1.5em;color:#F3DFFF; }
ul.support-resources {text-align: center;}
ul.support-resources li strong { display: block; font-size: 20px; margin-bottom:12px; } 
ul.support-resources li svg { display: block; margin: auto; margin-bottom: 20px; }
ul.support-resources li svg path {}

section#joinOlympiad { background: url(../images/whyts-bg.webp) no-repeat; }
.olympiad-fee-details { padding: 30px; border: 1px solid #e5e5e5; border-radius: 10px; background:#ffffff;min-height: 280px; }
p.fee-type { font-size: 16px; position: relative; margin-bottom: 20px; }
p.fee-type span { font-size: 20px; font-weight: 500; }
p.fee-type strong { position: absolute; font-size: 28px; right: 10px; top: 7px; font-weight: 500; }
.olympiad-fee-combo{ padding: 30px; border: 1px solid #e5e5e5; border-radius: 10px; background: #ffffff;min-height: 280px; }
p.fee-combo {text-align: center;font-size: 20px;font-weight:500;}
p.fee-combo strong{font-weight:600;display: block;margin: auto;font-size: 36px;margin-top:15px;color: #ab00ff;}
img.special-fee-icon { height: 100px; display: block; margin: auto; margin-bottom: 14px; }
p.fee-note{font-size:16px}
p.fee-note strong {font-weight: 600;}



section#aiMovement { background: url("../images/real-business-value.webp") no-repeat;background-size: cover;position: relative;}
p.be-ready-ai {font-size: 22px;text-align: center;color:#fff}
p.be-ready-ai strong { display: block; font-size: 32px; font-weight: 500; margin-top: 10px; }
img.side-graphic { position: absolute; top: 0; opacity: 0.3; left: 0; }
img.side-graphic-right { position: absolute; bottom: 0; opacity: 0.3; right: 0; }


section#faq{background:#fef0ff;position:relative}
section#faq .accordion-item{border:none;margin-bottom:10px;border-radius:10px}
section#faq .accordion-button{background-attachment:fixed;background:#fff;color:#000;padding:5px 15px;font-size:18px;font-weight:500;border-radius:8px;box-shadow:2px 2px 25px #00000012}
section#faq .accordion-body ul li{width: 95%; margin-left: 20px; position: relative; font-size: 17px; padding-left: 4px;}
section#faq .accordion-body ul li:before{content: ""; border-color: transparent #878787; border-style: solid; border-width: 5px 0 5px 8px; display: block; height: 0; width: 0; left: -20px; top: 15px; position: relative;}
section#faq .accordion-body ul li strong, section#faq .accordion-body p strong{ font-weight: 500; }

p.view-all a {
    background: #000000;
    padding: 14px 25px;
    color: #fff !important;
    border-radius: 25px;
    margin-top: -2px;
    text-decoration: none !important;
}

p.reserve-spot-cta.white a.button{background:#fff;color:#000}
p.reserve-spot-cta.white a.button.text-center:hover{color:#fff;background:#000}

p.reserve-spot-cta.white .button__icon-wrapper {background:#000;color:#fff}
p.reserve-spot-cta.white .button:hover .button__icon-wrapper{background:#fff;color:#000}

/* Leaderboard sec */
div.leadarboardSec { background: #000; border-radius: 10px; padding: 10px 0px; min-height: 98px; padding-right:0px }
div.leadarboardSec .Leaderboard-title { display: block; vertical-align: middle; padding-right: 0px; text-align: center; }
div.leadarboardSec .Leaderboard-title p { font-size: 22px; font-weight: 500; padding-top: 10px; margin-bottom: 10px; }
div.leadarboardSec li.one { background: linear-gradient(90deg, rgb(164 37 179) 0%, rgb(0 0 0 / 6%) 100%); }
div.leadarboardSec li.two,div.leadarboardSec li.three { background: linear-gradient(90deg, rgb(134 149 159) 0%, rgb(0 0 0 / 6%) 100%); }
div.leadarboardSec .marquee { margin: 0 auto; max-width: 100%; overflow: hidden; display: inline-block; width: 100%; }
div.leadarboardSec .marquee h2 { margin-bottom: 20px; } 
div.leadarboardSec .marquee ul.flex { display: flex; align-items: center; } 
div.leadarboardSec .marquee-wrapper { width: 100%; overflow: hidden;    padding-top: 0px; } 
div.leadarboardSec .marquee-h { overflow: hidden; } 
div.leadarboardSec .marquee-h .marquee-wrapper {  overflow: hidden; } 
div.leadarboardSec .marquee ul.flex li { flex-shrink: 0; width: 250px; font-size: 15px; color: #fff; font-weight: 400; position: relative; height: 50px; display: inline-flex ; flex-direction: row; align-items: center; border-radius: 10px; margin-right: 0px !important; padding-right: 30px; margin-bottom: 0px; margin-top: 5px; }

div.leadarboardSec li.one span:before, li.two span:before{ content: ""; background: url(../images/left-decor.webp) no-repeat; position: absolute; left: 6%; top: 10px; width: 70px; height: 70px; background-size: 22%;}
li.one span:after, li.two span:after { content: ""; background: url(../images/right-decor.webp) no-repeat; position: absolute; right: 50%; top: 11px; width: 73px; height: 90px; background-size: 22%; }

li.three span:before { content: ""; background: url(../images/left-decor.webp) no-repeat; position: absolute; left: 4%; top: 10px; width: 70px; height: 70px; background-size: 22%; }
li.three span:after { content: ""; background: url(../images/right-decor.webp) no-repeat; position: absolute; right: 49%; top: 11px; width: 73px; height: 90px; background-size: 22%; }
.marquee ul.flex li.three span { padding: 10px 30px; font-size: 20px; font-weight: 600; color: #F0EBA4; width: 30%; }

.marquee ul.flex li span { padding: 10px 35px; font-size: 20px; font-weight: 600; color: #F0EBA4; width: 30%; }
.marquee ul.flex li p{padding-left: 10px;font-weight: 500;}
.notification { display: none; /* position: fixed; */ bottom: 20px; left: 20px; background: #7C2DEA; color: #fff; padding: 20px 18px; border-radius: 12px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); font-size: 17px; font-weight: 500; z-index: 9999; /* animation: fadeInOut 4s ease-in-out; */ display: flex ; align-items: center; gap: 10px; max-width: max-content; }
/* div.leadarboardSec .marquee ul.flex li.small{width: 200px;} */

/*Small devices (portrait phones, less than 600px)*/
@media only screen and (max-width:600px) {
    ul.navbar-nav li { text-align: center; padding: 10px 0; }
    section.main-banner { padding-top: 170px;background-size: cover; background-position: center;padding-bottom: 130px; }
    h1.main-headline { line-height: 1; font-size: 58px; }
    h1.main-headline span {line-height: 1.3;}
    p.byline { font-size: 20px; margin-top: 30px; }
    p.test-ai {font-size: 26px;}
    .row.olympiad-platform-cards { margin-top:-210px; }
    .ai-quotient {padding: 50px 20px;width: 100%;}
    .olympiad-platform {margin: 10px 0;padding: 40px 16px;}
    ul.future-mission li {width: 100%;margin-right: 0;}
    section#futureGateway {background-size: cover; }
    ul.student-rewards li {width: 100%;padding:35px 50px;margin: 8px 0px;}
    p.prizes-for-winners { color: #fff; font-size: 20px; position: relative; width:100%; line-height: 1.3em; margin: auto; }
    p.prizes-for-winners br{display: none}
    p.prizes-for-winners:before, p.prizes-for-winners:after { display: none;}
    /* p.prizes-for-winners br{display: none} */
    br.break{display: block;}
    .offset-1{margin: 0;}
    h3.key-dates {left: 31%;}
    ul.event-details li { width: 100%; margin-bottom: 50px; }
    ul.event-details li:last-child{margin-bottom: 0;}
    .event-stages {margin-bottom: 40px;}
    p.event-steps {left: 32%;}
    .event-stages h3 span {line-height: 1.3em;}
    ul.support-resources li {width: 100%;margin-right: 0;min-height: auto;}
    .olympiad-fee-details {margin-bottom: 30px;}
    p.fee-type span { font-size: 17px; font-weight: 500; }
    p.fee-type strong { position: absolute; font-size: 20px; right: -14px; top: -1px; font-weight: 500; }
    p.fee-type {font-size: 14px;}
    img.side-graphic-right{display:none;}
    img.side-graphic {opacity: 0.1;}
    section#faq .accordion-button {padding: 15px;line-height: 1.5em;}
    .offset-2.col-lg-4.col-md-12 {margin-left: 0px;}
    
}
/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    section.main-banner { padding-top: 170px; padding-bottom: 90px;background-size: cover; background-position: 50% 70%; min-height: 680px; }
    h1.main-headline {font-size: 56px;}
    .row.olympiad-platform-cards {margin-top:-380px;}
   .olympiad-platform { min-height: auto; padding: 40px 10px; width: 100%; margin: auto; margin-top: 30px; }
    p.grade-type {line-height: 1.3em;}
    p.platform-content { font-size: 14px;line-height: 1.3em;}
    .event-stages {margin: 20px auto;width: 100%;}
    p.event-steps {left: 0; padding: 2px 20px; border-radius: 30px; right: 0; width: max-content; margin-left: auto; margin-right: auto; }
    ul.student-rewards li {width: 48%;}
    p.prizes-for-winners:before{left: -5%;}
    p.prizes-for-winners:after{right: -25%;}
    #joinOlympiad .col-lg-5.col-md-12.offset-1{margin-left: 0%}
    .olympiad-fee-details{margin-bottom: 20px;}
    ul.support-resources li {width: 47%;margin: 7px;}
    br.break {display: block;}
    p.prizes-for-winners:before{display: none;}
    p.prizes-for-winners:after{display: none;}
    .offset-2{margin-left: 0;}
}

/*Medium devices (ipad pro)*/
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
    .olympiad-platform {min-height: 580px;}
    .event-stages-border {padding: 30px;}
    p.prizes-for-winners:before { left: -1%; }
    p.prizes-for-winners:after { right: -16%; }
    #joinOlympiad .col-lg-5.col-md-12.offset-1 {margin-left: 8.33333333%;}
    .test-formats{min-height: 220px;}
    ul.support-resources li { min-height: 260px; }
    p.event-content br{display: none;}
    ul.student-rewards li { width: 32%; }
    section#joinOlympiad .col-lg-4.col-md-6 {width: 48%;}
    ul.support-resources li strong br {display: none;}
}

/*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) {
    section.main-banner {min-height: 650px;}
}

/*Large devices (Meduim desktops, 1400px and up)*/
@media (min-width: 1400px) {
    section.main-banner { padding-top:150px; padding-bottom: 120px; background-size: 100%; background-position: 100% 90px; }
    p.prizes-for-winners:before {
        left: 14%;
    }
    p.prizes-for-winners:after {right: 3%;}
    p.grade-type {font-size: 18px;}
    p.platform-content {font-size: 17px;}
    p.prizes-for-winners {width: 80%;}
}
@media (min-width: 1500px) {}
/*XX-Large devices (larger desktops, 1600px and up)*/
@media (min-width: 1600px) {    
    section.main-banner {padding-bottom: 160px;}
}
@media (min-width: 1800px) {
    section.main-banner { background-position:100% 65px; }
}