@media (max-width: 1199px) {
        .aside {
          left: -270px;
        }
        .aside.open {
          left: 0;
        }
        .aside .nav-toggler {
          display: flex;
          left: 30px;
        }
        .aside .nav-toggler.open {
          left: 300px;
        }
        .section {
          left: 0;
        }
        
        .section.open {
          left: 270px;
        }
        .section .container {
          padding-top: 70px;
        }

        .home-img::before,
        .home-img::after {
          display: none;
        }

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

      @media (max-width: 991px) {
        .home .home-info {
          flex: 0 0 100%;
          max-width: 100%;
        }
       
        .home .home-img {
          display: none;
        }

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

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

      @media (max-width: 767px) {
        .portfolio .portfolio-item,
        .service .service-item,
        .contact .contact-form .col-6 {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }

      @media (max-width: 460px) {
        .contact .contact-info-item {
          flex: 0 0 100%;
          max-width: 100%;
        }
      }