@media screen and (max-width: 600px) 
{
    body{
        overflow-x: hidden;
    }
    nav{
        visibility: hidden;
    }
    h5{
        margin-left: 15px;
        font-size: 200%;
        margin-top:75px;
    }
    h3{
        margin-left: 15px;
        font-size: 150%;

    }
    
    pre{
    margin-left:-180px;  
    font-size: 100%;  
    }
    .imgg img{
        width: 80%;
        margin-top: 100px;
        height: auto;
        margin-left: -10px;
    }

    .io{
 visibility: hidden;

    }
 
    .helo{
        box-shadow: 5px 5px 5px rgb(199, 36, 90);
        font-size: 100%;

    }
    .helo:hover{
        cursor: pointer;
    }
    .text1{
        color: rgb(185, 17, 45);
        font-weight: 900;
        margin-top: -50px;
        font-size: 20px;
        visibility: visible;
        margin-left: 15px;
    }
    .imgggie{
    visibility: hidden;
        visibility: hidden;
    }
    h2{
        visibility: hidden;
    }
    .ab{
        visibility: hidden;
    }
    .cv{
        visibility: hidden;
    }
    .cvsss{
        visibility: hidden;
    }
.services{
    margin-top: 100px;
    margin-left: 50px;
    font-size: 40px;
}
.service{
    margin-top: -490px;
    margin-left: 130px;
    font-size: 40px;
}
.lio {
    width: 80%;
    height: auto;
    margin-left: -20px;
    box-shadow: 5px 5px 5px palevioletred;
}

.lio img {
    height: auto;
    width: 50%;
    margin-left: 105px;
}

.liio, .liio2 {
    flex-direction: column;  /* Stack items vertically */
    align-items: center;
    gap: 15px;
    margin-left: 0; /* Remove extra left margin */
}



.dem {
    flex-direction: column; /* Stack images vertically */
    align-items: center;
    gap: 10px;
}

.websites {
    width: 200%;
    height: auto;
    margin-top: 300px;
    margin-left: -130px; /* Increase width for a better mobile fit */
}

.services1{
 visibility: hidden;
}
.service2{
margin-top: -330px;
margin-left: 50px;
font-size: 40px;

}
.blog {
   visibility: hidden;
}

.blog1 {
    visibility: hidden;
}

.blog1 img {
visibility: hidden;
}

.fi1 {
    font-size: 20px;
    margin-top: 8px;
}

.se2 {
    font-size: 14px;
    margin-bottom: 5px;
}
.mai{
    margin-left: 30px;
    width: 90%;
    height: auto;
   
}
.hee input{
    margin-left: 5px;
    width: 90%;
    margin-top: 25px;
}
.kio input{
width: 90%;
display: flex;
margin-left: 5px;
}
.msg textarea{
    margin-left: 5px;
    width: 90%;
}
.submit{margin-top: -5px;

}
.footer {
    padding: 20px;
  }

  .footer-nav {
    flex-direction: column;
    gap: 10px;
  }

  .footer a {
    font-size: 16px;
  }

}