/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .none-dis{
        display: none;
    }
    .ham{
        margin: 0 40px;
    }
    .mobile-search{
        opacity: 0.35;
        font-family: Geomanist;
        font-size: 19px;
        line-height: 1.58;
        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;
    }
      
    /*repor*/   

   .video-row{
        height: 450px;
    }
    
     .center-row .nav-pills li{
        width: 50%;
        float:left;
    }
    
    .center-row .nav-pills .nav-link {
        width: auto;
    }
    
    .center-row .nav-pills li:first-child .nav-link {
    border-top-right-radius: 0px !important;
    }
    
    .center-row .nav-pills li:nth-child(2) .nav-link {
    border-top-right-radius: 5px !important;
    }
    
    .center-row .nav-pills li:nth-child(15) .nav-link {
    border-bottom-left-radius: 5px !important;
    }
    
    .center-row .nav-pills li:last-child .nav-link {
      border-bottom-left-radius: 0px !important;
    }

     .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-left: 1.5em;
        margin-right: 1.5em;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
   
    .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: 35%;
        bottom: -60px
    }
    .env-slider .swiper-button-prev {
        right: 50%;
        bottom: -60px
    }
    
      .env-slider .box a {
        font-size: 12px;
        position: absolute;
        right: 57px;
      }
    
      .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: 275px;
        left: 100px;
        position:absolute;
    }

    #management, #management-bg{
        background-image: linear-gradient(to bottom, #e3e1e4, #917195) !important;
        margin-top: 300px;
    }
    
    .management-swiper{
        margin-bottom:60px;
    }
 
    .main-content{
        font-family: Geomanist;
        font-size: 14px;
        line-height: 2.14;
        letter-spacing: 0.44px;
        text-align: center;
        color: #ffffff;
        margin-bottom: 0px;
        padding-bottom: 12%;
    }
    .downarrow {
        bottom: 5px !important;
    }
    .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: 20%;
        left: auto;
    }
    .members-swiper-container .swiper-pagination-bullets{
        top: auto;
        bottom: 0 !important;
        width: 75% !important;
    }
    .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;
    }
  
    .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: 22px;
    }
    .img-overlay {
        position: absolute;
        right: 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;
    }
    
    .awards-swiper .swiper-slide {
        border: 1px solid transparent;
        padding: 15px 15px;
        height: 215px !important;
    }
    
    .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;
        margin-top:1em;
    }
    .timeline-img{
        margin: 1em 0 2em;
    }
    .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 {
       height: 518px;
       position: relative;
       top: 0px;
       overflow:hidden;
    }
    .spacer{
        padding-top: 22em;
    }
    #header {
        width: 100%;
        height: 82px;
        z-index: 129;
        transition: all 0.1s linear;
    }
   
    .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;
    }
    
    .home-services ul .nav-item{
        display:inline-block;
        float:left;        
        margin-right: 10px;
    }
    
    .home-services ul .nav-item a{
       background: #781d7d;
        border-radius: 50px;
        width: 84px;
        height: 84px;
        text-align: center;
        position: relative;
        font-size: 13px;
        white-space: nowrap;
        margin-bottom: 0.75em;
    }
    
      .home-services ul .nav-item a.active{
       background: #ffffff;
       border:1px solid #781d7d;
      }
    
    .home-services ul .nav-item a span{
        color:#ffffff;
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
     .home-services ul .nav-item a.active span{
       color: #781d7d;
      }
    
      
    #service-curve .middle-sec{
        margin-top:525px;
        z-index: 100;
    }
    
    .curve-image-behind2{
        width:100%;
    }
    

    .tab-sec .card-body{
      width: 100%;  
    }
    
    .tab-sec .tab-pane{
      padding: 1em 0 1em;  
    }
    
    .select-bubble{
       font-family: Geomanist;
        font-size: 14px;
        line-height: 30px;
        color: #4f4f4f; 
        padding-left:30px;
    }
    
     #senderresume {
        top: -40px !important;
        }
        
        .cf-form1{
            margin-top: 3em;
        }
        
        .cf-form1 .wpcf7-submit {
        margin-top: 2em !important;
        }
      
       .cf-form1 .wpcf7-submit::after {
            top: 20px !important;
        }
        
        .repo-main .repo-btn{
            margin-bottom: 25px;
        }
        
        .report-description .date{
            text-align: center;
        }
        
        .timeline-now{
          left: 17%;
          bottom:-50px;
        }
        
        .page-template-page-timeline #footer{
            margin-top: 6em;
        }
        
        .page-template-page-timeline .footer-address,.page-template-page-timeline .building-div{
            width:auto;
        }
    
}



/*Styles DevK */

@media (max-width: 767px) {
    
.navbar-light .navbar-toggler{
  background:#7e1974;
  padding: 25px 25px;
  border-radius: 0;
} 
 
.navbar-light .navbar-toggler-icon{
background-image: url(../img/menu-icon.svg)!important;
} 

.nav-expanded .navbar-light .navbar-toggler-icon{
background-image: url(../img/x-circle.svg)!important;
} 
    
section{
  margin-top: 2.5em;
  margin-bottom: 2.5em;       
} 

#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;
}

.menu-ico{
  margin-right:0px;  
}

.desktopmenu2 {
    position: relative;
}

.desktop{
   display: none !important;
}
    
.mobile{
    display: block !important;
}

.bcg,.bcg-left{
    width:99%;
    position: relative;
}

.purple-curve{
    width:100%;
}

.bcg-section{
   position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 500px;  
    
}

.curve-section{
  position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 500px;  
}

.page-content{
    margin-top:0px;
}

.bcg-sec1{
    margin-top:3em;
}

.management-swiper .swiper-slide{
 padding-right: 0%;   
}

.chairman-img{
    width:100%;
    margin-top: -280px;
}

#sectors{
    margin-top:200px;
}

.swiper-pagination-bullet p{
    font-size:18px;
}

 .video-img {
  margin-left: 0;
    }
    
.circle{
  display:none;      
}

.collapsiblebox{
  position: relative;  
}

.curve-image-left,.curve-image-buiness{
  width:100%;  
}

.purple-curve-small {
    width: 100%;
}

.footer-credit{
 margin-top: 2em;
}

.video-para {
    margin-left: 0px;
}

.news-item {
 padding: 15px;
}

.title-right{
 margin-left: 0px;   
}

.video-box1{
 position: absolute;
    left: 15px;
    right: 15px;
    top: -50px;
}

.video-box-cont{
 margin-bottom: 4em;   
}

.vacancy-div {
    padding-left: 0;
    padding-right:8%;
}

.sub-heading {
  font-size: 25px;
  line-height: 40px;
 }
 
 .abans-mobile-logo{
   height: 45px;
   width: auto;  
 }
 
 .innersection {
    padding-top: 0px;
    padding-bottom: 0px;
}

.top-col{
   order:1; 
}

.down-col{
   order:2;
   margin-top: 10em;
   min-height: 500px !important;
}

#about-us .down-col{
   margin-top: 5em;
}

.bottom-col{
   order:2;
   padding-top: 5em !important;
}

.section-heading.mobile, .middle-heading.mobile{
    padding-left: 15px;
}

.main-num-col{
    justify-content: center;
    margin-top: 6em;
    margin-bottom: 2em;
}

.num{
  font-size: 47px; 
  margin-bottom: 5px;
}

.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{
    position: relative;
    top: 0px;
    padding: 0;
}
.inner-image-left,.inner-image-right{
    position: relative;
    top: 0px;
    padding:0;
}

.left-curve ,.right-curve-small{
    position:relative;
}

.cta-heading {
        margin: 20px 0;
        text-align: center;
  }

  .cta-action{
    text-align: center;  
  } 
  
  .cta .btn-div{
    margin:auto;  
    text-align: center;  
  }
  
  .vision-text{
    font-size: 17px;
    line-height: 40px;
    margin-bottom: 2em;
  }
  
  .about-swiper .swiper-slide img{
   width:100%;
   height:auto !important;   
  }
  
  .slider-section{
   padding-left:0px;
   padding-right: 0px;   
  }
  
  #vision .swiper-button-prev{
    right: 27%;  
  }
  
  .inner-curve{
   height:475px; 
  }
  
  .right-curve{
    width: 100% !important;
    left: 0;
    height: 100% !important;
    position: relative;
  }
  
  .intro-col {
    padding-bottom: 0em;
   }
   
   .bgcircle-text{
     left: 10%;   
     width: 90%;
   }
   
  .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: 0.5em 2.5em 0.5em 4em;
    width: 100%;   
  }
  
   .section-heading {
        position: relative;
        z-index: 2;        
    }
    
    .manage-pagination li p:after{
    margin-left: 15px;
    margin-right: 15px;   
    }
    
    .manage-pagination{
     margin-top: 2em;
     }
     
     .profile-link{
      right: 30%;
      top: 85%;   
     }   
     
     .address-col{
      display: flex;
      justify-content: center;
     }
     
     .footer-address{
         width:auto;
     }
     
     .building{
         margin-right: 1.5em;
     }
     
   .txt-col{
      padding-bottom:0px;  
    }
    
    .middle-slider .swiper-button-prev{
      right: 30%;  
    }
    
    .tabs-sec .swiper-container{
     margin-top: 30px;   
    }
    
    .outer-conatiner{
      padding-top:2em;  
    }
    
    .filter-container{
     margin-top: 2.5em;   
    }
    
    .footer-content{
     padding-left: 15px;
     padding-right: 15px;   
    }
    
    .social-list{
     text-align: center;
     margin: auto;   
    }
    
    .footer-seperator{
     width: 100%;
     margin-left: 0;
    }
    
    .buy-abans{
     background: #ffffff;
     padding: 20px 15px;
     margin-bottom:2em;
     display: flex !important;
    justify-content: center;
    }
    
    .buy-abans.desktop{
     display: none !important;   
    }
    
    .home .buy-abans, .page-template-page-timeline .buy-abans{
     margin-left: -15px;
     margin-right: -15px;    
    }
    
    .black-arrow.mobile{
        float:right;
    }
    
    #footer{
     padding-top: 3em;
     padding-bottom: 1em;
     margin-bottom: 0px;
    }
    
    #menu-footer-menu li{
    padding-bottom: 15px;
    float: none;
    display: block;
    }
    
  .contact-info{
       margin-bottom: 3em;
   }
   
   .card .nav-item{
     width: 50%;   
   }
   
  .logo-div{
    top: 15px;
    left: 15px;
   }
   
   .overview-box{
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 1em;
   }
   
   .overview img{
    height: 260px;   
   }
   
   .overview{
    margin-bottom: 2em;       
   }
   
   .artical a{
    width: 100%;
    margin: auto;
   }
   
   .progress{
     width: 150px;
     height: 150px;  
     top: -45px;
     right: 53%;
   }
   
   .circle-wrapper.active .num-small, .circle-wrapper:hover .num-small{
    color: #781d7d;   
   }
   
   .circle-wrapper.active .statistics, .circle-wrapper:hover .statistics{
    color: #000000;   
   }
   
   .circle-wrapper.active, .circle-wrapper:hover{
       background:#ffffff;
       box-shadow:none;
   }
   
   .timeline-section.mobile {
    display: block !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 35px;
    position: relative;
    }


    .timeline-section.mobile .page-content{
        padding-left: 30px;
    }

.buy-abans p, .buy-abans span{
    color:#2e0830;
    display: block;
    line-height: 18px;
    
}

.timeline-year{
 margin-top: 1.5em; 
 margin-bottom: 0;
 margin-left: -15px;
} 

.timeline-dot{
   top:1.5em;
   left:-39px;
   position: relative;
}

#awards .section-heading, #awards .sub-heading {
    padding-left: 15px;
}

#careers .bcg-bottom{
 margin-top: 500px !important;   
}

.profile-link{
  width: 130px;
  height: 130px;  
}

.profile-link a{
    font-size: 14px;
    line-height: 25px;   
}

.profile-link img{
  width: 25px;  
}

.caret-down{
 display:inline-block;
 margin-left:10px;
 vertical-align: text-bottom;
}

.section-heading.styled{
  font-size: 30px;
  line-height: 45px;  
}

 .tab-sec .acordian-tabs, .home-tab-sec .acordian-tabs{
   height:90px;
   font-size: 20px;
   line-height: 35px;
 }
    
 .curve-image-behind2{
   background:none;
 }
 
    .home-services ul{
      width:100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1em 0;
    }   
    
    
    .bcg-bottom{
    margin-top: 725px !important;  
    }

    #home .bcg-bottom{
        margin-top: 525px !important;  
    }

    #awards .bcg-bottom{
       margin-top: 500px !important;   
    }
    
    .middle-heading{
     font-size: 25px;
    line-height: 34px;   
    }
    
    .shadow1::after{
        display:none !important;
    }
    
    .mobile-white-logo{
        display:none !important;
    }
    
    #header.nav-expanded{
        background:#7e1974;
    }
    
    #header.nav-expanded .mobile-color-logo{
        display:none !important;
    }
    
    #header.nav-expanded .mobile-white-logo{
        display:block !important;
    }
    
    .navbar-toggler:focus{
       outline:none; 
    }
    
     .page-template-page-timeline #header{
      background-color:#781d7d;  
    }
    
     .page-template-page-timeline .mobile-white-logo {
    display: block !important;
    }
    
    .page-template-page-timeline .mobile-color-logo {
    display: none !important;
    }
    
    .awards-swiper .swiper-wrapper{
     height: 450px !important;   
    }
    
    #home .section-heading{
      font-size: 32px;
      line-height: 61px;
        
    }
    
    .section-heading{
        font-size:30px;
        line-height:55px;        
    }
    
    .card-mem .overly-mem{
        bottom:0px;
    }
    
    .management-swiper .slide-text br{
        display:none;
    }
    
    .reports-row.mobile{
     background: #781d7d;
    padding-top: 2em;
    padding-bottom: 2em;    
    }
    
    .home .reports-row.mobile, .page-template-page-timeline .reports-row.mobile{
     margin-left: -15px;
    margin-right: -15px;
    margin-top: 1.5em;
    }
    
    .footer-info {
      margin-top: 1.5em;
      display: flex;
      justify-content: center;
    }
    
    .social-list li{
       margin-right: 30px;  
    }
    
    .social-list li:last-child{
       margin-right: 0;  
    }
    
    .bg-text-video{
     width: 85%;
     max-width: 85%;   
    }
    
    .buyabans.mobile{
       display: flex !important;
       align-items: center;
       justify-content: space-between; 
       background: #ffffff;
       width:100%;
       padding: 1em 2.5em 1em 4em;
       height: 18%;
    }
    
    .contact-link::before{
        display: none;
    }
    
    #about-us .down-col {
    min-height: 450px !important;
    }
    
    .members-swiper-container{
       margin-top:45px; 
    }
    
    #board-meb{
        padding-bottom: 75px !important;
    }
    
    #tabs-sec{
        padding-top:40px;
    }
    
    #artical-filter,.report-container{
        margin-top:30px;
        padding:15px;
    }
    
    .report-thumb {
        width:40%;
        float:left;
    }
    
    .report-description{
        display:none;
    }
    
    .report-link{
        width:60%;
    }
    
    .env-slider .box .overlay,.env-slider .box .text{
        width:100%;
    }
    
    .env-slider .box:hover .overlay {
        width: 100%;
      }
      
      #service-contact{
          padding-top: 60px;
      }
      
      .postid-168 .service-box .coverimg{
        object-position: top center;  
      }
      
      .third-stat{
        text-align: center;
        margin: auto;   
      }
      
      .service-box .text{
          padding: 25px;
          width: 100%;
      }
      
      .company-list .dropdown-menu{
        height: 230px;
        overflow-x: hidden;
        overflow-y: scroll;  
      } 
      
      .navbar-collapse.show{
           height: 90vh;
           z-index:100;
      }
      
      #menu-main-menu,#menu-main-menu-1{
          height:82%;
      }
      
      .curve-image-buiness{
       position: absolute;
        width: 100%;
        right: 0;
        top: 0;
        height: 500px;   
      }
      
      .footer-top,.footer-content{
        padding-top:0px;
        display: flex;
        justify-content: center;
        padding-bottom: 0;
      }
      
      .footer-sitemap{
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        column-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
      }
      
      .design-credit{
          margin-bottom: 0px;
      }
      
      .reports-row.mobile a{
         display: flex;
         padding: 0;
         justify-content: center; 
         padding: 5px 0;
         color:#ffffff !important;
      }
      
      .env-slider .box .overlay{
        visibility: visible;
        opacity: 1;
    }

 .service-box .overlay{
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    align-items: flex-start !important;
    margin-left: 15px;
    margin-right: 15px;
    visibility: visible;
    opacity: 1;
   }
   
    .repo-main .project-img {
        width:100px !important;
        margin: 10px;
    }
    
    #menu-main-menu-1 .dropdown-toggle::after{
        display:none;
    }
    
    #awards .nav-buttons{
        left:15px;
        right:15px;
        margin-top:3em;
    }
    
    .side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    
    .video-box2 {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    }
    
    .report-stripe{
        padding:0;
    }
    
    #careers .read-more-btn{
        display:inline-block !important;
    }
    
    .vacancy-inner .more-arrow{
      visibility: visible;
      opacity: 1;
      top: 0;
      transform: translate(-50%,40%);
    }
    
    .news-item .more-arrow{
        visibility:visible;
        opacity:1;
    }
    
    .mobibtn{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    display:inline-block;
  }
  
  .bottom-curve{
      display:none;
  }
  
  #careers .readmore-btn{
      display:inline-block !important;
  }
  
  .home-tab-sec .tab-content{
        margin-top: 2em;
    }
    
    .left-title{
        padding-left: 15px;
    }
    
    .member-swiper-pagination{
        display:none;
    }
    
    .coop-video-overlay{
        height:100%;
    }
    
    .gradient-overlay2{
        height:100%;
    }
    
    .image-div {
    padding-top: 2em;
    padding-bottom: 2em;
    }
    
    #coop-video{
        height:auto;
    }
    
    .left-curve-simple{
        position: relative;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background-image: linear-gradient(to bottom, rgba(69, 11, 72, 0) 14%, rgba(54, 10, 57, 0.7) 74%);
    }
    
    .service-box .overlay{
        height:45% !important;
    }
    
    .tab-sec .acordian-tabs.collapsed::after,.home-tab-sec .acordian-tabs.collapsed::after {
        position: absolute;
        right:0;
        top: 50%;
        transform: translateY(-50%);
      }
      
      .tab-sec .acordian-tabs, .home-tab-sec .acordian-tabs{
          padding-right: 40px;
      }
      
      #brandsTab .nav-link{
        margin: 0.75rem 0rem;
        padding: 2.5em 1.5em;
      }
      
      .brand-row{
          margin-left:0;
          margin-right: 0;
      }
      
      .hr-modal{
        top:10%;
        }
        
        .verticalline {
            height: 100%;            
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg );
            position: absolute;
            left: 30px;
            bottom: 0;
            z-index: 100;   
        }
        
        .verticalline.white{
         border-left: 1px solid #ffffff;   
        }
        
        .verticalline.purple{
         border-left: 1px solid #7e1974;   
        }
        
        .verticalline1{
            height:81%;
        }
        
        .right-curve-map{
            display:none;
        }
        
        .timeline-footer{
            display: flex;
            justify-content: center;  
        }
  
}

/*IPHONE X*/
@media (max-width: 375px) {

.overlay-text{
    font-size: 14px;
    line-height: 17px;
}

}


@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
    
    .profile-link {
    top: 70%;
      }
        
    }
    
    @media (max-width: 855px) and (orientation:landscape){
        
        .bg-text-inner {
            width: 375px !important;
            left: auto;
            right: 100px;
            position: absolute;
       }
       
       #about-us .down-col {
            min-height: 250px !important;
        }
        
        .chairman-img {
            top: 5% !important;
        }
        
        .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
            right: 15px !important;
            left: auto;
        }
        
        .members-swiper-container .swiper-button-prev {
            right: 12% !important;
        }
        
        .stat-col{
            width:33.33% !important;
        }


        .bcg-sec1 {
            margin-top: 0 !important;
        }
        
        .container {
            max-width: 100%;
        }
        
        .scroll-to{
             display:none;
         }
         
         .overlay-text{
             font-size: 11px;
         }
         
         .curve-image-left {
            width: 100% !important;
            height: 100% !important;
        }
        
         .curve-image-behind {
            width: 55%;
            height: 100%;
        }
        
        .signature{
            margin-top: 5em !important;
        } 
        
        #carousal-sec .swiper-button-next{
           right: 13% !important; 
        }
        
        #carousal-sec .swiper-button-prev {
          right: 22% !important;
        }
        
         .career-modal .left-col,.career-modal .right-col{
          width: 100%;
          min-width: 100%;  
        }
        
        .cf-heading{
            margin-top: 2em;
        }
        
        .senderresume2,.senderresume,.cf-form select, .cf-form input[type=date]{
           max-width: 200px; 
        }
        
        .video-box1{
            width:400px;
            left: 50%;
            right: auto;
            transform: translateX(-50%);
            top: 0px;
            
        }
        
        .video-box1 .video-img{
           width:400px; 
        }
        
        span.senderresume, span.senderresume2{
            top:0px;
        }
        
         #senderresume {
          top: 10px !important;
         }
         
         .cf-form1 .wpcf7-submit {
            margin-top: 6em !important;
        }
         
         .cf-form1 .wpcf7-submit::after {
                top: 75px !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;
        }
        
       #home .bcg-bottom {
            margin-top: 600px !important;
        }
        
        #sectors {
            margin-top: 250px;
        }
        
        .curve-section{
            height: 700px;
        }
        
        #sectors .bcg-bottom {
            margin-top: 825px !important;
        }
        
        #awards .bcg-bottom {
            margin-top: 600px !important;
        }
        
        .awards-swiper .swiper-slide{
          align-items: flex-start;  
        }
        
        .purple-curve {
            width: 100%;
        }
        
        .bcg, .bcg-left {
            width: 99%;
            position: relative;
        }
        
        .desktop {
            display: none !important;
        }
        
        .navbar-light .navbar-toggler {
            background: #7e1974;
            padding: 25px 25px;
            border-radius: 0;
        }
        
        .mobile {
            display: block !important;
        }
        
        .mobile-white-logo {
            display: none !important;
        }
        
        .navbar-light .navbar-toggler-icon {
            background-image: url(../img/menu-icon.svg)!important;
        }
        
        #management, #management-bg {
            background-image: linear-gradient(to bottom, #e3e1e4, #917195) !important;
            margin-top: 300px;
        }
        
        .img-overlay {
            position: absolute;
            right: 0;
        }
        
        .chairman-img {
            width: 100%;
            margin-top: -280px;
            position: relative;
        }
        
        .management-swiper .swiper-slide {
            padding-right: 0%;
        }
        
        .side-padding {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        
        .video-box1 {
            position: absolute;
        }
        
        .home-tab-sec .tab-content {
            margin-top: 2em;
        }
        
        .section-heading {
            position: relative;
            z-index: 2;
        }
        
        .buy-abans.mobile{
            display:flex !important;
        }
        
        .bcg-section {
            position: absolute;
            width: 100%;
            right: 0;
            top: 0;
            height: 500px;
        }
        
        .address-col {
            display: flex;
            justify-content: center;
        }
        
        .reports-row.mobile {
            background: #781d7d;
            padding-top: 2em;
            padding-bottom: 2em;
        }
        
        .reports-row.mobile a {
            display: flex;
            padding: 0;
            justify-content: center;
            padding: 5px 0;
            color: #ffffff !important;
        }
        
        .buy-abans.mobile {
            background: #ffffff;
            padding: 20px 15px;
            margin-bottom: 2em;
            display: flex !important;
            justify-content: center;
        }
        
        .footer-seperator {
            width: 100%;
            margin-left: 0;
        }
        
        #awards .section-heading, #awards .sub-heading {
            padding-left: 15px;
        }
        
        #awards .section-heading, #awards .sub-heading {
            padding-left: 15px;
        }
        
        .awards-swiper .swiper-slide {
            border: 1px solid transparent;
            padding: 15px 15px;
        }
        
        .buy-abans p, .buy-abans span {
            color: #2e0830;
            display: block;
            line-height: 18px;
        }
        
        .black-arrow.mobile {
            float: right;
        }
        
    }
    
    
    /* iPhoneX*/
    
    @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
    
      .bg-text {
         width: 350px !important;
         }
         
         .scroll-to{
             display:none;
         } 
         
         .overlay-text{
             font-size: 11px;
         }
         
        .curve-image-left {
            width: 100% !important;
            height: 100%;
        }
        
        .curve-image-behind {
            width: 55%;
            height: 100%;
        }
        
         .footer-sitemap {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            column-gap: 15px;
            -webkit-column-gap: 15px;
            -moz-column-gap: 15px;
        }
        
         
    }
    
    @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    
      .bg-text {
         width: 350px !important;
         }
         
         .scroll-to{
             display:none;
         } 
         
         .overlay-text{
             font-size: 11px;
         }
         
        .curve-image-left {
            width: 100% !important;
            height: 100%;
        }
        
        .curve-image-behind {
            width: 55%;
            height: 100%;
        }
        
        .footer-sitemap {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            column-gap: 15px;
            -webkit-column-gap: 15px;
            -moz-column-gap: 15px;
        }
    
    }
    

/* Styles DevK Ends */