@media only screen and (max-width: 1920px){}


@media only screen and (max-width: 1600px){
    .eachMileWrap img{
        width: 200px;
    }
    .eachMileWrap1 {
        left: 6.5%;
    }
    .eachMileWrap2 {
        left: 25%;
        top: 51px;
    }
    .eachMileWrap3 {
        left: 43.5%;
        top: 45px;
    }
    .eachMileWrap4 {
        left: 62%;
        top: 50px;
    }
    .eachMileWrap5 {
        left: 80%;
        top: 45px;
    }
    
    .eachMileWrap6 {
        right: 5.5%;
        bottom: 25px;
    }
    .eachMileWrap7 {
        right: 24%;
        bottom: 45px;
    }
    .eachMileWrap8 {
        right: 42%;
        bottom: 50px;
    }
    .eachMileWrap9 {
        right: 60.5%;
        bottom: 45px;
    }
    .trippleBox{margin: 203px 4% 0 159px;}
}

@media only screen and (max-width: 1547px){
.trippleBox {margin: 203px 4% 0 182px;}
	}

@media only screen and (max-width: 1521px){
.trippleBox {margin: 203px 4% 0 195px;}
	}
@media only screen and (max-width: 1521px){
.trippleBox {margin: 203px 4% 0 208px;}
	}




@media only screen and (max-width: 1440px){
    .deskVdo{
        width: 820px;
    }
    .bannerText h2{
    	font-size: 40px;
    }
    .homeBlock_02 .absImg1 {
        top: 25px;
        left: -305px;
        width: 620px;
    }
    .homeBlock_02 .absImg2 {
        left: 5%;
        top: 271px;
        width: 400px;
    }
    
    .trippleText span{
        font-size: 18px;
    }
    .trippleText {
        padding-top: 18px;
    }
    .trippleBox {
        position: relative;
        margin: 191px 4% 0 125px;
    }
    .trippleCont{
        padding-left: 0;
    }
    .trippleBox:before{
        left: 160px;
    }
    .trippleBox:after{
        left: 180px;
    }
    .trippleCont:before{
        bottom: 20px;
        left: -67px;
        height: calc(100% - 235px);
    }
    .trippleCont .absImgBr{
        left: -68px;
    }
    
    .ringBox img {
        width: 160px;
    }
    .ringList1 {
        padding: 0 100px;
    }
    .counterText.text-right {
        right: -40px;
    }
    .counterText .bigText {
        font-size: 36px;
    }
    .counterTextBox img{
        width: 42px;
    }
    
    .counterText p{
        line-height: 1.2;
    }
    .ringList2 li .bigText .counter{
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .ringList2 .counterText .pt_15{
        padding-top: 0 !important;
    }
    .ringList2 .pl_10 {
        padding-left: 20px !important;
    }
    .ringList2 .pt_30 {
        padding-top: 10px !important;
    }
    .ringList2 .pt_35 {
        padding-top: 10px !important;
    }
    .ringList2 li .pt_10.pl_10 .bigText .counter{
        margin-bottom: 0;
    }
    
    .hugeText {
        font-size: 150px;
    }
    .hugeText.abs {
        top: 60%;
    }
    .uList li{
        font-size: 32px;
        line-height: 1;
    }
    .uListContWrap .ringImgBox .absImg1{
        width: 520px;
    }
    .uListContWrap .ringImgBox .absImg2{
        width: 360px;
        left: 100px;
        bottom: 210px;
    }
    .uListContWrap .img_textWrap img{
        width: 310px;
    }
    .uListContWrap .img_textWrap > .imgHolder{
        margin-top: 60px;
        margin-right: 30px !important;
    }
    .uListContWrap .img_textWrap > .boldPara{
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
        margin-left: 40px !important;
    }
    
    
    .rndBox .contBox{
        padding: 40px 60px 60px;
    }
    .rndImgBoxCont{
        max-width: 90%;
    }
    .manageImgBox > div, .manageImgBox > div > div,
    .manageImgBox figure{
        height: 660px;
    }
    .slick-dots{
        right: -80px;
    }
    
    .homeBlock_05 .absImg{
        width: 360px;
    }
    .homeBlock_06 .absImg{
        width: 440px;
    }
    
    
    
    .footerDownload {
        height: 68px;
    }
    
    
    
    .eachMileWrap img {
        width: 180px;
    }
    .eachMileWrap1 {
        left: 5.5%;
        top: 45px;
    }
    .eachMileWrap2 {
        left: 24%;
        top: 25px;
    }
    .eachMileWrap3 {
        left: 42%;
        top: 45px;
    }
    .eachMileWrap4 {
        left: 60.5%;
        top: 25px;
    }
    .eachMileWrap5 {
        left: 79%;
        top: 45px;
    }
    .eachMileWrap6 {
        right: 4.5%;
        bottom: 0px;
    }
    .eachMileWrap7 {
        right: 22.5%;
        bottom: 40px;
    }
    .eachMileWrap8 {
        right: 41%;
        bottom: 25px;
    }
    .eachMileWrap9 {
        right: 59.5%;
        bottom: 40px;
    }
    
}

@media only screen and (max-width: 1415px){
.trippleBox {margin: 191px 4% 0 136px;}

	}

@media only screen and (max-width: 1384px){
.trippleBox {margin: 191px 4% 0 150px;}

	}




@media only screen and (max-width: 1366px){
    .pagiNav {
        height: 80px;
        padding: 5px 30px;
    }
    .pagiNav .prevLink a span:nth-child(3) {
        left: 170px;
        font-size: 16px;
    }
    .pagiNav .prevLink a span:nth-child(1), .pagiNav .prevLink a span:nth-child(2) {
        left: 125px;
    }

    .pagiNav .nextLink a span:nth-child(3){
        right: -130px;
        font-size: 16px;
    }
    .pagiNav .nextLink a span:nth-child(1), .pagiNav .nextLink a span:nth-child(2){
        right: 140px;
    }
    
    
    .eachMileWrap {
        width: 260px;
    }
    .eachMileWrap1 {
        left: 6%;
        top: 35px;
    }
    .eachMileWrap2 {
        left: 24.5%;
        top: 20px;
    }
    .eachMileWrap3 {
        left: 43%;
        top: 35px;
    }
    .eachMileWrap4 {
        left: 61.5%;
        top: -10px;
    }
    .eachMileWrap5 {
        left: 80%;
        top: 30px;
    }
    .eachMileWrap6 {
        right: 5.5%;
        bottom: 0px;
    }
    .eachMileWrap7 {
        right: 23.5%;
        bottom: 35px;
    }
    .eachMileWrap8 {
        right: 42%;
        bottom: 0px;
    }
    .eachMileWrap9 {
        right: 60.5%;
        bottom: 35px;
    }
    
    
    
    .navHolder {
        padding: 90px 40px 30px;
    }
    .menuTitle {
        font-size: 24px;
    }
    .menu li {
        width: calc(33.33% - 15px);
    }

    .trippleBox{margin: 191px 4% 0 158px;}

}


@media only screen and (max-width: 1280px){
    .eachMileWrap .eachmileInfo {
        padding: 15px 35px;
    }
    .eachMileWrap .eachmileInfo strong{
        line-height: 1.1;
    }
    .eachMileWrap1 {
        left: 5.5%;
        top: 25px;
    }
    .eachMileWrap2 {
        left: 24%;
        top: 50px;
    }
    .eachMileWrap3 {
        left: 42.5%;
        top: 25px;
    }
    .eachMileWrap4 {
        left: 60.5%;
        top: 25px;
    }
    .eachMileWrap5 {
        left: 79%;
        top: 25px;
    }
    .eachMileWrap6 {
        right: 4.5%;
        bottom: 25px;
    }
    .eachMileWrap7 {
        right: 23%;
        bottom: 30px;
    }
    .eachMileWrap8 {
        right: 41.5%;
        bottom: 25px;
    }
    .eachMileWrap9 {
        right: 59.5%;
        bottom: 30px;
    }
    .trippleBox {
  margin: 191px 4% 0 197px;
}

}


@media only screen and (max-width: 1200px){
    .col-lg-3.footerSocial .footerLogo img{
        width: 100%;
        max-width: 200px;
    }
    .col-lg-8.reportBlock{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .footerDownload span{
        line-height: 1.1;
    }
    
    .eachMileWrap img {
        width: 150px;
    }
    .eachMileWrap1 {
        left: 4.5%;
        top: 25px;
    }
    .eachMileWrap2 {
        left: 23%;
        top: 50px;
    }
    .eachMileWrap3 {
        left: 41.5%;
        top: 25px;
    }
    .eachMileWrap4 {
        left: 59.5%;
        top: 25px;
    }
    .eachMileWrap5 {
        left: 78%;
        top: 25px;
    }
    
    .eachMileWrap6 {
        right: 4%;
        bottom: 25px;
    }
    .eachMileWrap7 {
        right: 22%;
        bottom: 30px;
    }
    .eachMileWrap8 {
        right: 40.5%;
        bottom: 25px;
    }
    .eachMileWrap9 {
        right: 58.5%;
        bottom: 30px;
    }
    .trippleBox {
  margin: 191px 4% 0 233px;
}

}

@media only screen and (max-width: 1199px){
.trippleBox{margin: 191px 4% 0 233px;}

}


@media only screen and (max-width: 1170px){
    .container {
        max-width: 100%;
    }
    .trippleBox {
  margin: 191px 4% 0 247px;
}
}


@media only screen and (max-width: 1100px){
.trippleBox {margin: 191px 4% 0 278px;}	
}


@media only screen and (max-width: 1024px){
    header{
        position: static;
    }
    
    .navigation{
        -ms-flex: 0 0 140px;
        flex: 0 0 140px;
        max-width: 140px;
    }
    .logosWrap{
        -ms-flex: 0 0 calc(100% - (140px + 40px));
        flex: 0 0 calc(100% - (140px + 40px));
        max-width: calc(100% - (140px + 40px));
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .posstat{
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        max-width: 40px;
    }
    
    .logo img,
    .stickyHeader .logo img{
        max-width: 90px;
    }
    .menuArea,
    .stickyHeader .menuArea{
        padding: 9px 0;
    }
    .arTitle span ,
    .stickyHeader .arTitle span {
        font-size: 16px;
        line-height: 20px;
    }
    .navigation .bar.bar_01,
    .stickyHeader .navigation .bar.bar_01,
    .navigation .bar.bar_02,
    .stickyHeader .navigation .bar.bar_02,
    .navigation .bar.bar_03,
    .stickyHeader .navigation .bar.bar_03{
        width: 30px !important;
        height: 3px;
    }
    
    .navigation .bar.bar_01,
    .stickyHeader .navigation .bar.bar_01,
    .navigation .bar.bar_02,
    .stickyHeader .navigation .bar.bar_02{
        margin-bottom: 8px;
    }
    
    .hamburger.active .bar:nth-child(1), .stickyHeader .hamburger.active .bar:nth-child(1) {
        transform: translateY(15px) rotate(45deg);
    }
    .barWrap.mr_15{
        margin-right: 5px !important;
    }
    
    .menuArea img{
        width: 40px;
    }
    
    /* .hamburger.active .bar:nth-child(1) ,
    .stickyHeader .hamburger.active .bar:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3) ,
    .stickyHeader .hamburger.active .bar:nth-child(3) {
        transform: translateY(-13px) rotate(-45deg);
    } */
    
    .nav-menu,
    .stickyHeader .nav-menu{
        z-index: 10;
        height: calc(100vh - 68px);
    }
    
    
    .bannerText h2.purpleText {
        top: calc(50% + 10px);
    }
    
    .nav-menu.active,
    .stickyHeader .nav-menu.active{
        top: 67px;
    }

    .myMenuWrap .col-lg-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .banner{
        height: 550px;
    }
    .bannerVdo{
        display: none;
    }
    .bannerImg{
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center center;
    }

    main {
        padding-top: 0;
    }
    .stk.sticky {
        position: relative;
        top:0;
        width: 100%;
    }
  
    .deskVdo {
        width: 648px;
        top: -14%;
        left: -45%;
    }
    .manageMain h2 
    {
        font-size: 30px;
    }
  .clnt
  {
    display: none;
  }
  .quote p {
    font-size: 18px;
  }
  .rndBox .contBox {
    padding: 40px 20px 40px;
  }
  .ringList1 {
    padding: 0 32px;
  }
  .ringList li {
    width: calc((100% / 3) - 40px);
  }
  .homeBlock_02 .absImg1 {
    top: 9px;
   left: 2px;
    width: 200px;
  }
  .hugeText {
    font-size: 100px;
  }
  .homeBlock_02 h3.d-none {
    display: block !important;
    text-align: center;
    margin: 20px 0 0 0;
  }
  .homeBlock_02 .absImg2 {
    display: none;
  }
  .trippleBox {
    margin: 63px 4% 0 38px;
  }
  .absBox {
    width: 74%;
    padding: 20px 20px;
  }
  .groupHeading h2 {
    font-size: 26px;
  }
  .imgImg.h-100
  {
    height: auto !important;
  }
  .financialWrap .absImg {
    right: -100px;
    bottom: -100px;
    width: 200px;
  }
  .ringBox.wid_40 {
    width: 230px;
  }
  .absBox > div {
    height: 500px;
    max-height: 500px;
  }
  .imgImg.wid_55
  {
    width: 100%;
  }
  .ad-1 .imgInfo {
    padding: 0 0 20px 0 !important;
  }
  .ad-1 .imgInfo.wid_45 {
    width: 100%;
  }
  .contBox.wid_65 {
    width: 100%;
    padding: 0 !important;
  }
  .stk .imgImg.h-100 {
    height: 100% !important;
  }
  .ringBox.wid_30 {
    width: 230px;
  }
  .footerDownload span {
    line-height: 13px;
  }
  .menu-item
  {
    line-height: 14px;
    font-size: 14px;
  }
  /*.navHolder {*/
  /*  padding: 45px 40px 30px;*/
  /*}*/
  
    .eachMileWrap {
        width: 230px;
    }
    .eachMileWrap img {
        width: 110px;
    }
    .eachMileWrap1 {
        left: 4%;
        top: 25px;
    }
    .eachMileWrap2 {
        left: 23%;
        top: 27px;
    }
    .eachMileWrap3 {
        left: 41%;
        top: 25px;
    }
    .eachMileWrap4 {
        left: 59.5%;
        top: 18px;
    }
    
    .eachMileWrap6 {
        right: 3%;
        bottom: 0px;
    }
    

}


@media only screen and (max-width: 991px){
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wid_45 {
        width: 100%;
    }
    .contBox.rel.pr_30
    { 
        padding-right: 0px !important;
    }
    .imgInfo.pr_30
    {
        padding-right: 0px !important;
        margin-top: 30px;
    }
    .footerLogo img 
    {
        max-width: 140%;
    }
    .footerDownload {
        height: 58px;
        line-height: 17px;
        margin-bottom: 3px;
    }
    .footerDownload.px_20 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .col-lg-4.eachReport{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .groupHeading h2 {
        font-size: 30px;
    }
    .absBox {
        width: 75%;
        padding: 30px 28px;
    }
    .absImgBox {
        height:auto;
    }
    .absBox > div {
        height: 350px;
        max-height: 350px;
    }
    .container_max {
        width: 100%;
    }
    .wid_60 {
        width: 100%;
    }
    .wid_40 {
        width: 100%;
    }
    .environmentWrap .dfWrapHolder2 .eachBoxWrap .eachBox {
        width: calc(50% - 20px);
    }
    
    .footerLogo.mb_50{
        margin-bottom: 30px !important;
    }
    .socialList li:not(:last-child) {
        margin-right: 6px;
    }
  
}


@media only screen and (max-width: 840px){
    .eachMileWrap {
        width: 160px;
    }
    .eachMileWrap .eachmileInfo {
        padding: 10px 15px;
    }
    .eachMileWrap .eachmileInfo span,
    .eachMileWrap .eachmileInfo strong,
    .eachMileWrap .eachmileInfo p{
        font-size: 14px;
    }
    .eachMileWrap img {
        width: 90px;
    }
    .eachMileWrap1 {
        left: 6%;
        top: 25px;
    }
    .eachMileWrap2 {
        left: 25%;
        top: 27px;
    }
    .eachMileWrap3 {
        left: 43%;
        top: 25px;
    }
    .eachMileWrap4 {
        left: 61.5%;
        top: 18px;
    }
    .eachMileWrap5 {
        left: 80%;
        top: 25px;
    }
    .eachMileWrap6 {
        right: 5.5%;
        bottom: 0px;
    }
    .eachMileWrap7 {
        right: 24%;
        bottom: 30px;
    }
    .eachMileWrap8 {
        right: 42.5%;
        bottom: 15px;
    }
    .eachMileWrap9 {
        right: 60.5%;
        bottom: 30px;
    }

}


@media only screen and (max-width: 768px){
    .banner {
        height: 440px;
    }
    .imgInfo.pr_30 {
        padding-right: 0px !important;
        margin-top: 0;
        padding: 0 0 20px 0;
    }
    .groupHeading h2 br 
    {
        display: none;
    }
    
    .eachMileWrap {
    width: 150px;
}
.eachMileWrap2 {
    top: -15px;
}
.eachMileWrap4 {
    top: -20px;
}
.eachMileWrap6 {
    bottom: -35px;
}
.eachMileWrap8 {
    bottom: -22px;
}
}


@media only screen and (max-width: 767px){
    .menuT
    {
      display: none;
    }
    .menu li {
        width: calc(50% - 15px);
    }
    .navHolder {
        padding: 60px 40px 30px;
    }
    .absBox {
        width: 100%;
        padding: 20px 0px;
        position: static;
    }
    .absBox > div {
        height: auto;
        max-height: 2000px;
    }
    .absBox .groupHeading h2
    {
      color:#000;
    }
    .absBox .whiteText {
        color: #000 !important;
    }
    .absBoxRed::after {
        background-color: transparent;
    }
    .wid_50 {
        width: 100%;
    }
    .ringBox {
        max-width: 247px;
        margin: 0px auto;
    }
    .absBox::after
    {
      background-color: transparent;
    }
    .groupHeading h2 {
        font-size: 26px;
    }
    .customBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pt_100 {
        padding-top: 20px !important;
    }
    .deskVdo {
        width: 100%;
        top: 0;
        left: 0;
    }
    .bannerImgBox {
        width: 100%;
        height: 70vh;
    }
    .bannerText h2.blackText {
        top: calc(90% - 50px);
    }
    .bannerText h2 {
        font-size: 32px;
    }
    h2 {
        font-size: 30px;
    }
    .leftBlock
    {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .col-lg-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .bannerText h2 {
        right: 0;
        font-size: 30px;
        text-align: center;
    }
    .bannerText h2.purpleText {
        top: calc(70% + 25px);
    }
    .homeBlock_02 .absImg1 {
        top: 10px;
        left: 25%;
        width: 43%;
        position: relative;
    }
    .homeBlock_02 .absImg2 {
        display: none;
    }
    .leftContBox
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .manageMain {
        margin-right: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .homeBlock_05
    {
        margin:20px 0;
    }
    .homeBlock_05 .container_full
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .rndBox .contBox {
        padding: 20px 20px 50px;
        background-color: #e21a2d;
    }
    .rndMain {
        margin-right: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .homeBlock_07 .absImg {
        right: 0;
        top: -118px;
        width: 142px;
    }
    .rndImgBox img {
        width: 100%;
    }
    .rndImgBoxCont {
        max-width: 100%;
    }
    .uListContWrap .ringImgBox .absImg1 {
        width: 100%;
    }
    .uListContWrap .ringImgBox .absImg2 {
        width: 100%;
        left: 0;
        bottom: 210px;
    }
    .rndImgBox figure {
        height: auto;
    }
    .rndImgBox > div, .rndImgBox > div > div {
        height: auto;
    }
    .clnt
    {
        display: none;
    }
    .trippleBox {
        margin: 30px 0 0 0;
        padding: 0 15px;
    }
    .homeBlock_02 h3.d-none
    {
        display: block !important;
        text-align: center;
        margin: 20px 0 0 0;
    }
    .trippleText {
        width: 100%;
    }
    .trippleCont {
        width: calc(100% - 0px);
    }
    .ringList1 {
        padding: 0 0;
    }
    .ringList li {
        width: calc((100% / 1) - 20px);
        max-width: 250px;
        margin: 0px auto 20px;
    }
    .counterText.text-right {
        right: 0;
    }
    .uList li {
        font-size: 16px;
    }
    .hugeText {
        font-size: 50px;
    }
    .uListContWrap .img_textWrap > .boldPara {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0 !important;
    }
    .ringImgBox1
    {
        display: none;
    }
    .boardLayer .toolTip {
        width: 17px;
        height: 17px;
    }
    .toolTip::before {
        width: 17px;
        height: 17px;
    }
    .boardLayer .toolTip span {
        font-size: 10px;
    }
    .tip_12 {
        right: 26%;
    }
    .tip_6 {
        top: 39%;
        right: 79%;
    }
    .tip_5 {
        top: 32%;
        right: 85%;
    }
    .sh {
        left: -45px;
    }
    
    .tip_13:hover .sh{
        left: -128px;
    }
    
    .tip_1:hover .sh{
        top: 15px !important;
    }
    
    .tip_4:hover .sh{
        top: 10px !important;
    }
        
    .imgInfo.pr_30 {
        padding-right: 0px !important;
        margin-top: 0;
        padding: 0 0 20px 0;
    }
    .sidebarBox.wid_35
    {
        width:100%;
    }
    .stk .imgImg.h-100 {
        height: auto !important;
    }
    .environmentWrap .dfWrapHolder2 .eachBoxWrap .eachBox {
        width: calc(100% - 20px);
     }
    .wid_1b8 {
        width: calc((100% / 3) - 10px);
    }
    .wid_1b6 {
        width: calc((100% / 3) - 10px);
    }
    .wid_1b5 {
        width: calc((100% / 3) - 10px);
    }
    
    .capableWrap .dfWrapHolder1{
        margin-bottom: 50px;
    }
    .eachSector {
        margin-bottom: 20px;
    }
    .custListHolder {
        background-image: none !important;
        padding: 20px 0 0;
        height: auto;
        /*display: none;*/
    }
    .accTrigger {
        padding: 8px 15px;
        border-radius: 20px;
        border: 2px solid #9d1882;
    }
    .accTrigger .purpleText{
        padding-left: 0 !important;
    }
    .eachSector:first-child .custListHolder{
        /*display: block;*/
    }
    .eachSector h3
    {
        font-size: 24px;
    }
    
    .eachMileWrap {
        width: 100%;
    }
    .eachMileWrap img {
        width: 180px;
    }

    .eachMileWrap1.abs {
        position: relative;
    } 
    .eachMileWrap2.abs {
        position: relative;
    }
    .eachMileWrap3.abs {
        position: relative;
    }
    .eachMileWrap4.abs {
        position: relative;
    }
    .eachMileWrap5.abs {
        position: relative;
    } 
    .eachMileWrap6.abs {
        position: relative;
    }
    .eachMileWrap7.abs {
        position: relative;
    }
    .eachMileWrap8.abs {
        position: relative;
    }
    .eachMileWrap9.abs {
        position: relative;
    }
    .eachMileWrap1 {
        left: 0;
        right: 0;
        margin: 0px auto;
     }
    .eachMileWrap2 {
        left: 0;
        right: 0;
        margin: 0px auto;
        bottom: 0;
        flex-direction: column;
        top:70px;
     }
     .eachMileWrap3 {
        left: 0;
        right: 0;
        margin: 0px auto;
        top: 93px;
     }
     .eachMileWrap4 {
        left: 0;
        right: 0;
        margin: 0px auto;
        bottom: 0;
        flex-direction: column;
        top: 116px;
     }
     .eachMileWrap5 {
        left: 0;
        right: 0;
        margin: 0px auto;
        top: 135px;
     }
     .eachMileWrap6 {
        left: 0;
        right: 0;
        margin: 0px auto;
        bottom: 0;
        top: 154px;
     }
     .eachMileWrap7 {
        left: 0;
        right: 0;
        margin: 0px auto;
        top: 173px;
        flex-direction: column;
     }
     .eachMileWrap8 {
        left: 0;
        right: 0;
        margin: 0px auto;
        bottom: 0;
        top: 192px;
     }
     .eachMileWrap9 {
        left: 0;
        right: 0;
        margin: 0px auto;
        top: 220px;
        bottom: 0;
        flex-direction: column;
     }
     .milestoneWrap .bgImg1
     {
        display: none;
     }
     .milestoneWrap.customBlock.pb_30
     {
        padding-bottom: 240px !important;
     }
     .eachMileWrap .eachmileInfo {
        padding: 20px 30px 70px;
        background: url(../img/down.png) no-repeat;
        background-position: 50% 100%;
        background-size: auto 40px;
     }
     .eachMileWrap9 .eachmileInfo {
        background: none;
       
     }
     
     .col-lg-3.footerSocial{
         text-align: center;
         margin-bottom: 30px;
     }
     .socialList{
         justify-content: center !important;
     }
     .col-lg-8.reportBlock {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
     .socialList li:not(:last-child) {
        margin-right: 15px;
    }
}


@media only screen and (max-width: 640px){
    .title {
        font-size: 26px;
    }

    .rad_50 {
        border-radius: 20px;
    }
    

    .banner {
        height: auto;
    }
    .footerLogo img {
        max-width: 60%;
    }
}


@media only screen and (max-width: 575px){
    .col-lg-3.footerSocial {
        margin-bottom: 10px;
    }
.col-lg-4.eachReport
{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.footerDownload{
    height: auto;
    padding: 12px 15px;
}
.socialList{
    padding: 10px 0;
}
.ringBox.wid_40
{
    width: 100%;
    max-width: 243px;
    margin: 0px auto 30px;
}
.footerSocial
{
    width:100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.reportBlock
{
    width:100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.footerLogo
{
    text-align: center;
    margin-bottom: 20px !important;
}
.socialList
{
    margin: 0 0 15px 0;
    justify-content: center;
}
.ringBox.wid_30 {
    width: 100%;
    max-width: 230px;
    margin: 0 auto 30px;
}
.environmentWrap .dfWrapHolder2 .imgBox {
    height: auto;
    width: 100%;
  }
  .imgBoxCont.pl_30
  {
     width:100%;
     padding-left: 0px !important;
  }
.logosWrap
{
    margin: 0 0 0 0;
    max-width: 190px;
}
.logosWrap ul li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
}
.logosWrap img 
{
    width:63px;
}
.download {
    padding: 0 0;
}
.download img 
{
    max-width: 40px;
}
.menu li {
    width: calc(100% - 0px);
    margin-right: 0;
}
.menu-item {
    line-height: 15px;
}
.footerDownload.px_20 {
    margin-bottom: 10px;
}
}
@media only screen and (max-width: 480px){

}

@media only screen and (max-width: 420px){
}


@media only screen and (max-width: 360px){
}