@media (max-width: 1400px){
    .what-we-do ul{
        margin: 120px 0 80px 0;
    }

    .what-we-do .mobile-apps,
    .what-we-do .websites,
    .what-we-do .games,
    .what-we-do .ui{
        width: 246px;
        height: 171px;

        border-radius: 20px;
        background: url("../images/cat-bg.png");

        text-align: center;
        margin: 10px;
    }

    .what-we-do .mobile-apps .details,
    .what-we-do .websites .details,
    .what-we-do .games .details,
    .what-we-do .ui .details{
        margin: 0;
        display: inline-block;
    }

    .clients .pole-1-left,
    .clients .pole-1-right,
    .clients .pole-2-left,
    .clients .pole-2-right{
        display: none;
    }
    .projects-page .pole-left,
    .projects-page .pole-right{
        display: none;
    }
}

@media (max-width: 1200px){
    .center-container{
        width: 940px;
    }

    .project-page .project-title{

    }

    .project-page .project-title .project-info{
        text-align: center;
        width: 100%;
    }
    .project-page .project-title .project-links{
        width: 100%;
        padding-top: 30px;
        text-align: center;
    }

    .contact .technologies{
        background-image: url("../images/technologies-tablet.png");
    }

    .what-we-do ul{
        margin: 0 auto;
        width: 550px;
        max-width: 100%;
    }

    section.projects-page{
        background: url("../images/wall-pattern.jpg");
    }


    ul.projects-list{
        margin-top: 0;
        width: 755px;
    }
        ul.projects-list li{
            margin: 8px;
        }


    ul.projects-list li:nth-child(1) .thumb:before,
    ul.projects-list li:nth-child(2) .thumb:before,
    ul.projects-list li:nth-child(3) .thumb:before,
    ul.projects-list li:nth-child(4) .thumb:before,
    ul.projects-list li:nth-child(5) .thumb:before,
    ul.projects-list li:nth-child(6) .thumb:before{
        background: url("../images/frame-6.png");
    }
    .projects-warning{
        width: 90%;
        background: none;
        line-height: 40px;
    }

    .footer .copyright{
        padding: 5px 0;
        right: 50px;
        left: auto;
        margin: 0;
    }

    .footer .social{
        padding: 5px 0;
        margin: 0;
        left: 50px;
    }

    .footer::before{
        display: none;
    }
}

@media (max-width: 979px){
    .center-container{
        width: 724px;
    }

    header .header-social,
    section .home-social{
        display: none;
    }

    section.clients{
        background: url('../images/wall-pattern.jpg') repeat;
    }

    .clients .clients-map{
        display: none;
    }



    .project-page .project-title{
        font-size: 14px;
    }
    .project-page .project-title .project-info{
        padding-top: 20px;
    }

    .project-page .project-title h1{
        font-size: 26px;
    }
    .project-page .project-title h2{
        font-size: 16px;
    }


    section.contact{
        background-image: url('../images/desk-mobile.jpg');
    }

        .contact .address{
            display: none;
        }

        .contact-form{
            width: 60%;
            margin-left: -40%;
            padding: 0 10%;
        }
}

@media (max-width: 769px){
    .center-container{
        width: 95%;
    }
    .btn-sound{
        bottom: auto;
        left: 10px;
        top: 10px;
    }

    section.top-mobile{
        display: block;
    }
    section.top{
        display: none;
    }

        .clients ul.shields{
            max-width: 100%;
            height: auto;
        }

            .clients ul.shields li{
                margin: 10px;
            }

    header ol.breadcrumbs{
        display: none;
    }

    .scroll-arrow{
        display: none;
    }

    ul.projects-list{
        text-align: center;
    }
        ul.projects-list li{
            float: none;
            display: inline-block;
        }

    .project-page .project-title{
        position: relative;
    }

    .project-page .project-title .project-links a{
        width: 80%;
        max-width: 400px;
        margin: 5px 0;
    }

    .project-page .project-screenshots li{
        width: 100%;
    }

    .contact-form{
        width: 80%;
        padding: 0;
    }

    .footer .copyright{
        right: 10px;
    }

    .footer .social{
        left: 10px;
    }
}
@media (max-width: 600px){
    .contact .technologies{
        background-image: url("../images/technologies-phone.png");
    }
}

@media (max-width: 480px){
    header a.logo{
        left: 50%;
        margin-left: -100px;
    }

    ul.projects-list li{
        width: 300px;
        margin: 0;
    }
        ul.projects-list li .thumb{
            width: 300px;
            height: 300px;
            overflow: hidden;
        }

            ul.projects-list li .thumb:before{
                background: url("../images/frame-mobile.png")!important;
            }

            ul.projects-list li .thumb img{
                margin: -30px 0 0 -30px;
            }

    .btn.project-btn{
        width: 300px;
    }


    .project-hero-img{
        position: relative;
    }

    .project-hero-img-wrapper{
        position: relative;
        width: 960px;

        left: 50%;
        margin-left: -480px;
    }
    .project-hero-img-wrapper img{
        position: relative;
        width: 100%;
    }


    .contact-form .alert-top,
    .contact-form .alert-input,
    .contact-form input,
    .contact-form textarea{
        width: 90%;
    }

    .footer .center{
        display: none;
    }
    .project-page .project-details p{
        width: 94%;
        margin: 0 3%;
    }
}