/* For tablets: */
@media only screen and (min-width: 769px) and (max-width: 992px){
    .col-s-1 {width: 0%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {
      /* width: 58.33%; */
      font-size: 14px;
    }
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}

    
    .menu ul li {
      margin-left: 17px;
    }

    section.intro{
      flex-direction: column;
    }

    section.our-features{
      width: 100%;
    }

    .features{
      flex-wrap: wrap;
    }
    .feature-group-3 {
      margin-top: -20px !important;
    }
    .feature-group-5 {
      margin-top: 0px !important;
    }
    .feature-group-4 {
      margin-top: 20px !important;
    }
    .feature-group-6 {
      margin-top: 30px !important;
    }


    section.our-approach-mobile-view {
      display: block;
  }
    section.our-approach {
      display: none;
    }

    .image-contents {
      width: 100%; 
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .image-body {
      position: relative;
      opacity: 1;
      height: auto;
      width: auto;
      left: 0;
      top: 0px;
      display: flex;
      gap: 10px;
    }
    .content {
      position: relative;
      width: 312px;
    }

    .img-content {
      position: relative;
      width: 352px;
      height: 317px;
    }

    .even-row{
      flex-direction: row-reverse;
    }

    .customer-logos div {
      margin: 5px 100px;
    }

    a.arrow-right {
      position: absolute;
      right: 0px;
    }
    a.arrow-left {
      position: absolute;
      left: 0px;
    }

    section.contact {
      flex-direction: column;
      padding: 50px 0px;
      background-size: 110%;
    }

    .descriptions {
      width: 80%;
    }
    form.contact-form {
      width: 80%;
    }

    .logo-nav{
      width: 100%;
      align-items: start;
    }
    .footer-logo {
      margin: 0px 20px;
        /*width: 60%;*/
        /*height: 80%;*/
    }

    .email-address,  .email-subscription{
      width: 45%;
    }


  }