html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  font-family: "Raleway";
  
}


.ourfactories h1 {
         float: left;
    position: relative;
    top: 4.1em;
    margin-left: 2em;
    color: black;
    font-size: 28px;
      }

     

      .ourfactories {
         position: relative;
         height: 100vh;
     
      }    
      
      .ourfactories .factory {
         position: absolute;
         top: 180px;
         left: 0%;
         width: 50%;
         height: 80%;
      }

        .ourfactories .text3 {
         position: relative;
         padding: 20px;
         padding-left: 5%;
          float: right;
          font-size: 20px;
          right: 0%;
          width: 50%;
          height: 80%;
          color: white;
          top: 180px;
          /* font-weight: 600;*/

          font-size: 16px;
          background: url(rect6.png);
          background-size: cover;
          background-position: left;
      }

      .ourfactories .text3 .intext {
         position: absolute;
         top: 50%;
         transform: translate(0,-50%);
   
      }

      .mySlides1 {
         width: 100%;
         height: 100%;
      }


      

      /*================================================*/



   

      .ourlaboratories {
         position: relative;
         height: 100vh;
         
      }

      .ourlaboratories .lab {
         position: absolute;
         top: 230px;
         left: 0%;
         width: 50%;
         height: 78%;
      }

  

      .ourlaboratories .text4 {
         position: relative;
         padding: 20px;
         padding-left: 5%;
          float: right;
          font-size: 20px;
          right: 0%;
          width: 50%;
          height: 80%;
          color: white;
          top: 220px;
          /* font-weight: 600;*/
          background: url(rect6.png);
          background-size: cover;
          background-position: left;
          font-size: 16px;
      }
    .ourlaboratories h1{
      float: left;
    position: relative;
    top: 5em;
    margin-left: 2em;
    color: black;
    font-size: 28px;
    
      }
         .ourlaboratories .text4 .intext {
         position: absolute;
         top: 50%;
         transform: translate(0,-50%);
    
      }


      .mySlides2 {
         width: 100%;
         height: 100%;
      }

      /*================================================*/
      .ourresearch h1 {
         float: left;
         position: relative;
         top: 5em;
         margin-left: 2em;
         color: black;
         font-size: 28px;
      }

     

      .ourresearch {
         position: relative;
         height: 100vh;
         margin-bottom: 20px;
         

      }
      .ourresearch .research {
         position: absolute;
         top: 220px;
         left: 0%;
         width: 50%;
         height: 80%;
      }

      .ourresearch .text5 {
         position: relative;
         padding: 20px;
         padding-left: 4%;
         padding-top: 5%;
          float: right;
          font-size: 20px;
          right: 0%;
          width: 50%;
          height: 70%;
          color: white;
          top: 220px;
          bottom: 0;
          /* font-weight: 600;*/
          background: url(rect6.png);
          background-size: cover;
          background-position: left;
          font-size: 16px;
      }

         .ourresearch .text5 .intext {
         position: absolute;
         top: 50%;
         transform: translate(0,-50%);
     
      }

      .mySlides3 {
         width: 100%;
         height: 90%;
      }

      /*================================================*/
      .Infrastructure {
         background-color: #fcfcfc;
         position: relative;
         height: 100vh;
         background-image:  url(dots1.png), url(dots2.png), url(infrastructure1.png);
         background-position: left top, right top, 50% 120px;
         background-size: 14%, 35%, cover;
         background-repeat: no-repeat;
         display: block;
      
      }

      .Infrastructure .text1 {
         position: absolute;
         width: 30%;
         right: 4em;
         bottom: 8em;
         background: url(rect6.png);
         background-size: 144%;
         padding: 40px;
         box-sizing: border-box;
         color: white;
      }

      /*================================================*/
      .production {
         position: relative;
         width: 100%;
         height: 400px;
        
      }

      .production .text2 {
         position: absolute;
         width: auto;
         font-size: 18px;
         left: 50%;
         transform: translate(-50%,0);
         width: auto;
         color: black;
         font-weight: 600;
      }

      /*================================================*/

      @media only screen and (max-width:  789px) {

            .Infrastructure {
         position: relative;
         height: 650px;
         background-image: url(infrastructure1.png);
         background-size: cover;
         background-repeat: no-repeat;
         display: block;
         background-position: center;
      }

      .Infrastructure .text1 {
         position: absolute;
         width: 90%;
         right: 5%;
         bottom: 40px;
         background: url(rect2.png);
         background-size: 100%;
         padding: 20px;
         box-sizing: border-box;
         color: white;
      }

      .production {
         position: relative;
         width: 100%;
         height: auto;
      }

      .production .text2 {
         position: relative;
         width: 90%;
         font-size: 16px;
         left: 5%;
         transform: translate(0%,0);
         top: 10px;
         color: black;
         font-weight: 600;
      }

      /*================================================================*/

      .ourfactories h1 {
         float: left;
          position: relative;
          top: 3.1em;
          margin-left: 10px;
          color: black;
          font-size: 20px;
      }

      .ourfactories {
         position: relative;
         height: 1100px;
         width: 100%;
         margin-top: 0px;
      }    
      
      .ourfactories .factory {
         position: absolute;
         top: 120px;
         left: 5%;
         width: 90%;
         height: 250px;
      }

        .ourfactories .text3 {
         position: relative;
         padding: 20px;
          float: right;
          font-size: 16px;
          right: 5%;
          width: 90%;
          color: white;
          top: 380px;
          /* font-weight: 600;*/
          background: url(rect4.png);
         background-size: 100% 100%;
          font-size: 16px;
          height: auto;
      }

      .ourfactories .text3 .intext {
         position: relative;
         top: 50%;
         left: 0em;
         transform: translate(0,0%);
      }

      .mySlides1 {
         width: 100%;
         height: auto;
      }
       .ourlaboratories h1{
         float: left;
         position: relative;
         top: 0em;
         margin-left: 10px;
         color: black;
         font-size: 20px;
      }

      .ourlaboratories {
         position: relative;
         height: 900px;
          width: 100%;
         margin-top: 0px;
         
      }

      .ourlaboratories .lab {
         position: absolute;
         top: 80px;
         left: 5%;
         width: 90%;
         height: 250px;
      }

  

      .ourlaboratories .text4 {
         position: relative;
         padding: 20px;
          float: right;
          font-size: 20px;
          right: 5%;
          width: 90%;
          color: white;
          top: 350px;
          /* font-weight: 600;*/
          background: url(rect4.png);
         background-size: 100% 100%;
          font-size: 16px;
          height: auto;
      }

      .ourlaboratories .text4 .intext {
         position: relative;
         top: 50%;
         transform: translate(0,0%);
      }


      .mySlides2 {
         width: 100%;
         height: auto;
      }

      /*=================================================================*/

      .ourresearch h1 {
         float: left;
         position: relative;
         top: 2em;
         margin-left: 10px;
         color: black;
         font-size: 20px;
      }

     

      .ourresearch {
         position: relative;
         height: 740px;
         background-color: #fdfbfc;
         margin-top: 300px;

      }

      .ourresearch .research {
          position: absolute;
         top: 100px;
         left: 5%;
         width: 90%;
         height: 150px;

      }

      .ourresearch .text5 {
         position: relative;
         padding: 20px;
          float: right;
          font-size: 20px;
          right: 5%;
          width: 90%;
          color: white;
          top: 280px;
          /* font-weight: 600;*/
          background: url(rect4.png);
         background-size: 100% 100%;
          font-size: 16px;
          height: auto;
      }

       .ourresearch .text5 .intext {
         position: relative;
         top: 50%;
         transform: translate(0,0%);
      }

      .mySlides3 {
         width: 100%;
         height: auto;
      }



      }