@media (max-width:1199px)
{
    .section .container{
      padding-top: 12rem;
    }

    .home .container{
      padding-top: 0!important;
    }

    .style-switcher{
      top: 5rem!important;
    }

    .aside .nav-toggler {
      top: 3rem;
    }

    .account .title .reg {
      margin-right: 1rem;
    }

    .form-container {
      position: unset;
    }

    .software .account {
      margin-bottom: 3rem;
    }

    .aside{
      left: -270px;
    }

    .aside.open{
      left: 0;
    }

    .aside .nav-toggler{
      display: flex;
      left: 30px;
    }

    .aside .nav-toggler.open{
        left: 275px;
        top: 1.5rem;
    }

    .section{
      left: 0;
    }

    .section.open{
      left: 270px;
    }

    .about .about-content .personal-info .info-item p span{
      display: block;
      margin-left: 0;
    }
}

@media (max-width: 991px)
{
  .section .container {
    padding-top: 10rem;
  }

  .home .container{
    padding-top: 5rem!important;
  }

    .contact .contact-info-item,
    .portfolio .portfolio-item,
    .service .service-item{
      flex: 0 0 50%;
      max-width: 50%;
    }

    .about .about-content .experience,
    .about .about-content .education,
    .home .home-info{
      flex: 0 0 100%;
      max-width: 100%;
    }

    .home .home-img {
      margin-top: 10%;
    }
    
}

  
@media (max-width: 767px)
{
    
    .contact .contact-form .col-6,
    .contact .contact-info-item,
    .portfolio .portfolio-item,
    .service .service-item,
    .about .about-content .experience,
    .about .about-content .education,
    .about .about-content .skills,
    .about .about-content .personal-info{
      flex: 0 0 100%;
      max-width: 100%;
    }

    .home .container {
      padding-bottom: 0px!important;
    }
    .home-info p {
      margin-bottom: 30px;
    }

    .home .home-img {
      margin-top: 15%;
      max-width: 100%;
    }

    .home-img::before {
      left: -40px;
      top: -50px;
  }

    .home-img::after {
      right: -30px;
      bottom: -40px;
  }
}

@media (max-width: 670px){
  .home .home-img {
    left: 20%;
  }
}

@media (max-width: 550px){
  .aside .nav-toggler {
    top: 3rem;
  }
  
  .section .container {
    padding-top: 6rem;
  }

  .style-switcher {
    top: 3rem !important;
  }

  .account .title .reg {
    margin-right: 0.5rem;
    font-size: 16px;
  }

  #software .section-title .search-bar {
    left: 13%;
  }

  #software .section-title input {
    width: 75%;
  }

  .form-container {
    width: 100% !important;
  }

  .account .form-container .numCourse{
    left: 4rem!important;
  }

  .account .form-container p{
    left: 8rem;
  }

  
}

@media (max-width: 450px){
  .home .home-img {
    display: none;
  }
  .home .container{
    margin-top: 3rem;
  }
}

@media (max-width: 400px){
  .aside .nav-toggler {
    top: 2rem;
  }
  
  .section .container {
    padding-top: 5rem;
  }

  .style-switcher {
    top: 4rem !important;
  }

  #courses .section-title {
    margin-bottom: 30px;
  }

  .account .title .reg {
    margin-right: 0.5rem;
    font-size: 16px;
  }

  .account .form-container .user {
    font-size: 16px;
    padding: 20px 10px 5px 5px;
  }

  .account .form-container p{
    left: 2rem;
  }

  .account .form-container .userEmail{
    font-size: 13px;
  }

  
}