@media (min-width: 480px) and (max-width: 767px) {
    .ham{
        margin: 0 40px;
    }
    .mobile-search{
        opacity: 0.35;
        font-family: Geomanist;
        font-size: 19px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.58;
        letter-spacing: normal;
        color: #ffffff;
        margin: 6px 23px;
        padding: 18px 47px;
    }
     .ham-menu-item{
        margin: 5px !important;
        display: block;
        float: left;
        width: 250px !important;
    }
    .desktop{
        display: none ;
    }
    .mobile{
        display: block;
    }
    .mobile .menu-img {
        margin: 9px;
    }
    .mobile .res{
        background-color: #2e0830;
    }
    .mobile .res-icon{
        margin: 24px;
    }
    #ham-menu{
        display: none;
    }
    .ham-menu {
        height: 100%;
        width: 100%;
        position: absolute;
    }
    .inner-image1 {
        height: 100%;
        top: auto;
    }
    .down-sec{
        margin: 30em 0 49px 0;;
    }
    .invest-contact {
        margin-top: 0;
    }
    .cta-heading {
        margin: 20px 0;
    }
    .footer-sitemap li a, .footer-sitemap li a:hover {
        font-family: 'Lato Regular';
        font-size: 16px;
        line-height: 30px;
        color: #ffffff;
        padding: 28px 0;
    }
    .footer-sitemap li {
        display: block;
        width: 243px;
        margin: 6px;
    }
    .report span {
        margin-left: 100px;
    }
    .social ul li{
        display:inline;
        list-style: none;
        margin: 20px;
    }
    .social ul {
        padding: 0;
        margin: 22px;
    }
    .social{
        margin: 56px 0;
        border-bottom: 3px solid;
        border-top: 3px solid;
    }
    .footer-wad-logo {
        margin: 0px 0;
    }

    /*repor*/
    .repo-main .project-img {
        width: 75px;
        padding: 5px 0px;
        margin: 7px;
    }

    /*electronic*/
    .right-curve {
        width: 125%;
    }
    .inner-image{
        top: auto;
        height:118%;
    }
   
    .video-row{
        height: 450px;
    }
    .center-row .nav-pills .nav-link {
        width: 147px;
    }
    
     .swiper-container {
        width: 100%;
        height: 100%;
      }
     .swiper-slide {  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
      
      .brand .brand-log {
        width: 57px;
        height: 57px;
        margin: 20%;
      }
      .center-row .brand li a {
        border-radius: 70px;
        width: 98px;
        display: block;
        height: 98px;
    }
    .brand{
        margin-right: 3em;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 12px;
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: rgba(255, 255, 255, 0.41);
        opacity: 0.82;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -3px;
    }




    .env-slider .swiper-button-next {
        right: 33%;
        bottom: -48px
    }
    .env-slider .swiper-button-prev {
        right: 55%;
        bottom: -48px
    }
    .env-slider .box:hover .overlay {
        width: 94%;
      }
      .env-slider .box .des {
        font-size: 14px;
        padding-top: 107px;
        margin: 6px 0;
      }
      .env-slider .box a {
        font-size: 12px;
        position: absolute;
        right: 57px;
      }
      .env-slider .box .text {
        top: -17px;
        left: 23%;
      }




      .abans-finan-two .box:hover .overlay {
        width: 94%;
      }

    .abans-finan-two .box .des {
        font-size: 12px;
        padding-top: 65px;
    }

    .our-business .combine {
        padding: 20em 36px;
    }
    .our-business .center-sec-head {
        font-size: 31px !important;
    }
    .our-business .right-curve {
        width: 110%;
    }
    .our-business .combine p {
        font-size: 14px;
    }
    .our-business a {
        font-family: Geomanist;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: center;
        text-align: center;
        line-height: 28px;
        color: #ffffff;
        background-color: #781d7d;
        width: 79px;
        height: 79px;
        border-radius: 92px !important;
        background-color: #781d7d;
    }
    .our-business .nav-link:hover{
        border-radius: 92px !important;
        border: solid 1px #781d7d;
        background-color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: center;
        color: #6a186f;
    }   
    .our-business .swiper-button-prev::after, .our-business .swiper-button-next::after {
        font-family: swiper-icons;
        font-size: 16px;
        color: #000;
    }
    .our-business .swiper-button-next{
        top: 30px;
        right: -21px;
        left: auto;
        width: 58px;
        height: 58px;
        background-color:#f2e8f2;
        border: 1px transparent;
        border-radius: 35px;
    }
    .our-business .swiper-button-prev{
        top: 30px;
        left: -21px;
        right: auto;
        width: 58px;
        height: 58px;
        background-color:#f2e8f2;
        border: 1px transparent;
        border-radius: 35px;
    }
    .selecting-head{
        font-family: Geomanist;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.14;
        letter-spacing: 0.44px;
        color: #4f4f4f;
        margin: 20px 8px;
    }
    .our-business .card .acordian-tabs, .our-business .card a{
        font-family: Geomanist;
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.03;
        letter-spacing: normal;
        color: #4f4f4f;
        cursor: pointer;
        text-align: left;
        width: unset;
        height: unset;
        border-radius: unset !important;
        background-color: unset;
    }
    .our-business .card .acordian-tabs.collapsed::after {
        content: url(../img/plus.svg);
        font-family: fontAwesome;
        color: #781d7d;
        float: right;
        margin-right: 20px;
    }
    .our-business .card .acordian-tabs::after {
        content: url(../img/button-arrow-large.png);
        margin-right: 0px;
        float: right;
    }

    .mobile .artical{
        margin: 10px 0;
    }




    .bg-text-inner {
        width: 310px;
    }
    .vision-text{
        font-family: Lato;
        font-size: 17px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.35;
        letter-spacing: 0.67px;
        text-align: center;
        color: #3e3e3e;
    }
    #chairman-bg{
        background-image: linear-gradient(to bottom, #e3e1e4, #917195);
    }
    .chairman-img{
        width: 100%;
        position: relative;
        top: -36%;
    }
    .main-content{
        font-family: Geomanist;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.14;
        letter-spacing: 0.44px;
        text-align: center;
        color: #ffffff;
    }
    .downarrow {
        bottom: 10px;
    }
    .selection{
        margin: 15px 0;
    }
    .member-img{
        width: 100%;
        height: 88%;
        object-fit: cover;
    }
    .members-swiper-container .swiper-pagination-bullet-active {
        opacity: 1;
        background-color: #781d7d !important;
    }
    .members-swiper-container .swiper-button-prev{
        right: 28%;
    }
    .members-swiper-container.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 22px;
        left: 0;
        width: auto;
    }
    .members-swiper-container .swiper-pagination-bullet {
        background: #d8d8d8;
    }
    .num{
        font-family: Lato;
        font-size: 47px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.06;
        letter-spacing: normal;
        color: #4c4c4c;
    }
    .circle-big{
        width: 130px;
    }
    .stat{
        font-family: Lato;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #781d7d;
    }
    .num-small{
        font-family: Lato;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.5;
        letter-spacing: normal;
        text-align: center;
        font-size: 35px;
        font-weight: bold;
        color: #781d7d;
    }
    .circle-wrapper {
        padding: 16px;
        height: 233px;
    }
    .statistics{
        font-family: Lato;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.5;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
    }
    .middle-heading{
        font-family: Geomanist;
        font-size: 25px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #666666;
    }
    .workwith.mobile .inner-image-left, .csr.mobile .inner-image-right{
        height: 43%;
    }
    .purple-overlay {
        height: 28%;
    }
    .filter-container .vacancy-inner {
        margin: 0px 0px;
    }



    .intro-video{
        height: 100vh;
    }
    .contact-btn {
        padding: 23px 23px;
    }
    #introVideo {
        position: absolute;
    }
    .bottom-curve {
        position: absolute;
    }
    .logo-div {
        position: absolute;
    }
    .inner-image2{
        height:41%;
    }
    .bg-text {
        position: absolute;
        top: 40%;
        width: 288px;
        right: 17px;
    }
    .is-hidden {
        display: none !important;
      }
    .is-visible{
        position: fixed;
        /* opacity: 1;
        transition: transform 0.4s, opacity 0.2s; */
    }
    .fixed-top{
        background-color: #ffffff;
    }
    .home-ham{
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 99999;
    }
    .home-section {
        padding-bottom: 15em;
    }
    .manage-mob .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1;
        background:transparent;
    }
    .manage-mob .swiper-pagination-bullet p {
        font-family: 'Geomanist';
        font-size: 17px;
    }
    .img-overlay {
        position: absolute;
        right: 0;
    }
    .video-img {
        margin-left: 0;
    }
    .playvideo {
        top: 95px;
        position: relative;
        left: 0;
    }
    .manage-mob.swiper-container {
        width: 100%;
        height: 566px;
    }
    .awards-swiper-mob-prev::after{
        background-image: url(../img/up-arrow.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 47px;
        height: 47px;
        content: '';
    }
    .awards-swiper-mob-next::after{
        background-image: url(../img/down-arrow.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 47px;
        height: 47px;
        content: '';
    }
    .awards-swiper-mob-prev, .awards-swiper-mob-next {
        width: 49px;
    }
    .sub-heading {
        font-size: 26px;
        padding: 0 15px;
    }
    .awards-swiper .swiper-slide {
        border: 1px solid transparent;
        padding: 15px 15px;
    }
    .section-heading {
        font-size: 23px;
        padding: 0 15px;
    }
    #spotlight, #work, #careers {
        padding-top: 4em;
        padding-bottom: 1em;
    }
    .news-item {
        padding: 29px;
    }
    .vacancy-inner {
        margin: auto;
    }
    .desktop1{
        display: none;
    }



    .vertical-bar{
        position: absolute;
        width: 1px;
        height: 188%;
        background-color: #ffffff;
    }
    .timeline-heading{
        font-family: charlotte;
        font-size: 45px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.49;
        letter-spacing: normal;
        color: #ffffff;
    }
    .timeline-img{
        margin: 3em 0;
    }
    .vertical-bar1{
        position: absolute;
        width: 1px;
        height: 182%;
        background-color: #ac83ae;
    }
    .black-year{
        font-family: Geomanist;
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #631868;
    }
}