@media screen and (max-width: 768px) {
    #headerWrapper {
        height: 95px;
    }
    
    
    .services p {
        min-height: 0px;margin-bottom: 20px;
    }
    .services .icons.icon-site {
        height: 96px;
    }
    .services .icons.icon-advert {
        height: 113px;
    }
    .services .icons.icon-seo{
        height: 142px;
    }
    .services .icons.icon-support{
        height: 108px;
    }
    .howWeWorks .item {
        padding-top: 75px;
        float: left;
        width: 33.33%;
    }
    .howWeWorks .item div {
        text-align: center;
    }
    .howWeWorks .item1{background: url(/img/icon_how_1.png) no-repeat top center;}
    .howWeWorks .item2{background: url(/img/icon_how_2.png) no-repeat top center;}
    .howWeWorks .item3{background: url(/img/icon_how_3.png) no-repeat top center; float: right;}
    .howWeWorks .item4{background: url(/img/icon_how_4.png) no-repeat top center; float: right;}
    .howWeWorks .item5{background: url(/img/icon_how_5.png) no-repeat top center;}
    .howWeWorks .item6{background: url(/img/icon_how_6.png) no-repeat top center;}
    .howWeWorks .item7{background: url(/img/icon_how_7.png) no-repeat top center; float: right;}
    .howWeWorks .item8{background: url(/img/icon_how_8.png) no-repeat top center; float: right;}
    .howWeWorks .item9{background: url(/img/icon_how_9.png) no-repeat top center; width: 38%;}
    
    .howWeWorks .itemArrow{
        width: 33.33%; height: 52px; float: left; 
    }
    .howWeWorks .arrow1{background: url(/img/icon_how_rarrow.png) no-repeat center center;}
    .howWeWorks .arrow2{background: url(/img/icon_how_darrow.png) no-repeat 85% bottom; width: 100%; height: 47px;margin: 10px 0;}
    .howWeWorks .arrow3{background: url(/img/icon_how_larrow.png) no-repeat center center; float: right;}
    .howWeWorks .arrow4{background: url(/img/icon_how_darrow.png) no-repeat 15% bottom; width: 100%; height: 47px;margin: 10px 0;}
    .howWeWorks .arrow5{background: url(/img/icon_how_rarrow.png) no-repeat center center;}
    .howWeWorks .arrow6{background: url(/img/icon_how_darrow.png) no-repeat 85% bottom; width: 100%; height: 47px;margin: 10px 0;}
    .howWeWorks .arrow7{background: url(/img/icon_how_larrow.png) no-repeat center center; float: right;}
    .howWeWorks .arrow8{background: url(/img/icon_how_darrow.png) no-repeat 15% bottom; width: 100%; height: 47px;margin: 10px 0;}
    
    
    .advantages .row {
        padding: 0;
    }
    .advantages .row i{
        float: left;
        height: 30px;
    }
    .uslugi .imgWrapper {
        height: auto; 
    }
    .uslugi .text{
        min-height: 0px;width: 100%;
    }
    
    .item.projectItem{
        
    }
        .item.projectItem .cover {
            
        }
        .item.projectItem:hover .cover {
            
        }
        .item.projectItem .innerCover {
            height: auto;
            min-height: 80px;
        }
        .item.projectItem .innerCover .innerLink{
            min-height: initial;
        }
            .item.projectItem .innerCover a{
                font-size: 16px;
                line-height: 20px;
            }
        
            .item.projectItem .innerCover a.tag {
                
            }
            .item.projectItem .innerCover a.title{
                font-family: 'SegoeUIRegular';
            }
        
            .item.projectItem .innerCover a.tag {
                
            }
        .item.projectItem .innerCover .helper{
            
        }
    .bestWork .item .innerCover {
        min-height: 60px;
    }
    .fullPortfolio {
        
    }
        .fullPortfolio .filter a{
            padding: 8px 20px;
        }
        .fullPortfolio .items .item {
            width: 50%;
        }
        .fullPortfolio .item .innerCover {
            
        }
        
    .itemPortfolio {
        
    }
        .itemPortfolio .related  .item .innerCover {
            
        }
        .itemPortfolio .related .item:hover .innerCover a {
            font-size: 16px;
        }
    .footer .header{
        margin-bottom: 15px;
    }
    .footer .copyright {
        display: none;
    }
    .footer .contacts {
        margin-top: 25px;
    }
}
@media screen and (max-width: 580px) {
    
    .contactsPage {
        padding-top: 60px;
    }
    .contactsPage div.col-xs-4 {
        width: 100%; margin-bottom: 24px;
    } 
    .contactsPage div.col-xs-4 img{
        width: auto; display: inline-block;
        vertical-align: middle;margin-bottom: 0px; margin-right: 20px;
    }
    .contactsPage div.col-xs-4 div{
        display: inline-block;
    }
    .contactsPage #map{
        margin-top: 80px;
    }
}