@media (max-width:1300px) {
        .home .max-width {
            margin-left: 0;
        }
      
    }
    
    @media (max-width:1104px) {
        .about .about-content .left img {
            height: 350px;
            width: 350px;
        }
         .cube {
            display: none;
        }
          .about .about-content .left img{
            display: block;
        }
    }
    
    @media (max-width:991px) {
        .max-width {
            padding: 0 50px;
        }
         .cube {
            display: none;
        }
    }
    
    @media (max-width:950px) {
        .max-width {
            padding: 0 50px;
        }
        .menu-btn {
            display: block;
            z-index: 999;
        }
        .navbar .menu {
            position: fixed;
            height: 100vh;
            width: 100%;
            left: 100px;
            top: 0;
            background: #111;
            text-align: center;
            padding-top: 80px;
            transition: all 0.3s ease;
        }
        .navbar .menu li {
            display: block;
        }
        .navbar .menu .active {
            left: 0;
        }
        .navbar .menu li a {
            display: inline-block;
            margin: 20px 0;
            font-size: 25px;
        }
         .home{
            width: 100%;
        }
        .home .home-content .text-2 {
            font-size: 70px;
        }
        .home .home-content .text-3 {
            font-size: 35px;
        }
        .home .home-content a {
            font-size: 23px;
            padding: 10px 30px;
        }
        .max-width {
            max-width: 800px;
        }
        .about .about-content .column {
            width: 100%;
             margin-bottom: 35px;
        }
        .about .about-content.left {
            display: flex;
            justify-content: center;
            margin: 0 auto 60px;
        }
        .about .about-content .right {
            flex: 100%;
        }
        .cube {
            display: none;
        }
       .about .about-content .left img{
            display: block;
        }
         .skills .skills-content .column,
         .contact .contact-content .column,
          .about .about-content .column {
            width: 100%;
            margin-bottom: 35px;
         }
    }
    
    @media (max-width:690px) {
        .home{
            width: 100%;
        }
        .max-width {
            padding: 0 23px;
        }
        .home .home-content .text-2 {
            font-size: 60px;
        }
        .home .home-content .text-3 {
            font-size: 32px;
        }
        .home .home-content a {
            font-size: 20px;
            padding: 8px 20px;
        }
         .skills .skills-content .column,
         .contact .contact-content .column,
          .about .about-content .column {
            width: 100%;
            margin-bottom: 25px;
         }
       
    }
    
    @media (max-width:500px) {
         .home{
            width: 100%;
        }
        .home .home-content .text-2 {
            font-size: 50px;
        }
        .home .home-content .text-3 {
            font-size: 27px;
        }
    }