@media (max-width: 1100px) {
    .main-grid {
        grid-template-columns: 1fr 1fr;
    }

    .profile-grid-box,
    .about-project-container,
    .contact-grid {
        grid-column: 1/3;
    }

    .services-grid,
    .project-count-grid {
        grid-column: auto;
    }

    .project-box-container {
        grid-template-columns: 1fr 1fr;
    }

    .project-box-container .project-box:last-child {
        grid-column: 1/3;
    }

    .services-box-container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .services-box {
        margin-bottom: 3rem;
    }

    .services-box-two{
        margin-top: 3rem;
        margin-right: 0;
    }
    .resume-information{
        width: 50%;
    }
}


@media (max-width: 850px) {
    .menu{
        display: none;
    }
    .nav-menu{
        display: block;
    }
    .nav__btn{
        display: flex;
    }
    .logo-img {
        margin-right: 1rem;
    }

    .icon-contact {
        display: flex;
    }

    .nav-contact {
        display: none;
    }

    .menu-icon {
        display: block;
    }

    .navigation .menu-icon {
        cursor: pointer;
        float: right;
        padding: 1rem 0;
        position: relative;
        user-select: none;
        z-index: 106;
    }

    .navigation .menu-icon .nav-icon {
        background-color: #fff;
        display: block;
        position: relative;
        height: 2px;
        width: 25px;
        transition: background 0.2s ease-out;
    }

    .navigation .menu-icon .nav-icon::after,
    .navigation .menu-icon .nav-icon::before {
        background-color: #fff;
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        transition: all ease-out 0.2s;
    }

    .main-grid,
    .profile-grid-box,
    .about-project-container,
    .project-count-grid {
        grid-template-columns: 1fr;
    }

    .profile-grid-box,
    .about-project-container,
    .contact-grid {
        grid-column: 1/2;
    }

    .marquee-grid-box {
        grid-column: auto;
    }

    .profile-grid-box {
        padding: 3rem;
    }

    .profile-box-text p {
        width: 80%;
    }

    .services-icon {
        margin-top: 0;
        margin-bottom: 2rem;
    }

    .contact-grid .contact-grid-top-icon {
        display: none;
    }

    .main-grid {
        display: flex;
        flex-direction: column;
    }
    .services-box,
    .services-box-two{
        width: 100%;
    }
    /*.resume-profile{*/
    /*    width: 100%;*/
    /*}*/
    .services-container div h1{
        font-size: 3rem;
    }
    .resume-information{
        margin-left: 0;
    }
    .resume-box-container{
        justify-content: space-evenly;
    }
}


@media (max-width: 1050px) {
    .about-img-text {
        grid-template-columns:  1fr 1fr;
    }

    .contact-container {
        grid-template-columns:1fr 1fr;
    }

    .contact-container .contact-box:last-child {
        grid-column: 1/3;
    }

}

@media (max-width: 800px) {
    .about-img-text {
        grid-template-columns: 1fr;
    }

    .contact-heading {
        font-size: 2.4rem;
    }

    .contact-container {
        display: flex;
        flex-direction: column;
    }
    .resume-box-container{
        display: block;
    }
    .resume-profile{
        width: 100%;
    }
    .resume-information{
        width: 100%;
        margin: 4rem 0rem;
    }
    .container-box{
        width: 100%;
    }
}

@media (max-width: 620px) {
    .about-img-text,
    .edu-work-container {
        grid-template-columns: 1fr;
    }

    .about-main-grid .contact-grid {
        grid-column: auto;
    }

    .about-heading {
        font-size: 2.5rem;
    }

    .about-img-container {
        padding: 1.5rem;

    }

    .services-box-container {
        grid-template-columns: 1fr;
    }

    .services-container h1 {
        text-align: center;
        font-size: 2.4rem;
    }

    .project-box-container {
        grid-template-columns: 1fr;
    }

    .project-box-container .project-box:last-child {
        grid-column: 1/2;
    }

    .project-container h1 {
        font-size: 2.4rem;
    }
    .box-text-email,
    .box-subject-budget{
        display: block;
    }
    input:nth-of-type(2){
        margin-right: 0;
    }

}

@media (max-width: 450px) {
    .btn {
        margin: 0 .7rem;
    }

}

@media (max-width: 450px) {
    .contact-text {
        font-size: 1.2rem;
    }

    .resume-profile-icon{
        width: 4.6rem;
        height: 4.6rem;
    }

}