/* Responsive styles */
@media (max-width: 1776px) {
    .side_panel {
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        width: 984px;
        margin: 0px -457px;
        position: relative;
        top: -96px;
        HEIGHT: 475PX;
    }
    .user {
        width: 100%;
        max-width: 400px;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        position: relative;
        right: 473px;
        bottom: 97px;
    }
 
    
   
}



@media (max-width: 1400px) {
    .user {
        width: 63%;
        max-width: 317px;
        padding: 20px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        position: relative;
        right: 473px;
        bottom: 97px;
    }
    .side_panel {
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        width: 748px;
        margin: 0px -457px;
        position: relative;
        top: -96px;
        HEIGHT: 475PX;
    }
    .navlist{
        display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    top: 0px;
    }
    .navlist li{
        margin: 7px 0px;
    }
    .navbar {
        height: 307px;
       
    }
    textarea  {
        width: 247px;
    
       }
       .v-class-resp{
        opacity: 0;
        
    }
    .h-nav-resp{
        height: 60px;
        
    }
    .burger{
        display: block;
    }


    
}

@media (max-width: 1104px) {
    #questionForm{
        position: relative;
        right: 92px;
    }

    .side_panel {
        position: relative;
        top: 714px;
        left: -158px;
    }
}



@media (max-width: 744px) {
    .side_panel {
        position: relative;
        top: 712px;
        left: -158px;
        width: 456px;
    }
    #questionForm {
        position: relative;
        right: 223px;
    }
}
   

@media (max-width: 430px) {
    textarea {
        width: 218px;
    } 
}

@media (max-width: 414px) {
#questionForm {
    position: relative;
    right: 293px;
    top: -123px;
} .side_panel{position: relative;
          top: 650px;
          left: -117px;
          width: 334px;
  }

  textarea {
    width: 196px;
}
}

@media (max-width: 473px) {
    #questionForm {
        position: relative;
        right: 282px;
        top: -123px;
    }     .side_panel {
        position: relative;
        top: 730px;
        left: -120px;
        width: 353px;
    }
    
      textarea {
        width: 228px;
    }
    }

    
@media (max-width: 356px) {
    #questionForm {
        position: relative;
        right: 309px;
        top: -123px;
    }     .side_panel {
        position: relative;
        top: 720px;
        left: -104px;
        width: 299px;
    }
    
      textarea {
        width: 182px;
    }
    }