@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    img.scholarship-icon{margin-bottom:90px}
    .barch-sticker-sec{position:static;top:4px;z-index:999;margin-top:100px}
    .logo{padding:11px 15px}
    .home .container{padding-right:10px;padding-left:10px}
    .cohort-video-sec .col-md-2{padding-right:0;width:49%;display:inline-block;margin-bottom:18px}
    .row.header3-col .col-md-6.col-sm-6{width:100%}
    .cohort-box{background:#ffede6;padding:25px 35px 70px}
    .col-md-8.outcomes-sec{padding:14px;margin-left:0}
    section.rt-bar-section .cohort-box p span{display:block;margin-bottom:20px}
    ul.program-highlight li{width:49%}
    img.ysq{height:auto;width:100%} 
    .four-step .timeline{display:block;left:0}
    .four-step ul li.li{width:100%}
    .four-step .status img{top:0;margin-top:-30px}
    .four-step .status:before{top:-35px;left:0}
    .four-step .li .status h4{margin-top:15px;position:relative;top:-13px;left:25px}
    .participant-profile ul.pp li{width:46%!important}
    .four-step .status{background:0;height:64px}
    .four-step .timeline:after{background:#000;width:1px;top:14px;height:361px;left:11%}
    .four-step .li .status h4:after{display:none}
    .bengaluru-sticker{position:relative;height:40px;right:0;left:5px;top:0;z-index:0;margin-top:32px}
    .pricing-tab td{padding:10px;padding-right:0}
    .pricing-tab th{padding:10px}
    .col-md-8{padding-right:15px}
    p.app-closing-soon-label{top:0}
    .barch-sticker-sec.affix{position:static}
    .four-step li .status.four1{height:auto}
    .four-step{padding-bottom:0}
    .quote-sec p img{float:none;margin-top:5px;display:block}
    .rt-bar{padding-left:inherit;display:inherit;width:100%;margin-bottom:40px;border-top:1px solid #ddd;padding-top:41px}
    .left-border{border-left:0;margin-left:inherit}
    .container{width:100%;padding: 0px}
    .rt-bar:before{height:47px;width:50px;padding:16px;left:-16px;background-size:47%;display:none}
    h4.subheading{margin-top:2px}
    img.header-bg{top:70px;right:0;height:95px;z-index:999}
    img.batch-video{height:auto;width:91%;margin-left:17px;margin-bottom:20px}
    .phone-number-sec p{padding:6px 5px 2px}
    ul.highlights{padding:20px;padding-top:0}
    .barch-sticker-sec.affix .form-fields{padding:0 0 30px;width:100%}
    img.iiit-logo{height:auto;padding:20px 30px;border-radius:10px;margin-bottom:20px;width:96%;margin-right:12px}
    .logo h1 span{font-size:17px;font-weight:500;line-height:130%;display:block;margin-top:5px}
    .logo h1{font-size:35px;font-weight:700;padding:0;color:#020202;line-height:1.2;margin-top:10px}
    .navbar-toggle{background-color:#ff6b00;border:1px solid #ff6b00}
    .barch-sticker-sec img{width:100%;left:-19px;position:relative}
    .navbar-inverse .navbar-toggle{border-color:#ff6b00}
    .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#ff6b00}
    .menu .navbar-inverse .navbar-nav>li>a{border-bottom:1px solid #ddd;text-align:center}
    .menu .navbar-inverse.affix .navbar-nav>li>a{padding:7px 11px 5px}
    .prg-highlight ul li{display:inline-block;background:#fff;border-right:5px solid #fff2ea;font-size:12px;font-weight:700;color:#f07c25;text-align:left;width:auto;padding:0 9px;line-height:120%;vertical-align:top;margin-bottom:15px}
    .prg-highlight ul li:nth-child(even){border-right:0 solid #fff2ea}
    .prg-highlight ul{padding:15px 0 0}
    section.rt-bar-section h2{font-size:22px;margin-top:5px;margin-bottom:29px}
    .moduls h3{font-size:16px}
    .moduls ul{padding-left:0}
    .moduls ul li{font-size:13px}
    .prg-schedule ul li{font-size:17px;width:100%;margin:3px 0;vertical-align:top;min-height:auto}
    .prg-schedule ul li img{height:45px;float:left;padding-right:10px}
    .faculty-sec ul li img{height:85px;float:none;margin-right:12px;margin-bottom:5px}
    .participant-profile ul li{width:49%;vertical-align:top}
    .participant-profile ul li p span{font-size:12px}
    .participant-profile ul li p{font-size:35px}
    .participants-emp h3{font-size:20px}
    ul.company-enrolled-list li{width:49%}
    .faq-sec .panel-title{font-size:14px}
    #accordion h4.panel-title{position:relative}
    .faq-sec .glyphicon{float:right;text-align:right;width:22px;margin-top:0;position:absolute;right:0;top:10px}
    .programfee-sec p.fee-sec{font-size:13px}
    div#faq .col-md-12{padding:0}
    .faq-sec .panel-title>a{text-decoration:none;text-align:left;width:79%;display:inline-block}
    .news img.news-viewall{height:50px}
    .news.news-view-all{min-height:182px;position:relative;top:17px}
    .news-view-all .news-inner a{font-size:20px}
    p.apply-menubtn a{background:#f16421;display:inline-block;color:#fff;padding:9px 20px;border-radius:6px;font-size:16px}
    p.apply-menubtn{display:inline-block;margin-bottom:0;padding-top:3px;padding-left:5px}
    #experienceVideo .modal-dialog{width:84%;margin:30px auto;margin-top:50px}
    #DownloadCurriculum .modal-lg{width:90%}
    #DownloadCurriculum .with-icon.single-row,#DownloadCurriculum .with-icon.single-row2{width:100%;margin:3px 0;display:inline-block}
    #DownloadCurriculum .modal-header{padding:38px 0 0;border-bottom:0 solid;text-align:center}
    p.apply-menubtn{display:inline-block}
    ul.program-highlight li{width:49%!important;min-height:57px}
    .prg-schedule ul{padding-left:0}
    .faculty-jawahar{float:none;margin-right:0;margin-bottom:0}
    .cohort-table h4:after{display:none}
    .cohort-box h4.mobile-visible{display:block;color:#000;margin-top:30px;margin-bottom:0}
    .faculty-sec ul li{list-style-type:none;min-height:auto;width:100%;display:inline-block;vertical-align:top;margin-bottom:10px}
    .faculty-sec ul.company-enrolled-list li{width:49%}
    .faculty-anoop,.faculty-asokan,.faculty-vineet-gandhi{float:none;margin-right:10px;margin-bottom:0}
    .faculty-sec ul li div{padding-right:0;display:block;float:none;padding-bottom:0;margin-bottom:0}
    .outcomes-sec ul li span{margin-bottom:35px}
    .outcomes-sec ul li{list-style-type:none;padding:5px 0;min-height:60px;width:48%;display:inline-block;vertical-align:top;margin-bottom:10px}
    .quote-sec p span{display:block;float:none}
    section.rt-bar-section p.job-profile-label{left:29%}
    .institute-sec p{padding-right:0}
    .news-page .news{margin:0 0 24px}
    .cont-inner img.cust-img{width:100%}
    .cont-inner{padding:5px}
    .modal-body{padding:10px}
    .news-modal .container{width:100%}
    .news-modal .modal-dialog{position:relative;width:auto;margin:0;margin-top:31px}
    #DownloadCurriculum h1{font-size:13px;padding:11px 5px}
    #DownloadCurriculum h1.modal-title span{font-size:12px;font-weight:300}
    .navbar-default .navbar-toggle .icon-bar{background-color:#fff;opacity:1;border:0}
    .innerpage-menu .navbar-nav>li{float:none;padding:1px 0;color:#080808;font-weight:500;font-size:14px;text-transform:uppercase;text-align:center}
    .innerpage-menu .navbar-nav{float:none}
    .navbar-brand{float:none}
    .innerpage-menu .navbar-brand{padding:0}
    li.an{margin-bottom:21px}
    .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ff5722}
    .navbar-default .navbar-toggle{border-color:#ff5722}
    #faqs{padding-top:22%}
    #faqs h1{font-size:26px}
    section.fee-structure{padding-top:60px}
    .launch-video-popup .modal-dialog{width:95%;margin-top:25px}
    .launch-video-popup button.close{right:-9px;opacity:1}
    p.emi-scheme-headline{font-size:14px;margin-bottom:10px}
    div#view-emi-options table.table tr th{font-size:11px}
    div#view-emi-options table.table tr td{font-size:12px}
    .iiit-popup input,.iiit-popup textarea,.iiit-popup select,.iiit-popup .nice-select{padding:8px 15px;height:35px}
    .outcomes-sec ul li{width:100%}
    li.nav-li.iiit-ts-logo{display:none}
    div#programFee{margin-bottom:0}
    .news-page{margin-top:24%}
    .news-modal p a{word-wrap:break-word}
    .workshop-guest-speakers .seminar-sec.faculty ul li{width:100%;vertical-align:top;text-align:left;padding-right:20px}
    .workshop-guest-speakers .seminar-sec ul li{display:inline-block;width:49%;vertical-align:top}
    section.workshop-guest-speakers h2.text-center.headlin{font-size:20px}
    .seminar-sec{padding-bottom:5px}
    .section-space{padding-left:0}
    .login-page .with-icon{width:100%;display:inline-block;margin-right:0}
    .form-content{padding:15px 5px 30px}
    .login-page .status{padding:0 10px 5px}
    .login-page ul.tab__content{padding-left:0}
    .form-description{padding-left:0}
    .form-header h3{font-size:17px;font-weight:800}
    .submit-btn button#form-submit-button{width:100%}
    .login-page .submit-btn{text-align:left;width:100%;margin-top:12px}
    .form-description h3{font-size:28px;margin-top:43px}
    .br-right{border-right:0 solid #afc5ca;min-height:auto}
    .login-page ul.multiselect-container.dropdown-menu li{cursor:inherit;display:inline-block;width:100%;height:40px}
    .login-page .with-icon.radio-btn.chebox .input.form-group.second-checkbox label{padding-right:15px}
    .login-page input[type="checkbox"]:before{top:3px}
    .login-page .with-icon.chebox.three.three input[type="checkbox"]:before{top:2px}
    .input.form-group.second-checkbox br{display:inherit}
    .login-page .with-icon.radio-btn.chebox input[type="radio"]{margin-bottom:11px}
    .with-icon.chebox.one{margin-bottom:21px}
    .batch-video1{width:100%;margin-bottom:0}
    a.wpv{top:-64px;left:25px}
    ul.program-points1{width:100%;padding-top:5px}
    .timeline .events ul li.one1.completed{margin-left:0}
    .timeline .events ul li{width:auto;margin:0;padding:0;padding-right:20px;padding-bottom:0px;padding-left:6px}
    .timeline .events ul li a strong {
        bottom: 5px;
        margin-left: 5px;
    }
    .payment-pg header.header.innerpage-menu h1 {
        font-size: 23px !important; margin-top: 0; line-height: 130% !important; padding: 0 10px; 
    }
    img.dest-logo {
          height: 50px;
        margin-bottom: 0px;
        float: left;
        padding-left: 0;
    }
    .header-sec {
            padding: 15px 17px 10px;
        border-radius: 0;
        display: inline-block;
        }
    .bg-white {
        padding: 20px 20px;
     }  
    form.confirmation-form .with-icon.single-rowfull textarea {
        padding: 15px 15px;
        text-indent: 0px;
    }   
    .application-details h2 {
        line-height: 150%;
    }   
    #menuToggle {
            display: inline-block;
        position: relative;
        top: -30px;
        right: 20px;
        z-index: 990;
        -webkit-user-select: none;
        user-select: none;
        float: right;
    }   
    textarea#mx_Street1 {
        width: 100%;
        }
    span.num-list {
        line-height: 140%;
    }.row {
        margin-right: 0;
        margin-left: 0;
    }
        .col-md-10 {
        padding: 0;
    }
        
        select#mx_Scholarships_Interested {
        width: 100%;
        }
    .form-sec {
        padding: 1px 0px 40px 0px; 
    }
    footer#site-footer {
        padding: 18px 0px 5px;
    }   
    .payment-pg header.header.innerpage-menu h3 {
        font-size: 15px;
        }
    .timeline .events ul li.two.completed:before{    content: "";
        background: #ddd;
        width: 70%;
        position: absolute;
        left: 21px;
        height: 2px;
        z-index: 0;
        bottom: 57px;}
    .timeline .events ul li a:after{left:-4%;bottom:-25px}
    /*.timeline .events ul:before{content:"";background:#dddd;height:140px;width:4px;display:block;position:absolute;left:7px;} */
    .timeline .events ul li a:after {height: 20px;width: 20px;}
    .timeline .events ul li.one1.completed a span:before,.timeline .events ul li a span:before{display:none}
    .timeline{height:auto;margin-top:10%;float:none;width:auto}
    .timeline .events ul li a span{top:0;border-radius:4px!important;display: block !important;padding: 6px 0px;}
    .timeline .events{background-color:transparent;height:auto;margin:0;margin-left:0%}
    .header-sec .col-md-12 {padding: 0;}
        
    .timeline .events ul li a{font-size:14px;color:#606060;text-decoration:none;position:relative;top:5px;cursor:default}
    .timeline .events ul li.four:after{display:none}
    .timeline .events ul li.one1.completed a span{top:0;padding: 6px 0px;}
    form.confirmation-form .with-icon.single-row select{width:100%;background:#fff;margin-bottom:10px;border:1px solid #e8e8e8;padding:4px 7px;height:40px;font-size:13px;text-indent:0}
    .submit-btn.online-apl.ac button#form-submit-button{width:100%}
    form.confirmation-form .with-icon.single-rowfull textarea,form.confirmation-form input#LinkedInId{width:100%}
    header.header.ap-confirm{padding-top:5px}
    header.header.ap-confirm h1{font-size:26px}
    header.header.ap-confirm h3{font-size:19px;font-weight:400;line-height:130%;margin-top:0}
    form.confirmation-form .with-icon.single-row{width:99%;margin-right:0}
    ul.program-points1 li{display:block;width:90%!important}
    .menu{margin-top:20px}
    .timeline .events ul li.completed a:after {
       top: -25px;
        left: 10px;
    }
        
    .quote-sec p span.designation-info{display:inline}
    .quote-sec p{padding:15px 0!important}
    .quote-sec p:last-child{border-bottom:0;padding-bottom:0!important;margin-bottom:0!important}
    section.rt-bar-section p.c-icon{width:100%}
    p.dc{padding-left:34px}
    .cohorts.top p.dc{padding-left:inherit;padding-bottom:11px;text-align:center;padding-top:10px}
    ul.features-list li{padding-right:0}
    .cohorts.top .cohort-box ul.features-list li{padding-right:0}
    .four-step ul li.li{min-height:auto;padding:40px 20px 20px}
    .four-step .li .status h4 br{display:none}
    .faculty-sec ul li h4{font-size:17px}
    .outcomes-sec ul{padding-left:0}
    .four-step .li .status h4{margin-bottom:1px;margin-top:-15px;display:inline-block}
    .four-step ul li.li{text-align:left}
    .news-sec .col-md-2{width:49%;display:inline-block}
    div#locations:after{display:none}
    .four-step .li .status h4{font-size:17px;left:0}
    .four-step ul li.li p{margin-top:-10px}
    .curriculum-calender-icon,.curriculum-contact-sessions-icon,.curriculum-emi,.curriculum-faculty-icon,.curriculum-industry-mentors-icon,.curriculum-learning-icon,.curriculum-online-lab,.curriculum-peergroup-icon,.python-programming-icon{display:inline-block;float:left!important}
    section.rt-bar-section p img.c-icon{float:none;display:block}
    .location-in ul{padding-left:10px}
    a.mob-batchvideo{display:block!important}
    a.batch-video-desktop{display:none!important}
    .menu .navbar{position:fixed;top:0!important;width:100%;box-shadow:0 1px 27px -6px #00000026;padding:10px 0}
    .quote-bg-sec{background:#fff;position:relative}
    .logo-sec{padding-top:70px}
    .logo h4{font-size:18px;line-height:140%}
    .prog-highlights{margin-left:15px;margin-right:15px;margin-bottom:30px;width:85%}
    .cohorts.top .col-md-6{padding-right:15px}
    .form-fields{box-shadow:0 0 20px 1px #00000026;width:100%;position:static;margin-top:30px;top:50px;margin-bottom:31px}
    .menu{border-top:0 solid #d1d1d1;border-bottom:0 solid #d1d1d1;min-height:auto}
    .quote-sec .col-md-2{width:49%;display:inline-block;padding:7px;padding-left:15px}
    .barch-sticker-sec form{padding:4px 15px}
    p.terms-condition-label{margin-left:0}
    .participants-emp h4.sub-heading-1{font-size:22px}
    section.rt-bar-section p.hackathons-btm-label span{text-align:left;font-size:16px}
    .Programmefee-sec .cohort-box{margin-bottom:2px;padding-bottom:70px;background:#ffdecf url(../images/early-bird-closing-sticker-mob.png)no-repeat bottom center;background-size:contain;margin-bottom:30px}
    .Programmefee-sec img.early-bird-str{display:none}
    section.rt-bar-section .cohort-box p.ph-sec-btm{position:absolute;right:27%;top:inherit;color:#020202;bottom:5px}
    ul.features-list.cv{padding-bottom:35px}
    .Programmefee-sec.rt-bar .right-border .cohort-box .location{top:-19px;left:10px}
    .Programmefee-sec.rt-bar .location{top:-26px;left:10px}
    .row.header3-col .col-md-3{width:100%}
    .row.header3-col .col-md-5{width:100%}
    .row.header3-col .col-md-4{width:100%}
    .header3-col ul.program-points1 li{width:47%!important;display:inline-block}
    ul.list-features{margin-bottom:0;position:static}
    .cohort-box.blue{min-height:auto}
    span#upcoming-cohorts{margin-bottom:-15px;display:block}
    .cohort-box.blue{margin-bottom:0}
    section.rt-bar-section p.hackathons-btm-label{margin-bottom:0}
    table.pricing-tab{width:100%}
    .cohort-box p.ph-sec{top:inherit;right:58px;bottom:2px;text-align:left;right:0!important;margin-left:30px;left:-10px}
    .cohorts.top .cohort-box{background:#ffdecf url(../images/early-bird-closing-sticker-mob.png)right bottom;background-size:contain;background-repeat:no-repeat;padding-bottom:90px}
    .linkedin-btn{display:none}
    .formsection form input,.formsection form select{padding:6px 19px}
    .formsection form select{text-indent:0}
    div#DownloadCurriculumReport .modal-body{position:relative;padding:20px}
    div#DownloadCurriculumReport button.close{right:0;top:0;z-index:9}
    div#DownloadCurriculumReport .modal-dialog{width:95%}
    .formsection form input,.formsection form select,.formsection select#mx_Current_Residing_City,.formsection button#form-submit-button{width:100%}
    .cohorts.top .col-md-12{width:100%}
    .formsection form select#mx_Total_Expirence{width:100%}
    .rt-bar-section{margin-top:0}
    ul.highlights li{width:100%}
    .overview-sec ul.highlights{padding-left:15px}
    button.close{right:0;top:0;z-index:99}
    .cohort-images img{width:100%;margin-bottom:15px}
    .participant-profile ul.job-profile li{width:49%}
    h4.quote{min-height:auto}
    .quote-bg-sec .col-md-4{padding-right:15px}
    .form-header h3{padding:6px 0}
    img.iiit-h-banner{position:static;right:0;top:110px;height:auto;z-index:9;width:100%;margin-top:11px}
    .bottom-header-sec{padding-bottom:20px;padding-top:30px;margin-bottom:0}
    .phone-number-sec{left:0}
    .iiit-certification ul li{width:49%!important}
    img.security-img{display:none}
    .bannersection{padding-bottom:0}
    .logo p{font-size:18px}
    .barch-sticker-sec.affix .phone-number-sec {
        /* position: static; */
        bottom: inherit;
        top: -50px;
    }
    .phone-number-sec p:before{display:none}
    .barch-sticker-sec.affix .phone-number-sec p:before{display:none}
    .barch-sticker-sec.affix .phone-number-sec p:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;position:static;bottom:0;margin:auto;text-align:center;display:block;margin-bottom:-9px}
    .phone-number-sec p:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;position:static;bottom:0;margin:auto;text-align:center;display:block;margin-bottom:-9px}
    .form-header h3 span {top:3px; left: 0; }
    .form-header h3 span:before {display:none;}
        .form-header { padding: 8px 20px 10px;}
    .rowsec h3 {
        font-size: 18px;
        line-height: 150%;
    }
    .with-icon.single-rowfull select {
        width: 100%;
        }
        p.terms-condition-label.ed label {
        display: inline-block;
        max-width: 94%;
        margin-bottom: 5px;
        font-weight: 300;
        font-size: 12px;
        text-align: left;
    }
    p.terms-condition-label.ed input#checkme {
        width: auto;
        position: relative;
        top: -21px;
    }
    .timeline .events ul li a span br.br {
        display: inline-block;
    }   
    #menuToggle span {
        background: #0e355e;
        }
    header.header.innerpage-menu {
        padding-top: 18px!important;
    }
    .application-details {
        background: #fff;
        box-shadow: 0px 0px 21px 0px #6766662b;
        border-radius: 5px;
        padding: 20px;
        right: 0;
        width: 100%;
        position: relative;
    }
    header.header.innerpage-menu h1 span {font-size: 18px;padding-bottom: 10px;display: inline-block;line-height: 140%;}
    header.header.innerpage-menu h1 {
        line-height: 120%;font-size: 25px !important;margin-top: 0;
    }
    header.header.innerpage-menu h1 span.addl-details {
        font-size: 22px;}
    .selection-test-section input {margin-bottom: 10px!important;}
    .selection-test-section label {font-size: 12px;}
    p.program-fee strike {
    display: block;
}
    div#a label, div#b label, div#c label, div#d label, div#e label {
    width: 90%;}
    }
    @media only screen and (min-device-width: 414px) and (max-device-width: 823px) and (orientation : landscape) {
    .barch-sticker-sec{position:static;top:8px;margin-top:70px}
    .barch-sticker-sec.affix .form-fields{padding:0 0 30px;width:100%}
    .iiit-certification ul li h4{font-size:12px}
    .cohort-video-sec .col-md-2{width:19%;display:inline-block;vertical-align:top}
    .menu .affix{z-index:9999}
    header.header.innerpage-menu h1 {
        font-size: 27px;
        margin-top: 5px;
    }
    header.header.innerpage-menu h1 span {
        font-size: 20px;
     }  
    .nav>li>a {padding: 3px;}
        .application-details {
            margin-top: 35px;
        background: #fff;
        box-shadow: 0px 0px 21px 0px #6766662b;
        border-radius: 5px;
        padding: 20px;
        right: 0;
        width: 100%;
        position: relative;
    }
    
        #menuToggle {
        display: block;
        position: relative;
        top: -79px;
        right: 50px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
        float: right;
    }
    .bengaluru-sticker{position:static;height:41px;left:189px;top:-42px;margin:20px 0}
    h4.quote{min-height:auto}
    ul.program-highlight li{width:45%!important;margin-bottom:21px}
    .barch-sticker-sec img{width:60%}
    p.apply-menubtn{display:inline-block;margin-bottom:0;padding-top:11px;padding-left:5px}
    p.apply-menubtn a{background:#f16421;display:inline-block;color:#fff;padding:9px 20px;border-radius:6px;font-size:16px}
    .navbar-inverse .navbar-toggle{border-color:#f16421}
    .navbar-toggle{background-color:#f16421;border:1px solid #f16421}
    .nav>li{text-align:center;border-bottom:1px solid #ddd}
    .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#f16421}
    #DownloadCurriculum .modal-lg{width:84%}
    .prg-highlight ul li{font-size:16px;padding:0 11px}
    .prg-schedule ul li img{height:30px;float:left;padding-right:6px}
    .prg-schedule ul li{font-size:12px;width:28%;margin:15px 0}
    .faculty-sec ul li img{height:85px;border-radius:80px;float:none;margin-right:12px;margin-bottom:10px;display:block}
    .news-inner img{width:100%}
    div#news .col-md-2{width:31%;display:inline-block;vertical-align:top}
    .news img.news-viewall{margin-top:10%}
    img.header-bg{height:110px;top:83px;right:-30px}
    .faculty-sec ul li div{padding-right:10px;display:block;float:none;margin-bottom:7px}
    ul.company-enrolled-list li{width:23.5%}
    .navbar-default .navbar-toggle .icon-bar{background-color:#fff}
    .navbar-brand{float:none}
    .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ff5722}
    .navbar-default .navbar-toggle{border-color:#ff5722}
    .iiit-popup input,.iiit-popup textarea,.iiit-popup select,.iiit-popup .nice-select{padding:4px 15px;height:34px}
    #DownloadCurriculum .with-icon.single-row,#DownloadCurriculum .with-icon.single-row2{width:47%}
    #DownloadCurriculum .with-icon.single-row.full-width{width:47%}
    .form-fields form .with-icon{margin-bottom:10px;width:47%;display:inline-block}
    .menu .affix li.iiit-ts-logo img{display:none}
    .menu .navbar-inverse.affix .navbar-nav>li>a{padding:5px 11px}
    .workshop-guest-speakers .seminar-sec.faculty ul li{width:49%}
    .workshop-guest-speakers .seminar-sec ul li{width:32%}
    .seminar-sec .action-wk p{font-size:13px}
    section.workshop-guest-speakers h2.text-center.headlin{font-size:21px}
    .navbar-toggle{margin-top:20px}
    img.batch-video{height:auto;width:100%}
    img.iiit-logo{height:auto;width:100%;padding:9px 10px}
    .login-page .with-icon{width:47%;margin-right:10px}
    .br-right{border-right:0 solid #afc5ca;min-height:auto}
    .form-content{padding:15px 5px 30px;margin-top:31px}
    .form-description{padding-top:30px}
    ul.tab__content{padding-left:0}
    a.wpv{top:-63px;left:56px;padding:2px 0;position:relative;display:inline-block;width:auto!important}
    .phone-number-sec br{display:none}
    .phone-number-sec{top:-31px}
    .timeline .events ul li a span,.timeline .events ul li.one1.completed a span{font-size:12px;padding:9px}
    .timeline .events ul li{padding-right:9px}
    .cp-img{font-size:24px}
    .cp-img span{font-size:18px!important}
    .cp-img span br{display:none}
    .timeline{width:100%;margin:0 auto;margin-top:4%}
    .confirmation-page{min-height:480px}
    .timeline .events ul li.four:after{width:146px;right:28px}
    header.header.ap-confirm h1{font-size:25px}
    header.header.ap-confirm h3{font-size:18px}
    .logo h4{font-size:15px}
    .batch-video1{width:100%;display:inline-block;float:left;margin-right:5px;margin-bottom:5px}
    .timeline .events{margin:24px 0}
    .logo h1{font-size:27px;padding:0}
    .logo h1 span{font-size:19px;top:0}
    ul.program-points1 li{margin-right:0;margin-bottom:4px}
    .menu{margin-top:20px}
    img.ysq{height:50px}
    div#locations:after{display:none}
    .participant-profile ul li p{font-size:35px}
    .four-step .timeline:after{top:35px}
    .four-step .status h4{margin-top:-10px!important}
    .barch-sticker-sec.affix{position:fixed;top:0;position:relative}
    .form-fields{width:100%;position:static}
    .cohorts.top .cohort-box{margin-bottom:41px}
    img.batch-video{height:auto;width:100%;margin-left:2px;top:-5px}
    .prog-highlights{padding:6px}
    .Programmefee-sec.rt-bar .right-border{margin-bottom:50px}
    table.pricing-tab{width:100%}
    .programfee-sec p.fee-sec span.sch-desc{font-size:12px}
    .participant-profile ul li p span{font-size:12px}
    .participant-profile ul li p span br{display:none}
    .navbar-nav{float:right}
    .nav>li{border-bottom:0 solid #ddd}
    ul.highlights li{font-size:10px!important}
    .header3-col ul.program-points1 li{width:100%!important}
    ul.highlights li{margin-bottom:0;font-size:8.5px;padding-left:5px;padding-bottom:0;display:inline-block;margin-right:30px;margin-top:10px;font-size:12px!important}
    .header3-col ul.program-points1 li h4 br{display:none}
    .header3-col ul.program-points1 li{padding:10px 4px;min-height:auto}
    .header3-col ul.program-points1 li h4:before{padding:11px}
    .header3-col ul.program-points1 li:nth-child(1) h4:before{padding:11px}
    .header3-col ul.program-points1 li h4{font-size:10.5px;padding-left:24px}
    img.batch-video{width:100%!important}
    .cohorts.top .cohort-box{min-height:auto!important}
    .cohort-box.blue{background:#d5eeff;border-top:3px solid #596988;min-height:auto}
    .news.news-view-all{min-height:217px!important}
    .cohorts.top .cohort-box h4{font-size:14px}
    .cohorts.top .cohort-box p{font-size:14px}
    .cohort-box h4{font-size:14px}
    .linkedin-btn{display:none}
    .row.header3-col .col-md-3{width:30%;padding-right:5px}
    ul.list-features{position:static}
    #DownloadCurriculum .with-icon.single-row,#DownloadCurriculum .with-icon.single-row2{width:47%!important}
        .form-header h3 span {top:3px; left: 0; }
    .form-header h3 span:before {display:none;}
        .form-header { padding: 8px 20px 10px;}
    .payment-pg header.header.innerpage-menu h1 {margin-top: 40px;}
    .payment-pg header.header.innerpage-menu h3 {
        font-size: 16px;
     }
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .news{min-height:95px;padding:7px}
    .news.news-view-all{min-height:99px}
    .news img.news-viewall{height:28px;margin-bottom:13px;margin-top:19%}
    .participant-profile ul li p{font-size:35px}
    header.header.innerpage-menu h1 span {display: inline-block;line-height: 150%;font-size: 18px;} 
    header.header.innerpage-menu h1 {margin-top: 0px;}  
    form.confirmation-form .with-icon.single-row {width: 46%;}  
    .participant-profile ul li p span{font-size:12px}
    .timeline .events ul li.two.completed:before {left: 21px;}  
    .prg-schedule ul li img{height:25px;float:left;padding-right:6px}
    .prg-schedule ul li{font-size:12px}
    .prg-highlight ul li{font-size:15px;padding:0 7px}
    .faculty-sec ul li img{height:85px;float:none;margin-right:0;margin-bottom:10px}
    .faculty-sec ul li{margin-bottom:21px}
    ul.company-enrolled-list li{width:24%}
    .location-in ul li{width:48%;display:inline-block;vertical-align:top}
    .location-in ul li.line-bar{padding-top:0}
    .outcomes-sec ul li span{float:left;margin-bottom:6px}
    section#news{padding-top:9%}
    .nav>li>a{padding:9px 2px}
    .innerpage-menu .navbar-nav>li{font-size:13px}
    .news-page .news{min-height:150px}
    .news h3{margin-top:0}
    .innerpage-menu .navbar-nav>li{float:left;padding:13px 8px;margin-top:17px}
    .phone-number-sec p{padding:6px 4px 2px}
    .form-header{padding:12px 10px 3px}
    img.iiit-h-banner{top:120px;height:270px}
    .bannersection{padding-top:160px;padding-bottom:40px}
    section#faqs{padding-top:11%}
    #DownloadCurriculum .with-icon.single-row,#DownloadCurriculum .with-icon.single-row2{width:100%;margin:1px}
    p.terms-condition-label a{font-size:11px}
    img.iiit-logo{height:auto;padding:8px 7px}
    img.batch-video{height:auto}
    ul.highlights li{margin-bottom:0;font-size:10.5px;padding-bottom:0}
    .batch-video1{width:100%;display:inline-block;float:left;margin-right:5px;margin-bottom:5px}
    img.batch-video{height:auto;border-radius:7px;width:96%;margin-left:-15px;top:-1px;position:relative}
    .header3-col ul.program-points1 li h4:before{padding:10px}
    .cohorts.top .cohort-box{min-height:auto}
    .header3-col ul.program-points1 li{padding:10px 6px;min-height:37px}
    .header3-col ul.program-points1 li h4{font-size:8px;padding:0;margin:0;padding-left:27px}
    .participant-profile ul.pp li br{display:none}
    table.pricing-tab{width:100%}
    .barch-sticker-sec form{padding:4px 14px}
    p.terms-condition-label{padding-left:15px}
    .login-page .with-icon{width:47%}
    .form-content{padding:15px 9px 30px}
    a.wpv{top:-65px;left:42px}
    div#locations:after{display:none}
    .menu .affix li.iiit-ts-logo img{padding-right:20px}
    .menu .navbar-inverse.affix .navbar-nav>li>a{padding:18px 6px 8px;font-size:10px}
    .logo h1{font-size:33px}
    .logo h1 span{font-size:19.5px}
    .prg-schedule ul li{width:32%}
    ul.program-points li{padding:12px 1px;width:23%;margin:5px 2px;min-height:150px}
    .timeline .events ul li.one1.completed a span{padding:9px 10px;font-size:10px}
    .timeline .events ul li.one1.completed{margin-left:-10%}
    .timeline .events ul li{padding-right:9px}
    .timeline .events ul li.four:after{width:176px;right:-16px}
    .timeline .events ul li a span{padding:9px}
    ul.program-points1 li{margin-right:0;margin-bottom:4px}
    .faculty-anoop,.faculty-asokan,.faculty-jawahar,.faculty-vineet-gandhi{float:none!important;display:block;margin-bottom:10px!important}
    .industry-car{margin-bottom:54px}
    .header3-col ul.program-points1 li:nth-child(1) h4:before{padding:11px}
    .cohorts.top .cohort-box ul.features-list li{font-size:11px}
    .phone-number-sec{top:-39px;font-size:11px}
    ul.features-list li{font-size:9px}
    .cohorts.top .cohort-box h4{font-size:13px}
    .cohorts.top .cohort-box p{font-size:14px}
    .cohort-box h4{font-size:12px}
    .linkedin-btn{display:none}
    .barch-sticker-sec.affix{position:fixed;top:70px}
    .industry-face,.industry-chat,.industry-car,.industry-speech{margin-bottom:90px}
    .form-header h3{font-size:16px}
    h4.quote.one{padding-top:13px}
    img.certificate-img{height:260px}
    img.header-bg{height:150px}
    .innerpage-menu .navbar-nav>li{padding:0 3px!important;margin-top:0!important}
    .innerpage-menu .navbar-nav>li{font-size:10px!important}
    .barch-sticker-sec.affix{position:static!important}
    .form-header h3 span {top:3px; left: 0; }
    .form-header h3 span:before {display:none;}
        .form-header { padding: 8px 20px 10px;}
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .menu .affix li.iiit-ts-logo img{padding-right:9px;height:35px}
    .barch-sticker-sec{position:relative;top:0}
    p.apply-menubtn{display:none}
        img.iiit-h-banner {
            position: absolute;}
        .navbar-default .navbar-nav>li>a.download-link {padding: 3px 11px;}
    .menu .navbar-inverse .navbar-nav>li>a{font-size:13px;padding:10px 7px}
    .prg-highlight ul li{font-size:15px;padding:0 13px}
    .prg-schedule ul li img{height:40px;float:left;padding-right:12px}
    .prg-schedule ul li{font-size:13px}
    .news img.news-viewall{height:46px;margin-bottom:13px;margin-top:inherit}
    .news-inner img{width:100%}
    .news.news-view-all{min-height:auto}
    .news.news-view-all .news-inner{padding:65px 22px}
    .news-view-all .news-inner a{font-size:26px}
    #DownloadCurriculum .modal-lg{width:90%}
    #experienceVideo .modal-dialog{width:85%}
    ul.program-highlight li{width:26%;min-height:55px}
    .barch-sticker-sec img{width:72%}
    img.certificate-img{height:300px}
    .news{margin-bottom:14px}
    table.pricing-tab{width:100%}
    .batch-video1{width:100%;display:inline-block;float:none;margin-right:5px;margin-bottom:5px}
    .cohort-video-sec .col-md-2{padding-right:0;width:19%;display:inline-block}
    .news-sec .col-md-2{padding:8px;width:32%;display:inline-block;vertical-align:top}
    .location-in ul li{list-style-type:none;min-height:110px;width:48%;vertical-align:top;display:inline-block}
    .location-in ul li.line-bar{padding-top:0}
    .menu .navbar-inverse.affix .navbar-nav>li>a{padding:18px 5px 11px;font-size:10px}
    .faculty-sec ul li div{padding-right:10px;float:none;margin-bottom:5px}
    .news-page{padding-top:27%}
    .innerpage-menu .navbar-nav{float:right;margin:0;width:65%}
    section#faqs{padding-top:15%}
    .innerpage-menu .navbar-nav>li{padding:2px 0}
    ul.program-highlight li.first-li{width:23%}
    .workshop-guest-speakers .seminar-sec.faculty ul li{width:49%}
    .workshop-guest-speakers .seminar-sec ul li{width:32%}
    img.iiit-logo{height:auto}
    img.batch-video{height:auto;border-radius:7px;width:100%;margin-left:4px;top:2px;position:relative;margin-bottom:51px}
    ul.highlights li{font-size:11px}
    .cohorts.top .cohort-box{padding:22px 5px 9px 12px;min-height:170px}
    .cohort-box.blue{min-height:auto}
    .Programmefee-sec.rt-bar .right-border{margin-bottom:52px}
    .form-content{padding:15px 5px 30px;background:#fff9f6;border-radius:10px;margin-top:20px}
    .login-page .with-icon{width:46%}
    .br-right{border-right:0 solid #afc5ca;min-height:auto}
    a.wpv{top:-61px;left:13%;display:none}
    div#locations:after{display:none}
    .logo h1{font-size:35px;padding:5px 0 12px}
    .logo h1 span{font-size:20.5px}
    ul.program-points li{padding:12px 0;width:23%;margin:5px 3px;border-radius:5px;border:1px solid #eee}
    .timeline .events ul li{padding-right:3px}
    .timeline .events ul li.four:after{width:126px}
    .header3-col ul.program-points1 li{width:100%!important;margin-bottom:3px}
    .four-step .timeline:after{top:35px}
    .header3-col ul.program-points1 li h4 br{display:none}
    .header3-col ul.program-points1 li h4{font-size:15px}
    .header3-col ul.program-points1 li{min-height:unset;padding:10px 4px;min-height:unset;margin-bottom:8px}
    .header3-col ul.program-points1 li h4:before,.header3-col ul.program-points1 li:nth-child(1) h4:before{padding:11px;top:-4px}
    ul.program-points1{margin-bottom:0;min-height:160px}
    .form-fields{top:-29px;position:static;margin-top:60px}
    .phone-number-sec br{display:none}
    .row.header3-col .col-md-3{width:37%}
    .row.header3-col .col-md-4{width:35%;padding-right:0}
    .cohorts.top .cohort-box h4{font-size:15px}
    .linkedin-btn{display:none}
    .barch-sticker-sec{position:static!important;margin-top:110px}
    .barch-sticker-sec.affix .form-fields{padding:0 0 30px;width:100%}
    .form-fields{width:100%}
    div#DownloadCurriculumReport .modal-dialog{width:95%;margin-top:60px}
    div#DownloadCurriculumReport button.close{right:0;top:-1px}
    ul.highlights{padding:20px}
    .bengaluru-sticker{position:relative;height:48px;right:10%;top:-10px;z-index:9999;left:18px}
    ul.list-features{position:static;top:0}
    img.iiit-h-banner{position:relative;right:0;top:70px;height:300px;z-index:9;border-top-right-radius:30px}
    img.security-img{position:absolute;right:30px;height:180px;top:inherit;bottom:-400px}
    .nav>li>a{padding:5px}
    .submit-btn{margin-top:20px}
        .barch-sticker-sec.affix .phone-number-sec {
        /* position: static; */
        bottom: inherit;
        top: -50px;
    }
    .phone-number-sec p:before{display:none}
    .barch-sticker-sec.affix .phone-number-sec p:before{display:none}
    .barch-sticker-sec.affix .phone-number-sec p:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;position:static;bottom:0;margin:auto;text-align:center;display:block;margin-bottom:-9px}
    .phone-number-sec p:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;position:static;bottom:0;margin:auto;text-align:center;display:block;margin-bottom:-9px}
    .application-details {
        background: #fff;
        box-shadow: 0px 0px 21px 0px #6766662b;
        border-radius: 5px;
        padding: 20px;
        right: 0;
        width: 100%;
        position: relative;
        margin-top: 30px;
    }
    }
    @media only screen and (min-device-width : 1024px) and (max-device-width : 1100px) and (orientation : portrait) {
    .barch-sticker-sec img{width:90%;padding-top:123px}
    .prg-highlight ul li{font-size:15px;padding:0 8px}
    .barch-sticker-sec{position:fixed}
    .news.news-view-all .news-inner{padding:52px 30px}
    }
    @media only screen and (min-width :1200px) and (max-width :1270px) {
    ul.program-highlight li h3{font-size:10px}
    .barch-sticker-sec img{width:90%;margin-left:16px}
    ul.program-highlight{width:102%}
    ul.program-highlight li img{top:-5px}
    .prg-highlight ul li{padding:0 13px}
    .news.news-view-all{background:#f07c25;text-align:center;min-height:130px}
    .news{min-height:130px}
    a.wpv{position:relative;top:-75px;left:62px}
    ul.highlights li{font-size:13px}
    .header3-col ul.program-points1 li h4{font-size:10px;padding-left:32px}
    .header3-col ul.program-points1 li{padding:10px 4px;min-height:43px}
    h4.quote{font-size:13px}
    }
    @media only screen and (min-width :1500px) and (max-width :1650px) {
    ul.highlights li{font-size:15px;padding-bottom:12px}
    }
    @media only screen and (min-width :1800px) {
    a.wpv{top:-124px;left:75px}
    .prog-highlights{min-height:196px}
    ul.highlights li{font-size:16.5px;padding-bottom:12px}
    img.batch-video{width:49%;margin-left:12px;top:-19px}
    ul.highlights{padding:10px}
    h4.quote.one{padding-top:34px}
    h4.quote{font-size:13px}
    }
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
        .application-details {
        background: #fff;
        box-shadow: 0px 0px 21px 0px #6766662b;
        border-radius: 5px;
        padding: 20px;
        right: 0;
        width: 100%;
        position: relative;
    }
    }
    @media only screen and (min-width: 320px) and (max-height: 568px) and (orientation : portrait) {
    .selection-test-section label {font-size: 10px;}
        div#a label, div#b label, div#c label, div#d label, div#e label {
    width: 80%;
}
    }