@media (max-width :600px) {

  /* header  */
    
  .navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-image: url(..//images/menu.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .navbar-brand img {
    width: 22px;
    height: 22px;
  }

  .navbar-toggler {
    border: none;
  }
  .navbar-toggler:focus{
    box-shadow:none;
  }

  /* .border-h {
    padding: 0 20px !important;
  } */


  /* home  */

  
    .home .name{
        padding-left: 30px;
    }

    .home .heading h1{
        font-size: 42px;
        font-weight: bolder;
    }

    .home .profile img {
      width: 32%;
    }

    .home .sec1 {
      padding-top:30px ;
    }

    .home .name img {
      width: 15%;
    }

    .home .name h3 {
      font-size: 14px;
    }

    .home .name img {
      width: 16%;
    }

    .home .heading p {
      line-height: 14px;
      font-size: 8px;
      padding: 0px 0px;
    }

    .home .icons {
      padding-top: 0;
    }

    .home .icons img {
      width: 45%;
    }

    .home {
      padding-bottom: 0;
    }

    .home .icons ul li {
      padding-right: 0;
    }

    .border-h {
      border:none ;
      /* border-bottom: 0.5px solid #C9BCAE; */
  }

  .home {
    border: none;
  }


    /* about */

    .about p {
      font-size: 14px;
    }

    .about .heading img {
      padding-bottom: 12px;
    }

    .about .about-me {
      padding: 20px 0 0 0;
    }

    .about h3 {
      font-size: 14px;
    }

    .button {
      font-size: 12px;
      padding: 6px 20px;
    }

    .about .heading h5{
      font-size: 16px;
    }

    .about{
      margin: 30px 0;
    }

  

   

    .slick-slide {
      width: 180px !important;
    }

      /* education  */

     /* .education .course {
        padding-left: 46px;
        padding-top: 26px;
      } */
     
     
      .education {
        margin: 80px 0;
      }

      .education .heading h5{
        font-size: 16px;
      }

      .education .cnt-1{
        padding-top: 60px;
      }

      .education .cnt-1 h5{
        font-size: 14px;
      }

      .education .cnt-1 p{
        font-size: 9px;
      }

     
    

      /* .education .course {
        width: 342px;
        padding-left: 0;
      } */

    /* skillz  */


    .skillz {
        padding-bottom: 4px;
    }

    .skillz .tool {
        padding: 0px 0 20px 0;
    }

    .skillz .tool .image {
      height: 90px;
      width: 94px;
      padding-bottom: 90px;
      
    }

    .skillz .tool h5 {
      font-size: 14px;
      padding: 20px 0;
    }

    .skillz .tool h6 {
      padding: 5px 20px;
    }

    .skillz .heading img {
      padding-bottom: 30px;
    }

    .skillz .heading h5{
      font-size: 16px;
    }

    .skillz{
      border-bottom: none;
    }

   


     /* project  */

     .project .arrow img {
        padding-top: 70px;
        width: 100%;
     }
    
     .project .heading img {
        padding-bottom: 40px;
     }

     .project .card:active {
      height: 150px;
     }

     .project .card {
      height: 20px;
     }


     .project .card{
      width: 100%;
      height: 100px;
      
    }


    .project .cards img{
      width: 400%;
      height: 100px;
      
    }

    .test {
      width: 100%;
      height: 30vh;
      border-radius: 12px;
      margin-top: 60px;
    }

    .slick-slider img {
      width: 100%;
      height: 30vh;
      border-radius:12px ;
    }

    .project .heading h5{
      font-size: 16px;
    }

    .project{
      margin-top: 40px;
    }



    /* contact  */



    .contact .heading h5{
      font-size: 16px;
    }

    .contact {
      margin-top: 40px;
    }

    .contact .text h3{
      font-size: 24px;
      text-align: center;
    }

    .contact .text{
      margin: 40px 0;
    }

    .contact .id{
      padding-top: 20px;
    }

    .contact .text p{
      font-size: 14px;
      padding: 10px 20px;
    }

  


    /* footer  */

    .footer .text h1{
      font-size: 30px;
      letter-spacing: 5px;
      padding-top: 60px;
    }

    .footer{
      margin-top: 80px;
    }

    .footer h6{
      font-size: 12px;
    }

    .footer .text-1{
      display: none;
    }

    .footer .text-3 ul a{
      font-size: 12px;
    }

}