@media (min-width: 1400px) {
   .we_helps_left{ top: 124px; position: sticky; padding: 45px 45px; height: 100vh; }
}



@media (min-width: 1400px) and (max-width: 1599px) {
    body{ font-size:16px; }
    .footer img{ width: 280px; }
     footer ul li a, footer{ font-size: 15px; }
     .btn-outline-primary{ top: 21%; right: 8%;}
      .card-whowe{     width: 210px;
    height: 210px; 
    padding-top: 50px;
    padding-left: 20px;
}
      .news-date:before{  left: 72px !important; }



}

@media (min-width: 992px) and (max-width: 1199px){
    body{     font-size: 16px;  }
   .vacancies-caption{ left: 63%;  width: 87%; font-size:16px; }
   .vacancies-caption .section-heading-wrap .small-title{ margin: 0; }
   .vacancies-caption .section-heading-wrap h4 { font-size: 1.6rem; }
   .btn-outline-primary{ right: 13%; top: 33%; }
   .vacancies .slick-prev { left: -42px; bottom: -21px!important; }
   .slick-prev, .slick-next{    width: 42px;
    height: 42px;}
   .slick-prev:before, .slick-next:before{font-size: 1.3rem;
    line-height: 1.9; }
   #currentNews .slick-prev{ left:0; }
   #currentNews .slick-next{ right:0; }
   /*.news-date:before{ left: 21%; }*/
   .news-text{  margin-left: 0px;  padding-left: 28px; }
   footer h4 {  font-size: 1.2rem;}
   .news-date:before{ height: 68px !important;
    top: 10px !important;
    left: 62px !important; }
   
}

@media (min-width: 992px) and (max-width: 1399px) {
    body{ font-size:16px; }
   .we_helps_left{ position: sticky; top: 105px; }
   .who-we-are1 {
    right: 0px;
    width: 360px;
}
}





@media (min-width: 1600px) {
    /*.container {
        max-width: 1500px;
    }*/
    .container {
        max-width: 80vw;
    }

   
}


@media screen and (min-width:1152px) {
    .container-full {
        max-width: 100%;
        padding: 0 5rem;
        margin: 0 auto;
    }
    header .container-full{ padding: 0 3rem; }
}
@media (min-width: 1200px) and (max-width: 1399px){
    .who-we-are1{     width: 100%; }
    .vacancies-caption{ left: 82%; width: 68%;}
    .vacancies-caption .section-heading-wrap h4 { font-size: 1.6rem; }
    .news-date:before{ left: 73px !important; }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .offscroll-logo , .logo img{ width:150px!important; }
  /*.slide-nav{width: 100%;  }*/
  .slider-caption{ width:36%; top:50%; }
  .slider-caption h1{ font-size:2rem;}
  .slider-caption p{ font-size:14px;}
  .slider-caption h1:before{  width: 40px; top:15px; left: -50px;}
  .btn{ font-size:14px; }
  .btn-outline-primary1{     padding: 4px 24px !important; }
  #bannerSlider .slick-dots{    right: 12%; }
  .card-whowe{     width: 200px;
    height: 200px; 
    padding-top: 50px;
    padding-left: 20px;
}
    .card-whowe2{ 
    top: 62%!important;
}
  .card-whowe h1{ font-size: 3rem; }
  .we_helps_left{ padding: 45px 40px; }
  .we_helps_left .section-heading-wrap .section-heading{ font-size: 2rem; }
  .section-heading-wrap .section-heading{ font-size: 2.2rem; line-height: 44px; }
  .slideshow .slick-dots{ right: 12%; }
   .corporate_video img{  width: 200px; }
  .slideshow .slick-dots li.slick-active button:before{ width:50px; }
  .slideshow .slick-dots li button:before{ right: -70px; }

  .slide-nav-box:last-child:after{ border-left:none; }
  header {  padding: 14px 0px 4px; }
 
  .menu-header img{    width: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 66px;}
  .footer img{ width: 280px; }
  footer ul li a, footer{ font-size: 15px; }
  .offscroll-logo{ width: 160px; }
  .btn-outline-primary{ right: 11%; top: 34%; }
  .menu-open div { margin: 6px 15px; }
  
  .careers-wrap .section-heading{  font-size: 2rem; }
     .img-arrow1:before, .img-arrow2:before{ left: 100%; width: 98px;
    height: 23px;}
}



@media screen and (min-width:768px) and (max-width:991px) {
    .card-whowe{width: 250px; height: 250px;
    /* line-height: 250px; */
    /* text-align: center; */
    padding-top: 100px;
    padding-left: 30px;
    top: -70px;
    right: 4.1%;}
   .card-whowe h1{    font-size: 3rem; }
   #bannerSlider .slick-dots{     right: 16%; }
}





@media (max-width: 991px) {
    
 header .container{ width: 100%!important; max-width: 100%; }

 .offscroll-logo , .logo img{ width:150px!important; }
 .block { padding: 4rem 0; }
 .slider-caption{width: 50%;
    left: 35%;
    top: 56%; }
 .slider-caption h1{  font-size: 1.8rem; }
 .slider-caption h1:before {
    width: 27px;
    top: 20px;
    left: -35px; }
 .slider-caption p{  font-size: 14px; }
    
 .corporate_video img{  width: 190px; }
 .btn{ font-size:14px; }
 .btn-outline-primary{ right:14%;}
 .slide-nav{ width:100%; }
 .slideshow, .slideshow .slider .item, .split-slideshow{ height:80vh;}
 .vacancies-caption{ position:relative!important; width:100%; left:auto;}
 #currentNews .slick-prev { left:0; }
 #currentNews .slick-next {  right:0; }
 .who-we-are1{ width:100%;}

.section-heading-wrap .section-heading{ font-size: 2rem; }
.who-we-are1{ position:relative; }

.slide-nav-box h4 {
    font-size: 1rem;
}
.slide-nav-box img {
    margin: 6px;
}
.slideshow .slick-dots{  right: 120px; }

#myNav2,#myNav3,#myNav4{ display:none;}
.overlay{ width:100%; }
.btn-outline-primary1{ padding: 4px 20px !important; }
.overlay ul li a{ font-size:18px; padding-left: 60px;}
.overlay .closebtn{ font-size:40px; top: 2%; right: 30px; }
.overlay-content{ top:0%; padding: 80px 0px 50px; }
.news-date span{     font-size: 2rem; }
.hamburger {
    padding: 6px 5px;
}
.hamburger .line{ width: 30px; height: 4px; margin: 5px; }
.hamburger .line:nth-child(2) {
    width: 21px;
}
.img-arrow1, .img-arrow2{ display:none;}

 .card-whowe, .card-whowe2 {
    width: 160px!important;
    height: 115px!important;
    padding-top: 12px!important;
    padding-left: 15px!important;
}
@-webkit-keyframes glide {
    from {top:90px;}
    to { top:110px;}
}

footer h4{  margin-top: 15px; }  
  
    .card-whowe h1{ font-size:2rem; }
    .card-whowe p{ font-size: 14px; }
    .vacancies .slick-prev{     position: absolute;
    right: 50px!important;
    bottom: -50px!important;
    left: auto;
    transform: rotate(-90deg); }
    .vacancies .slick-next{     position: absolute;
    right: 0!important;
    bottom: 0px!important;
    left: auto;
    transform: rotate(-90deg); }

}


@media (min-width: 768px) and (max-width:991px) {
    .block {
    padding: 4rem 0;
     }
    #bannerSlider .slick-dots {
    right: 17%;
}
    .we_helps_right{ width:100%; }
    .card-whowe{ right: 12%!important; }
}


@media (max-width: 767px) {
    .offscroll-logo , .logo img{ width:115px!important; }
    .block { padding: 4rem 0; }
    .slide-nav { position: relative; }
    .slider-caption{ width: 80%; left: 50%; top: 55%;}
    .corporate_video img{  width: 160px; }
    .who-we-are1{ position:relative; }
    .img-whowe img{ width: 45px; }
    .who-we-are p{ font-size:14px; }
    .we_helps_left{ padding: 35px; }
    .section-heading-wrap .section-heading{ font-size: 2rem; }
    /*.news-date:before{ height: 60%; top: 4px; left: 21%; }*/
    .btn-outline-primary{ top: 14%; right:16%; padding: 8px 28px; height: 45px; line-height: 25px; }
    .we_helps_right{ width:100%; }

    .who-we-are{ margin-top:100px; }
    #bannerSlider .slick-dots{       position: relative;
    transform: none;
    display: flex;
    justify-content: center;
    text-align: center;
       top: -22px;  width: 100%; }
    footer h4 { font-size: 1.2rem; }
    footer{ font-size:14px;}
    .video-section{ height:94vh; }

    #bannerSlider .slick-dots li{ display:block; }
    #bannerSlider .slick-dots li button { font-size: 0px; }
    #bannerSlider .slick-dots li button:before{    background: #978181; color: #977979; right:0;  }
    #bannerSlider .slick-dots li.slick-active button:before{ width:25px; }
    #bannerSlider .slick-dots li{ margin: 16px 5px; }
    #bannerSlider .slick-dots li button:before{ height:3px; }

     .icon-vacancy{ width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; }
    .btn-outline-primary1 {
    padding: 4px 12px !important; font-size: 12px;
}


#bannerSlider .slick-dots li button, #currentNews .slick-dots li button:before {
    width: 12px;
    height: 4px;
    border-radius: 10px;
}
#bannerSlider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 26px;
    line-height: 20px;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#bannerSlider .slick-dots li button:before {
    opacity: 1;
    color: transparent;
    width: 12px;
    height: 4px;
    border-radius: 10px;
    border: 8px solid #eb642a;
    background: #eb642a;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}
#bannerSlider .slick-dots li.slick-active,#bannerSlider .slick-dots li.slick-active button, #bannerSlider .slick-dots li.slick-active button:before {
    width:30px;
}
#bannerSlider .slick-dots li.slick-active button:before {
    opacity: 1;
    border-color: #eb642a;
    color: transparent;
}

.key-services{     width: 85%;
    margin: 0 auto;
    /* margin-left: 0px; */
    margin-bottom: 30px;}

footer ul li a{ font-size: 15px; }



}



@media (max-width: 576px) {
    .slide-nav-box:after{ border-left:none;}
    header .btn{ display:none; }
    footer img{    width: 250px;}
    .slider-caption h1{ font-size:1.5rem;}
    .slider-caption h1:before {
    width: 27px;
    top: 14px;
    left: -35px;
}
    .slider-caption{    width: 75%; }
    .slideshow, .slideshow .slider .item, .split-slideshow {
    height: 85vh;
}
    .btn-light{font-size: 13px; padding: 7px 10px; margin: 7px 0px; }
    .corporate_video img{ left: 73%!important; }

}


@media (max-width: 424px) {
    .gd-menu .menu.menu-active nav{ width:270px;}
    .gd-menu .menu nav .menu-nav-container .menu-header .menu-header-background-image {
    /* margin: 38px 16px; */
    width: 160px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 50px;
}
    .slideshow .slick-dots {
    right: 34%;
}
    .who-we-are .counter{     margin-left: -25px;
    width: 65%; }

    .hamburger {
    padding: 4px 2px;
}


}


@media(max-width: 599px ){
    .news-date:before {
       height: 73px!important;
    top: 10px!important;
    left: 75px!important;
}

}


@media (max-width: 600px ) and (max-width: 1023px ){
 .news-date:before {
    height: 68px!important;
    top: 9px!important;
    left: 75px!important;
}

}


/*@media (min-width: 1200px) {
    .slide-navigation .slick-track {
        margin-left: 61px;
    }
    .slide-box .slick-prev{ left: 0.9%; }
}*/