@media (min-width: 993px){ 
  .left-side{ display: none; } 
  #navbarCollapse {
    border-bottom: #c59c6c9e 1px solid;
    padding-top: 10px;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    color: #c59c6c;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0px;
    margin-left: 30px;
    position: relative;
  }
  .navbar-expand-md .navbar-nav .nav-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #ffffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
  }
  .navbar-expand-md .navbar-nav .active::before,
  .navbar-expand-md .navbar-nav .nav-link:hover::before {
    width: 100%;
  }
  .navbar-brand {
    color: #fff;
  }
  .navbar-expand-md .navbar-nav .nav-link:focus,
  .navbar-expand-md .navbar-nav .nav-link:hover,
  .navbar-expand-md .navbar-nav .nav-link:hover:before {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .active > .nav-link,
  .navbar-expand-md .navbar-nav .nav-link.active,
  .navbar-expand-md .navbar-nav .nav-link.active:before,
  .navbar-expand-md .navbar-nav .nav-link.open,
  .navbar-expand-md .navbar-nav .open > .nav-link {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-toggler {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
    float: right;
  }
  .navbar-expand-md .navbar-toggler i {
    color: #fff !important;
  }
  .navbar-expand-md .navbar-toggler:focus {
    outline: none;
  }
}
@media (min-width: 1300px){ 
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 1.2em;
  }
  .section-title { font-size: 3vw; }
}
@media (max-width: 1380px) and (min-width: 993px){
  #who-can-offset h3 { font-size: calc(1em + 0.3vw); }
  #who-can-offset .item{ padding-right: 1.5vw; }
}
@media (max-width: 1200px){
  .icon-cards .col-xl-4{ margin: 20px 0; }
  .icon-cards .col-xl-4:nth-child(1) .item{ margin-right: 25px; }
  .icon-cards .col-xl-4:nth-child(2) .item{ margin-left: 25px; }
  h2 { font-size: 3vw; }
}
@media (min-width: 1201px){
  .icon-cards .col-xl-4:nth-child(1) .item{ margin-right: 25px; }
  .icon-cards .col-xl-4:nth-child(1) { padding-right: 25px; }
  .icon-cards .col-xl-4:nth-child(2) .item{ margin: 0 25px; }
  .icon-cards .col-xl-4:nth-child(3) .item{ margin-left: 25px; }
  .icon-cards .col-xl-4:nth-child(3) { padding-left: 25px; }
  .icon-cards .item:before {
    display: block;
    content: '';
    width: 55%;
    height: 20px;
    position: absolute;
    top: -10px;
    background: #e6e6e6;
    right: -8px;
  }
  .icon-cards .item:after {
    display: block;
    content: '';
    width: 55%;
    height: 20px;
    position: absolute;
    bottom: -10px;
    background: #e6e6e6;
    right: 35px;
  }
  .py-lg-20vh{ padding-top: 20vh !important; padding-bottom: 20vh !important; }
}
@media (max-width: 1360px){
  .team .col{ max-width: 19%; }
}
@media (max-width: 1280px){
  .team .col{ max-width: 25%; margin-bottom: 40px; flex-basis: auto; flex-grow: inherit; }  
}
@media (max-width: 1024px){
  .team .col{ max-width: 33.33%; }
}
@media (max-width: 992px){
  .item .pl-3 { margin-top: 30px; }
  nav.navbar.navbar-expand-md #navbarCollapse{ display: none; }
  .mobile-menu-holder{ position: relative; }
  .icon-cards .col-xl-4 { margin: 40px 0; }
  .icon-cards .item {
    align-items: start;
    justify-content: start;
    flex-direction: column;
    margin: 0 auto !important;
    max-width: 550px;
    padding: 70px 40px 20px;
  }
  .icon-cards .item img {
    left: 0;
    right: 0;
    top: -55px;
    bottom: unset;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  .banner-mask {
    mask-image: linear-gradient(to bottom, transparent 5%, rgb(8, 7, 7));
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
  }
  .icon-content-block .row > div{ margin-bottom: 20px; }
  .testimonials .testimonial{ padding: 20px; }
  footer { padding-top: 40px !important; padding-bottom: 40px !important; }
  footer .col {
    flex-basis: auto;
    flex-grow: unset;
    display: block;
    width: auto;
  }
  footer p { font-size: 0.8em; }
  footer img { max-width: 2.6em !important; }
  .site-navigation .inner{ margin-top: 0; }
  #navbarCollapse{ display: none !important; }
  .navbar.fixed-top{ display: none; }
  .navbar.fixed-top .hamburger{ display:block; }
  #About .container,
  #Capabilities .container{ padding-top: calc(40vmax) }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination{ width: 30% !important; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-slide-content{ max-width: 65%; font-size: 0.8em; }
}

@media (max-height: 700px), (max-width: 340px){
  header.slider .swiper-container .swiper-slide{ padding-top: calc(300px - 10vmax); }
  header.slider .swiper-container .swiper-slide h1{ font-size: calc(1em + 2vmax) }
}
@media (max-width: 767px){
  h2{ font-size: calc(2vmin + 1.2em); }
  .section-title{ font-size: calc(4vw + 4vmax); }
  .heading-style-01{ font-size: calc(2vmax + 1.3em); }
  .heading-style-02 { font-size: calc(2vmax + 1.1em); }
  .intro{ padding: 20px 0 }
  .icon-content-block img{ max-width: 16vmax; }
  .points img { width: calc(10vh + 6vw); }
  .icon-content-block.points .content-block h2 { font-size: 2.0em; margin-bottom: 1px; }
  .process .odometer { font-size: 1em; }
  .icon-content-block.points .content-block h3{ font-size: 1.3em; margin-bottom: 20px; }
  .process{ padding-bottom: 60px; }
  #Partners.icon-content-block .content-block p { padding-top: 0; }
  .team .col{ max-width: 48%; }
  #timeline .container{ max-width: 100%; padding: 0 5%; }

  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-slide-content ul { margin: 0; padding-left: 15px; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-slide-content{  position: relative;  }
  .icon-cards .item { max-width: 100%; padding:  70px 10px 20px; }
  .icon-cards .item img{ top: 0; }
  #who-can-offset h3 { font-size: 1.3em; }
  .site-navigation {
    /* height: 50vh; */
    min-height: 500px;
    justify-content: start;
    padding-top: 120px;
  }
  .site-navigation .inner{ padding-left: 0; }
  .site-navigation .inner ul li a { font-size: 25px; font-weight: 300;}
}
@media (max-width: 576px){
  .team .col{  max-width: 90%; }
  .team figure { margin: 0 0 0.3rem }
  .team figure img{ max-width: 280px; margin: auto; }
  .team figure figcaption h6 br{ display: contents; }
  .team figure figcaption h6 em{ display: block; }
  .team figure + p.truncate { max-height: 4.0rem; }
  .page-loaded .left-side {
    left: 10px;
    right: 10px;
    width: auto;
  }
  .icon-content-block{ padding: 20px 0 60px; }
  .icon-content-block.points .content-block h2 {
    font-size: 1.5em;
    margin-bottom: 3px;
  }
  .icon-content-block.points .content-block h3{ font-size: 1em; margin-bottom: 0; }
  footer .col{
    flex-basis: auto;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
  .testimonials .testimonial{ padding: 10px; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-container{ height: auto; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination {
    left: auto !important;
    top: 0;
    width: 14% !important;
    padding-left: 0;
  }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination::before {
    left: unset;
    content: "";
    position: absolute;
    top: 2%;
    height: 96%;
    width: 2px;
    background-color: #C69B6B;
  }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination-bullet {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .portfolio-timeline-vertical-content-wrapper.active .timeline .swiper-pagination-bullet-active { background: none; font-weight: bold; }
  .portfolio-timeline-vertical-content-wrapper.active .timeline .swiper-pagination-bullet-active::before {
    top: 26px;
  }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-prev, .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-next,
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-prev, .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-left{ right: calc(14% - 24px); }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-slide-content{ max-width: 82%; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-prev{ top:25px; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-prev:hover{ top:16px; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-next{ top:calc(100% - 15px); }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-button-next:hover{ top: 99%; }
  .icon-content-block img { max-width: 200px; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination-bullet{ margin-top: 12vh !important; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination-bullet i { transform: rotate(-90deg); text-align: center; min-width: 300px; font-size: 0.9em; }
  ul.number-cards li{ width: 96%; }
}
@media (max-width: 576px), (max-height:650px){
  .icon-content-block .row > div br{ display: contents; }
  .icon-content-block .row > div {
    margin-bottom: 10px;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  header.slider { height: auto; }
  .slick-dots{ bottom: -75px; }
  .slick-dots li {
    width: 20px;
    height: 30px;
    text-align: center;
  }
  .slick-dots li button{ display: inline-block; }
  .slick-dots li button::before{ font-size: 10px; }
  #About, #Capabilities{ height: auto; }

}
@media (max-width: 700px) and (max-height:500px){
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-container,
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-slide{ height: auto; }
  .portfolio-timeline-vertical-content-wrapper .timeline .swiper-pagination{ width:auto !important; right: 20px !important; }
}