/**/

.wrapper{

    width: 100%;

    padding-left: 25px;

    padding-right: 25px;
}


/**************************************************/
@media (min-width: 1401px){

    section.banner .rgt .mid figure img{

        top: 0px;

        left: 50%;

        transform: translateX(-50%);

        max-width: 225px
    }

}


/**************************************************/
@media (min-width: 1200px) and (max-width: 1440px) {

    section.about-pge .rgt h2{

        font-size: 60px;

        line-height: 55px;
    }


}


/**************************************************/
@media (min-width: 0px) and (max-width: 1199px) {

    header .navbar .navbar-brand{

        margin-right: 50px;
    }

    .navbar-toggler{

        position: absolute;

        right: 0;

        top: 50%;

        transform: translateY(-50%);
    }

    .navbar-collapse,
    .navbar-collapse.collapsing{

        position: absolute;

        left: 0;

        width: 100%;

        top: 100%;

        margin-left:  0px!important;

        background-color: rgb(255 255 255 / 95%);

        border: 1px solid #00E19F;
    }

    header .navbar .navbar-collapse li .nav-link{

        border-right: 0px;

        text-align: right;

/*        padding: 0px;*/
    }

    header .navbar .navbar-collapse li.dropdown.show{

        padding-bottom: 0px;
    }

    header .navbar .navbar-collapse li.dropdown.show .dropdown-menu{

        float: left;

        width: 100%;

        background-color: rgb(255 255 255 / 30%);

        margin-left: 0px;

        border-left: 0px;

        border-right: 0px;
    }

}


/**************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

    section.event-sec .rgt .rgt-inn .item h4{

        font-size: 22px;
    }

    section.serv-sec .hd-sec .rgt ul li a{

        font-size: 15px;
    }

    /**/

    footer .addrs{

        width: 300px;
    }

    footer  .footone{

        width: calc(100% - 575px);

        padding-left: 4%;
    }

    footer  .foottwo{

        width: 275px;
    }

    /**/

    section.about-pge .rgt h2{

        font-size: 50px;

        line-height: 45px;
    }
}

/**************************************************/
@media (min-width: 768px) and (max-width: 991px) {

    .accel-head ul li h2{

        font-size: 20px;
    }

    header .navbar .navbar-brand{

        width: 345px;
    }

    section.banner .lft h2{

        font-size: 50px;

        line-height: 45px;
    }

    section.banner .rgt .mid .cntnt h3{

        font-size: 50px;

        line-height: 50px;

            top: -40px;
    }

    footer{

        display: block;
    }

    footer .addrs{

        width: 50%;
    }

    footer .addrs:before{

        position: unset;
    }

    footer  .footone{

        width: 50%;

        padding-left: 5%;


    }
    
    footer .foottwo{

        width: 100%;

        float: right;
    }

    footer .foottwo .hackat-sec{

        width: 50%;

        padding-left: 30px;

        margin-top: 0px;
    }

    footer .foottwo ul{

        width: calc(50% - 40px);

        max-width: 330px;
    }

    /**/

    section.acceler h2{

        font-size: 35px;

        line-height: 48px;

        max-width: calc(100% - 200px);
    }

    /**/

    section.prgms-slisec .item .cntnt{

        width: 100%;
    }

    section.prgms-slisec .item .cntnt figure{

        display: none;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn span.head,
    section.prgms-slisec .item .cntnt .cntnt-inn span.btnarea{

        height: 60px;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn span.cntr{

        height: unset;
    }

    /**/

    section.serv-sec .item .cntnt{

        width: 100%;
    }

    section.serv-sec .item .cntnt figure{

        display: none;
    }

    section.serv-sec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.serv-sec .item .cntnt .cntnt-inn span.head,
    section.serv-sec .item .cntnt .cntnt-inn span.btnarea{

        height: 60px;
    }

    section.serv-sec .item .cntnt .cntnt-inn span.cntr{

        height: unset;
    }

    /**/

    section.event-sec .lft{

        width: calc(calc(100% / 4) * 2);
    }

    section.event-sec .rgt{

        width: calc(calc(100% / 4) * 2);
    }

    /**/

    section.team-sec .one{

        width: calc(calc(100% / 4) * 2);
    }

    section.team-sec .two, 
    section.team-sec .three, 
    section.team-sec .four, 
    section.team-sec .five, 
    section.team-sec .six, 
    section.team-sec .seven, 
    section.team-sec .eight, 
    section.team-sec .nine, 
    section.team-sec .ten, 
    section.team-sec .eleven{

        width: calc(calc(100% / 4) * 1);
    }

    section.team-sec .six img{

        opacity: 0;
    }

    section.team-sec .seven:before{

        background-image: url(../images/t-back-seven1.png);

        left: -2px;

        right: 0;

        background-position: left;
    }

    section.team-sec .seven .dtls{

        right: unset;

        left: -100%;

        text-align: right;
    }

    /**/

    section.prtnrs-sec .prtnrs-hd img{

        top: 50%;

        transform: translateY(-50%);
    }

    /**/

    section.serv-sec .hd-sec .lft{

        float: right;

        width: 100%;
    }

    section.serv-sec .hd-sec .rgt{

        display: none;
    }

    /**/

    section.blog-categ .hd-sec .lft{

        display: none;
    }

    section.blog-categ .hd-sec .rgt{

        width: 100%;
    }

    .other-blogs{

        column-count: 2;
    }

    /**/

    .ceo-msg .btm .btm-inn{

        width: calc(calc(100% / 6) * 5);
    }

    /**/

    section.about-pge .rgt h2{

        font-size: 40px;

        line-height: 35px;
    }

    /**/

    section.demoabt .demoabt-inn{

        width: 100%;

        margin: 0px;
    }

    section.demoabt figure{

        position: relative;

        top: unset;
    }

    section.expintrst .expintbot .rgt .expintbot-top{

        padding: 20px 20px;
    }

    section.expintrst .expintbot .rgt .expintbot-bot{

        padding: 10px 20px;
    }

    /**/

    section.labserv-sec .hd-sec .lft{

        display: none;
    }

    section.labserv-sec .hd-sec .rgt{

        width: calc(calc(100% / 6) * 6);
    }

    /**/

    section.labprgm-sec .hd-sec .lft{

        display: none;
    }

    section.labprgm-sec .hd-sec .rgt{

        width: calc(calc(100% / 6) * 6);
    }


    /* events------ */
    .event-heading {

        font-size: 24px;
    }

    .event-heading-date{

        font-size: 24px;
    }

    /* events------ */



    .faqechcntnt{

        padding: 50px 25px;
    }


}

/**************************************************/
@media (min-width: 0px) and (max-width: 767px) {

    .accel-head ul li h2{

        font-size: 16px;
    }

    .accel-head ul li .apply-btn{

        margin-left: 15px;

        float: none;
    }

    header .navbar .navbar-brand{

        width: 290px;
    }

    section.banner .lft{

        width: 100%;

        height: 400px;
    }

    section.banner .rgt{

        width: 100%;
    }

        section.banner .lft h2{

        font-size: 50px;

        line-height: 45px;
    }

    section.banner .rgt .mid .cntnt h3{

        font-size: 50px;

        line-height: 50px;

            top: -40px;
    }

    footer{

        display: block;
    }

    footer .addrs{

        position: unset;

        float: unset;

        width: 100%;

        background-size: 300px;

        background-position: top right;

        padding-top: 115px;

        padding-left: 50px;
    }

    footer .addrs:before{

        left: unset;

        right: 0;

        width: 300px;
    }

    footer  .footone{

        width: 100%;

        padding-left: 50px;
    }

    footer .footone .form-box{

        margin-bottom: 50px;
    }
    
    footer  .foottwo{

        width: 100%;

        padding-left: 50px;
    }

    footer .foottwo ul{

        float: left;

        max-width: 330px;

        margin-bottom: 15px;
    }

    footer .foottwo .hackat-sec{

        display: none;
    }

    /**/

    section.acceler h2{

        font-size: 30px;

        line-height: 40px;

        max-width: calc(100% - 100px);
    }

    /**/

    section.prgms-slisec .item{

        height: 850px;
    }

    section.prgms-slisec .item .cntnt{

        width: 100%;
    }

    section.prgms-slisec .item .cntnt figure{

        display: none;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn span.head,
    section.prgms-slisec .item .cntnt .cntnt-inn span.btnarea{

        height: 50px;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn span.cntr{

        height: unset;
    }

    /**/

    section.serv-sec .item{

        height: 850px !important;
    }

    section.serv-sec .item .cntnt{

        width: 100%;
    }

    section.serv-sec .item .cntnt figure{

        display: none;
    }

    section.serv-sec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.serv-sec .item .cntnt .cntnt-inn span.head,
    section.serv-sec .item .cntnt .cntnt-inn span.btnarea{

        height: 50px;
    }

    section.serv-sec .item .cntnt .cntnt-inn span.cntr{

        height: unset;
    }

        /**/

    section.event-sec .lft{

        width: calc(calc(100% / 4) * 2);
    }

    section.event-sec .rgt{

        width: calc(calc(100% / 4) * 2);
    }

    /**/

    section.team-sec .one{

        width: calc(calc(100% / 4) * 2);
    }

    section.team-sec .two, 
    section.team-sec .three, 
    section.team-sec .four, 
    section.team-sec .five, 
    section.team-sec .six, 
    section.team-sec .seven, 
    section.team-sec .eight, 
    section.team-sec .nine, 
    section.team-sec .ten, 
    section.team-sec .eleven{

        width: calc(calc(100% / 4) * 1);
    }

    section.team-sec .six img{

        opacity: 0;
    }

    section.team-sec .seven:before{

        background-image: url(../images/t-back-seven1.png);

        left: -2px;

        right: 0;

        background-position: left;
    }

    section.team-sec .seven .dtls{

        right: unset;

        left: -100%;

        text-align: right;
    }

    /**/

    section.prtnrs-sec .cntnt{

        width: 50%;
    }

    section.prtnrs-sec .prtnrs-hd{

        width: 50%;
    }

    section.prtnrs-sec .prtnrs-hd img{

        top: 50%;

        transform: translateY(-50%);
    }

    /**/

    section.serv-sec .hd-sec .lft{

        float: right;

        width: 100%;
    }

    section.serv-sec .hd-sec .rgt{

        display: none;
    }

    /**/

    section.blog-banner .lft{

        width: 100%;
    }

    section.blog-banner .rgt{

        display: none;
    }

    section.blog-categ .hd-sec{

        display: none;
    }

    section.blog-categ .bot-sec .owl-nav{

        display: block;
    }

    .other-blogs{

        column-count: 1;

        width: 100%;
    }

    .feturd-blog .card ul li:first-child,
    .other-blogs .card ul li:first-child{

        width: calc(100% - 125px);
    }

    .feturd-blog .card ul li:last-child,
    .other-blogs .card ul li:last-child{

        width: 125px;
    }

    .feturd-blog .card ul li p,
    .other-blogs .card ul li p{

        padding: 15px 20px;
    }

    .feturd-blog .card ul li .btn,
    .other-blogs .card ul li .btn{

        padding: 15px 20px;

        background-position: calc(100% - 20px);
    }

    /**/

    .ceo-msg .btm .btm-inn{

        width: calc(calc(100% / 6) * 5);
    }

    .ceo-msg .top{

        min-height: 150px;
    }
    .ceo-msg .top .rgt{

        display: none;
    }

    /**/

    section.about-pge .lft{

        width: 100%;

        height: unset;
    }

    section.about-pge .rgt{

        width: 100%;

        height: 400px;
    }

    section.about-pge .rgt h2{

        font-size: 40px;

        line-height: 35px;
    }

    /**/

    section.vismis-slisec .item .cntnt .cntnt-inn span.head{

        height: 50px;
    }

    section.vismis-slisec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.vismis-slisec .item .cntnt .cntnt-inn span.cntr{

        height: unset;

        min-height: 120px;
    }

    section.vismis-slisec .item .cntnt figure{

        display: none;
    }

    /**/

    .downloadbooklet{

        font-size: 80%;

        top: 0px;
    }

    /**/

    section.demoabt .demoabt-inn{

        width: 100%;

        margin: 0px;
    }

    section.demoabt .demoabt-inn h4{

        font-size: 20px;

        line-height: 24px;
    }

    section.demoabt figure{

        position: relative;

        top: unset;
    }
    section.demosgmnt ul li{

        padding: 20px 20px;
    }

    section.demosgmnt .head h4,
    section.fshnprenr .head h4,
    section.expintrst .head h4{

        font-size: 20px;

        line-height: 24px;
    }

    section.videosgmnt{

        height: 400px;
    }

    section.fshnprenr ul li{

        width: 50%;
    }

    section.fshnprenr ul.fshn2022 li{

        width: 50%;
    }

    section.expintrst .expintbot .lft{

        width: 40%;
    }

    section.expintrst .expintbot .lft:before{

        background-position: right bottom;
    }

    section.expintrst .expintbot .rgt{

        width: 60%;
    }

    section.expintrst .expintbot .rgt .expintbot-top{

        padding: 20px 20px;
    }

    section.expintrst .expintbot .rgt .expintbot-top h4{

        font-size: 18px;
    }

    section.expintrst .expintbot .rgt .expintbot-bot{

        padding: 10px 20px;
    }

    /**/

    .expintpop figure{

        width: 100%;
    }

    .expintpop .dtls{

        position: absolute;

        width: 80%;

        left: 50%;

        transform: translateX(-50%);
    }

    /**/

    .fshnprenrpop{

        overflow: auto;
    }

    .fshnprenrpop .fshnprenr-dtls,
    .fshnprenrpop .dtls{

        width: 100%;

        height: unset;
    }

    /**/

    section.labserv-sec .item .cntnt .cntnt-inn span.head h4{

        font-size: 40px;

        line-height: 45px;
    }

    section.labserv-sec .hd-sec .lft{

        display: none;
    }

    section.labserv-sec .hd-sec .rgt{

        width: calc(calc(100% / 6) * 6);
    }

    section.labserv-sec .hd-sec .rgt ul li a{

        font-size: 16px;
    }

    /**/

    section.labprgm-sec .item .cntnt .cntnt-inn span.head h4{

        font-size: 40px;
        
        line-height: 45px;
    }

    section.labprgm-sec .hd-sec .lft{

        display: none;
    }

    section.labprgm-sec .hd-sec .rgt{

        width: calc(calc(100% / 6) * 6);
    }

    section.labprgm-sec .hd-sec .rgt ul li a{

        font-size: 16px;
    }

    /* events------ */   
   

    .timeline::after {
        left: 28px;
    }

      /* Full-width containers */
   .event-box {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    }
    
    /* Make sure that all arrows are pointing leftwards */
    .event-box::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
    }
  
    /* Make sure all circles are at the same spot */
    .left-side::after, .right-side::after {
        left: -20px !important;
    }
    
    /* Make all right containers behave like the left ones */
    .right-side {
    left: 0%;
    }

    .flex-reverse{
        flex-direction:initial;
    }

    .right-border {
        border-right: 3px solid #00e19f;
        border-left: none;
    }
    
    .left-border {
        border-right: 3px solid #00e19f;
        border-left: 0;
    }


    .box-close-left {

        border-bottom: 3px solid #00E19F;
        border-left: 3px solid #00E19F;
        right: 0;
        left: unset;
        border-right: none;
    }


    /* events------ */


    .faqechcntnt{

        padding: 50px 25px;
    }

    section.faq-sec .faqban-sec .item .cntnt .cntnt-inn span.head h4{

        font-size: 40px;

        line-height: 45px;
    }


}

/**************************************************/
@media (min-width: 0px) and (max-width: 575px) {

    .wrapper{

        padding-left: 0px;

        padding-right: 0px;
    }

    header .navbar .navbar-brand{

        width: 160px;
    }

    /**/

    footer .addrs{

        padding-left: 30px;
    }

    footer .footone{

        padding-left: 30px;
    }






    footer .foottwo{

        padding-left: 30px;
    }

    footer .foottwo ul{

        max-width: 320px;
    }

    /**/

    section.acceler h2{

        font-size: 25px;

        line-height: 35px;

        max-width: calc(100% - 70px);
    }

    /**/

    section.prgms-slisec .item .cntnt{

        width: 100%;
    }

    section.prgms-slisec .item .cntnt figure{

        display: none;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn span.head,
    section.prgms-slisec .item .cntnt .cntnt-inn span.btnarea{

        height: 40px;
    }

    section.prgms-slisec .item .cntnt .cntnt-inn span.cntr{

        height: unset;
    }

    /**/

    section.serv-sec .item .cntnt{

        width: 100%;
    }

    section.serv-sec .item .cntnt figure{

        display: none;
    }

    section.serv-sec .item .cntnt .cntnt-inn{

        width: 100%;
    }

    section.serv-sec .item .cntnt .cntnt-inn span.head,
    section.serv-sec .item .cntnt .cntnt-inn span.btnarea{

        height: 40px;
    }

    section.serv-sec .item .cntnt .cntnt-inn span.cntr{

        height: unset;
    }

    /**/

    section.event-sec{

        display: block;
    }

    section.event-sec .lft,
    section.event-sec .rgt{

        width: 100%;
    }

    section.event-sec .rgt .rgt-inn{

        position: relative;

        float: left;

        width: 100%;

        left: unset;

        right: unset;

        top: unset;

        transform: none;

        padding: 50px 0px;
    }

    /**/

    section.team-sec .one{

        width: 100%;        
    }

    section.team-sec .two, 
    section.team-sec .three, 
    section.team-sec .four, 
    section.team-sec .five, 
    section.team-sec .six, 
    section.team-sec .seven, 
    section.team-sec .eight, 
    section.team-sec .nine, 
    section.team-sec .ten, 
    section.team-sec .eleven{

        width: 50%;
    }

    section.team-sec .seven:before {

        background-image: url(../images/t-back-seven.png);

        right: -2px;

        left: 0;

        background-position: right;
    }

    section.team-sec .seven .dtls {

        right: -100%;

        left: unset;

        text-align: left;
    }

    /**/

    section.prtnrs-sec .cntnt .prtnrs-carousel .item{

        padding: 20px 20px;
    }

    /**/

    .ceo-msg .btm .column{

        column-count: 1;
    }

    .ceo-msg .top h3,
    .ceo-msg .btm .btm-inn h4{

        font-size: 22px;

        line-height: 25px;
    }

    /**/

    section.about-pge .rgt h2{

        font-size: 35px;

        line-height: 35px;
    }

    /**/

    .downloadbooklet{

        left: 50%;

        transform: translateX(-50%);

        min-width: 170px;

        padding: 6px 15px;
    }

    /**/

    section.demoabt figure{

        left: 0;

        width: 220px;

        padding-top: 220px;
    }

    section.demosgmnt ul{

        width: 100%;
    }

    section.videosgmnt p{

        font-size: 16px;
    }

    section.fshnprenr .head{

        height: 175px;
    }

    section.fshnprenr .head h4{

        top: 20px;

        transform: translateY(0px);
    }

    section.expintrst .head{

        height: 175px;
    }

    section.expintrst .head h4{

        top: 20px;

        transform: translateY(0px);
    }

    section.expintrst .expintbot .lft{

        width: 30px;
    }

    section.expintrst .expintbot .lft:before{

        display: none;
    }

    section.expintrst .expintbot .rgt{

        width: calc(100% - 30px);
    }

    section.expintrst .expintbot .rgt .expintbot-bot figure{

        width: 40px;

        height: 40px;
    }

    section.expintrst .expintbot .rgt .expintbot-bot .dtls{

        width: calc(100% - 55px);
    }

    section.expintrst .expintbot .rgt .expintbot-bot .dtls ul li a{

        font-size: 13px;
    }

    /**/

    .expintpop .dtls .dtls-inn h4{

        font-size: 20px;
    }

    /**/

   .fshnprenrpop .fshnprenr-dtls .fhnsec ul{

        width: 100%;
    }

    /**/

    section.labserv-sec .item .cntnt .cntnt-inn span.head h4{

        font-size: 35px;
        
        line-height: 40px;
    }

    section.labserv-sec .hd-sec{

        display: none;
    }

    /**/

    section.labprgm-sec .item .cntnt .cntnt-inn span.head h4{

        font-size: 35px;
        
        line-height: 40px;
    }

    section.labprgm-sec .hd-sec{

        display: none;
    }

    .labprgmechcntnt{

        padding: 30px 20px;
    }

    /* events------ */
    


     .left-side::after, .right-side::after {
        left: 5px !important;
    }


    .event-head-p{
        padding-left: 30px;
    }


    .event-heading {

        font-size: 24px;
     }
    
     .event-heading-date{
    
        font-size: 24px;
     }
    
    

    /* events------ */



    .faqechcntnt{

        padding: 50px 10px;
    }

    section.faq-sec .faqban-sec .item .cntnt .cntnt-inn span.head h4{

        font-size: 35px;

        line-height: 40px;
    }
}

/**************************************************/
@media (min-width: 0px) and (max-width: 470px) {


 /* events------ */

 .event-date-1{
    display: none;
 }

 .event-date-2{
    display: block;
    text-align: left;
    color: #00e19f;
    font-weight: 500;
    font-size: 18px;
    
 }

 .head-sec {
    display: unset;
 }

 .right-border {
    border-right: none;
    border-left: none;
 }

 .left-border {
    border-right: none;
    border-left: none;
 }

 .event-heading {

    font-size: 24px;
 }

 .event-heading-date{

    font-size: 24px;
 }

 .box-right {
    padding: 15px 15px;
    padding-top: 0px;
    width: 100%;
}

.box-left {
    padding: 10px 20px;
    padding-bottom: 0;
    width: 100%;
}

.end-align {
    text-align: left;
}

.box-close-left {

    top: 0;

}

.box-close {

    top: 0;
    
}


/* events------ */


    header .navbar .language{

        padding: 5px 5px;
    }

    section.banner .rgt .mid .cntnt h3{

        font-size: 40px;

        line-height: 40px;

        top: -31px;
    }

    footer .addrs{

        padding-left: 20px;
    }

    footer .addrs:before{

        display: none;
    }

    footer .footone{

        padding-left: 20px;
    }






    footer .footone .form-box{

        max-width: 250px;
    }

    footer .foottwo{

        padding-left: 20px;
    }

    footer .foottwo ul{

        max-width: 300px;
    }

    /**/

    section.acceler h2{

        font-size: 22px;

        line-height: 30px;

        max-width: calc(100% - 50px);
    }

    /**/

    section.about-pge .rgt h2{

        font-size: 30px;

        line-height: 30px;
    }


    /*    */

    section.labserv-sec .item .cntnt .cntnt-inn span.head h4{

        left: 30px;

        font-size: 24px;

        line-height: 26px;
    }

    section.labprgm-sec .item .cntnt .cntnt-inn span.head h4{

        left: 30px;

        font-size: 24px;

        line-height: 26px;
    }

    section.faq-sec .faqban-sec .item .cntnt .cntnt-inn span.head h4{

        left: 30px;

        font-size: 24px;

        line-height: 26px;
    }

}