@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    #header .navbar .menu-item {
        display: block;
        padding: 0.5em 1em;
    }
    
    .awards-swiper .swiper-slide,#awards .section-heading, #awards .sub-heading {
    padding-left: 0;
    }
    
    #awards .bcg-bottom{
        padding-left: 0 !important;
    }
    
    #menu-main-menu li a, #menu-main-menu-1 li a{
        padding: 0.5em 0.25em !important;
    }
    
    .search_toggle {
    padding-left: 2em !important;
    }

    .env-slider .swiper-button-next, .env-slider .swiper-button-prev {
        bottom: -33px;
    }
    .social-list li {
        margin-right: 6px;
    }
    .footer-inquiry {
        padding-right: 5px;
    }
    .ham .ham-menu-item, .ham2 .ham-menu-item {
        margin: 6px;
    }
    .ham-inner-img {
        height: 75% !important;
        top: 193px;
    }
    .tab-cont li {
        width: 283px;
        height: 62px;
    }
    .tab-cont {
        padding: 10px 0;
    }
    .service-sec .g {
        position: relative;
        left: 37px;
    }
    .service-sec .f {
        position: relative;
        left: 88px;
    }
    .service-sec .e {
        position: relative;
        left: 116px;
    }
    .service-sec .d {
        position: relative;
        left: 114px;
    }
    .service-sec .c {
        position: relative;
        left: 80px;
    }
    .service-sec .a1 {
        position: relative;
        left: -127px;
    }
    .bg-text {
        width: 400px;
    }
    .half-curve {
        width: 109%;
    }
    .curve-image-left {
        width: 45%;
        height: 75%;
    }
    .c1 {
        right: 23%;
    }
    .c7 {
        right: 23%;
    }
    
    .purple-curve-small,.bcg-left-small {
        width: 50%;
    }
    .readmore-btn {
        padding: 10px 24px;
    }    
    
    .vacancy-div {
        padding: 15px;
    }
    
    .inner-image{
        max-height: 596px;
    }
    
    .right-curve{
        height:auto;
    }
    
    .section-heading.styled {
        font-size: 38px;
        line-height: 60px;
     }
     
     .bg-text-inner{
         width:375px;
     }
     
     .abans-logo.desktop{
       width: 175px;  
     }
     
     .video-box1 {
      margin-bottom: 0;
      margin-top: 2em;
     }
     
     .curve-image-behind{
       width: 50%;
       height: 75%;  
     }
     
     .bcg-small .bg-text{
      width: 400px;
      left: 25px !important;
     }
     
     .home-service-sec .nav-item0{
       left: 15%;  
     }
     
     .home-service-sec .nav-item1{
        left: 45%; 
     }
     
     .home-service-sec .nav-item2 {
        position: relative;
        left: 55%;
     }
     
     .home-service-sec .nav-item3 {
      left: 55%;
     }
     
     .home-service-sec .nav-item4 {
       left: 25%;
     }
       
     .home-service-sec .nav-item5 {
         left: -30%;
     }
     
     .img-overlay{
         height:50px;
          padding: 20px 25px;
     }
     
     #awards{
        margin-top: -20vh; 
     }
     
     .profile-link{
        right: 18%;
        top: 77%;
     }
     
     #workwith .inner-image-left,#csr .inner-image-right{
         height:530px;
     }
     
     .image-div {
        padding-top: 3em;
        padding-bottom: 3em;
     }
     
     .timeline-img {
        width: 100%;
        height: auto;
     }
     
     .cf-heading{
       margin-top: 2em;
     }
     
     .cf-form1 .wpcf7-submit {
        margin-top: 0 !important;
    }
    
    
    .cf-form1 .wpcf7-submit::after {
     top: -20% !important;
    }
         
     
}

@media(min-width:768px) and (max-height: 1024px) and (orientation:portrait){
    .none-dis{
        display: none;
    }
    .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;
    }
    
    
    .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;
    }
  
    .down-sec{
        margin: 30em 0 49px 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;
    }
    .report span {
        margin-left: 10px;
    }
    .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-left: 15px;
    }
    /*repor*/
    .repo-main .project-img {
        width: 75px;
        padding: 5px 0px;
        margin: 7px;
    }

   .video-row{
        height: 450px;
    }
    .center-row .nav-pills .nav-link {
        width: 147px;
    }
    
     .swiper-container {
        width: 100%;
        height: 100%;
      }
     
      .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: 91%;
      }
      .env-slider .box .des {
        font-size: 12px;
        padding-top: 40px;
        margin: 6px 0;
      }
      .env-slider .box a {
        font-size: 12px;
        position: absolute;
        right: 57px;
      }
      .env-slider .box .text {
        top: -68px;
        left: 33%;
      }



      .abans-finan-two .box:hover .overlay {
        width: 92%;
      }
      .abans-finan-two .box .des {
        font-size: 12px;
        padding-top: 65px;
    }

    .our-business .combine {
        padding: 6em 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;
        right: 0 !important;
    }

    .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: 30px;
    }
    .selection{
        margin: 15px 0;
    }
    .member-img{
        width: 100%;
        height: 100%;
        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: 15%;
        left: 0;
        width: auto;
    }
    .members-swiper-container .swiper-pagination-bullet {
        background: #d8d8d8;
    }
    

    .workwith.mobile .inner-image-left, .csr.mobile .inner-image-right{
        height: 43%;
    }


    .filter-container .vacancy-inner {
        margin: 0px 0px;
    }
    .purple-overlay {
        height: 18%;
    }
    .careers-container {
        margin: 0;
    }
    .desktop1{
        display: none;
    }


    .intro-video{
        height: 100vh;
    }
    .contact-btn {
        padding: 23px 23px;
    }
    
    
    .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;
    }
   
    .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;
        padding: 20px 15px;
    }
   
    .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;
    }
    
    .awards-swiper .swiper-slide {
        border: 1px solid transparent;
        padding: 15px 15px;
    }
    
    .vacancy-inner {
        margin: auto;
    }


    .vertical-bar{
        position: absolute;
        width: 1px;
        height: 132%;
        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: 132%;
        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;
    }



    .inner-image-map {
        top: 50em;
        height: 71%;
    }
    .spacer{
        padding-top: 22em;
    }
    #header {
        width: 100%;
        height: 80px;
        z-index: 129;
    }
    .section-heading {
        position: relative;
        z-index: 2;
    }
    .management-swiper .swiper-slide{
        height: 79%;
    }
    .management-swiper .nav1 .swiper-button-prev {
        top: 0;
    }
    .management-swiper .nav1 {
        position: absolute;
        bottom: 10%;
    }
    .bcg-sec2 .bg-text {
        width: 311px;
    }
    #careers .bg-text {
        position: absolute;
        top: 40%;
        width: 288px;
        right: 79px;
    }
       
.navbar-light .navbar-toggler{
    background:#2e0830;
    padding: 20px 25px;
    border-radius: 0;
  } 
   
  .navbar-light .navbar-toggler-icon{
  background-image: url(../img/menu-icon.svg)!important;
  }    
      
 
  #introduction,.cta{
    margin-top:0;  
    margin-bottom:0;    
  }
  
  #home{
    margin-top:0; 
     
  }
  
  .contact-text{
    display:none  
  }
  
  #introVideo{
    min-height: 100vh; 
    width: 100%;
    object-fit: cover;
  }
  
  .copyright-div{
      display:none;
  }
  
  .desktopmenu2 {
      position: relative;
  }
  
  .bcg,.bcg-left{
      width:99%;
      position: relative;
  }
  
  .purple-curve{
      width:100%;
  }
  
  .bcg-section{
     position: absolute;
      width: 61%;
      right: 0;
      top: 0;
      height: 500px;  
      
  }
  
  .curve-section{
    position: absolute;
      width: 50%;
      left: 0;
      right: 0;
      top: 0;
      height: 500px;  
  }
  
  #service-curve{
      height:500px;
      min-height:500px;
  }
  
  .page-content{
      margin-top:0px;
  }
  
  .bcg-bottom{
      margin-top: 0 !important;  
  }
  #careers .bcg-section {
    left: 0;
}
 
  .management-swiper .swiper-slide{
   padding-right: 0%;   
  }
  
  .chairman-img{
      width:100%;
      margin-top: -285px;
  }
  
  .swiper-pagination-bullet p{
      font-size:18px;
  }
  
   .video-img {
    margin-left: 0;
      }
      
  .circle{
    display:none;      
  }
  
  .collapsiblebox{
    position: relative;  
  }
  
  .curve-image-left{
    width:100%;  
  }
  
  .purple-curve-small {
      width: 100%;
  }
  
  .footer-credit{
   position: relative;
   width:100%;
  }
  
  .video-para {
      margin-left: 0px;
  }
  
  .title-right{
   margin-left: 0px;   
  }
  
  .video-box1{
   margin-top: 4em; 
   width: 110%;
  }
  
  .video-box2{
   display: none;  
  }
  
  .vacancy-div {
      padding: 0;
  }
  
 .abans-mobile-logo{
     height: 45px;
     width: auto;  
   }
   
   .innersection {
      padding-top: 0px;
  }
  
  .inner-image1{
      height:376px;
      top: 35%;
  }
  
  .top-col{
     order:1; 
  }
  
  .down-col{
     /* order:2; */
     margin-top: 10em;
  }
  
  .bottom-col{
     order:1;
     padding-top: 5em;
  }
  
  .section-heading.mobile, .middle-heading.mobile{
      padding-left: 15px;
      width: 100%;
  }
  
  .main-num-col{
      justify-content: flex-end;
      margin-top: 2em;
  }
  
  .num{
    font-size: 47px;    
  }
  
  .stat{
    font-size: 20px;  
  }
  
  .circle-big{
      width:146px;
  }
  
  .stat-row .col-md-4{
      width:50%;
  }
  
  .circle-wrapper{
      padding: 15px;
      width: 185px;
      height: 185px;  
  }
  
  #cooperate-video{
    display: block;  
  }
  
  .videocontainer{
    width: 100%;
    position: relative;  
  }
  
  .inner-image,.inner-image-left,.inner-image-right{
      height: 376px;
      right:0;
  }
  
  .cta-heading {
          margin: 20px 0;
          text-align: center;
    }
    #footer{
        margin-bottom: 0;
        z-index: 2;
        position: relative;
    }
  
    .cta-action{
      text-align: center;  
    } 
    
    .cta .btn-div{
      margin:auto;  
      text-align: center;  
    }
    
    .vision-text{
      font-size: 17px;
      line-height: 40px;   
    }
    
    .about-swiper .swiper-slide img{
     width:100%;
     height:auto;   
    }
    
    .slider-section{
     padding-left:0px;
     padding-right: 0px;   
    }
    
    #vision .swiper-button-prev{
      right: 27%;  
    }
    
    .inner-curve{
     height:475px; 
    }
    
    .right-curve{
       width:100%;
       left:0;
    }
    
    .intro-col {
      padding-bottom: 0em;
     }
     
     .bgcircle-text{
       left: 25%;   
       width: 100%;
     }
     
     .tab-sec .tab-content{
       margin-top: 2em;  
     }
     
     .border-right{
       border-right: none !important;  
     }
     
     .form-col{
       margin-top:5em;  
     }
     
     .cf-form .wpcf7-submit{
       float:none !important;  
     }
     
     .btn-group{
       text-align: center;  
     }
     
     .mobile.menu-item{
        display:block !important;
    }
    
    #menu-main-menu li.border-right, #menu-main-menu-1 li.border-right{
        border-right:none !important;
    }
    
    #header .navbar .menu-item{
      padding: 1em 2.5em 1em 4em;
      width: 100%;   
    } 
    
    .home section{
        min-height: auto;
    }
    
    #sectors{
        min-height: 500px;
    }
    
    #report-sec {
    background: #b6c7dd;
    }
    
    .arrow-div{
        display: none;
    }
    
    .curve-image-behind{
        width:118%;
    }
    
    .home-tab-sec .tab-content{
        margin-left: 2.5em;
    }
    
    #awards .section-heading, #awards .sub-heading {
    padding-left: 15px;
    font-size: 24px;
    z-index: 10;
   }
   
   .news-item,.half{
     width: 50% !important;
     max-width: 50%;
     flex: 0 0 50%;  
   }
   
   .news-item.sub{
       width:100% !important;
       max-width: 100%;
       flex: 0 0 100%; 
   }
   
   .footer-inquiry{
     float:none;
   }
   
   .social-list {
    margin-top: 10px;
  }
  
  .footer-title{
    margin-right: 1em;  
  }
  
  .report, .report:hover{
      font-size:18px;
  }
  
  .slide-text br{
      display:none;
  }
  
  .home-service-sec .nav-item1 {
    left: 95%;
   }
   
  .home-service-sec .nav-item2 {
    position: relative;
    left: 110%;
   }
    
  .home-service-sec .nav-item3 {
    left: 110%;
   }
     
   .home-service-sec .nav-item5 {
    left: -10%;
   } 
   
   .awards-swiper .swiper-slide{
       height: 135px !important;
   }
   
   .img-overlay{
     height: 30px; 
   }
   
   .overlay-text{
    font-size: 13px;   
   }
   
   .home-service-sec .nav-item4 {
     left: 68% !important;
    }
    
    .home-service-sec .nav-item3 {
    left: 105% !important;
    }
    
    .home-service-sec .nav-item0 {
    left: 65% !important;
    }
    
    .accordion ul {
    padding-left: 0;
    padding-top: 30px;
    }
    
    .tab-sec .acordian-tabs, .home-tab-sec .acordian-tabs{
        font-size: 22px;
        line-height: 30px;
        height: 60px;
    }
    
    .image-div {
        padding-top: 2em;
        padding-bottom: 2em;
     }
     
     .profile-link{
       right: 12%;
       top: 68%;  
     }
     
     #management-bg{
         min-height: auto;
     }
     
     .signature.desktop{
         text-align: center;
     }
     
     .members-swiper-container{
       height: 500px !important;
       margin-top: 10px;  
     }
     
     .members-swiper-container .swiper-button-next, .members-swiper-container .swiper-button-prev {
        bottom: 0;
        top: 80%;
     }
     
     .members-swiper-container .swiper-button-prev {
        right: 10%;
        left: auto;
        width: 42px;
        height: 42px;
     }
     
     .members-swiper-container .swiper-slide{
         height:350px;
     }
     
     .progress{
         left: 35px;
         top: 70px;
     }
     
     #older-articals{
         padding-bottom: 55px;
     }
     
     .statistics{
         font-size:20px;
     }
     
     #coop-video{
         height:auto;
     }
     
     .bg-text-video{
         max-width: 85%;
     }
    
     #insight{
       padding-bottom: 55px;  
     }
     
     .bg-text-inner{
        width: 275px;
        left: 75px !important;
     }
     
       .curve-image-buiness{
         width:50%;
         height: 500px;
         min-height: 500px;
     }
     
     .curve-image-behind2{
         width:60%;
         height: 500px;
         min-height: 500px;
     }
     
     .business-tab-sec{
         padding-left: 12%;
     }
     
     #service-curve {
      min-height: 85vh;
     }
     
     .service-sec.desktop{
         z-index: 10;
     }
     
     .service-sec .nav-item0 {
     left: -25%;
      }
      
      .service-sec .nav-item1 {
       left: 30%;
      }
      
      .service-sec .nav-item4 {
      left: 35%;
      }
      
      .service-sec .nav-item5 {
      left: -20%;
      }
      
      .timeline-section.mobile {
        display: block !important;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 35px;
      }
      
      .timeline-section.desktop{
          display:none !important;
      }
      
      .timeline-bar-mobile {
          position: absolute;
          -webkit-transform: rotate( 90deg);
          transform: rotate(90deg);
          left: 5px;
        }
        
        .timeline-year, .timeline-now {
            margin-top: 1.5em;
            margin-bottom: 0;
            margin-left: 30px;
        }
        
        .timeline-dot {
            top: 1.5em;
            left: 0px;
            position: relative;
        }
        
        .middle-slider .swiper-button-prev{
              right: 25%;  
        }
        
        #carousal-sec{
            padding-bottom: 55px;
        }
        
      .cf-heading{
       margin-top: 2em;
     }
     
     .timeline-section.mobile .page-content {
         padding-left: 30px;
     }
     
     .timeline-section.mobile {
        display: block !important;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 35px;
        position: relative;
    }
     
     .verticalline {
        height: 100%;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg );
        position: absolute;
        left: 30px;
        bottom: 0;
        z-index: 100;
    }
    
    .verticalline1 {
      height: 81%;
    }
    
    .verticalline.white {
      border-left: 1px solid #ffffff;
     }
     
     .verticalline.purple {
     border-left: 1px solid #7e1974;
     }
     
     .timeline-dot {
        top: 1.5em;
        left: -39px;
        position: relative;
     }
     
     .timeline-year {
        margin-top: 1.5em;
        margin-bottom: 0;
        margin-left: -15px;
    }
    
    .navbar-collapse.show{
           height: 90vh;
           z-index:100;
      }
      
      .building{
          margin-bottom: 1.5em;
      }
  
}


/* ----------- iPad Pro 12.9" ----------- */

/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)  and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
   
    #header .navbar .menu-item {
        display: block;
        padding: 0.5em 1em;
    }
    
    .awards-swiper .swiper-slide,#awards .section-heading, #awards .sub-heading {
    padding-left: 0;
    }
    
    #awards .bcg-bottom{
        padding-left: 0 !important;
    }
    
    #menu-main-menu li a, #menu-main-menu-1 li a{
        padding: 0.5em 1.5em;
    }
    
    .search_toggle {
    padding-left: 2em !important;
    }

    .env-slider .swiper-button-next, .env-slider .swiper-button-prev {
        bottom: -33px;
    }
    .social-list li {
        margin-right: 6px;
    }
    .footer-inquiry {
        padding-right: 5px;
    }
    .ham .ham-menu-item, .ham2 .ham-menu-item {
        margin: 6px;
    }
    .ham-inner-img {
        height: 75% !important;
        top: 193px;
    }
    .tab-cont li {
        width: 283px;
        height: 62px;
    }
    .tab-cont {
        padding: 10px 0;
    }
    .service-sec .g {
        position: relative;
        left: 37px;
    }
    .service-sec .f {
        position: relative;
        left: 88px;
    }
    .service-sec .e {
        position: relative;
        left: 116px;
    }
    .service-sec .d {
        position: relative;
        left: 114px;
    }
    .service-sec .c {
        position: relative;
        left: 80px;
    }
    .service-sec .a1 {
        position: relative;
        left: -127px;
    }
    .bg-text {
        width: 400px;
    }
    .half-curve {
        width: 109%;
    }
    .curve-image-left,.curve-image-buiness{
        width: 45%;
        height: 75%;
    }
    
    #service-curve {
        min-height: 100vh;
    }
     
    .c1 {
        right: 23%;
    }
    .c7 {
        right: 23%;
    }
    
    .purple-curve-small,.bcg-left-small {
        width: 50%;
    }
    .readmore-btn {
        padding: 10px 24px;
    }    
    
    .vacancy-div {
        padding: 15px;
    }
    
    .inner-image{
        max-height: 596px;
    }
    
    .right-curve{
        height:auto;
    }
    
    .section-heading.styled {
        font-size: 38px;
        line-height: 60px;
     }
     
     .bg-text-inner{
         width:375px;
     }
     
     .abans-logo.desktop{
       width: 175px;  
     }
     
     .video-box1 {
      margin-bottom: 0;
      margin-top: 2em;
     }
     
     .curve-image-behind,.curve-image-behind2{
       width: 51%;
       height: 75%;  
     }
     
     .bcg-small .bg-text{
      width: 400px;
      left: 25px !important;
     }
     
     .home-service-sec .nav-item0{
       left: 15%;  
     }
     
     .service-sec .nav-item0{
       left: -20%;  
     }
     
     .home-service-sec .nav-item1{
        left: 40%; 
     }
     
     .service-sec .nav-item1{
        left: 15%; 
     }
     
     .home-service-sec .nav-item2 {
        position: relative;
        left: 55%;
     }
     
     .service-sec .nav-item2 {
        position: relative;
        left: 37%;
     }
     
     .home-service-sec .nav-item3{
      left: 51%;
     }
     
     .service-sec .nav-item3 {
      left: 45%;
     }
     
     .home-service-sec .nav-item4,.service-sec .nav-item4 {
       left: 22%;
     }
       
     .home-service-sec .nav-item5,.service-sec .nav-item5 {
         left: -30%;
     }
     
     .img-overlay{
         height:50px;
         padding: 20px 25px;
     }
     
     #awards{
        margin-top: -20vh; 
     } 
     
       .timeline-img {
        width: 100%;
        height: auto;
       }
     
        
    
}


/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px)  and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
   none-dis{
        display: none;
    }
    .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;
    }
    
    
    .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;
    }
  
    .down-sec{
        margin: 30em 0 49px 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;
    }
    .report span {
        margin-left: 10px;
    }
    .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-left: 15px;
    }
    /*repor*/
    .repo-main .project-img {
        width: 75px;
        padding: 5px 0px;
        margin: 7px;
    }

   .video-row{
        height: 450px;
    }
    .center-row .nav-pills .nav-link {
        width: 147px;
    }
    
     .swiper-container {
        width: 100%;
        height: 100%;
      }
     
      .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: 91%;
      }
      .env-slider .box .des {
        font-size: 12px;
        padding-top: 40px;
        margin: 6px 0;
      }
      .env-slider .box a {
        font-size: 12px;
        position: absolute;
        right: 57px;
      }
      .env-slider .box .text {
        top: -68px;
        left: 33%;
      }



      .abans-finan-two .box:hover .overlay {
        width: 92%;
      }
      .abans-finan-two .box .des {
        font-size: 12px;
        padding-top: 65px;
    }

    .our-business .combine {
        padding: 6em 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;
        right: 0 !important;
    }

    .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: 30px;
    }
    .selection{
        margin: 15px 0;
    }
    .member-img{
        width: 100%;
        height: 100%;
        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: 15%;
        left: 0;
        width: auto;
    }
    .members-swiper-container .swiper-pagination-bullet {
        background: #d8d8d8;
    }
    

    .workwith.mobile .inner-image-left, .csr.mobile .inner-image-right{
        height: 43%;
    }


    .filter-container .vacancy-inner {
        margin: 0px 0px;
    }
    .purple-overlay {
        height: 18%;
    }
    .careers-container {
        margin: 0;
    }
    .desktop1{
        display: none;
    }


    .intro-video{
        height: 100vh;
    }
    .contact-btn {
        padding: 23px 23px;
    }
    
    
    .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;
    }
   
    .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;
        padding: 20px 15px;
    }
   
    .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;
    }
    
    .awards-swiper .swiper-slide {
        border: 1px solid transparent;
        padding: 15px 15px;
    }
    
    .vacancy-inner {
        margin: auto;
    }


    .vertical-bar{
        position: absolute;
        width: 1px;
        height: 132%;
        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: 132%;
        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;
    }



    .inner-image-map {
        top: 50em;
        height: 71%;
    }
    .spacer{
        padding-top: 22em;
    }
    #header {
        width: 100%;
        height: 80px;
        z-index: 129;
    }
    .section-heading {
        position: relative;
        z-index: 2;
    }
    .management-swiper .swiper-slide{
        height: 79%;
    }
    .management-swiper .nav1 .swiper-button-prev {
        top: 0;
    }
    .management-swiper .nav1 {
        position: absolute;
        bottom: 10%;
    }
    .bcg-sec2 .bg-text {
        width: 311px;
    }
    #careers .bg-text {
        position: absolute;
        top: 40%;
        width: 288px;
        right: 79px;
    }
       
.navbar-light .navbar-toggler{
    background:#2e0830;
    padding: 20px 25px;
    border-radius: 0;
  } 
   
  .navbar-light .navbar-toggler-icon{
  background-image: url(../img/menu-icon.svg)!important;
  }    
      
 
  #introduction,.cta{
    margin-top:0;  
    margin-bottom:0;    
  }
  
  #home{
    margin-top:0; 
     
  }
  
  .contact-text{
    display:none  
  }
  
  #introVideo{
    min-height: 100vh; 
    width: 100%;
    object-fit: cover;
  }
  
  
  .copyright-div{
      display:none;
  }
  
  .desktopmenu2 {
      position: relative;
  }
  
  .bcg,.bcg-left{
      width:99%;
      position: relative;
  }
  
  .purple-curve{
      width:100%;
  }
  
  .bcg-section{
     position: absolute;
      width: 61%;
      right: 0;
      top: 0;
      height: 500px;  
      
  }
  
  .curve-section{
    position: absolute;
      width: 50%;
      left: 0;
      right: 0;
      top: 0;
      height: 500px;  
  }
  
  .page-content{
      margin-top:0px;
  }
  
  .bcg-bottom{
      margin-top: 0 !important;  
  }
  #careers .bcg-section {
    left: 0;
}
 
  .management-swiper .swiper-slide{
   padding-right: 0%;   
  }
  
  .chairman-img{
      width:100%;
      margin-top: -285px;
  }
  
  .swiper-pagination-bullet p{
      font-size:18px;
  }
  
   .video-img {
    margin-left: 0;
      }
      
  .circle{
    display:none;      
  }
  
  .collapsiblebox{
    position: relative;  
  }
  
  .curve-image-left{
    width:100%;  
  }
  
  .purple-curve-small {
      width: 100%;
  }
  
  .footer-credit{
   position: relative;
   width:100%;
  }
  
  .video-para {
      margin-left: 0px;
  }
  
  .title-right{
   margin-left: 0px;   
  }
  
  .video-box1{
   margin-top: 4em;   
  }
  
  .video-box2{
   display: none;  
  }
  
  .vacancy-div {
      padding: 0;
  }
  
 .abans-mobile-logo{
     height: 45px;
     width: auto;  
   }
   
   .innersection {
      padding-top: 0px;
  }
  
  .inner-image1{
      height:376px;
      top: 15%;
      right:0;
  }
  
  .top-col{
     order:1; 
  }
  
  .down-col{
     /* order:2; */
     margin-top: 10em;
  }
  
  .bottom-col{
     order:1;
     padding-top: 5em;
  }
  
  .section-heading.mobile, .middle-heading.mobile{
      padding-left: 15px;
      width: 100%;
  }
  
  .main-num-col{
      justify-content: flex-end;
      margin-top: 2em;
  }
  
  .num{
    font-size: 47px;  
  }
  
  .stat{
    font-size: 20px;  
  }
  
  .circle-big{
      width:146px;
  }
  
  .stat-row .col-md-4{
      width:50%;
  }
  
  .circle-wrapper{
      padding: 15px;
      width: 185px;
      height: 185px;  
  }
  
  #cooperate-video{
    display: block;  
  }
  
  .videocontainer{
    width: 100%;
    position: relative;  
  }
  
  .inner-image,.inner-image-left,.inner-image-right{
      height: 505px;
      top: 0px;
  }
  
  .cta-heading {
          margin: 20px 0;
          text-align: center;
    }
    #footer{
        margin-bottom: 0;
        z-index: 2;
        position: relative;
    }
  
    .cta-action{
      text-align: center;  
    } 
    
    .cta .btn-div{
      margin:auto;  
      text-align: center;  
    }
    
    .vision-text{
      font-size: 17px;
      line-height: 40px;   
    }
    
    .about-swiper .swiper-slide img{
     width:100%;
     height:auto;   
    }
    
    .slider-section{
     padding-left:0px;
     padding-right: 0px;   
    }
    
    #vision .swiper-button-prev{
      right: 27%;  
    }
    
    .inner-curve{
     height:475px; 
    }
    
    .right-curve{
       width:100%;
       left:0;
    }
    
    .intro-col {
      padding-bottom: 0em;
     }
     
     .bgcircle-text{
       left: 25%;   
       width: 100%;
     }
     
     .tab-sec .tab-content{
       margin-top: 2em;  
     }
     
     .border-right{
       border-right: none !important;  
     }
     
     .form-col{
       margin-top:5em;  
     }
     
     .cf-form .wpcf7-submit{
       float:none !important;  
     }
     
     .btn-group{
       text-align: center;  
     }
     
     .mobile.menu-item{
        display:block !important;
    }
    
    #menu-main-menu li.border-right, #menu-main-menu-1 li.border-right{
        border-right:none !important;
    }
    
    #header .navbar .menu-item{
      padding: 1em 2.5em 1em 4em;
      width: 100%;   
    } 
    
    .home section{
        min-height: auto;
    }
    
    #sectors{
        min-height: 500px;
    }
    
    #report-sec {
    background: #b6c7dd;
    }
    
    .arrow-div{
        display: none;
    }
    
    .curve-image-behind{
        width:115%;
    }
    
    .home-tab-sec .tab-content{
        margin-left: 4em;
    }
    
    #awards .section-heading, #awards .sub-heading {
    padding-left: 15px;
    font-size: 24px;
    z-index: 10;
   }
   
   .news-item,.half{
     width: 50% !important;
     max-width: 50%;
     flex: 0 0 50%;  
   }
   
   .news-item.sub{
       width:100% !important;
       max-width: 100%;
       flex: 0 0 100%; 
   }
   
   .footer-inquiry{
     float:none;
   }
   
   .social-list {
    margin-top: 10px;
  }
  
  .footer-title{
    margin-right: 2em;  
  }
  
  .slide-text br{
      display:none;
  }
  
  .home-service-sec .nav-item1 {
    left: 95%;
   }
   
  .home-service-sec .nav-item2 {
    position: relative;
    left: 110%;
   }
    
  .home-service-sec .nav-item3 {
    left: 110%;
   }
     
   .home-service-sec .nav-item5 {
    left: -10%;
   } 
   
   .awards-swiper .swiper-slide{
       height: 135px !important;
   }
   
   .img-overlay{
     height: 30px; 
   }
   
   .overlay-text{
    font-size: 13px;   
   } 
   
   .tab-sec .acordian-tabs, .home-tab-sec .acordian-tabs{
        font-size: 23px;
        line-height: 32px;
        height: 60px;
    }
    
    .video-box1{
        margin-top: 4em; 
        width: 110%;
       }
       
       .members-swiper-container .swiper-button-next, .members-swiper-container .swiper-button-prev {
        bottom: 0;
        top: 80%;
     }
       
       .members-swiper-container .swiper-button-prev {
        right: 10%;
        left: auto;
        width: 42px;
        height: 42px;
       }
     
     .members-swiper-container .swiper-slide{
         height:350px;
     }
     
     .progress{
         left:140px;
         top:25px;
     }
     
     #older-articals{
         padding-bottom: 55px;
     }
     
     #insight {
      padding-bottom: 55px;
     }
     
     #coop-video {
      height: auto;
     }
     
     .curve-image-buiness{
         width:50%;
         height: 700px;
         min-height: 700px;
     }
     
     .curve-image-behind2{
         width:60%;
         height: 700px;
         min-height: 700px;
     }
     
     .business-tab-sec{
         padding-left: 12%;
     }
     
      #service-curve {
      min-height: 85vh;
     } 
     
     .service-sec.desktop{
         z-index: 10;
     }
     
     .service-sec .nav-item0 {
     left: -25%;
      }
      
      .service-sec .nav-item1 {
       left: 30%;
      }
      
      .service-sec .nav-item4 {
      left: 35%;
      }
      
      .service-sec .nav-item5 {
      left: -20%;
      }
      
       .timeline-section.mobile {
        display: block !important;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 35px;
      }
      
      .timeline-section.desktop{
          display:none !important;
      }
      
      .timeline-bar-mobile {
          position: absolute;
          -webkit-transform: rotate( 90deg);
          transform: rotate(90deg);
          left: 5px;
        }
        
        .timeline-year, .timeline-now {
            margin-top: 1.5em;
            margin-bottom: 0;
            margin-left: 30px;
        }
        
        .timeline-dot {
            top: 1.5em;
            left: 0px;
            position: relative;
        }
        
        .middle-slider .swiper-button-prev{
              right: 25%;  
        }
        
        #carousal-sec{
            padding-bottom: 55px;
        }
        
        .cf-heading{
            margin-top: 2em;
        }
        
        .navbar-collapse.show{
            z-index:100;
        }
         
}


     @media (min-width: 768px) and (max-width: 1024px){
        .middle-slider .swiper-button-prev{
              right: 25% !important;  
        }
        
        .career-modal .left-col,.career-modal .right-col{
          width: 100%;
          min-width: 100%;  
        }
        
        .sender-resume2,.sender-resume,.cf-form select, .cf-form input[type=date]{
           max-width: 200px; 
        }
        
         span.sender-resume, span.sender-resume2{
            top:0px;
        }
        
         #senderresume {
          top: 10px !important;
         }
         
        #senderresume2{
             top:15px !important;
         }
         
         .footer-sitemap li a, .footer-sitemap li a:hover{
                 font-size: 14px;
         }
         
         .report, .report:hover{
             font-size: 14px;
         }
         
         #report-sec {
            background: #b6c7dd;
        }       
        
          
     }