.foot_box_middle {
        text-align: left;
    width: 35%;
    padding-left: 100px;
}

 

@media only screen and (max-width:1600px){
    .dotsWrap {height: 550px;}

    .footer.articleActive .footerWrap h5{position:absolute;top:-36%;font-size:28px;}
    ul.appStore{margin: 1px 0 0 0;position:absolute;bottom:63%;}
    .countBox{margin: 0 0 40px 0;}
    ul.navigationUL{height: 315px;}
    ul.navigationUL.lastNavLI{height: 460px;}
    ul.formsUL li{margin:0 0 30px 0 ;}
    ul.formsUL li:last-child{margin: 0;}
    .homepage section{min-height: 2700px;}
    .bottomNav{padding: 20px 0;}
    .copyRightsWrap{margin: 200px 0;}
    .footer .middleWrapper{padding: 50px 0 30px 0;}
    .footer .footerWrap{padding: 0;}

    .newsSlider ul.newSwiper li{height: auto}
    .newsSlider ul.newSwiper li .box{padding:30px 25px;}
    .newsSlider ul.newSwiper li .box h3{margin-bottom: 55px;}
    .newsSlider ul.newSwiper li .box h4{min-height: 45px;}    
    .clarityMatters .middleWrapper .topDesc h2{height: 55px;}
    .clarityMatters .middleWrapper{padding: 60px 0 20px 0;}
    
    .quizWrap{margin: 75px 0 0 0; padding: 0 0 0 300px;}
    a.backToTop{right: 10px;}

    .popup .content{margin: 120px auto 0 auto; width: 90%; min-width: 940px; }
    .popup .content .cont{width: calc( 100% - 420px);}
    .popup .content .cont p{font-size: 2em; line-height: 34px;}


}
@media only screen and (max-width:1440px){
    ul.appStore li a{height: 60px; line-height: 60px; width: 340px;}
    .middleWrapper{width: 1200px;}
    .newsSlider .swiper-container{padding-left: calc(50% - 600px);}
    .scrollDown{left: calc(50% - 480px);}

    header{padding: 10px 0;}
    header nav ul li{line-height: 50px;}
    a.loginBtn{height: 50px; line-height: 50px;}
    

    .firstWrap .caption h2{font-size: 3em;}
    ul.formsUL li input, ul.formsUL li button, .loaderW, ul.appStore li a, .newsSlider ul.newSwiper li .box h3, .thankYou a.continue, .clarityMatters .middleWrapper .topDesc p, ul.dotsUL li a, .firstWrap .caption p{font-size: 2em;}
    .quizWrap ul.quizUL > li h3, .thankYou h2, .aboutWrapper .caption p{font-size: 2.8em; line-height: 45px; }
    
    /*.keyWrap h2{font-size: 5.5em;}*/
    .footer .middleWrapper h2, .clarityMatters .middleWrapper .topDesc h2{font-size: 3.8em;}
    .footer ul.leftNav li, .newsSlider ul.newSwiper li .box h4, .countBox ul.counter li, header nav ul li a, a.loginBtn, .scrollDown{font-size: 1.4em;}
    .quizWrap ul.quizUL > li h3{ height: 85px; }

    .firstWrap .caption h2{height: 150px; top: -75px; }
    .firstWrap .caption p{width: 800px;}
    .dotsWrap {height: 480px; width: 800px;}
    .aboutWrapper .caption p.slideCont01{width: 800px;}
    

    .thankYou{width: 480px;}
    .thankYou h2{height: 85px;}
    
    

   

    /************** InnerPage *************/
    ul.bodUL li a h3, ul.visionUL li p, ul.detailsUL li .rightCont p{font-size: 1.8em; line-height: 32px;}
    ul.bodUL li a p, ul.detailsUL li .leftCont h3{font-size: 1.4em; line-height: 22px;}
    .contactWrapper h2, .bodWrapper h2, ul.visionUL li h2, ul.detailsUL li .leftCont h2{font-size: 4.5em; line-height: 65px;}
    ul.detailsUL li .leftCont{padding: 0 0px 0 0; width: 60%;max-width:none;background: url(../images/frame-bottom.png), #03002f;
  background-size: cover;}
    ul.detailsUL li .rightCont{width: 40%;max-width:none;background: url(../images/frame-right-bottom.png) right 0, #c08b37;
  background-size: cover;}
    .popup{padding: 45px 0;}
    .ourDetailsWrapper{padding: 0px 0 0px 0;}
    .ourVisionWrap{padding: 140px 0;}
    .bodWrapper h2{margin:40px 0 20px 0 ;}
    ul.bodUL li{margin: 20px 0; padding: 0 50px 0 0;}
    .bodBox{margin: 20px 0 0 0;}
    .innerpage .footer .footerWrap{padding: 100px 0 0 0;}
    

    ul.addressUL li h3{font-size: 3em; line-height: 50px;}
    .officeAddress{margin: 60px 0 0 0;}
    ul.addressUL li p, ul.addressUL li h4{font-size: 2em; line-height: 32px;}
    ul.addressUL li h5{font-size: 1.4em; line-height: 20px; margin: 40px 0 0 0;}
    .rightContact {padding: 120px 0 120px 120px;}
    
    

    

    
    
}
@media only screen and (min-width:1580px){
    .copyRightsWrap{
        margin:250px 0px;
    }
}
@media only screen and (min-width:1900px){
    a.banner_button{
        margin-top:90%;
    }
    #counter .item{
        left:25%;
    }
    .item.b1{
        margin-left:220px!important;
    }
    #counter{
        width:80%;
    }
    .copyRightsWrap{
        margin:430px 0px;
    }
}
@media only screen and (max-width:1500px){
    .middleWrapper{width: 1246px;}
    .newsSlider .swiper-container{padding-left: calc(50% - 623px);}
    .scrollDown{left: calc(50% - 503px);}


    .newsSlider ul.newSwiper li .box h3{font-size: 1.8em; line-height: 32px; margin-bottom:45px;}
    .newsSlider ul.newSwiper li .box h4{min-height: 40px;}
    .newsSlider ul.newSwiper li .box .readMore{font-size: 1.4em;}
    .footer .middleWrapper{padding: 30px 0 20px 0;}
    .footer .middleWrapper h2{font-size: 3.4em;}
    .footer .middleWrapper span{/*background-image:url("../images/awards_balaji.png");height: 300px;
    display: table-caption;
    background-repeat: no-repeat;background-position: center;*/margin-top:60px;}
    .footer .middleWrapper h6{position: absolute;
    top: 90px;
    left: 2px;
    color: black;
    font-size: 32px;display:block;text-align:center;}
    .footer .middleWrapper b{position: relative;
    top: 115px;
    left: 0px;
    color: black;
    font-size: 16px;font-weight:normal;text-align:center;display:block;}
    .footer.articleActive:after{height: calc( 50% + 97px );}
    .newsSlider ul.newSwiper li .box{padding: 20px 15px;}

    .clarityMatters .middleWrapper{padding: 40px 0 20px 0;}
    .keyAttribute .dotsWrap{height: 500px; margin: 0 0 0 0;}
    /*.keyWrap h2{top: 8%;}*/
    .quizWrap{margin: 50px 0 0 0;}
    /* ul.formsUL li{margin: 0 0 25px 0;} */
    .scrollDownPage{height: 40px;}
    .scrollDownPage:after{    width: 15px;        height: 20px;}
    .countBox{margin: 0 0 30px 0;}
    ul.navigationUL.lastNavLI{height: 430px;}

    .bottomNav{padding: 15px 0;}
    ul.appStore li a{height: 55px; line-height: 55px;}
    
    .footer .footerWrap{padding: 25px 0 20px 0;}
    .copyRightsWrap{margin: 200px 0 0 0;}
    .innerpage .copyRightsWrap{margin: 20px 0;}

    .popup .content{margin: 100px auto 0 auto;}
    .popup .content .cont p{font-size: 1.8em; line-height: 32px; }
    .popup .content .cont h4{margin-bottom: 25px;}


}
@media only screen and (max-width:1280px){
    .middleWrapper{width: 1160px;}
    .newsSlider .swiper-container{padding-left: calc(50% - 580px);}
    .scrollDown{left: calc(50% - 460px);}

    /* ul.formsUL li{margin: 0 0 15px 0;} */
    /* ul.formsUL li .error{font-size: 1.2em; bottom: -20px;} */
    .loaderW, ul.formsUL li button{margin: 20px 0 0 0;}
    ul.navigationUL.lastNavLI{height: 370px;}
}

@media only screen and (max-width:1100px){
    .middleWrapper{width: 90%;}    
    header a img{width: 160px;}
    header nav ul li{margin: 0 20px;}
    .firstWrap .caption{padding: 50px 90px;}
    .scrollDown{left: calc(5% + 90px);}
    .newsSlider .swiper-container{padding-left: 5%;}
    /*.keyWrap p{left: calc( 50% - 400px);}*/
    .clarityMatters .middleWrapper{padding: 50px 0 20px 0;}
    .countBox a.backSlide{margin: 2px 0 0 0;}
    .quizWrap{padding: 0 0 0 175px;}

    ul.detailsUL li .leftCont{max-width: 40%; width: 40%;}
    ul.detailsUL li .rightCont{max-width: 60%; width: 60%;}
    ul.visionUL li{padding: 0 0px 0 60px;}
    ul.visionUL li:first-child{padding: 0 60px 0 0;}
    .ourVisionWrap{padding: 120px 0;}
    ul.bodUL li{width: 25%;}
    ul.bodUL li:nth-child(5n+1){clear: none;}
    ul.bodUL li:nth-child(4n+1){clear: left;}
    .ourDetailsWrapper{padding: 120px 0 80px 0;}

    ul.mediaUL li h3{font-size: 2.8em; line-height: 45px; padding: 0 40px 0 0;}

    .rightContact{padding: 90px 0 90px 90px;}
    .leftContact{margin: 0 90px 0 0; max-width: calc(45% - 90px);}
    .selectWrap .select-wrapper{font-size: 2em;}
    .selectWrap .select-wrapper .holder{padding: 0 20px;}
    .selectWrap .select-wrapper select{font-size: 0.8em; padding: 0px 20px 0px 20px;}

    .popup .content{min-width: 100%;}

}

@media only screen and (max-width:900px){
    header nav ul li{ margin: 0 10px; line-height: 30px;}
    a.loginBtn{line-height: 40px; height: 40px; padding: 0 30px;}
    /* .firstWrap .caption h2{height: 180px;top: -176px;} */
    .firstWrap .caption h2{font-size: 5.5em; top: -60px;}
    .firstWrap .caption{padding: 50px 60px;}
    .scrollDown{left: calc(5% + 60px);}

    ul.formsUL li input, ul.formsUL li button, .loaderW, ul.appStore li a, .newsSlider ul.newSwiper li .box h3, .thankYou a.continue, .clarityMatters .middleWrapper .topDesc p, ul.dotsUL li a, .firstWrap .caption p{font-size: 1.8em;}

    .firstWrap .caption p{width: 550px;}
    .dotsWrap {width: 700px;}
    .quizWrap ul.quizUL > li h3, .thankYou h2, .aboutWrapper .caption p{font-size: 2.6em; line-height: 43px;}
    .aboutWrapper .caption p.slideCont01{width: 560px;}
    .aboutWrapper .caption p.slideCont02{width: 700px;}
    /*.keyWrap p{left: calc( 50% - 320px);}*/
    .quizWrap{padding: 0 0 0 100px;}
    .quizWrap ul.quizUL{width: 100%; max-width: 600px;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 0 40px 0 0;}
    ul.appStore li a{width: 320px;}
    .copyRightsWrap ul.rightFloat{width: 100%; float: left !important; margin: 30px 0 0 0;}
    .copyRightsWrap ul.rightFloat li:first-child{margin-left: 0;}
    .dotedWrapper ul li{width: 45px; height: 45px;}

    .homepage section{min-height: 3000px;}

    .bodWrapper h2, ul.visionUL li h2, ul.detailsUL li .leftCont h2{font-size: 3.4em; line-height:55px ;}
    ul.detailsUL li .leftCont{padding: 0 50px 0 0;}
    ul.detailsUL li .leftCont h3 span:after{width: 70px;}

    .popup .content{width: 100%; margin: 120px auto 0 auto;}
    .popup .content .cont{width: 100%; margin: 40px 0 0 0;}

    ul.bodUL li{width: 33.33%; padding: 0 20px 0 0;}
    ul.bodUL li:nth-child(4n+1){clear: none;}
    ul.bodUL li:nth-child(3n+1){clear: left;}
    .popup .content .img{width: 250px;}

    .leftContact{width: 100%; margin: 0 0 0px 0; max-width: 100%;}
    .contactWrapper .middleWrapper{display: block; width: 100%; padding: 0 5%;}
    .rightContact{max-width: 100%; padding: 100px 0;}
    .rightContact::after{left: -5%;}
    


}

/* added on 031121 for new link in navbar remove incase removed 5th link */
@media only screen  and (max-width: 769px) {
    a.menuMobile{width: 20px; height: 20px; float: left;  text-indent: -99px; position: fixed; right: 20px; top: 35px;  display: block; overflow: hidden; }
    a.menuMobile:after{width: 20px; height: 20px; content: ''; display: block; position: absolute; left: 0; top: 0;}
    .mobileNavigationActive a.menuMobile{-webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s;}
    a.menuMobile:after {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;left: 0;top: 0px;-moz-transition: all ease .5s; -o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0}
    a.menuMobile span:after, a.menuMobile span:before {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;right: 0; top: 7px; -webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(0) translate(0, 0);-moz-transform: rotate(0) translate(0, 0);transform: rotate(0) translate(0, 0); }
    a.menuMobile span:before {top: 14px; }
    .mobileNavigationActive a.menuMobile span:after {display: none}
    .mobileNavigationActive a.menuMobile span:before, .mobileNavigationActive a.menuMobile:after {-webkit-transform: rotate(45deg) translate(-50%, -50%);  -moz-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%);left: 50%;top: 50%}
    .mobileNavigationActive a.menuMobile span:before {-webkit-transform: rotate(-45deg) translate(-50%, -50%);-moz-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%);}

    header .navWrap{width: 100% !important; height: 100%; position: fixed; left: 100%; top: 0; background: #181F29; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
    header .navWrap nav{position: absolute !important; width: 100% !important; height: auto; top: 50% !important; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%) !important;}
    header .navWrap nav ul li{width: 100%; margin:30px 0; text-align: center; line-height: normal;}
    header nav ul li a{font-size: 1.8em; letter-spacing: 2.64px; line-height: 24px; color: #fff; opacity: 1; }

    a.loginBtn{ width: calc( 100% - 40px);  position: absolute; left: 20px; bottom: 20px; text-align: center; height: 56px; line-height: 56px; font-size: 1.4em; letter-spacing: 1.68px; }
    a.loginBtn:hover{background: transparent; color: #fff }
    a.loginBtn:active{background: #fff; color: #19191A; }
    header{padding: 30px 0;}
    .mobileNavigationActive .navWrap{left: 0;}
    header a.logo{position: relative; z-index: 4;   float: left; }
    header a.logo img{width: 100px!important; float: left;}
    #video-background{
        height:725px!important;
    }
    .scrollFirst .firstWrap .caption h2 span{
        margin-top:75px;
        font-size:25px;
    }
    
    .imgsemi{
        position:absolute;
        left:0%;
        height:560px;
    }
     p.slideCont01 b{
     font-size:30px!important;
 }
 p.slideCont01 b.com{
     font-size:20px!important;
 }
 p.slideCont01 b.coms{
     font-size:20px!important;
 }
 p.slideCont01 b.para{
     font-size:14px!important;
     margin-top:25px;
 }
 .dotsLineStright p.slideCont02 span{
     margin-top:-5px;
 }
 .aboutWrapper .caption p.slideCont02 img{
     width: 99%;
  height: 180px;
  margin-top: 35px;
  margin-left: -299px;
 }
 .about_button{
     margin-top:190px;
 }
  p.slideCont02 b.head{
     font-size:30px!important;
     left:0%!important;
     position:relative!important;
     top:-3px;
 }
 p.slideCont02 b.paras{
     display:block;
     width:100%;
     margin-top:10px;
 }
 img.arrow{
     margin-left:10px!important;
 }
 #counter{
     width:100%;
 }
 #counter .item{
     width: 47%;
     height: 150px;
     margin:5px;
     left:1%;
     padding:30px 10px;
 }
 .item.b1{
     margin-left:0px!important;
 }
 .item.b2{
     margin-left:105px;
 }
#counter .item h3 {
    color: #4f4e28;
    text-transform: capitalize;
    font-size: 14px;
}
.item.b6 {
    margin-left: -48px!important;
}
.item.b3 {
    margin-left: -65px!important;
}
.item.b5 {
    margin-left: -130px!important;
}

#counter .item .count{
    font-size:20px;
}
.cont-button{
    left:15%;
    top:45px;
}
.copyRightsWrap{
    background:linear-gradient(to top, #09203f 0%, #537895 100%);
    margin-top:40px;
}
.footer .middleWrapper h6{
    top:20px;
    font-size:28px;
}
.cont-button{
    margin-top:10px;
}
.footer ul.leftNav h8{
    float:left;
    margin-bottom:8px;
}
.foot_box{
    width:100% !important;
    margin-bottom:10px;
    text-align:center!important;
}
#foot_box1{
    width:60% !important;
    margin-bottom:10px;
    text-align:center!important;
}
ul.socialNav, ul.socialNav li, ul.socialNav li a{
    float: left;
    right: 0;
    padding-left: 20px;
}
.foot_box_middle{
    width:40% !important;
    margin-bottom:10px;
    text-align: left;
    padding-left: 5%;
}
a.banner_button{
    left:-90%;
    margin-top:55%;
}
a.about_button{
     margin-top:50%;
     font-size:18px;
}
.aboutWrapper .caption p.slideCont01{
    transform:translate(-50%, -94%);
}
.aboutWrapper .caption p.slideCont02{
    transform:translate(-50%, -48%);
}
.sb1{
    height: 200px!important;
    font-size: 18px!important;
}
img.v1{
height: 90px!important;
    width: 90px!important;
    margin-top: 80px!important;
}
.sb2{
height: 200px!important;
font-size: 18px!important;
}
img.v2{
    top: 73px !important;
    width: 90px !important;
    height: 90px !important;
}
.sb3{
    height: 200px!important;
font-size: 18px!important;
}
img.v3{
    top: 72px !important;
    width: 90px !important;
    height: 90px !important;
}
img.serv_img{
    display:none;
}
.sb{
    display:none!important;
}
}
/* added on 031121 for new link in navbar remove incase removed 5th link ends here */

@media only screen and (max-width:767px){
    /* a.menuMobile{width: 20px; height: 20px; float: left;  text-indent: -99px; position: fixed; right: 20px; top: 35px;  display: block; overflow: hidden; }
    a.menuMobile:after{width: 20px; height: 20px; content: ''; display: block; position: absolute; left: 0; top: 0;}
    .mobileNavigationActive a.menuMobile{-webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s;}
    a.menuMobile:after {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;left: 0;top: 0px;-moz-transition: all ease .5s; -o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0}
    a.menuMobile span:after, a.menuMobile span:before {width: 100%;height: 2px;background: #ffffff;content: '';display: block;position: absolute;right: 0; top: 7px; -webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(0) translate(0, 0);-moz-transform: rotate(0) translate(0, 0);transform: rotate(0) translate(0, 0); }
    a.menuMobile span:before {top: 14px; }
    .mobileNavigationActive a.menuMobile span:after {display: none}
    .mobileNavigationActive a.menuMobile span:before, .mobileNavigationActive a.menuMobile:after {-webkit-transform: rotate(45deg) translate(-50%, -50%);  -moz-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%);left: 50%;top: 50%}
    .mobileNavigationActive a.menuMobile span:before {-webkit-transform: rotate(-45deg) translate(-50%, -50%);-moz-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%);}

    header .navWrap{width: 100%; height: 100%; position: fixed; left: 100%; top: 0; background: #181F29; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;}
    header .navWrap nav{position: absolute; width: 100%; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
    header .navWrap nav ul li{width: 100%; margin:30px 0; text-align: center; line-height: normal;}
    header nav ul li a{font-size: 1.8em; letter-spacing: 2.64px; line-height: 24px; color: #fff; opacity: 1; }

    a.loginBtn{ width: calc( 100% - 40px);  position: absolute; left: 20px; bottom: 20px; text-align: center; height: 56px; line-height: 56px; font-size: 1.4em; letter-spacing: 1.68px; }
    a.loginBtn:hover{background: transparent; color: #fff }
    a.loginBtn:active{background: #fff; color: #19191A; }
    header{padding: 30px 0;}
    .mobileNavigationActive .navWrap{left: 0;}
    header a.logo{position: relative; z-index: 4;   float: left; }
    header a.logo img{width: 120px; float: left;} */

    .firstWrap .caption h2{font-size: 2em; width: 350px; letter-spacing: normal; line-height: 35px; height: 175px; top: -190px;}
    .firstWrap .caption{padding: 25px 20px;}
    .firstWrap .caption p{width: calc(100% - 50px) ; font-size: 1.4em; letter-spacing: 0.24px; line-height: 22px; height: 170px;margin-top:-50px!important;}
    

    .scrollDown{font-size: 1.2em; color: #fff; letter-spacing: 1.2px; line-height: 24px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  transform: translateX(-50%); padding-left: 0; height: 65px;}
    .scrollDown:after, .scrollDown:before{left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); height: 40px;}
    .aboutWrapper .caption p.slideCont02, .aboutWrapper .caption p.slideCont01{width: calc(100vw - 80px); padding: 0 0px;}
    .aboutWrapper .caption p.slideCont02 br{display: none;}

    .aboutWrapper .caption p{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; color: #040B14; }
    .dotsWrap{width: calc(100vw - 40px); height: 450px;}
    .dots4 ul.dotsUL li{width: 10px; height: 10px;}
    .dots4 ul.dotsUL li:after{width: 10px; height: 10px;}
    .dotsLineStright .dotsWrap{width: 10px;}
    .dotsLine ul.dotsUL:after, .dotsLine ul.dotsUL:before{width: 2px;}
    .dotsLine .dotsWrap:after, .dotsLine .dotsWrap:before{height: 2px;}

    /*.keyWrap h2{font-size: 5em; letter-spacing: 1px; line-height: 70px; height: 155px; top: 50px;}*/
    /*.keyWrap p{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; color: #040B14; width: 100%; left: 0; text-align: center; max-width: 100%; padding: 0 20px; border: none; top: 200px; }*/
    /*.keyWrap p br{display: none;}*/
    .keyAttribute .dotsWrap{height: 300px; margin: 60px 0 0 0;}
    ul.dotsUL li a{text-align: center; width: 100vw;left: calc(-50vw + 5px); margin: 30px 0 0 0; color: #040B14; font-size: 1.4em; letter-spacing: 1.68px; line-height: 24px; font-weight: 400;}

    ul.navigationUL{display: none;}
    .quizWrap{padding: 0; margin: 40px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL{height: auto; margin: 20px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li span.number{width: 40px; height: 40px; line-height: 36px; float: left; font-size: 1.4em;}
    .quizWrap ul.quizUL > li ul.ansUL li{width: 100%; margin: 10px 0; }
    .quizWrap ul.quizUL > li h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; height: auto; min-height: 70px;}
    .quizWrap ul.quizUL > li ul.ansUL li p{width: auto; float: left; line-height: 40px; margin: 0 0 0 15px; font-size: 1.4em; letter-spacing: 0.28px; color: rgba(255,255,255,0.4); }
    .quizWrap ul.quizUL > li ul.ansUL li p br{display: none;}
    .countBox{margin: 0 0 30px 0;}
    
    .clarityMatters .middleWrapper .topDesc p{font-size: 1em; letter-spacing: 0.28px; line-height: 22px; height: 50px;}
    .clarityMatters .middleWrapper .topDesc h2{font-size: 3em; letter-spacing: 0.6px;  }
    .countBox ul.counter li{font-size: 1.2em; letter-spacing: 1.2px;}
    .clarityMatters.articleActive .middleWrapper h2 span, .clarityMatters.articleActive .middleWrapper p span{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
    .quizWrap ul.quizUL > li h3 span{position: relative;}

    ul.formsUL li button, .loaderW{height: 56px; line-height: 56px; padding: 0 30px; font-size: 1.4em; letter-spacing: 1.68px; background-size: 20px; }
    .loaderW{padding-left: 60px;}
    .loaderW .loader{width: 16px; height: 16px; top: 20px; left:30px }
    
    
    .aboutWrapper:after, .firstWrap:after{bottom: -140%;}
    
    .homepage section{min-height: 3200px;}

    .thankYou{width: 100%; padding:  0 20px;}
    .thankYou h2{overflow: visible; font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; height:auto; min-height: 60px; margin: 0 0 20px 0;}
    .thankYou a.continue{line-height: 56px; font-size: 1.4em; letter-spacing: 1.68px; padding: 0 0 0 70px; }
    .thankYou a.continue:after{width: 56px; height: 56px;}


    /* article,  .firstWrap:after, .keyWrap, .aboutWrapper:after{height: 100%;}
    .footer, .firstWrap .middleWrapper{min-height: auto; height: 100%;} */

    
    .footer.articleActive .footerWrap{ bottom: -100%; -webkit-transition: all ease 0s; -moz-transition: all ease 0s; transition: all ease 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; opacity: 0; z-index: -1; }

    .footer.articleActive .footerWrap.activate{-webkit-transition: all ease 1s; -moz-transition: all ease 1s; transition: all ease 1s;opacity: 1; z-index: 9; }

    .footer .middleWrapper{padding: 60px 0 60px 0;}
    .newsSlider ul.newSwiper li .box{padding: 40px 30px;}
    .newsSlider ul.newSwiper li .box h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; margin-bottom: 140px;}
    .newsSlider ul.newSwiper li .box h4{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; min-height: 72px; }
    .newsSlider ul.newSwiper li .box a{font-size: 1.4em; letter-spacing: 1.68px; line-height: 24px;}
    .footer{background: #fff;}
    .footer:after{height: 100%;}
    .footer.articleActive:after{height: 100%;}
    .footer .footerWrap.middleWrapper{width: 100%;
        background: #fff;
        padding: 40px 20px 20px 20px;
        height: 100%;}
        ul.appStore li{width: 100%; margin: 0 0 10px 0;}
        ul.appStore li a{width: 100%;  color: #040B14; font-weight: 500; padding: 0 0 0 70px;}
        ul.appStore{margin: 20px 0 20px 0;}
        
        ul.appStore li a:after{width: 30px; height: 30px; left: 20px;}
        
 
        .bottomNav{padding: 0px 0 20px 0; }
        .footer .bottomNav ul.leftNav li{width: 100%; float: left; margin: 0 0 30px 0;}
        .footer .bottomNav ul.leftNav li a{ color: #040B14; line-height: 24px; letter-spacing: 1.68px; }
        .bottomNav ul.socialNav{float: left;}
        ul.socialNav li{margin: 0 0 0 30px;}
        ul.socialNav li:first-child{margin: 0;}
        

        .footer .copyRightsWrap ul.leftNav li{
            font-size: 1.2em;
            letter-spacing: 0.24px;
            margin: 0 20px 0 0;
            
        }
        .copyRightsWrap ul.leftNav li a{letter-spacing: 0.24px; line-height: 12px; color: #040B14;}
        .copyRightsWrap ul.leftNav li:last-child{margin: 10px 0 0 0; width: 100%; float: left;}
        /*.copyRightsWrap ul.rightFloat{margin: 10px 0 0 0;}*/
        .copyRightsWrap ul.leftNav.rightFloat li{margin: 0 5px 0 0;}
        .copyRightsWrap ul.leftNav.rightFloat li:last-child{width: auto; margin: 0px;}

        body.homepage:after{background-position: center 0;}
        body.homepage{height:calc(100vh - 60px) ;  overscroll-behavior: contain; overscroll-behavior-y: contain; touch-action: none;}

        .iosDeviceActive{height:calc(100vh - 110px) ;}

        ul.dotsUL li{text-indent: 0;}
        .clarityMatters.articleActive .quizWrap{ -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s;}
        
        .scrollDownPage{width: 12px; height: 30px;}
        .scrollDownPage:after{width: 12px; height: 18px;}
        a.backToTop{ background-size: 16px 16px; right: 10px;}
        .sectionActivate a.backToTop{bottom: 10px;}
        .sectionActivate a.backToTop:hover{background-color: #182028;}
        .sectionActivate a.backToTop:active{background-color: #86B359;}

        .quizWrap ul.quizUL > li ul.ansUL li a:hover span.number{ background: transparent; color: #74787c; border-color: #74787c;}

        .quizWrap ul.quizUL > li ul.ansUL li a:active span.number, .quizWrap ul.quizUL > li ul.ansUL li a.selected span.number{ background: #86B359; color: #fff; border-color: #86B359; -webkit-transition: none; -moz-transition: none; transition: none;}

        .countBox a.backSlide{background-size: cover; height: 12px; margin: 3px 0 0 0;}
        .countBox a.backSlide.active{width: 15px;}
        ul.formsUL li input{ font-size: 1.4em; letter-spacing: 0.28px; height: 25px; line-height: 25px;}
        ul.formsUL li{margin: 0 0 40px 0 ;}
        .thankYou a.continue:after{background-image: url(../images/icon_arrow_down-white.svg);}
        .newsSlider ul.newSwiper li .box .readMore{background-size: 15px 12px; padding: 0 25px 0 0;}

        /**** Innerpages ********/
        .innerpage a.menuMobile {right: 0; top: 8px; position: absolute;}
        .innerpage a.menuMobile span:after, .innerpage a.menuMobile span:before, .innerpage a.menuMobile:after{background: #182028;}
        .innerpage .mobileNavigationActive a.menuMobile span:after, .innerpage .mobileNavigationActive a.menuMobile span:before, .innerpage .mobileNavigationActive a.menuMobile:after{background: #fff;}
        .innerpage header.mobileNavigationActive nav ul li a{color: #fff;}
        .innerpage .mobileNavigationActive a.loginBtn{border: 1px solid rgba(255,255,255,0.2); color: #fff;}
        ul.detailsUL li .leftCont{max-width: 100%; width: 100%; padding: 0;}
        .ourDetailsWrapper{padding: 30px 0 60px 0;}
        ul.detailsUL li .rightCont{max-width: 100%; width: 100%;}
        ul.detailsUL li .leftCont h3{font-size: 1.2em; letter-spacing: 1.2px; color: #182028; line-height: 24px; }
        ul.detailsUL li .leftCont h2{ font-size: 3em; letter-spacing: 0.6px; line-height: 50px; color: #182028; margin: 10px 0; }
        ul.detailsUL li .leftCont p{font-size:1.4em; letter-spacing: 0.28px; line-height: 22px; color: #182028; }
        ul.detailsUL li{margin-top:60px ;}
        ul.detailsUL li .leftCont h3 span:after{width: 60px; left: calc(100% + 10px);}

        ul.visionUL li{width: 100%; padding: 0;}
        ul.visionUL li:first-child{padding: 0 0 40px 0; border: none;}
        .ourVisionWrap{padding: 60px 0;}
        ul.visionUL li h2{ font-size: 3em; letter-spacing: 0.6px; line-height: 50px; margin: 0 0 10px 0;}
        ul.visionUL li p{font-size:1.4em; letter-spacing: 0.28px; line-height: 22px;}

        .bodWrapper h2{font-size: 3em; letter-spacing: 0.6px; line-height: 50px; }
        .bodWrapper{padding: 0px 0 60px 0;}
        ul.bodUL li{width: 33.33%;  margin: 30px 0 0 0;}
        .bodWrapper h2{margin-bottom: 0;}
        .innerpage .footer{padding: 0;}
        .innerpage .footer .footerWrap.middleWrapper{padding: 50px 20px 20px 20px;}
        .innerpage .footer ul.appStore{margin: 20px 0 ;}

        .popup{padding: 30px 0;}
        .popup .middleWrapper{width: 100%; float: left; padding: 0 20px;}
        .popup .content{float: left; margin: 40px auto 0 auto;}
        .popup .content .img{width: 235px; margin: 0;}
        .popup .header a.logoPop{width: 120px;}
        .popup .header a.logoPop img{width: 100%; float: left;}
        .popup a.backPopup{color: #182028; font-weight: 500; font-size: 1.4em; letter-spacing: 1.4px; line-height: 5px; position: relative; top: 13px; }
        .popup .content .cont{margin: 10px 0 0 0;}
        .popup .content .cont h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; color: #182028; font-weight: 500; margin: 0 0 0px 0;}
        .popup .content .cont h4{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; margin: 0 0 10px 0;}
        .popup .content .cont p{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px;}

        ul.mediaUL{margin: 20px 0 0 0;}
        ul.mediaUL li{padding: 30px 0;}
        ul.mediaUL li h4{font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px;}
        ul.mediaUL li h3{font-size: 1.8em; letter-spacing: 0.36px; line-height: 30px; margin: 20px 0;}
        ul.mediaUL li a.readMore{font-size: 1.4em; letter-spacing: 1.68px; line-height: 24px; background-size: 15px 12px; padding: 0 25px 0 0;}
        ul.mediaUL li a.readMore:hover{padding: 0 25px 0 0;}
        ul.mediaUL li a.readMore:active{padding: 0 30px 0 0;}

        a.viewMore{font-size: 1.4em; letter-spacing: 1.4px; }
        a.viewMore:hover{background: transparent; border-color: rgba(24, 32, 40, 0.4); color: #182028;  }
        a.viewMore:active{background: rgba(24, 32, 40, 1); border-color: rgba(24, 32, 40, 1); color: #fff;  }
        ul.detailsUL li .leftCont h2 br{display: none;}
        .ourDetailsWrapper.pressRelease{padding-top: 50px;}

        /* .innerpage header.positionFixed{position: fixed;} */
        .innerpage.positionFixed{overflow: hidden; position: fixed;}

        .contactWrapper h2{font-size: 3em; letter-spacing: 0.6px; line-height: 50px; margin: 0 0 30px 0; }
        .selectWrap .select-wrapper .holder, .selectWrap .select-wrapper, .selectWrap .select-wrapper select{height: 60px; line-height: 60px;}
        .selectWrap .select-wrapper{font-size: 1.4em; letter-spacing: 0.28px; line-height: 36px; }
        .officeAddress{margin: 40px 0 0 0;}
        ul.addressUL li h3{font-size: 1.8em; letter-spacing: normal; line-height: 26px;}
        ul.addressUL li h4{margin: 5px 0 0 0; font-size: 1.4em; letter-spacing: 0.28px; line-height: 20px;}
        ul.addressUL li h5{margin:30px 0 0 0; font-size: 1.2em; letter-spacing: 1.2px;}
        ul.addressUL li p{margin: 5px 0 0 0; font-size: 1.4em; letter-spacing: 0.28px; line-height: 22px; }
        ul.addressUL li .box{margin:0 0 60px 0}
        .rightContact{padding: 60px 0;}
        .rightContact:after{height: 100%; width: 115vw; left: -7%; }
        .rightContact h3{font-size: 3em; letter-spacing: 0.6px; line-height: 50px; margin-bottom: 40px;}
        
        .newsSlider ul.newSwiper li a:hover .box{background: #fff;}
        .newsSlider ul.newSwiper li a:hover .box h3, .newsSlider ul.newSwiper li a:hover .box h4, .newsSlider ul.newSwiper li a:hover .box .readMore{color: #182028;}
        .newsSlider ul.newSwiper li a:hover .box .readMore{background-image: url(../images/readMoreArrow.svg); }
        .newsSlider ul.newSwiper li a:hover .box .readMore{padding-right: 25px;}

        .newsSlider ul.newSwiper li a:active .box{background: #B4B4BE;}
        .newsSlider ul.newSwiper li a:active .box h3, .newsSlider ul.newSwiper li a:active .box h4, .newsSlider ul.newSwiper li a:active .box .readMore{color: #fff;}
        .newsSlider ul.newSwiper li a:active .box .readMore{background-image: url(../images/readMoreArrow-white.svg); }
        .newsSlider ul.newSwiper li a:active .box .readMore{padding-right: 25px;}

        /* body.bodPopupActive{position: fixed; overflow: hidden;} */

        .scrollDownPage::before{font-size: 1em;}
    

}
@media only screen and (max-width:767px) and (max-height:640px){

    /*.keyWrap h2{font-size: 4.5em; line-height: 65px; top:40px; height: auto;  padding: 0 25px;}*/
    /*.keyWrap p{top: 180px;}*/
    .keyAttribute .dotsWrap{    height: 260px;        margin: 70px 0 0 0;}
    .clarityMatters .middleWrapper{padding: 40px 0 20px 0;}
    .quizWrap{margin: 30px 0 0 0;}
    .countBox{margin: 0 0 20px 0;}
    .quizWrap ul.quizUL > li ul.ansUL{margin: 5px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 15px 0 0 0;}
    .quizWrap ul.quizUL > li h3{height: auto;}
    ul.formsUL li{ margin: 0 0 25px 0;}
    ul.formsUL li button, .loaderW{margin: 25px 0 0 0;}
    .footer .middleWrapper h2, .clarityMatters .middleWrapper .topDesc h2{font-size: 3.4em;}
    .footer .middleWrapper{padding: 40px 0 30px 0;}
    .footer .footerWrap.middleWrapper{padding: 30px 20px 20px 20px;}
    
    .footer .bottomNav ul.leftNav li{margin: 0 0 18px 0;}
    .copyRightsWrap ul.leftNav li:last-child{margin: 15px 0 0 0;}

    .popup .content .img{width: 180px;}

    

    

}
@media only screen and (max-width:640px){
    ul.bodUL li{width: 50%; padding: 0 10px 0 0 ;}
    ul.bodUL li:nth-child(3n+1){clear: none;}
    ul.bodUL li:nth-child(2n+1){clear: left;}
    ul.bodUL li:nth-child(2n){padding: 0 0 0 10px;}
    a.viewMore{width: 100%; height: 60px; line-height: 60px;}

    .popup .content .img{width: 190px;}
    
}

@media only screen and (max-width:380px){
    
    
    .firstWrap .caption{min-height: calc( 45% + 100px );}
    /*.keyWrap h2{font-size: 4em; line-height: 55px;}*/
    /*.keyWrap p{top: 160px;}*/
    .keyAttribute .dotsWrap{height: 260px; margin: 0; top: 240px; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}

    .quizWrap ul.quizUL > li ul.ansUL{margin: 10px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 15px 0 0 0;}
    ul.formsUL li{margin: 0 0 25px 0;}
    ul.formsUL li button, .loaderW{margin: 25px 0 0 0;}
    
    .footer .bottomNav ul.leftNav li{margin: 0 0 22px 0;}
    ul.dotsUL li a{margin: 20px 0 0 0; left: calc(-50vw + 0px); }
    .dotsWrap{width: calc(100vw - 20px);}
    .aboutWrapper .caption p.slideCont02, .aboutWrapper .caption p.slideCont01{width: calc(100vw - 50px);}
    .quizWrap ul.quizUL > li h3{min-height: 50px;}

    .popup .content{margin: 30px 0 0 0;}
    .popup .content .img{width: 170px;}
    .popup .content .cont h4{margin: 0 0 10px 0;}

    ul.bodUL li a h3{font-size: 1.6em; line-height: 26px; }
    
}
@media only screen and (max-width:360px){
    .newsSlider ul.newSwiper li .box h3{margin-bottom: 90px;}
    .newsSlider ul.newSwiper li .box h4{min-height: 60px;}
    .keyAttribute .dotsWrap{top: 220px;}
    .firstWrap .caption h2{font-size: 4.5em; line-height: 40px; top: -230px;}
    .aboutWrapper .caption p{font-size: 1.6em; line-height: 27px;}
    .quizWrap ul.quizUL > li h3{font-size: 1.6em; line-height: 27px;}
    .countBox{margin: 0 0 15px 0;}
    .quizWrap{margin: 20px 0 0 0;}
    .quizWrap ul.quizUL > li ul.ansUL li{margin: 10px 0 0 0;}
    .clarityMatters .middleWrapper{padding: 25px 0 0px 0;}
    .footer .middleWrapper h2, .clarityMatters .middleWrapper .topDesc h2{font-size: 3.0em;}
    .clarityMatters .middleWrapper .topDesc h2{height: auto;}
    .clarityMatters .middleWrapper .topDesc h2 span{position: relative;}
    ul.formsUL li button, .loaderW{height: 50px; line-height: 50px;}
    .loaderW .loader{top:17px}
    ul.appStore li a{font-size: 1.6em; padding: 0 0 0 70px;}
    ul.appStore li a:after{left: 15px;}
    .firstWrap .caption{min-height: calc( 40% + 100px );}
    ul.appStore li a{height: 55px; line-height: 55px;}
    ul.appStore{margin: 10px 0 20px 0;}
    .footer .bottomNav ul.leftNav li{margin: 0 0 15px 0;}
    .bottomNav{padding: 0px 0 15px 0;}
    
}

@media only screen and (max-width:360px){
    .popup .content .img{width: 100px;}
    .popup .content .cont p{font-size: 1.3em; line-height: 18px;}
    .popup .content .cont h4{margin: 0 0 5px 0;}
}

ul.detailsUL li .leftCont p{
    padding: 50px;
    color: white;
    font-size: 22px;
    height:420px;
}

ul.detailsUL li .rightCont p {
    padding: 50px;
    color: white;
    font-size: 22px;
    height:420px;
}

.banner_button:after{
    background: url(../images/icon_arrow_right.svg) no-repeat center 0;
    position:relative;
    display:block;
}
.img-after{
   position: absolute;
    right: 5%;
    top: 30%;
    vertical-align:middle;
    transition: all ease 1.5s;
}
.img-before{
    transition: all ease 1.5s;
    position: absolute;
    width: 30px;
    top: 30%;
    display:none;
    vertical-align:middle;
}
.img-after-about{
   position: relative;
    right: 0%;
    top: 0%;
    vertical-align:middle;
    transition: all ease 1.5s;
    left:0%;
}
.img-before-about{
    transition: all ease 1.5s;
    position: relative;
    width: 30px;
    top: 30%;
    display:none;
    vertical-align:middle;
}
.firstWrap .caption p {
    margin-top:60px;
}
    .copyRightsWrap {
        bottom: 0!important;
        position: absolute!important;
        margin: 0!important; 
        padding:20px 0;
        background: linear-gradient(to top, #09203f 0%, #537895 100%)!important;
    }