@media (max-width: 1440px) { 
  .img-slider video, .img-slider img {
    width: 325px;
    margin-top: 15%;
  }
  #section2 {
    background-size: 70%;
  }
  ul.rig li.flip-box {
    height: 190px !important;
  }
  ul.rig {
    margin-top: 4% !important;
  }
  #section2 svg.process {
    width: 183%;
    left: -185px;
    top: 15px;
  }
  .nteadoc {
    width: 60% !important;
  }
} 
@media all and (max-width: 991px) { 
    
 } 
@media all and (max-width: 768px) { 
   .nteadoc {
      width: 60%;
      margin: auto;
   }
    
 } 
@media all and (max-width: 575px) { 
    .navbar.custom {
        height: auto;
    }
    .hello {
        padding-top: 22%;
     }
     .desc {
        font-size: 1.6rem;
        margin: 4px 0;
    }
    .bg-gradient-secondary {
      background-size: 195% !important;
      }
   .lead {
         margin-bottom: 20px;
         font-size: 3.3vw;
         font-weight: 300;
         line-height: 1.4;
         padding: 0 25px;
     }
   .nteadoc {
      width: 100%;
      margin: auto;
   }
 }

 @media all and (min-width:728px) and (max-width: 1024px) { 
    .nteadoc {
        width: 70%;
        margin: auto;
     }
     .img-slider video, .img-slider img {
        width: 325px;
        margin-top: 15%;
    }
 }

 @media all and (min-width:1691px) { 
  .hello {
       padding-top: 15%;
   }
  .nteadoc {
    width: 70%;
    margin: auto;
  }
}

 @media all and (min-width:1281px) and (max-width: 1690px) { 
    .hello {
         padding-top: 15%;
     }
    .nteadoc {
      width: 70%;
      margin: auto;
    }
  }
 @media all and (min-width: 960px) and (max-width: 1280px) { 
     .hello { 
        padding-top: 15%;
     }
     .img-slider video, .img-slider img {
        width: 325px;
        margin-top: 15%;
    }
  }



/*************************
RESPONSIVE GRID
*************************/
ul.rig {
   list-style: none;
   font-size: 0px;
   margin-left: -2.5%;
   /* should match li left margin */
   padding-left: 0;
   margin-top: 10%;
 }
 
 ul.rig li {
   display: inline-block;
   padding: 10px;
   margin: 0 0 3.5% 2.5%;
   background: #fff;
   border: 0px solid #ddd;
   font-size: 16px;
   font-size: 1rem;
   vertical-align: top;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
 }
 
 ul.rig li img {
   max-width: 100%;
   height: auto;
   margin: 0 0 10px;
 }
 
 ul.rig li h3 {
   margin: 0 0 5px;
 }
 
 ul.rig li p {
   font-size: .8em;
   line-height: 1.3em;
   color: #999;
 }
 
 ul.rig li.flip-box {
   background-color: transparent;
   height: 220px;
   padding: 0;
 }
 
 ul.rig li.flip-box .flip-box-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   -webkit-transition: -webkit-transform 0.8s;
   transition: -webkit-transform 0.8s;
   transition: transform 0.8s;
   transition: transform 0.8s, -webkit-transform 0.8s;
   -webkit-transition: margin-top 0.2s ease 0s;
   transition: margin-top 0.2s ease 0s;
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   margin-top: 0px;
 }
 
 ul.rig li.flip-box .flip-box-inner::before {
   contain: '';
   display: block;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   background: #000;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
 }
 
 ul.rig li.flip-box .flip-box-inner:hover {
   margin-top: -5px;
 }
 
 ul.rig li.flip-box .flip-box-inner .ok {
   display: block;
   position: absolute;
   top: -10px;
   left: -10px;
   z-index: 1000;
 }
 
 ul.rig li.flip-box .flip-box-inner a {
   display: block;
   width: 100%;
   height: 100%;
 }
 
 ul.rig li.flip-box .flip-box-inner .flip-box-front, ul.rig li.flip-box .flip-box-inner .flip-box-back {
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
 ul.rig li.flip-box .flip-box-inner .flip-box-front {
   background-color: #fff;
   color: black;
   border-radius: 10px;
   padding: 0px 12px;
   -webkit-transition: box-shadow 0.2s ease 0s;
   transition: box-shadow 0.2s ease 0s;
   box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.239);
 }
 
 ul.rig li.flip-box .flip-box-inner .flip-box-front:hover {
   /* background-color: #110c06; */
   box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.33);
 }
 
 ul.rig li.flip-box .flip-box-inner .flip-box-front i {
   color: #fff;
   font-size: 2.5rem;
   padding: 2rem;
 }
 
 ul.rig li.flip-box .flip-box-inner .flip-box-front img {
   padding: 4%;
   width: 41%;
   margin: 10px 0px 22px 0;
 }
 
 ul.rig li.flip-box .flip-box-inner .flip-box-front h3 {
   font-size: 1.52rem;
   color: rgb(17, 17, 17);
   margin-top: -25px;
   font-weight: 600;
 }
 
 ul.rig.columns-2 li {
   width: 47.5%;
   /* this value + 2.5 should = 50% */
 }
 
 ul.rig.columns-3 li {
   width: 30.83%;
   /* this value + 2.5 should = 33% */
 }
 
 ul.rig.columns-4 li {
   width: 22.5%;
   /* this value + 2.5 should = 25% */
 }
 
 @-webkit-keyframes bgColor {
   0% {
     box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.239);
   }
   100% {
     box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.33);
   }
 }
 
 @keyframes bgColor {
   0% {
     box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.239);
   }
   100% {
     box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.33);
   }
 }
 
 @media (max-width: 480px) {
   ul.grid-nav li {
     display: block;
     margin: 0 0 5px;
   }
   ul.grid-nav li a {
     display: block;
   }
   ul.rig {
     margin-left: 0;
   }
   ul.rig li {
     width: 100% !important;
     /* over-ride all li styles */
     margin: 0 0 20px;
   }
 }