@media screen and (max-width:932px)
{
    html{
        overflow-x: hidden;
        /* overflow-y:hidden; */
    }
    body{
        width:100%;
        height: 100vh;
    }
    .container_left{
        display:none;
        width:50vh;
        position: fixed;
        z-index:100;

    }
    
    .container_right{
        width:100vw;
        margin-left:-50vw;
    }

    #imgg{
        display:none;

    }
    .Home_section{
        width:100vw;
        height: 63vh;
        justify-content: center;
        align-items: center;
        margin-top:10vh;
        padding-left: 10vw;
    }
    .About_section{
        height:72.5vh;
        width:100vw;
        flex-direction:row;
        overflow: hidden;
    }
    .first{
        font-stretch: narrower;
        /* padding-right:10vw; */
    }
    .Aboutcont{
        gap:12px;
    }
    .Aboutcont .head{
        font-size:1.2rem;
    }
    .Education_section{
        height:63vh;
        background: #000;
        /* width: */
    }
    .Project_section{
        overflow-x: hidden;
        background:#fff;
        height: 70vh;
        aspect-ratio:9/16;

    }
    .slider img{
        object-fit: cover;
    }
    .slider_nav{
        bottom:0.5rem;
    }
    .slider_nav a {
        width: 0.75rem;
        height: 0.75rem;
    }

    
}

@media (max-width: 480px)
 {
    .Project_section {
        padding: 1rem;
    }

    .slider_wrapper {
        height: auto;
    }

    .slider {
        height: 60vh;
    }

    .slider_nav a {
        width: 1rem;
        height: 1rem;
    }
}

@media (max-width: 1200px) {
    .container_left {
      width: 20%;
      height: 100%;
    }
    
    .container_right {
      width: 75%;
      margin-left: 22%;
    }
    .dp_image{
       margin-left:90vh;
       margin-top:-60vw;
    }
  
    .nav_logo {
      font-size: 1.8rem;
    }
  
    .nav_menu_list {
      gap: 1rem;
    }
  
    .list_class a {
      font-size: 1.1rem;
    }
  
    .nav-button {
      margin-left: 5vw;
      margin-top: -35vh;
    }
  
    .Home_section {
      flex-direction: column;
      align-items: center;
      padding: 10vh 5vw;
    }
  
    .first_left_section {
      padding-left: 0;
      font-size: 35px;
      text-align: center;
    }
  
    .first_right_section {
      margin-top: 5vh;
      padding: 0;
    }
  
    .dp_image {
      height: 30vh;
      width: 20vh;
    }
  
    .About_section {
      flex-direction: column;
      align-items: center;
      padding: 5vh 5vw;
      margin-left: 0;
    }
  
    .About_section div {
      width: 90%;
      height: auto;
      margin-bottom: 5vh;
    }
  
    .skills_section {
      flex-direction: column;
      align-items:flex-start;
      margin-left:-50vh;
      padding: 5vh 0;
    }
  
    .skills_section .div_1 {
      flex-direction: column;
      width: 100%;
      gap: 11.6vh;
      padding: 0 5vw;
    }
  
  
    .Education_section {
       align-items: center;
       height: 110vh;
      padding: 10vh 5vw;
    }
  
    .Education_section .header_index {
      width: 100%;
    }
  
    .Education_section .bottom_detail_info {
      width: 100%;
    }
  
    .Experience_section {
      flex-direction: row;
      gap: 5vh;
      margin-left:-15vh;
      height: 100vh;
    }
  
    .Experience_section .left_animation {
      width: 100%;
      justify-content: flex-start;
      flex-direction:column;
    }
  
    .Experience_section .left_animation .line {
      height:95%;
      width:3px;
      justify-content: center;
      align-items: center;
      /* flex-direction: ; */
      margin-top: 1vh;
      gap: 17vw;
    }
  
    .Experience_section .left_animation .line .dot {
      margin: -5px 0;
      padding-top:-20px;
      height: 8px;
      width: 8px;
    }
  
    .Experience_section .right_information {
      width: 100%;
      font-size: 12px;
      gap: 15px;
    }
    .Experience_section .right_information h2{
       font-size:16px;
       transform:translateX(10vh);
    }
    .Experience_section .right_information span{
       font-size: 10px;
       transform:translatey(-13vh);
    }
  
    .Project_section {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 10vh 5vw;
      height:110vh;
      margin-left:-22vh;
    }
  
    .slider_wrapper {
      width: 160%;
    }
  
    .slider_nav {
      bottom: 0.75rem;
    }
  
    .contact_section {
      flex-direction: column;
      background-color: var(--sixth-color);
      /* padding: 5vh; */
      width: 170%;
      margin:-143px;
      height: 110vh;
      background-size: cover;
    }
  
    .contact_section .form_wrapper {
      width: 80%;
      height: auto;
      padding: 2vh;
    }
  
    .form_wrapper .form_input, .form_wrapper textarea {
      width: 90%;
    }
}