@media (min-width: 320px) and (max-width: 480px) 
{
  body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
  }
 

 nav{
    width: 100%;
    justify-content: space-between;
    margin: auto;
    /* gap:30px; */
 }
 nav .navbar .logo a{
    font-size: 25px;
 }
 section .content{
    width: 150%;
    /* height: fit-content; */
    /* background: linear-gradient(blue, orange); */
 }
 .about .about-details{
    gap: none;
 }
 .about .left img{
    width: 60%;
    height: 20rem;
    border-radius: 40px;
    /* position: absolute; */
    /* z-index: 3; */
 }
 

/* slider start */
.slide {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  padding: 0 10px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.slide  .dem {
  justify-content: center;
  gap: 10%;
}
/* slider end */


/* my certstart here */
.list{
  width: 80%;
  height: 50%;
  }
  .list.prev{
    position: relative;
    /* bottom: 70px; */
  }
.mycert{
  width: 150%;
 
}


/* my certend here */
 
.skills-details .boxes{
    /* justify-content: space-between; */
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    /* background-color: brown; */

    
    
}

 .skills-details .box{
    /* justify-content: space-between; */
    /* height: fit-content; */
    width: 70%;
    /* flex-wrap: wrap; */
}
.dots{
    left: 80%;
}
.container form{
    /* flex-wrap: wrap; */
    position: relative;
    left: 1%;
}
footer{
    width: 150%;
}




/*span styl begin*/
/*home styl begin*/
section.home{
    height: 175vh;
    width: 150%;
    display: flex;
    flex-direction: column;
    /* background-color: aqua; */
    }
  

    .home .media-icons img{
     /* justify-content: space-between; */
     width: 40px;
     height: 40px;
    }
    .home .home-content {
       width: 100%;
       height: 140vh;
       /* margin: 0; */
       /* background-color: blue; */
    }
.home-content-right{
    width: 100%;
    /* height: 30rem; */
    margin: 0;
    padding: 0;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    mix-blend-mode: multiply;
    /* filter: drop-shadow(10px 7px 20px rgb(16, 16, 16)); */

}
.home-content-right img{
  height: 20rem;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-content .text-two{
  font-size: 50px;
  font-weight: 500;
}

.home-content .type  {
  font-size: 30px;
  color: blue;
}

 .contact{
  width: 150%;
  
 }
 
 .contact .title {
  /* display: flex; */
  /* justify-content: center; */
  /* width: 150%; */
  margin-right: 35%;
 }
.contact .content{
  flex-direction: column;
  /* margin-top: 5px; */
}
.contact .title{
  display: flex;
  justify-content: end;
}
.contact .text{
  width: 100%;
}
.contact .container{
  width: 100%;
}
/*  */
  
}