@media only screen and (max-width:600px) {
    a.navbar-brand span.logo-tag{display:block;padding:5px 10px;color:#fff;background:#333;font-size:10px;margin-top:10px;width:180px;margin-bottom:20px}
    img.cmu-logo{height:52px;display:inline-block;margin:15px 0 3px}
    .webinar-category-head1:after{width:100%}
    .webinar-category-head:after{width:180%}
    h1.program-title span{font-size:35px}
    nav.navbar.navbar-expand-lg{width:100%;top:0;}
    ul.programFeatures li{font-size:16px;width:49%}
    h2.marketing-title{padding-top:0}
    h1.program-title{line-height:1;font-size:50px}
    img.no-coding-sticker{margin-left:0;margin-left:12px;display:inline-block;height:78px}
    
    /* p.quote-para{margin-top:-283px;margin-left:-38px;padding:28px 23px} */
    p.quote-para br{display:none}
    .codingBootcampForm{margin-bottom:43px;margin-top:80px;margin-left:0}
    section.banner-section {padding-top: 170px; padding-bottom: 380px; background-size: 230%; background-position: 60% 100%; }
    h2.marketing-title{font-size:26px}
    h2.marketing-title br{display:none}
    img.partner-logo{height:81px}
    p.quote-para img{float:none;margin-top:40px;margin-left:0;display:block}
    h2.heading{font-size:37px}
    img.career-coding{margin-top:30px}
    div.program-highlights ul li br{display:none}
    div.program-highlights ul li{margin-top:15px;width:100%;min-height: auto;margin-right: 0;}
    p.heading-byline.text-center.mb-5 br{display:none}
    section#programHighlights ul li img{height:47px}
    ul.leader-quote li{width:100%;min-height:auto;margin-bottom:30px;margin-right:0}
    ul.leader-quote li span{margin-left:0;text-align:center;position:unset}
    #bootcampCurriculum button.accordion-button{align-items:baseline;line-height:1.4;font-size:17px;margin-bottom:14px!important}
    section#curriculum .accordion-body p{font-size:16px;font-weight:400;line-height:1.4}
    .tools-covered{margin-top:38px;padding:18px 22px}
    img.curriculum-model{display:none}
    section#faculty ul li { width: 98%; min-height: auto; margin-bottom: 30px; }
    section#eligibility{padding-bottom:420px!important}
    img.eligibility-model { top: unset; height: auto; bottom: 0; width: 98%; }
    div.support-info{width:100%;margin-top:22px}
    div.support-info ul li a{left:40px;right:unset;top:59px;font-size:13px;font-size:14px;padding:15px 11px;margin-top:10px}
    section#faculty ul li img{height:auto}
    section#eligibility p.heading-byline.mb-3 br{display:none}
    div.support-info ul li{margin-bottom:41px;line-height:1.3}
    div.support-info ul li img{margin-bottom:10px}
    p.rm-details-support br{display:none}
    p.rm-details-support{line-height:1.4em}
    .calendly-inline-widget.calendly-mobile{min-width:260px!important}
    ul.leader-quote li span img{height:91px;float:left;margin-right:14px;display:block;position:unset;margin-left:0}
    .webinar-space p{font-size:16px;line-height:1.3}
    p.webinarNote {
        font-size: 16px;
        line-height: 1.3;
        position: absolute;
        top: 667px;
        right: 0;
        width: 100%;
    }
    section#moreDetails .card-text {
        font-size: 14px;
        font-weight: 500;
        position: absolute;
        top: unset;
        right: 0;
        width: 100%;
        left: 0;
        display: block;
        bottom: -160px;
    }
    .webinar-space.webinars{min-height: 980px;}
    p.card-text.mt-5{margin-top:0!important}
    img.schedule-icon{margin-bottom:20px}
    .webinar-space p br{display:none}
    .webinar-img-details div.text-block { font-size: 14px; top: 250px; right: 18px; }
    section#moreDetails h5.card-title{font-size:22px;margin-top:30px}
    img.test-video-img{width:100%;margin-top:20px;margin-bottom:51px}
    #faqAccordion button.accordion-button{padding:21px 22px;line-height:1.4}
    img.cmu-building{height:auto;width:100%;left:0}
    h3.program-fee span small br{display:inline-block}
    p.disc-para br{display:none}
    p.finance-options-head{font-size:15px}
    ul.easy-finance-options li{width:30%}
    p.scholarship-description br{display:none}
    ul.scholarships li{width:31%}
    a.nav-link.download-link{display:inline-block;margin-left:0}
    p.clarify-para{margin-top:30px!important}
    ul.leader-quote li span strong{font-size:20px}
    ul.navbar-nav li{text-align:center}
    ul.leader-quote li:before{left:15%}
    img.enrolment-process-image{width:100%}
    nav.navbar.navbar-expand-lg.scroll-logo ul.navbar-nav li img.ts-logo-menu{margin-top:10px}
    h3.program-fee1 span{float:unset;text-align:unset}
    h3.program-fee1 span small{display:block}
    h3.program-fee1 strong{float:unset;display:block}
    br.breaking{display:none}
    h3.program-fee1.mb-5{margin-bottom:30px!important}
    h3.program-fee span{float:unset;text-align:unset}
    h3.program-fee strong{display:block;float:unset}
    p.fee-amount-para span{float:unset;display:block;margin-bottom:10px}
    p.fee-amount-para strong{float:unset}
    p.fee-amount-para.mb-5{margin-bottom:0!important}
    div#financeOptions .col-md-6{padding:30px}
    div#financeOptions p.note{line-height:1.2}
    .with-icon.single-row{width:97%}
    .modal-body{padding:15px}
    div#downloadBrochure iframe,div#checkEligibility iframe{width:100%;height:400px}
    input[type=checkbox]+label:before{margin-bottom:80px}
    .modal-dialog button.close{right:-6px;top:-5px;z-index:99}
    button.btn-close{right:-2px;top:-8px;z-index:99}
    section#courseOverview{min-height:700px;background-position:bottom;padding-bottom:700px!important}
    nav.navbar.navbar-expand-lg.scroll-logo img.cmu-logo.one{display:block;margin:20px 0;height:40px}
    a.navbar-brand span.logo-tag br{display:none}
    ul.bootcamp-testimonials li{display:inline-block;width:100%;margin-bottom:30px}
    ul.bootcamp-testimonials li a img{width:100%;margin-bottom:5px}
    section.social-share{position:fixed;right:unset;top:unset;z-index:1030;bottom:0;left:60%;background:#fff;border-radius:5px}
    section.social-share ul li{display:inline-block}
    p.detailed-crlm-cta a.dc-btn{margin:auto;display:block;text-align:center}
    section.social-share .slider{display:none}
    .tooltip{position:absolute;top:0;z-index:1;background:#fff;color:#fff;padding:10px 18px;font-size:24px;font-weight:500;border-radius:25px;opacity:0;pointer-events:none;box-shadow:0 10px 10px #0000001a;transition:.4s cubic-bezier(0.68,-0.55,0.265,1.55)}
    .share-sidebar:hover .tooltip,.calendly-sidebar:hover .tooltip,.webinar-sidebar:hover .tooltip,.apply-now-sidebar:hover .tooltip,.call-rm:hover .tooltip{top:-55px;opacity:1;pointer-events:auto;left:-16px;width:max-content}
    .tooltip::before{position:absolute;content:"";height:15px;width:15px;background:#fff;left:50%;bottom:-6px;transform:translateX(-50%) rotate(45deg);transition:.4s cubic-bezier(0.68,-0.55,0.265,1.55)}
    .tooltip{font-size:15px}
    .tooltip.share{background:#3b5998}
    .tooltip.share::before{background:#3b5998}
    .tooltip.calendly{background:#00aced}
    .tooltip.calendly::before{background:#00aced}
    .tooltip.webinar{background:#bc2a8d;left:-26px!important}
    .tooltip.webinar::before{background:#bc2a8d}
    .tooltip.applyNow{background:#dd4b39}
    .tooltip.applyNow::before{background:#dd4b39}
    .tooltip.call{background:#dd4b39;left:-10px!important}
    .tooltip.call::before{background:#dd4b39}
    .share-sidebar:hover span,.share-sidebar:hover .tooltip{text-shadow:0 -1px 0 #00000066}
    p.mobile-apply.show{display:block;height:75px;position:fixed;bottom:-20px;width:100%;background:#fff;left:0;padding-bottom:65px;box-shadow:0 0 10px #b9b9b9;border-top:1px solid #b2b2b2}
    p.mobile-apply.show #apply-now-mob{opacity:1;visibility:visible;width:50%;border-radius:5px;display:block;left:15px;bottom:14px;display:block;background:#00a453;height:42px;text-align:center;border-radius:4px;position:fixed;bottom:10px;transition:.3s,opacity .5s,visibility .5s;visibility:visible;font-size:18px;font-weight:400}
    p.mobile-apply.show a.apply-now-mob{display:block;padding:8px 20px;color:#fff;border-radius:5px;z-index:9;width:96%;left:8px;bottom:0;box-shadow:0 1px 0 #7e7575;font-weight:600;text-decoration:none}
    img.pedagogy-graphic{display:none}
    img.pedagogy-graphic-mobile{display:block;width:95%!important;height:auto;margin:auto}
    img.enrolment-process-image{display:none}
    .enrolment-process-mob{display:block;height:auto;width:45%;margin:auto;margin-bottom:30px}
    p.schedule-para a{font-size:16px;padding:15px 60px}
    .unique-reasons.quotes{margin-top:90px;margin-left:0}
    ul.student-journey li{width:100%;margin-right:0}
    section#eligibility ul li svg{margin-right:5px;float:left;margin-bottom:10px}
    #efficiency img.company-logo{height:auto;width:100%}
    footer.footer.dtr-py-30{padding-bottom:120px!important}
    img.career-launch{display:none}
    img.career-launch.mob{display:block;width:60%;margin:auto}
    ul.program-delivery li{display:inline-block;width:100%;margin-right:0;margin-top:10px;text-align:center}
    section#faculty ul li svg{background:#BA0101;padding:8px;margin:10px -10px;position:relative;bottom:-6px;border-radius:20px}
    ul.program-delivery.career-building li{width:100%}
    .social-share li.apply-now-sidebar,.social-share li.webinar-sidebar{display:none}
    .unique-reasons ul li{width:100%;margin-right:0}
    div#downloadBrochure iframe,div#checkEligibility iframe,div#apply-form-popup iframe{min-height:560px}
    .col-lg-8.col-md-12.offset-2.mb-5,.col-lg-10.col-md-12.offset-1{margin-left:0}
    ul.webinar-host li{width:100%;margin-bottom:0}
    .webinar-space{padding:20px;margin-bottom:20px;min-height:auto;padding-bottom:50px}
    .col-lg-8.col-md-10.offset-2.mb-5,.col-lg-10.col-md-10.offset-1{margin-left:0}
    #bootcampCurriculum button.accordion-button strong{top:-5px}
    ul.program-delivery.career-building li svg{width:18%}
    p.calendly-cta a{margin-top:20px;margin-bottom:30px;padding:12px 20px}
    #take-to-top.dtr-fade-scroll {right: 22px;bottom:155px;}
    #bootcampCurriculum .accordion-body ul li{width: 90%;margin-right: 0;}
    .modal-dialog {margin-top: 20px;}
    div#downloadBrochure,div#checkEligibility, div#apply-form-popup { z-index: 9999999; padding-right: 0px; } 
    p.trigger-head svg { margin-right: 2px; width: 38px; height: 38px; padding: 8px; } 
    p.trigger-head { font-size: 14px; font-weight: 500; } 
    p.trigger-head span { border: 1px solid #c31230; padding: 7px 12px 7px 32px; position: relative; left: -34px; border-radius: 0px 40px 40px 0; color: #c31230; } [data-serialscrolling-target] { display: block; color: #000; width: 100%; }
    .slide-cards{width: 100%;}
    p.quote-para { width: 100%; padding: 28px 30px; margin-top: 0 !important; }
    .program-highlights {margin-top:0px;padding:0;}
    img.exp-profile{width:95%;margin:auto;display:block;margin-bottom:60px}
    h4.sop-headings br{display:none}
    div#participantSop .carousel-item p{width:90%;font-size:18px;padding:60px 20px 45px;min-height:550px}
    div#participantSop .carousel-item p:before{left:12px}
    div#participantSop .carousel-item p strong br{display:none}
    ul.key-highlights { padding: 0; border-radius: unset; border: unset; background: transparent; margin-top: -70px; z-index: 99; position: relative; box-shadow: unset; }
    ul.key-highlights li { display: inline-block; width: 48%; box-shadow: 2px 2px 15px #0000001c; background: #fff; padding: 20px; min-height: 140px; border-radius: 10px; margin-right: 0px;margin-bottom: 4px; }
    a.video-text.testimonial { position: absolute; top: unset; right: 160px; bottom: 200px; }
    div#learnMoreForm iframe {width: 100%;height: 570px;}
    .offset-3 {margin-left: 0;}
    div#timer {margin-left: 0;padding: 0;}
    section#faculty ul li a {position: relative;margin: 0 15px;}
    section#faculty ul li a.hover-div:hover span {left: -102px;}
    section#faculty ul li a.hover-div span:before {left: 109px;}
    .topbar {top: 0px;width: 100%;padding: 5px;}
    .topbar p{text-align: center;font-size: 13px;padding: 0px;line-height: 1.4;}
    h1.program-title span{font-size:35px}
    h2.marketing-title{padding-top:0}
    h1.program-title{line-height:1;font-size:50px}
    img.no-coding-sticker{margin-left:0;margin-left:12px;display:inline-block;height:78px;width: auto;}
    section.banner-section { background:#112e8b url(../images/cmu-video-poster.webp) no-repeat; padding-top: 170px; padding-bottom: 560px; background-size: 250%; background-position: 90% 110%; }
    h2.marketing-title{font-size:26px}
    h2.marketing-title br{display:none}
    img.partner-logo{height:81px;width: auto;}
    p.intro-video { position: absolute; background: #fff; border-radius: 50%; top: unset; right: 130px; bottom: -300px; }
    .banner-content {background: #b2082400;padding: 0;}
    #video-elem {display: none;}
    ul.quotes li.quote-para {width: 100%;margin-right: 0;padding-bottom: 100px;}
    .program-advantages .card {width: 100%;margin: 10px 0;}
    section#programOutcomes ul li {width: 100%;}
    .offset-5 {margin-left: 0;}
    section#eligibility ul li:nth-child(2) svg{margin-bottom: 100px;}
}
    @media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    ul.navbar-nav li{text-align:center}
    .codingBootcampForm{margin-top:70px;margin-left:0}
    p.quote-para{position:relative;    width: 100%;}
    div.program-highlights ul li{margin-top:40px; width: 31%;}
    ul.leader-quote li{width:100%;min-height:auto}
    .tools-covered{margin-top:65px}
    .tools-covered h5 { width: 45%; text-align: left !important; }
    .tools-covered ul li { width: 19%; text-align: center; }
    .tools-covered ul li img{height:35px;margin:unset}
    img.curriculum-model{height:650px;display:none;}
    section#faculty ul li{width:30%}
    section#faculty ul li svg{margin:0 -15px}
    .eligibility-model{display:none}
    img.enrolment-process-image{width:100%;margin:auto;display:block}
    div.support-info{width:55%;margin-top:-60px}
    h3.program-fee1 strong{float:unset}
    ul.leader-quote li span{position:unset}
    ul.leader-quote li span img{position:unset;margin-left:0}
    #moreDetails .text-block{top:145px;right:32px}
    .break{display:none}
    ul.program-delivery.career-building li svg{width:20%}
    section#courseOverview{background-position:55% 900px;min-height:1500px}
    ul.program-delivery.career-building li { width: 48%; display: inline-block; }
    ul.program-delivery li{width:18%;margin-right:10px;line-height:1;font-size:16px}
    .webinar-category-head1:after{width:370px}
    div.support-info ul li a{width:70%}
    p.scholarship-test-cta a{padding:15px 45px}
    #feeDetails .breaking{display:none}
    div#financeOptions .col-md-6{padding:35px}
    div#financeOptions h3.program-fee1.mb-5,div#financeOptions h3.program-fee1{margin-bottom:30px!important;line-height:30px}
    div#financeOptions h3.program-fee1 span{line-height:1.5}
    .webinar-space { margin-bottom: 30px; min-height: auto; }
    ul.bootcamp-testimonials li{width:32%}
    ul.bootcamp-testimonials li a span{font-size:11px}
    ul.bootcamp-testimonials li a span strong{font-size:15px}
    [data-serialscrolling-target] {display: block; width: 95%;}
    .slide-cards { width: 46%; float: left; margin: 10px; }
    img.exp-profile {margin-bottom: 60px;}
    p.trigger-form{left: 25%; right: 25%;}
    .modal-dialog {max-width: 700px;}#video-elem {height: 643px;}
    .offset-3 {margin-left: 0;}
    .unique-reasons.quotes {margin-top: 70px;margin-left: 0;}
    .unique-reasons ul li {width: 47%;}
    ul.leader-quote li { width: 100%; min-height: auto; margin-bottom: 40px; }
    section#faculty ul li span br {display: none;}
    h2.heading br {display: none;}
    .topbar p{text-align: center;font-size: 15px;padding: 1px;}
    section.banner-section {
        background-size: auto;
        background-position: -270px 70px;
        background-size: cover;
    }
    .banner-content { padding: 0; width: 70%; }
    h1.program-title {font-size: 52px;}
    .circle {height: 80px;width: 80px;}
    a.video-text.testimonial { top: unset; right: 222px; bottom: 296px; }
    .circle { background-color: #fff; top: 180px; right: 170px; }
    .gg-play-button {color: #c31230;}
    p.header-cta {margin-top: 40px;}
    /* .offset-5 {margin-left: 0;} */
    ul.quotes li.quote-para {padding-bottom: 100px;}
    .program-advantages .card {width: 100%;}
    .col-lg-7.col-md-12.offset-5{margin-left: 0px;}
    }
    @media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait) {
    img.cmu-logo {height: 35px;}
    .navbar-expand-lg .navbar-nav .nav-link { padding: 5px; font-weight: 400; font-size: 12px; }
    ul.program-delivery.career-building li svg{width:16%}
    #programHighlights .col-lg-8.col-md-12{width: 100%;}
    #programAdvantage h2.heading {font-size: 48px;}
    section#programOutcomes {background: url(../images/outcomes.webp) no-repeat;background-size: cover;background-position: -500px 100px;background-size: 180%;}
    section#programOutcomes ul li svg {margin-bottom: 30px;}
    img.eligibility-model{position:absolute;top:170px;height:393px;display:block;bottom:0;left: -60px;}
    div#financeOptions h3.program-fee1 span{width:80%}
    h3.program-fee1 strong{float:right;position:absolute}
    #feeDetails .breaking{display:block}
    div#financeOptions h3.program-fee1.mb-5,div#financeOptions h3.program-fee1{margin-bottom:50px!important}
    p.calendly-cta a{width:70%}
    img.img-fluid.rounded-start{width:100%}
    #moreDetails .text-block{top:95px;right:12px;font-size:11px}
    #courseOverview .col-lg-6.col-md-12{width:100%}
    section#courseOverview{background-position:55% 750px;min-height:1900px}
    #unique .col-lg-6{width: 100%;}
    #unique .col-lg-6 h2.heading{width: 80%;text-align: center;margin: auto;} 
    p.heading-byline.mb-5 {width: 80%;text-align: center;margin: auto;line-height: 1.1;margin-top: 10px;}
    div#codingBootcampForm{width: 100%;}
    .codingBootcampForm{width: 80%;margin: 70px auto;}
   .slide-cards { width: 48%; float: left; margin: 8px; }
    .slide-cards .card-body h4 {font-size: 20px;}
    .unique-reasons ul li { width: 98%; }
    ul.leader-quote li { width: 47%; min-height: 500px; margin-bottom: 40px; }
    ul.leader-quote li span br {display: none;}
    section#curriculum .col-lg-6 { flex: 0 0 auto; width: 65%; }
    section#curriculum .col-lg-3 { flex: 0 0 auto; width: 34%; }
    .tools-covered ul li { width: 47%;}
    ul.program-delivery.career-building li { width: 31%; display: inline-block; }
    #programOutcomes h2{margin-top: 110px;}
    }
    @media only screen and (min-width:1200px) and (max-width:1290px) {
    /* section.banner-section{background-position:-180px 60px} */
    img.curriculum-model{height:660px;bottom:500px}
    section#courseOverview{background-position:136% center}
    [data-serialscrolling-target]{align-items: flex-start;}
    p.quote-para{width:95%;}
    ul.key-highlights li {  font-size: 15px;}
    /* .banner-content { margin-top: -18px;}
    section.banner-section {  padding-bottom: 70px !important} */
    ul.key-highlights { padding: 39px 18px;    margin-top:-165px;}
    img.eligibility-model {position: absolute;height: 430px;bottom: 0;}
    ul.webinar-host li{width: 71%;}
    }
    @media only screen and (min-width :1400px) {
    /* section.banner-section{background-position:-100px 60px} */
    section#courseOverview{background-position:100% center}
    .webinar-category-head1:after{width:630px}
    [data-serialscrolling-target]{align-items: flex-end;}
    p.quote-para { width:99%; }
    img.exp-profile {width:76%;}
    .text-block {top: 135px;}
        p.intro-video {top: 230px;right: 200px;}
        ul.key-highlights {margin-top: -160px}
        .codingBootcampForm {margin-top: -160px;}
        ul.webinar-host li{width: 80%;}
        section.banner-section {background-size: 100%;min-height:640px;}
.banner-content {width: 88%;}
    }
    @media only screen and (min-width :1500px) {
    }
    @media only screen and (min-width :1600px) {
    a.video-text.testimonial {right: 300px;}
    img.banner {right: 0;}
    img.eligibility-model {height: 520px;}
    }
    @media only screen and (min-width :1800px) {
    section.banner-section{background-size:106%;min-height:810px;background-position:100% 80px}
    h2.marketing-title{font-size:34px}
    h1.program-title{font-size:56px}
    p.byline{font-size:20px}
    a.video-text.testimonial {right: 420px;}
    #video-elem {height: 683px;}
    .codingBootcampForm {margin-top: -150px;}
    section.banner-section { background-size: 82%; min-height: 695px; background-position: 100% 80px; }
    h2.marketing-title{font-size:30px}
    h1.program-title{font-size:48px}
    p.byline{font-size:20px}
    img.partner-logo {height: 90px;}
    img.no-coding-sticker {height: 90px;}
    .banner-content {width: 88%;padding:38px 42px 38px;}
    p.header-cta a.apply-now-cta {font-size: 20px;padding: 18px 35px;}
    ul.key-highlights { padding: 35px 12px; margin-top: -150px; }
    section#eligibility { min-height: 650px;}
    img.eligibility-model {height: 600px;}
    }
   
@media only screen and (max-device-width: 1280px) and (min-device-width: 720px) and (orientation: landscape) {
img.cmu-logo{
  height:50px;
}
a.navbar-brand span.logo-tag { padding: 14px 16px;}
/* .banner-content { background: #b20824e3; padding: 22px 42px 26px;} */
h2.marketing-title { font-size: 25px;}
h1.program-title {font-size:47px;margin: 2px 0 26px;}
h1.program-title span { font-size: 25px;}
img.partner-logo {height: 75px;}
img.no-coding-sticker { height: 75px;}
p.header-cta a.apply-now-cta {  font-size: 17px; padding: 13px 25px;}
ul.key-highlights { margin-top: -165px; padding:25px 19px;}
ul.key-highlights li{font-size: 14px;}
ul.key-highlights li strong { font-size: 21px;}
/* 
section.banner-section {
    padding-top: 130px;} */
    #video-elem {
    width: 100%;
    height:570px}
}