@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  nav{font-size:70%}
  .change-lang,.arrows{zoom:0.8;}


}
@media screen and (max-width:1920px){
  nav ul li{padding: 44px 2% 20px 2%}
  nav ul li a{font-size:2em}
  .arrow-menu{top:26px}
  .change-lang{width: 44px;top: 33px}
  .lang-bg, .langs{width: 40px;height: 40px}
  .langs img {width: 20px;height: 20px;top: 8px;left: 8px}
  .middle-line-lang{top: 36px;left: 6px;width: 28px;height: 9px}
  .lang-last{top: 37px}

  .arrows{width:44px;height: 44px;margin-top: -22px;background: url(../images/arrows2.png) no-repeat}
  .arrow-l{background-position: 0 0}
  .arrow-r{background-position: -44px 0}
  .arrow-l:hover{background-position: 0 -44px}
  .arrow-r:hover{background-position: -44px -44px}

  .text-under-iphone-p2 h1,.mag-text h1,.page12 h1,.contacts-title h1{font-size: 6.111em}
  .sky-blocks{font-size: 4.333em}

  .tog-sky{font-size: 3em}
  .tog-ppls{height: 96%;top: 2%}

  .pop-p8-title{font-size: 4.2em}
  .pop-p8-btn{font-size: 3em}
  .pop-p8-text{font-size: 3em;padding: 0% 0 2% 0}
  .p8-dollar{top:8px}
  .hand-p9{height:73%;right: 21%}
  .sky-block5{font-size:4em}

  .mag-text p{font-size: 2.467em}

  .page12 h1{top:15%}
  .team-blocks{top:28%}
  .team-font-name{font-size: 3em}
  .team-font-spec{font-size: 2em}
  .team-footer-text{font-size: 2.644em}
  .team-name{top:29%}

  .contacts-main-block{top:5%}
  .contacts-title p{font-size: 3.255em}
  .user-email,.button-submit{font-size: 4.2em}
}
@media screen and (max-width:1600px){
  .big-logo-block{height: 70%;top: 12%}
  .ppl-p1{left:15%;top:10%}
  .ppl-p2{left:9%;top:5%}
  .ppl-p3{left:12%;top:6%}
  .ppl-p4{top:10%}
  .imap{width: 48%;height: 62%}
  .iphone-p1{height: 56%;right: 17%;bottom: 12%}

  .iphone-p2 img{height: 88%}

  .text-under-iphone-p2 h1,.mag-text h1,.page12 h1,.contacts-title h1{font-size: 5.111em}
  .sky-blocks{font-size: 3.5em}
  .hand-p3,.hand-p5{height:68%;padding-top: 7%}

  .tog-sky{font-size: 2.7em;top:-12%}
  .tog-ppls{height: 72%;top: 7%}

  .pop-p8-title{font-size: 3.6em}
  .pop-p8-btn{font-size: 2.6em}
  .pop-p8-text{font-size: 2.6em;padding: 1% 0 2% 0}
  .p8-dollar img{width: 60px}
  .p8-phone{left: 10%;height: 68%}

  .hand-p9{height: 66%;right: 30%}

  .team-blocks{top:27%;width: 86%;left:7%}
  .team-footer-text{font-size: 2.344em;bottom: 10%}

  .contacts-title p {font-size: 2.5em}
  .user-email, .button-submit {font-size: 3.56em}
  .copy-block{font-size: 2em}
  .contacts-main-block{top: 10%}
  #contact_form, .socials{width: 38%}
}
@media screen and (max-width:1440px){
  nav ul li{padding: 40px 2% 16px 2%}
  nav ul li a{font-size:1.6em}
  .arrow-menu{top:23px}
  .change-lang{width: 36px;top: 30px}
  .lang-bg, .langs{width: 32px;height: 32px}
  .langs img {width: 18px;height: 18px;top: 5px;left: 5px}
  .middle-line-lang{top: 30px;left: 5px;width: 22px;height: 8px}
  .lang-last{top: 31px}
  .arrow-menu{width:12px;height:7px;margin-left: -6px;background: url(../images/arrow-menu2.png) no-repeat}
  .arrows{width:36px;height: 36px;margin-top: -18px;background: url(../images/arrows3.png) no-repeat}
  .arrow-l{background-position: 0 0}
  .arrow-r{background-position: -36px 0}
  .arrow-l:hover{background-position: 0 -36px}
  .arrow-r:hover{background-position: -36px -36px}
  .hand-p9{height: 72%;right: 23%}
  .hand-p3,.hand-p5{height:85%;padding-top: 0}
  .iphone-p1{height: 58%;right: 18%}
  .iphone-p2 img{height: 94%}
  .text-under-iphone-p2 h1,.mag-text h1,.page12 h1,.contacts-title h1{font-size: 4.111em}
  .text-under-iphone-p2 p{font-size: 2.367em}
  .sky-blocks{font-size: 3.2em}
  .tog-ppls{height: 83%;top: 6%}

  .tog-sky{font-size: 2.3em}
  .p8-phone{left: 11%;height: 78%}
  .pop-p8-title{font-size: 3.2em}
  .pop-p8-btn{font-size: 2.4em}
  .pop-p8-text{font-size: 2.4em;padding: 0 0 2% 0}
  .p8-dollar img{width: 44px}

  .mag-btn{font-size: 2.6em;height: 55px;line-height: 57px}
  .team-blocks{top: 26%;width: 74%;left: 12%}
  .team-footer-text{font-size: 2em;bottom: 8%}
  .team-font-name{font-size: 2.5em}
  .team-font-spec{font-size: 1.5em}
  .team-block{border:6px solid #212126}
  .team-block:hover{border:6px solid #585c69}
  .contacts-main-block{top: 5%}
  .user-email, .button-submit{font-size: 3.26em}
  .scroll-down p{font-size: 1.8em}
  .scroll-down div{position:absolute;width:100%;height:12px;background:url(../images/arrow-scroll-down2.png) no-repeat center center}
}
@media screen and (max-width:1366px){
  .tog-ppls{height: 95%;top: 4%}
  .sky-block5{
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
  }
  .contacts-main-block{top: 1%}
  .user-email, .button-submit{font-size: 3em}
  .text-under-iphone-p2 h1,.mag-text h1,.page12 h1,.contacts-title h1{font-size: 3.6em}
  .contacts-title p{font-size: 2em}
  .team-footer-text{bottom: 4%}
  .mag-btn{font-size: 2.3em;height: 50px;line-height: 52px}
  .mag-text p{font-size: 2em}
  .sky-blocks{font-size: 3.1em}
  .pop-p8-title{font-size: 2.8em}
  .pop-p8-btn{font-size: 2.2em}
  .pop-p8-text{font-size: 2.2em;padding: 1% 0 2% 0}
  .p8-dollar{top: 5px}
  .p8-phone{left: 13%}
  .hand-p9{height: 75%;right: 18%}
}
@media screen and (max-width:1280px){
  .contacts-main-block{top: 5%}
  .tog-ppls{height: 90%}
  .tog-sky{top: -14%}
  .hand-p9{height: 71%;right: 22%}
}


@media screen and (max-width:1000px){
  .page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9,.page10,.page11{display:none}
  .pBef1,.pBef2,.pBef3,.pBef4{display:block}

  .text-under-iphone-p2 h1,.mag-text h1,.page12 h1,.contacts-title h1{font-size: 2.2em}
  .team-blocks{width:50%;left:25%}
  .team-font-name{font-size:1.2em}
  .team-font-spec{font-size:0.8em}
  .team-footer-text{font-size:1.2em}
  .contacts-title p{font-size:1.6em}
  .brand-blocks{width:56%;left:22%}
  .user-email, .button-submit{font-size:1.3em}
  #contact_form, .socials{width:22%}
}

@media screen and (max-width:500px){
  #contact_form, .socials{width:56%}
  .text-under-iphone-p2 h1,.mag-text h1,.page12 h1,.contacts-title h1{font-size: 1.4em}
  .mag-text p{font-size:1em}
  .mag-btn{font-size:1em;height:23px;line-height:25px}
  nav ul li{padding:29px 2% 16px 2%;}
  nav ul li a{font-size:1em}
  .team-footer-text{font-size:1em}
  .team-blocks{width:100%;left:0}
  .team-font-name{font-size:0.8em}
  .team-font-spec{font-size:0.2em}
  .team-block{border:2px solid #212126}
  .team-block:hover{border:2px solid #585c69}
  .contacts-title p{font-size:0.8em}
  .user-email, .button-submit{font-size:1em}
  .copy-block{font-size:0.6em}
  .menu-logo img{top:46%}
  .brands{height:14%}
  .change-lang{top:26px}
  .arrow-menu{top:15px}
}