 @media screen and (max-width: 400px) {
            .navbar-brand {
                max-width: 250px !important;
            }
        }
        @media screen and (max-width: 350px) {
            .navbar-brand {
                max-width: 200px !important;
            }
        }
        @media only screen and (max-width: 500px) {
            #project-part > div > div.row.align-items-end > div > div > span {
                font-size: 32px !important;
            }
        }
        @media only screen and (max-width: 600px) {
            .project-items-img {
                padding-right: 0px !important;
            }
            .more-btn-5 {
                padding-right: 0px !important;
            }
            .main-btn:after {
                content: none;
            }
        }