body {
  padding: 0px;
  margin: 0px;
}
.header1 {
  background-color: white;
  position: relative;
  z-index: 1000;


}
img.phone {
     
    height: 20px;
    width: 20px;
    padding-bottom: 2px;
}
div.data1 {
    background-color: darkgoldenrod;
    position: relative;
}
div.part1 {
    display: inline-block;
}

div.firstOfHead {
    
     padding-top: 9px;
    padding-left: 50px;
}
div.number {
  
    display: inline;
   
}

span.Number1 
{ 

 font-size: 15px;
 font-weight: 200;
 padding-top: 0px;
 padding-left: 9px;
 color: #ffffff;

}
a 
{
    display: flex;
    color: black;
    text-decoration: none;
}
img.loc {
    width: 25px;
}
div.secondOfHead {
    float: right; 
    margin-top: 2px;
    padding-right: 10px;
}
img.loc {
    padding: 2px;
}
span.loc2 {
     color: #ffffff;
    font-size: 12px;
}

img.time {
    padding-right: 5px;
    width: 13px;
    padding-top: 3px;
}
h1.time1 {
    color: #ffffff;
    font-weight: 200;
    word-spacing: 1px;
    letter-spacing: 1px;
    font-size: 14px;
    display: inline;
    padding-bottom: 12px;
    text-transform: uppercase;
}
div.lastOfpart1 { 
  
    display: inline-block;
    position: absolute;
    bottom: 6px;
    left: 220px;

}
div.line {
    background-color: #939393;
    width: 100%;
    height: 1px;
    margin-top: 2px;
}
.logo01 {
  display: none;
}
img.logo1 {
  width: 115px;
  height: 88px;

}

img.logo {
    
     padding-top: 5px;
     width: 300px;
     height: 90px;

}
div.logo0 {
    display: inline-block;
}
/*div.head1 {

    
}   */

nav.navbar
{ 
    position: relative;
    top: 32px;
    left: 0px; 
    float: right;
}
nav.navbar h1
{ 
      margin-top: 0px;
      margin-bottom: 0px;
      padding-top: 7px;
      font-size: 21px;
      font-weight: 500;
      text-transform: capitalize;
      display: inline-block;
      padding-right: 17px;
}
   .navbar a {

   
    float: left;
    text-decoration: none;
    font-size: 17px; 
    color: rgb(0, 0, 0);
    text-align: left;
          
      
   }
   nav.navbar a:hover{
    color:#54ccff;
  }

  .navdrop {
      width: 300px;
      background-image: linear-gradient(164deg, #f1f1f1, #ffffff);
     height: 100%;
     list-style: none;
     float: right;    
      text-align: center;
      font-size: 22px;
      position: fixed;
      top:  0px;
      right: 0px;
      overflow-y: scroll;
      display: none;
   }
   .line3 {
     margin-top: 80px;
     height: 1px;
     background-color: #c9c9c9;
   }
 
   
   .number22  {
 
     margin-top: 40px;
     padding-left: 21px;
   }
   .Number21  {
   
   color: #7f7f7f;
   font-size: 16px;
   }
   img.phone1 {
     height: 20px;
     width: 20px;
     padding-right:8px ;
     padding-top: 1px;
    
   }
   
   .navdrop li  { 
      
      padding-top: 15px;
 
   }
   .navdrop li a { 
     font-weight: 500;
     display: inline;
     color: #000000;
     
   }
   .time02 {
     margin-top: 35px;
  text-align: left;
  
   padding-left: 26px;
   }
 
   .time2 {
     font-size: 16px;
     display: inline-block;
     font-weight: 200;
     padding-left: 4px;
     padding-right: 7px;
     color: #7f7f7f;
     
   }
   .loc22 {
     padding-bottom: 50px;
     margin-top: 40px;
     padding-left: 20px;
     padding-right: 10px; 
    /* text-alinge: */
      
   }
   img.locc {
     width: 30px;
     height: 30px;
   } 
 .loc33 {
   font-size: 16px;
   font-weight: 200;
   margin-bottom: 50px;
   color: #7f7f7f;
 }
     .font1 {
      font-family: "Saira Semi Condensed", sans-serif;
      font-weight: 500;
      font-style: normal;
     }
     .font2 {
      font-family: "Saira Semi Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
     }
      .font3 {
     font-family: "Mate SC", serif;
     font-weight: 600;
     font-style: normal;
      }
     
  
    .font4 {
    font-family: "Dosis", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .font5 {
  
    
          font-family: "Archivo Black", sans-serif;
          font-weight: 400;
          font-style: normal;
        
  }
  .font6 {
      font-family: "Anton", sans-serif;
      font-weight: 400;
      font-style: normal;
  
  
  }
  .font7 {
  font-family: "Merriweather Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  }


  .font8 {
    
    font-family: "LXGW WenKai Mono TC", serif;
    font-weight: 300;
    font-style: normal;
  
}
.font9 {
font-family: "Rubik Mono One" , monospace;
font-style: normal;
font-weight: 400;
}
.font10 {
font-family: 'Dela Gothic One';
font-style: normal;
font-weight: 400;
}
.font11 {
font-family: 'New Amsterdam';
font-style: normal;
font-weight: 400;
}
.font12 {
font-family: 'Luckiest Guy';
font-style: normal;
font-weight: 400;
}
.font13 {
font-family: 'Comic Neue';
font-style: italic;
font-weight: 300;
}
.font14 {
font-family: 'Andika';
font-style: italic;
font-weight: 400;
}


.navbar li {
  padding: 0px; 
   }
     .open  {
      height: 290px;  
      
   
    }
  
  
    
    div.sec2 {
       overflow: hidden;
     width: 100%;
      height: 8px;
      background-color: #b8860b;
    } 
     ul.ggg {
      display: flex;
       margin: 0;
      padding: 0px;
     }
     li.n1 {
      margin-left: 240px;
     }
     li.n2 {
      padding-right: 0px;
     }
     li.gg {
        width: 33%;
       list-style: none;
   
     }
    .sec2 li.gg a {
       padding-top: 2px;
      text-transform: uppercase;
      font-style: oblique;
      font-size: 20px;
      color: #86ccec;
      padding-right: 0;
      display: inline-block;
       }
     .sec2 li.n0 a {
  
  
            width: 97px;
     }
     .sec2 li.n2 a {
  
  
      width: 85px;
  }
      li.gg a:hover {
     
       color: #d6ffe3;
    }


    div.menu-bar { 
       /* margine-top : 50px ;
       padding left 40px */  
       
   
       text-align: right;
       position: absolute;
       top: 24px;
       right: 30px;
       display: none;
     }
     button.toggle-menu {
   
       background: none;
       border: none;
        width: 38px;    
        cursor: pointer;
        
     }
     button.toggle-menu:focus {
       outline: none;
   
     }
     button.toggle-menu span {
      display: block;
      background-color: #338fb1;
      height: 3px;
      margin-bottom: 3px;
   
     }
     .close-menu {
       display: none;
       position: absolute;
       top: -1px;
       right: 40px;
       z-index: 1;
     }
     .close-menu h1{
       
      color: #007385;
      cursor: pointer;
   
     }
      div.mid1 {
   
       background-color: rgb(223, 223, 223);
       height: 500px;
       width: 100%;
       
       
   
      }
      .head-bar
      {
       position: relative;

       z-index: 8000;

   }

     div.thaMainDiv {

      /* background-image:radial-gradient( #f0f8ff  ,  rgb(229 229 229));; */
      background-image: radial-gradient(#ffffff, rgb(229 229 229));
     }




    

     div.head-of-pro {
     
         margin-left: 20px;        
        
     }
     div.head-of-pro P {
     /* display: inline-block;
      border-left: 2px #213770 solid;
      border-right: 2px #213770 solid;
      padding-left: 10px;
      padding-right: 10px;
      */
      transform: translateY(52px);
      color: #023767;
      color-scheme: red;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 71px;
      padding-bottom: 0px;
      margin-bottom: 5px;
      margin-top: 0px;
   
        
        
     }
      div.line-0 {
        background-image: url(/images/bac1122.png);
        background-size: 1500px;
        background-repeat: no-repeat;
        background-color: #072329;
        background-position: -1px -49px;
        opacity: 4.9;
        height: 148px;
      }
      p.title00 {
        margin-top: 0px;
        position: absolute;
    top: 188px;
    font-size: 55px;
    left: 145px;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 600;
    z-index: 1;
    animation: move1 1.3s;
      }
      @keyframes move1  {

      
        0% {
         left: -450px;
        }
        
        100% {
         left: 145px;
        }

        
    }
     .sec0 {
      padding: 15px 130px 10px 40px;
      animation: opacit 2s;
     }


     @keyframes opacit {
      0% {
        opacity: 0;
       }
       40% {

        opacity: 0;
       }
       100% {
        opacity: 1;
       }
     }


     .sec0 h4 {
      color: #072329;
      font-size: 20px;
      font-weight: 400;
     } 

      div.sec1-pro1 {

        text-align: center;
        word-spacing: 9px;
        animation: opacit 3s;
        
      }
      div.sec1-pro1 p {
        font-weight: 500;
        text-transform: capitalize;
        font-size: 26px;
        color: #06262c;
    
        
      }
      div.line-2 {
        width: 100%;
      }
      div.line-2 img {
        opacity: 0.05;
        width: 100%;
        
        
      }
      
      .pro-photo1  {
        background-color: #e9e9e9ea;
        margin-top: 58px;
       

      }
     
 
      p.pro-title ,  p.pro-title2  {
         padding-top: 100px;
        color: #0f4324;
        padding-left: 30px; 

         text-transform: capitalize;
     
       font-size: 25px;
       transition: all 0.8s ease-in;
       transform: translateX(-1100px);
       
      }
      p.pro-title2  {
          padding-top: 0;
          


       }




      .back-img1 {
       /* display: flex; */
       margin-bottom: 120px;
        text-align: left;
        
      }
      .first-project1 {
        width: 100%;
        display: flex;
        position: relative;
      }
      .left-project1 {
        width: 60%;
        display: inline-block;
        padding: 0px 12px;
      }
      .left-project1 h2 {
     
        margin-top: 0;
        font-size: 17px;
        font-style: italic;
        padding-left: 40px;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #5c5b5b;
        word-spacing: 12px;
      }
      .left-project2 {
        width: 60%;
        display: inline-block;
        padding: 0px 12px;
      }
      
      .left-project2 h2 {
     
        margin-top: 0;
        font-size: 17px;
        font-style: italic;
        padding-left: 40px;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #5c5b5b;
        word-spacing: 12px;
      }
      .left-des-project1 {
        width: 40%;
    
        display: flex;

  
       
   
      }

      .left-des-project1 h1 {
        font-size: 19px;
        color: #072329;
        align-self: center;
        text-align: start;
        text-transform: capitalize;
        font-weight: 200;
        padding-right: 20px;
        line-height: 36px;
      }

      .left-des-project2 {
     width:40%;
     display: flex;
      }
      .left-des-project2 h1 {
        font-size: 19px;
        color: #072329;
        align-self: center;
        text-align: start;
        text-transform: capitalize;
        font-weight: 200;
        padding-right: 20px;
        line-height: 36px;
      }
      .clinte-1 {
        margin: 180px 0px;
        background-color: #2b010d;
        padding-bottom: 19px;
        width: 100%;
      }

    
      .clinte-1 h3 {
        color: #ffffff;
        text-align: center;
        font-size: 35px;
        letter-spacing: 3px;
        text-transform: capitalize;
        padding-top: 17px;
        margin-bottom: 0;
      }
      
      /* .back-img1 img{
        display: flex;
      } */


      .object-part2 {
        display: flex;
      }
      .back-img1 img{
        width: 100%;
        height: 100%;
       padding-left: 0px;
      }
      .left-project2 img {
        height: 85%;
       }
      .clinte-1-photo  {
         

        text-align: center;
      }
      .clinte-1-photo img {
         padding-top: 10px;
        width: 210px;
      height: 178px;
      }
     
      .des {
       text-align: center;
       padding-bottom: 50px;
      }
      .des h2 {
       text-transform: capitalize;
       font-size: 25px;
       font-weight: 400;
      }
      
      .line-2 {
        margin-top: 15px;
      }
   

      .object-part2 {
        margin-bottom: 0;
        padding-bottom: 140px;
      }

      .last-sec-project {
        display: flex;
            padding: 30px 0;
            background-color: #00071a;
            text-align: justify;
      }
      .last-sec-project h1 {
        display: inline-block;
        width: 45%;
        font-size: 25px;
        color: white;
        padding-left: 30px;
        text-transform: capitalize;
       
      }
      .cont-project {
        width: 65%;
        display: flex;
        align-items: center;      
        justify-content: end;
    }

      .cont-project h2 {
        padding-right: 100px;
    }
      


      .last-sec-project h2 a {
        font-size: 20px;
        color: #000000;
        background-color: #ffffff;
        text-transform: lowercase;
        width: 185px;
        height: 55px;
        align-items: center;
        text-align: center;
        display: inline-grid;
    }
       
      
























    div.footer {
      position: relative;
        background-color: rgb(14 25 55);
     }
     div.logo11 { 
        padding-top: 20px;
        margin-bottom: 30px;
        text-align: center;
     } 
     div.logo11 a{ 
        display: inline-block;
     } 
      
     .logo11 img {
        
        width: 350px;
        
     }
     /*  */
    p.p-sec9 {
        
        font-size: 50px;
        margin-left: 90px;
        color: #64ad56;
        margin-bottom: 0px;
    }
    
      
    div.mid-footer {
        display: flex;
        padding: 0 20px;
    }
    div.shourt-about {
        width: 25%;
        
        /* margin-left: 110px; */
    }
    h1.fh1 {
        color:#ffffff;
        text-align: center;
        margin-bottom: 30px;
        font-size: 23px;
        text-transform: capitalize;
    }
    
    
    .shourt-about h2 {
        color: white;
        font-size: 19px;
        text-align: left;
        font-weight: 500;
        text-transform: capitalize;
    }
    div.links
     {  width: 25%;
    
        /* margin-left: 130px; */
    }
    .links ul {
       text-align: center;
        padding-left: 0;
        list-style: none;
        display: block;
    }
    .links ul li {
    margin-bottom: 5px;
    
    }
    
    .links ul li a {
        color: white;
       font-size: 17px;
        letter-spacing: 0px;
        display: inline-block;
    }
    
    
    /* .media1 {
    
      padding-right: 7px;
    } */
    .scroll1 {
      position: absolute;
      top: 10px;
      right: 20px;
     
    
    }
    
      
    
    .scroll1:hover {
         cursor: pointer;
        
    }
    .scroll1 img {
    width: 60px ; 
    height: 90px;
    animation-name: scrol ;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    
    
    }
    
    @keyframes scrol {
    
      0%{
     transform: translateY(15px);
      }
      50% {
        transform: translateY(0px);
      }
      100% {
        transform: translateY(15px);
      }
    }
    
    .shourt-cont {
     
     width: 25%;
    
       
    
    }
    .shourt-cont ul {
      
    list-style: none;
       padding-left: 0px;
       text-align: center;
    
    }
    .shourt-cont ul li  {
    color: white;
    margin-bottom: 8px;
    
    }
    
    .shourt-cont ul a  {
    
        color: white;
        display: inline-block;
        
        }
    
    
    
        .shourt-media {
     
          width: 25%;
          margin-right: 130px;
          text-align: center;
      
      }
      .shourt-media ul {
      list-style: none;
      text-align: center;
      margin-top: 0px;
      padding-left: 0px;
      }
      .shourt-media ul li  {
      color: white;
      margin-bottom: 18px;
      
      }
      
      .shourt-media ul a  {
          color: white;
          display: inline-block;
          }
          .mid-footer li a:hover {
            color: #c6f50d;
          }
      
          div.line10 {
    
            height: 1px;
            background-color: #cfcfce;
          }
    
      div.copyright {
        text-align: center;
        padding-bottom: 20px;
      }
      
      .copyright p {
         padding-top: 20px;
        color: white;
        margin-bottom: 2px;
        font-size: 13px;
        text-transform: uppercase;
        word-spacing: 1px;
    
      }
     
    
      .copyright span {
        margin-left: 7px;
        font-size: 13px;
        text-transform: lowercase;
        
       
        
      }
      @media screen and  (max-width: 1215px)   {

          
        
        a.linksec9 {
          padding-left: 20px;
          width: 150px; 
        }
       
        .shourt-about h2 {
          font-size: 17px;
          width: 200px;
        }
    
    
    
      }
      
      @media screen and  (max-width: 1090px)   {
    
      
        p.title00 {
          top: 110px;
        }
      
      
      
      
      
       

        .header1 {
          background-image: linear-gradient(164deg, #f1f1f1, #ffffff);
          border-bottom: 1px solid #0000008f;
            position: fixed;
            z-index: 1000;
            width: 100%;
            height: 65px;
        }
        .head-bar
     
     
        {
            position: relative;
            height: 65px;
            width: 100%;
            z-index: 8000;
            background-color: black;

}



        div.logo0 {
            display: none;
        }
        .logo01 {
            display: inline-block;
        }
        img.logo1 {
          width: 90px;
          height: 64px;
          padding: 1px;
        }
        
        
        
        .data1 , .navbar , .nav3 , .sec2{
          display: none;
        }
        div.menu-bar {
          display: block;
        
        }
        .hidden {
          display: none;
    
        }
         .displayOn {
          display: block;
    
         }
    
         .overhid {
          overflow: hidden;
         }
       
    
    
        img.logo { 
          width: 140px;
          height: 108px;
          
        }
     
       
        div.shourt-about {
            width: unset;
          margin-left: 30px;
        }
        .shourt-media {
          margin-right: 100px;
        }
    
      }
    
      @media screen and (max-width: 1016px)   { 
        
        p.title00 {
          top: 116px;
          left: 43px;
          font-size: 50px;
         
      }
      @keyframes move1  {

      
        0% {
         left: -450px;
        }
        
        100% {
         left: 43px;
        }

        
    }
    
    h1.fh1 {
    font-size: 19px;  
    
    }
    div.shourt-about {
    
        margin-left: 35px;
    }
    .shourt-about h2 {
      width: 200px;
    
    }
    
    
    div.links  {
        width: unset;
      margin-left: 80px;
      margin-right: 0px;
    }
    
    .links ul {
      padding-left: 0px;
      width: 90px;
    }
    
    .shourt-media {
      margin-right: 80px;
    }
    .shourt-cont {
    margin-right: 35px;
    
    
    }
    
      }
    
      @media screen and (max-width: 895px)   { 
    

      div.line-0 {
      background-size: 1144px;
      background-repeat: no-repeat;
      background-position: -1px -38px;
      height: 113px;
    }
      p.title00 {
        top: 98px;
        left: 30px;
        font-size: 44px;
        
    }
    @keyframes move1  {

    
      0% {
       left: -450px;
      }
      
      100% {
       left: 30px;
      }

      
  }
  p.pro-title, p.pro-title2 {
    padding-left: 12px;
    font-size: 20px;
  }
    
  .left-project1 , .left-project2 {
    width: 55%;
    padding: 0px 8px;
}

.left-project1  img , .left-project2  img  {
  width: 100%;
  height: 100%;
  padding-left: 0px;
}

.left-des-project1 , .left-des-project2 {
  width: 45%;
  display: flex;
}
.left-des-project1 h1 , .left-des-project2 h1{
  font-size: 18px;
  padding-right: 11px;
  line-height: 26px;
}


  .left-project1 h2 ,  .left-project2 h2{
    margin-top: 0;
    font-size: 15px;
    padding-left: 9px;
    word-spacing: 0px;
}



.clinte-1 {
  margin: 140px 0px;
  padding-bottom: 4px;
}

.clinte-1 h3 {
  font-size: 31px;
  letter-spacing: 2px;
  padding-top: 7px;
}
.clinte-1-photo img {
  padding-top: 7px;
  width: 175px;
  height: 155px;
}
.last-sec-project {
  padding: 15px 0;
 }
.object-part2 {
  margin-bottom: 0;
  padding-bottom: 90px;
}

.last-sec-project h1 {
  font-size: 21px;
  padding-left: 22px;
}
.cont-project h2 {
  padding-right: 65px;
}


.last-sec-project h2 a {
  width: 161px;
  height: 50px;
}
      div.shourt-about {
          margin-left: 20px;
      }
    
      /*  */
      div.links {
        margin-left: 45px;
      }
    
      .shourt-media {
        text-align: start;
        margin-right: 0px;
    }
    
    .shourt-media ul {
      list-style: none;
      float: none;
      padding-left: 0px;
    }
    
          
    
    }
    
    
    @media screen and (max-width:810px)   { 
    
    /* */
    .sec0 h4 {
      font-size: 19px;
  }

  div.sec1-pro1 {
    word-spacing: 2px;
}
  div.sec1-pro1 p {
    font-size: 23px;
}

p.pro-title, p.pro-title2 {
  padding-left: 10px;
  font-size: 17px;
}
.left-des-project1 h1, .left-des-project2 h1 {
  font-size: 16px;
  padding-right: 17px;
  line-height: 22px;
  text-align: justify;
}
.left-project1 h2, .left-project2 h2 {
  font-size: 14px;
  padding-left: 7px;
  letter-spacing: 2px;
}
.last-sec-project h1 {
  font-size: 20px;
  padding-left: 19px;
}
.last-sec-project h2 a {
  width: 135px;
  height: 45px;
  font-size: 19px;
}
.cont-project h2 {
  padding-right: 28px;
}
.left-project1 img, .left-project2 img {
   height: 375px;
 }
    .logo11 img {
      width: 245px;
    }
    
    div.mid-footer {
      display: block;
      text-align: center;
    }
    div.mid-footer h1  {
    
      text-transform: uppercase;
    }
    
    div.shourt-about {
      width: auto; 
       margin-left: 0px;
       margin-bottom: 50px;
    
    }
    
    .shourt-about h2 {
       width: auto;
       padding: 0px 35px;
       text-align: justify;
       color:rgb(204, 241, 133);
    
       font-weight: 300;
    }
    
    
                                               
    div.links {
    
      width: auto;
      margin: 30px 0px;
      text-align: center;
    }
    div.links h1 {
    width: auto;
    
    }
    div.links ul {
      width: auto;
        
    }
    div.links ul li a {
      color:rgb(204, 241, 133);
       font-weight: 500;
        
    }
    
    .shourt-media {
     margin: 30px 0px;
     width: auto;
     text-align: center;
    }
    .shourt-media ul {
     margin: 30px 0px;
     padding: 0;
     text-align: center;
     width: auto;
     
    }
    .shourt-media ul li a {
      color:rgb(204, 241, 133);
      font-weight: 500;
      display: block;
    }
    .shourt-cont {
    width: auto;
    padding: 0px;
    margin: 30px 0px;
    padding: 0px 30px;
    
    
    }
    .shourt-cont li a {
      color:rgb(204, 241, 133);
      font-weight: 500;
    }
    
    
    div.mid-footer  ul li a {
      display: inline-block;
    }
    
    }
    
    
    
    
    
    @media screen and (max-width:640px)   {
      .navdrop {
        width: 100%;
    }
    
    div.line-0 {
      background-size: 905px;
      background-repeat: no-repeat;
      background-position: -63px -22px;
      height: 101px;
  }
  p.title00 {
    top: 101px;
    left: 21px;
    font-size: 33px;
}
@keyframes move1  {

    
  0% {
   left: -450px;
  }
  
  100% {
   left: 21px;
  }

  
}
.sec0 {
  
  padding: 15px 16px 10px 30px;
}
    .first-project1 , .first-project12 {
      display: block;
    }
    .pro-ti {
      text-align: center;
    }
    p.pro-title, p.pro-title2 {
      padding-left: 0px;
      font-size: 18px;
      padding: 0 3px;
  }

  .left-project1, .left-project2 {
    width: unset;
    padding: 0px 47px;
}
  .left-project1 img, .left-project2 img {
    height: 375px;
    border-radius: 6px;
}
.left-project1 h2, .left-project2 h2 {
  font-size: 13px;
  padding-left: 9px;
  letter-spacing: 2px;
}
.clinte-1 {
  margin: 72px 0px;
  padding-bottom: 4px;
}
.object-part2 {
  display: block;
}

.left-des-project1, .left-des-project2 {
  width: unset;
  padding: 0 38px;
  margin-top: 35px;
}
.left-des-project1 h1, .left-des-project2 h1 {
  font-size: 16px;
  padding-right: 0px;
  line-height: 27px;
  color: #006074;
}
.clinte-1 h3 {
  font-size: 25px;
  letter-spacing: 1px;
  padding-top: 7px;
  font-weight: 500;
}
.clinte-1-photo img {
  padding-top: 12px;
  width: 143px;
  height: 120px;
}
    }
    
    @media screen and (max-width:539px)   {
   
      p.pro-title, p.pro-title2 {
        padding-left: 0px;
        font-size: 17px;
        padding: 0 15px;
    }
      .sec0 h4 {
        font-size: 18px;
    }
    .pro-photo1 {
      margin-top: 90px;
  }
  div.sec1-pro1 p {
    font-size: 22px;
    margin-top: 35px;
}

.first-project1 {
  width: 97%;
  display: block;
}
.sec0 {
  padding: 15px 28px 10px 40px;
}

.left-des-project1 h1, .left-des-project2 h1 {
  font-size: 15px;
}
.left-project1, .left-project2 {
  width: unset;
  padding: 0px 20px;
}
.left-des-project1, .left-des-project2 {
  width: unset;
  padding: 10px 15px;
}
.left-des-project1 h1, .left-des-project2 h1 {
  font-size: 16px;
  line-height: 32px;
}
.last-sec-project h1 {
  font-size: 18px;
  padding-left: 14px;
  padding-right: 20px;
  width: unset;
}
.object-part2 {
  display: block;
}
.cont-project h2 {
  padding-right: 9px;
}
.last-sec-project h2 a {
  width: 98px;
  height: 33px;
  font-size: 17px;
}

    .scroll1 {
      right: 9px;
    }
    .scroll1 img {
      width: 49px;
      height: 78px;
    }
    div.copyright {
      padding-bottom: 3px;
    }
    .copyright p {
      font-size: 11px;
      padding: 5px 14px;
      margin-bottom: 11px;
    }
    .copyright span {
        font-size: 11px;
    }
    
    }
    
    @media screen and (max-width:465px)   {
      div.menu-bar {
        right: 13px;
      }
      div.line-0 {
        background-size: 1142px;
        background-repeat: no-repeat;
        background-position: -22px -51px;
        height: 90px;
    }
    p.title00 {
      top: 93px;
      left: 21px;
      font-size: 36px;
  }
  @keyframes move1  {

    
    0% {
     left: -450px;
    }
    
    100% {
     left: 21px;
    }
  
    
  }
      .last-sec-project h1 {
        font-size: 16px;
      }

      .cont-project h2 {
        margin-top: 0px;
    }
    .last-sec-project h2 a {
      width: 82px;
      height: 30px;
      font-size: 15px;
  }
    
    
    }
    
    @media screen and (max-width:420px)   {
      p.pro-title, p.pro-title2 {
        padding-left: 0px;
        font-size: 16px;
        padding: 0 15px;
    }
    .left-des-project1 h1, .left-des-project2 h1 {
      font-size: 16px;
      line-height: 29px;
  }
    
      .logo11 img {
        width: 211px;
    }
    .scroll1 {
      top: 46px;
    }
    .scroll1 img {
      width: 45px;
      height: 71px;
    }
    div.mid-footer {
    
      padding-top: 20px;
    }
    div.mid-footer ul li {
      margin-bottom: 17px;
    }
    
    
    
    }
    
    
    
    @media screen and (max-width: 375px) {
      
      /* p.found8 {
        font-size: 38px;
    }
    
     */
    
    }
    
    
    
    @media screen and (max-width: 320px) {
      .last-sec-project h1 {
        font-size: 14px;
    }
   
    /* .part-title1-foun h2 {
      font-size: 12px;
    } */
    
    
    }