@media only screen and (max-width: 991px) {
  
   .page-title {
    padding-left: 0px; /* min(calc(325px - ((100vw - 1280px) / 2)), 325px); */
    /* padding-right: 320px; */
    /* font-weight: bold; */
    margin-top: 28px;
    font-size: 30px;
  }

  
  .breadcrumb-navbar {
    display: none;
  }

  .image-carousel {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .discount-advert {
    padding: 5px
  } 

  .header-bar {
    /* margin-bottom: 50px; */
    margin-right: 0px;
    /* padding-left: 10px; */
    /* padding-right: 70px; */
    /* padding-top: 55px; */
  }

  .header-bar-nav-item {
    font-weight: bold;
    text-align: left;
  }

  .header-bar-top-padding {
    padding-top: 5px;
  }

  .top-bar-col {
    min-height: 100px;
  }

  .banner {
    margin-top: -10px;
    background-position-x: -78px;
    background-position-y: 0px;
    background-size: 1688px;
  }

  .banner-first-image {
    background-image: url("../images/0001_low.0e89302b10e8.webp");
  }

  .banner-last-image {
    background-image: url("../images/0120_low.00ccbb805e09.webp");
  }

  .banner-first-image {
    background-image: url("../images/0001_low.0e89302b10e8.webp");
  }

  .banner-last-image {
    background-image: url("../images/0120_low.00ccbb805e09.webp");
  }

  .banner-title {
    opacity: 1;
    margin-left: 70px; 
    padding-top: 135px;
    font-size: 30px;
    line-height: 0.6;
  }
  
  .banner-subtitle {
    opacity: 1;
    margin-left: 80px;
    padding-top: 12px;
    font-size: 14px;
    white-space: nowrap;
    margin-top: -11px;
    /* text-align: right; */
    /* margin-right: 80px;
    /* text-align: right; */
    /* margin-right: 80px; */
  }

  .banner-height {
    
    height: 200px;
    max-height: 200px;
    width: calc(100vw - (100vw - 100%));
    overflow: hidden;
    display: block;
  }
  
  .check-h1 {
    font-size: 1.5em;
  }
  
  video {
    height: 200%;
    /*
    object-fit: cover;
    overflow: var(--video-scale);
    object-position: left bottom;
    */
  }

  #intro-video {
    /*
    display: none;
    object-fit: cover;
    height: 100%;
   
    background-position-x: -143px;
    background-position-y: -22px;
    background-size: 2078px;
    
    -moz-transform: translateX(var(--video-translate-x));
    -webkit-transform: translateX(var(--video-translate-x));
    -o-transform: translateX(var(--video-translate-x));
    -ms-transform: translateX(var(--video-translate-x));
    transform: translateX(var(--video-translate-x));

    -moz-transform: translateY(var(--video-translate-y));
    -webkit-transform: translateY(var(--video-translate-y));
    -o-transform: translateY(var(--video-translate-y));
    -ms-transform: translateY(var(--video-translate-y));
    transform: translateY(var(--video-translate-y));
    */

    height: 50%;
    -moz-transform:scale(var(--video-scale));
    -webkit-transform:scale(var(--video-scale));
    -o-transform:scale(var(--video-scale));
    -ms-transform:scale(var(--video-scale));
    transform:scale(var(--video-scale));
    
  }

  #intro-high {
    display: none;
  }

  .login.link {
    margin-left: 98px;
  }

  /* .text-in-image {
    font-size: var(--image-text-box-font-size-small-screen);
  } */

  .text-after-image {
    display: none;
  }

  .navbar-menu-div {
    margin-left: 0px;
    margin-top: 60px;
  }

  ul.dropdown-menu {
    display: none;
  }

  .navbar-nav .dropdown-menu > li {
    display: none;
  }

  .dropdown-toggle::after {
    display: none;
  }

  .navbar-nav li:hover > ul.dropdown-menu {
    display: none;
  }
  
  .top-bar {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }

  body {
    font-size: 17px;
    background-position-x: 60px;
    background-position-y: -591px;
  }

  .footer {
    background-color: whitesmoke;
  }

  /* text-in-image positioning */

  .solution-scroll-fade  {
    position: relative;
  }

  .solution-text {
    font-size: large;
  }

  .scroll-solution-industry {
    background-color: #818080b8;
  }

  .scroll-solution-academia {
    background-color: #345d5da6;
  }

  .scroll-solution-sustainability {
    background-color: #9f9582
  }

  .scroll-solution-recovery {
    background-color: #041741f5;
  }

  .scroll-solution-ai {
    background-color: #1f639b;
  }

  .scroll-solution-custom {
    background-color: #f95e13d1;
  }

  .scroll-promotion {
    position: absolute;
    /* font-size: x-large; */
      
  }

  .scroll-fade-text {
    font-weight: 500;
  }

  .logo-pin-bottom {
    bottom: auto;
  }

  .title-project-name {
    font-size: 28px;  
  }
}