/*@media screen and (max-width: 1399px) {
    .projectname{
    height:25vh;
}
}*/
@media screen and (max-width: 991.98px) {
    
     body {
    font-size: 1vw;
     overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.freelance {
    height: auto;
}
.rece{
    margin-top:7em;
}
.description{
    width:100%;
    font-size:1.4em;
}
.spacenot{
    height:14vh;
}
.othertop {
    padding-top:8em;
}
.ceve{
    font-size:1.3em;
}
.loes{
    font-size:1.7em;
}
.what{
    padding-top:8em;
}
.res{
    font-size:2.5em;
}
.aks-accordion-item{
    padding:1.5em 1.5em;
}
.abyes svg{
  width:20em;
  height:20em;
}
.marquee__group img{
    width:3em;
}
h2.reveal-text{
    font-size:7.5em;
}
.teys{
    font-size:4em;
}
.hueyu {
    font-size: 1.5em;
    line-height: 1.7em;
}
.withmy{
    font-size: 1.5em;
    line-height: 1.7em;
}
.leye, .leye:hover{
    margin-top:1em;
}
.inside{
        font-size: 8.5em;
    width: 100%;
    }
    .free svg{
        width:1em;
        height:1em;
    }
    .enqiry {
    font-size: 6em;
    width: 62%;
    letter-spacing: -0.01em;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}
 .hey{
     padding-top:3em;
     padding-bottom:3em;
 }   
a.mailes{
    font-size:6.7em;
}
.aou{
    width: 100%;
    font-size: 2.5em;
    line-height: 1.5em;
}
.recent{
    font-size:5em;
}
.hue{
  
    width: 100%;
    font-size: 1.5em;
    line-height: 1.9em;
}
.pro{

    font-size: 1.8em;
    padding-left: 0.6em;
    line-height: 1.5em;
    padding-top: 1em;
    width: 57%;
    margin-top:0em;
}

.touch{
   padding-top: 2em;
    padding-bottom: 2em;
    height: 100vh;
}
.m-scroll{
    height:20vh;
}
.me{
    font-size: 2.2em;
    width: 100%;
    padding-bottom: 0em;
}
.navbar-brand img{
    width:15vw;
}

  .vye{
      margin-bottom:1em;
      margin-top:3em;
  }
 
  .eyes{
      height:5.5em;
      font-size:2em;
  }
  .eyeyes{
      font-size:2em;
  }
  .anuie{
      padding-bottom:7em;
  }
  .subie{
      margin-top:6em;
  }
  .suby, .suby:hover {
    font-size: 2.1em;
    padding: 0.8em 2.5em;
}
/*.webyi, .webyi:hover{
    font-size:2em;
}*/
.chosye{
    margin-bottom:1em;
    font-size: 4em;
}
.siyes{
    font-size:1.5em;
}
.coios{
    margin-bottom:5em;
}
ul.social li a{
    font-size:2em;
}
.otherproject .ohcent{
       aspect-ratio: 3/2;
}

}
@media screen and (max-width: 767.98px) {
    body {
    font-size: 16px;
     overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html, body {
  overflow-x: hidden;
}
.sticks.active{
    padding:0.5em 1em;
}
.subie{
    margin-top:2em;
}
.description{
    font-size:1em;
}
.otherproject .ohcent{
       aspect-ratio: 2/2;

}
h4.projects{
    font-size:1.2em;
}
.quise{
    justify-content:flex-start;
    padding-top:1em;
}
ul.social li a{
    font-size:1.3em;
}
.copy{
    font-size:1em;
    line-height:1.5em;
}
.s1, .s2{
    margin-right:0.7em;
}
.siyes{
    
    font-size: 0.7em;
    padding: 1.2em 1em;
}
.qui{
    padding-top:1em;
}
.rece{
    margin-top:1em;
}
ul.quick{
    padding-left:0em;
}
.abyu{
    padding-top:3em;
    padding-bottom:3em;
}
.thie{
    transform:none;
}
.tyui{
     transform:none;
}
.navbar-brand{
    padding-bottom:0em;
}
.ceya{
    padding-top:2em;
    padding-bottom:2em;
}
.aou {
    width: 100%;
    font-size: 1.9em;
    line-height: 1.4em;
}
.potitle{
    font-size:3em;
}
.projectname{
    padding-top:3em;
    padding-bottom:3em;
}
.aboutproject{
    padding-top:5em;
    padding-bottom:5em;
}
.myrole{
    margin-top:1.5em;
    justify-content: flex-start;
}
.protest{
    font-size:2em;
}
.description{
    width:100%;
}
.sece{
    margin-top:2em;
}
.hue{
    width:100%;
    font-size:1em;
}
.abyes {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 3em;
    padding-top: 2em;
    padding-right: 0em;
}
.anuies {
    padding-top: 3em;
    padding-bottom: 1em;
}
.free svg {
    display:none;
}
.buildes {
    display: none;
}
.touch{
    height:100vh;
     padding-top: 2em;
    padding-bottom: 2em;
}
.get{
    font-size:4em;
}
  .freelance {
     padding-top: 1em;
    padding-bottom: 1.5em;
    margin-bottom: 0em;
    height:auto;
  }
  a.mailes{
      font-size:2.7em;
  }
  .navbar-brand img{
      width:50%;
  }
  
  .inside{
      font-size:2.7em;
  }
  .me{
      width:100%;
      font-size: 1em;
      margin-bottom:1em;
  }
  .hey {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.insite {
   padding-bottom: 1em;
    padding-top: 0em;
}
.scrolling-words-box1 ul{
    margin-left:0em;
}
  
  .front{
     font-size: 5.5em;
    padding-bottom: 0.1em;
  }
  .scrolling-words-container{
       font-size:5.5em;
       justify-content: flex-start;
  }
  .scrolling-words-container1{
      font-size:5.5em;
      justify-content: flex-start;
  }
  .scrolling-words-box ul{
      margin-left:0em;
      margin-right:0em;
  }
  .veal{
      justify-content: flex-start;
  }
  .ices{
      display: flex;
    justify-content: flex-end;
  }
  .fuly {
    display: inline-block;
    padding-top: 2em;
    padding-bottom: 1em;
}
.for {
    text-align: left !important;
}
  .recent{
      font-size:2.6em;
  }
  .pro1{
      font-size: 1.2em;
    font-weight: 500;
    width: 100%;
    letter-spacing: -0.01em;
    line-height: 1.5em;
    margin-top: 1em;
  }
  h2.reveal-text{
      font-size: 3.5em;
      line-height: 1em;
      letter-spacing: -0.01em;
  }
  
  h4.teys{
      font-size: 2.4em;
    margin-bottom: 0.9em;
  }
  .loes{
    width: 100%;
    font-size: 1.3em;
    margin-top: 0em;
    line-height: 1.8em;
    font-weight: 400;
  }
  .sevice{
      padding-top:2em;
  }
  .res
  {
     width: 100%;
    font-size: 1.8em;
    text-align: left;
    margin-bottom: 2em;
    margin-top: 2em;
  }
  .soles{
      padding-bottom:5em;
  }
  .suie{
      justify-content: space-between;
  }
  .news{
      padding-top:5em;
  }
  .sah{
      font-size:0.7em;
  }
  .m-scroll{
      height:15vh;
  }
  .pro{
   width: 100%;
    font-size: 1.1em;
    line-height: 1.5em;
    padding-left: 0em;
  }
  
  .cc{
      font-size: 6em;
    letter-spacing: -0.01em;
    font-weight: 600;
  }
  .rece{
      padding-top:3em;
      padding-bottom:3em;
  }
  .als{
      font-size:2em;
      top: 1em;
      position:relative;
  }
  .container1{
      margin-top:2em;
  }
  .viewyes{
      margin-top:4em;
      justify-content: start;
  }
  .offcanvas{
      width:100% !important;
      height:100vh;
  }
  .navbar-nav .nav-link{
      font-size:3em;
  }
  .offcanvas-body{
      padding-top:0em;
  }
  
  .offcanvas-header .btn-close{
      font-size:2em;
  }
  .eyes{
     font-size: 1em;
    font-weight: 800;
    height: 5em;
  }
  .eyeyes{
     font-size: 1em;
    font-weight: 800;
  }
  .chosye {
    font-size: 2em;
}
.suby, .suby:hover{
    font-size: 1.1em;
    border: 1px solid #797979;
}
/*.webyi, .webyi:hover{
   padding: 1.5em 1.5em;
    border-radius: 4em;
    color: #000000;
    font-size: 0.9em;
    font-weight: 700;
}*/
.enqiry{
    font-size: 2.1em;
    width: 52%;
    line-height: 1.4em;
}
.letys, .letys:hover{
    width:100%;
}
.tesy{
   padding-left: 1.5em;
    padding-right: 1.5em;
}
.get {
    font-size: 4em;
}
.hueyu{
    font-size: 1em;
    line-height: 1.8em;
    width: 100%;
}
.withmy{
    font-size: 1em;
    line-height: 1.8em;
    width:80%;
}
.surey{
    display:none;
}
.suyese{
 display: inline-block;
    padding-top: 1em;
    padding-bottom: 2em;
   
 
}
.scrolling-words-box ul li{
    justify-content:flex-start;
}
.scrolling-words-box1 ul li{
    justify-content:flex-start;
}
.siobe{
    text-transform: uppercase;
    font-size: 1.3em;
    letter-spacing: -0.01em;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0em;
}
.soce{
    padding-top:1em;
}
.siobe svg{
    width:1.2em;
    height:1.2em;
}
.cce {
    font-size: 2em;
    letter-spacing: -0.01em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-bottom: 0em;
}
.reveal img.wor1{
    aspect-ratio: 1/1;
    object-position: top;
}
.reveal img.wor2{
    aspect-ratio: 1/1;
    object-position: top;
}
.reveal img.wor3{
    aspect-ratio: 1/1;
    object-position: top;
}
.reveal img.wor4{
    aspect-ratio: 1/1;
    object-position: top;
}
.m-scroll__title h1{
    font-size: 4em;
}
.suie{
    padding:1em;
}
ul.quick li a{
    font-size:1em;
}
.reveal img.wokye{
    aspect-ratio: 2/2;
    object-fit:cover;
}
.coios{
    margin-bottom:1em;
}
.socialme{
    padding-bottom:2em;
}
}
@media screen and (max-width: 575.98px) {
    
    
      body {
    font-size: 16px;
   overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html, body {
  overflow-x: hidden;
}
.sticks.active{
    padding:0.5em 1em;
}
.suie{
    padding:1em;
}
    .inside{
     font-size: 2.7em;
    margin-bottom: 0em;
    width: 100%;
    }
   .subie{
    margin-top:2em;
}
.s1, .s2{
    margin-right:0.7em;
}
.siyes{
    font-size: 0.7em;
    padding: 1.2em 1em;
    font-weight:600;
}
.enqiry {
  font-size: 2em;
    width: 100%;
    line-height: 1.3em;
}
.coios{
    margin-bottom:1em;
}
.socialme{
    padding-bottom:2em;
}
.navbar-brand{
    padding-bottom:0em;
}
.me
{
   width: 100%;
    margin-top: 0em;
    margin-bottom: 1em;
    font-size: 1em;
    letter-spacing: -0.01em;
    line-height: 1.8em;
}
.navbar-brand img{
    width: 50%;
}
ul.social li a{
    font-weight:bold;
    font-size:0.9em;
}
.eyes {
   font-size: 0.7em;
}
.eyeyes {
   font-size: 0.7em;
}
.chosye{
    font-size: 1.5em;
}
/*.webyi, .webyi:hover{
    padding: 1.5em 1.5em;
    font-size: 0.6em;
}*/
.suby, .suby:hover{
    font-size: 1em;
    padding: 0.5em 1.1em;
    line-height: 1.5em;
}
.get{
    font-size: 2.2em;
    font-weight:600;
}
.pro{
   font-size: 1em;
    line-height: 1.8em;
    margin-top: 0em;
    width:100%;
}
.potitle{
    font-size:1.8em;
}
.aboutproject{
    border-radius:20px;
    padding-top:3em;
    padding-bottom:4em;
}
.biyestop{
    margin-top:3em;
}
.othertop{
    padding-top:3em;
}
.others {
    font-size:1.8em;
}
.spacenot{
    height:5vh;
}
.navbar-nav .nav-link{
    font-size:2.2em;
}
.offcanvas-header .btn-close{
  font-size: 1.5em;  
}
a.mailes{
    font-size: 1.5em;
    letter-spacing: -0.02em;
}
.tesy {
    padding-left: 1em;
    padding-right: 1em;
}
.abyu {
    padding-top: 3em;
    padding-bottom: 4em;
}
.offcanvas-body {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top:0em;
}
.vye {
  color: #ffffff;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-bottom: 1em;
}
.touch{
     padding-top: 2em;
    padding-bottom: 2em;
    height: 69vh;
}

.anuie{
    padding-top:3em;
    padding-bottom:4em;
}
.baus{
    width:100%;
}
.free svg{
    display:none;
   
}
.surey{
    display:none;
}
.quise{
    justify-content:flex-start;
    padding-top:1em;
}
.copy{
    font-size:1em;
    line-height:1.5em;
}
.qui{
    padding-top:1em;
}
.free{
    display:flex;
    justify-content:start;
}
.als{
    width: 100%;
    font-size: 1.2em;
    padding-top: 1em;
    text-align: left;
    top:0em;
}
.aou{
    width: 100%;
    font-size: 1.6em;
    line-height: 1.6em;
}
.hue{
   width: 100%;
   margin-top: 1em;
    margin-bottom: 0em;
    font-size: 1em;
    letter-spacing: -0.01em;
    line-height: 1.8em;
}
.recent {
    font-size: 2.2em;
}
.leye, .leye:hover{
    padding: 0.6em 1.5em;
    font-size: 1.1em;
    margin-top:2em;
}

.marquee__group img{
    width:4em;
}
.hueyu{
  width: 76%;
    margin-top: 0em;
    margin-bottom: 0em;
    font-size: 1em;
    letter-spacing: -0.01em;
    line-height: 1.8em;
    margin-left:auto;
    margin-right:auto;
}
.withmy{
    font-size: 1em;
    line-height: 1.8em;
    width:87%;
}
.abyes svg{
    width:20em;
    height:20em;
}
h2.reveal-text{
    font-size: 2em;
    font-weight: 600;
}
.what{
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 0em;
    padding-top: 4em;
    padding-bottom: 4em;
}
.loes{
    font-size: 1em;
    letter-spacing: -0.01em;
    line-height: 1.8em;
}
h4.teys{
    font-size:1.4em;
    margin-bottom:1em;
}
.projects a{
    font-size:0.8em;
}
.reveal img.wor1{
    aspect-ratio: 1/1;
    object-position: top;
}
.reveal img.wor2{
    aspect-ratio: 1/1;
    object-position: top;
}
.reveal img.wor3{
    aspect-ratio: 1/1;
    object-position: top;
}
.reveal img.wor4{
    aspect-ratio: 1/1;
    object-position: top;
}
.cc {
    font-size: 2em;
    letter-spacing: -0.01em;
    font-weight: 600;
}
.pro1 {
    font-size: 1em;
    margin-top: 1em;
    letter-spacing: -0.01em;
    line-height: 1.8em;
}
.scrolling-words-container{
    font-size:3.7em;
}
.scrolling-words-container1{
    font-size:3.7em;
}
.front {
    font-size: 3.7em;
    line-height: 0.9em;
    font-weight:600;
}
.scrolling-words-box ul{
    margin-left:0em;
    margin-right:0em;
}
.scrolling-words-box1 ul{
        margin-left:0em;
        margin-right:0em;
}
.scrolling-words-container1{
   justify-content: flex-start;
}
.insite{
   padding-bottom: 0em;
    padding-top: 0.7em;
    
}
.siobe{
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: -0.01em;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0em;
}
.siobe svg{
    width:1.2em;
    height:1.2em;
}
.for{
    text-align:left !important;
}
.scrolling-words-container{
    justify-content:flex-start;
}
.scrolling-words-box ul li{
    justify-content:flex-start;
}
.scrolling-words-box1 ul li{
     justify-content:flex-start;
}
.veal
{
    justify-content:flex-start;
}
.news{
    padding-top:2em;
}
h4.projects{
    font-size:1.5em;
}
.container1{
    margin-top:2em;
}
.thie{
    transform:none;
}
.tyui{
    transform:none;
}
.freelance{
    padding-top: 1em;
    padding-bottom:2em;
    height:auto;
    margin-bottom:0em;
}
.soce{
    padding-top:2em;
}
.rece{
    padding-top:1em;
    margin-top:0em;
}
.suyese {
    display: inline-block;
    padding-top: 2em;
    padding-bottom: 2em;
}
.ices {
    display:flex;
    justify-content:end;
}
.fuly {
    display: inline-block;
    padding-top: 2em;
    padding-bottom: 1em;
}
.cce {
    font-size: 1.9em;
    letter-spacing: -0.01em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-bottom:0em;
}
.buildes{
    display:none;  
  }
  .mobie{
      padding-right: 0em;
  }
  .sevices{
      margin-top:1em;
  }
  .aks-accordion-item-title h4{
      font-size:1em;
  }
  .aks-accordion-item{
      padding: 0.9em 1.5em;
  }
  .aks-accordion-item-icon{
      width:1em;
      height:1em;
      border-width:0;
  }
 .aks-accordion-item-content{
     width:100%;
     font-size: 1em;
    letter-spacing: -0.01em;
    line-height: 1.8em;
 }
 .m-scroll{
     height:10vh;
 }
 .m-scroll__title h1{
     font-size:2em;
 }
 .soles{
     display:none;
 }
 .backet{
     display:none !important;
 }
 .abyes{
     display:flex;
     justify-content:flex-end;
     padding-bottom: 3em;
    padding-top: 2em;
    padding-right:0em;
 }
 .hey {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.woye{
    margin-top:0em;
}
.nio{
    margin-top:0em;
}
.res{
    margin-bottom:1em;
    font-size:1.3em;
}
.res svg{
    width:1em;
    height:1em;
}
 .offcanvas{
      width:100% !important;
      height:100vh;
  }
  ul.quick{
    padding-left:0em;
}
.qui{
    padding-top:1em;
}
ul.quick li a{
    font-size:1em;
}
.description{
    font-size:1em;
    width:100%;
}
.protest{
    margin-bottom:0.8em;
}
.reveal img.wokye{
    aspect-ratio: 2/2;
    object-fit:cover;
}
.otherproject .ohcent{
        aspect-ratio: 2/2;

}
}