@media screen and (max-width: 2000px) {
  .main-content h1 {font-size: 77px; width: 480px; line-height: 68px;}
  .main-counts .item {width: 211px; height: 111px; margin: 0 26px 26px 0;}
  .main-counts .item img {right: -78px; top: -38px; width: 162px;}
  .main-counts .item-2 img {width: 267px; right: -117px;}
  .main-counts .item-4 img {width: 267px; right: -117px;}
  .main-counts .item b {padding: 19px 0 0 33px; font-size: 48px;}
  .main-counts .item p {font-size: 16px; margin-top: -7px;}

  .why .main-content h1 {width: 610px; line-height: 68px;}
  .why .main-counts .item b {font-size: 21px;}
  .why .main-counts .item p {font-size: 14px; margin-top: 9px; margin-right: 20px;}

  .big-main-counts {padding-top: 11vw;}
  .big-main-counts .item {float: left; width: 237px; height: 221px; background: rgba(0, 0, 0, 50%); border-radius: 15px; position: relative; color: #fff; margin: 0 31px 0 0;}
  .big-main-counts .item img {position: absolute; top: -110px; right: -50px; max-width: 100%;}
  .big-main-counts .item b {font-size: 24px; font-weight: 900; padding: 28px 0 0 25px; display: block; width: 54%;}
  .big-main-counts .item p {font-size: 14px; padding: 12px 0 0 25px; width: 40%;}
  .big-main-counts .item:hover {color: #000; background: #FFE600;}
  .big-main-counts-cont {position: relative; width: calc(268px * 6);}


  .main-content h1 .uslsugi-nav .prev {width: 49px; height: 49px; border-radius: 49px;}
  .main-content h1 .uslsugi-nav .next {float: left; width: 65px; height: 65px; border-radius: 65px;}

  .work .main-counts .item b {font-size: 21px;}

  .work-robot {width: 62vw; height: 50vw;}

  .vkl .main-counts .item {height: 131px;}
  .vkl .main-counts .item b {font-size: 18px;}
  .vkl .main-counts .item p {margin-top: 12px; margin-right: 20px; font-size: 14px;}

  .projects .main-content h1 {width: 740px;}

  .main-content h1 .projects-nav .prev {width: 49px; height: 49px; border-radius: 49px;}
  .main-content h1 .projects-nav .next {width: 65px; height: 65px; border-radius: 65px;}

  .projects-counts {padding: 15vw 0 0 0; width: calc(100% - 71px); overflow: hidden;}
  .projects-counts .item {float: left; width: 237px; height: 221px; background: #FFFFFF; border-radius: 15px; color: #000; position: relative; margin: 0 30px 0 0; cursor: pointer;}
  .projects-counts .item .image {position: absolute; width: 207px; height: 207px; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.13); top: -144px; left: 0; border-radius: 15px; overflow: hidden;}
  .projects-counts .item .image img {display: block;}
  .projects-counts .item b {display: block; font-size: 20px; font-weight: 900; padding: 83px 30px 0 30px; line-height: 18px;}
  .projects-counts .item p {font-size: 14px; padding: 23px 30px 0 30px;}
  .projects-counts .item .view {position: absolute; right: -22px; top: 98px; width: 45px; height: 45px; border-radius: 45px; background: #FFFFFF url(../images/view.png) no-repeat center; background-size: 16px 13px; display: none;}
  .projects-counts .item:hover {background: #FFE600;}
  .projects-counts .item:hover .view {display: block;}
  .projects-counts-cont {position: relative; width: calc(268px * 22);}

  .sroki .main-counts .item {height: 8vw;}
  .sroki .main-counts .item b {font-size: 1.1vw;}
  .sroki .main-counts .item p {font-size: 0.9vw; margin-top: 15px; margin-right: 20px;}

  .main-content .text {font-size: 16px; width: 340px; margin: 20px 0 0 0; line-height: 24px;}
  .main-content .btn-robot {width: 410px; height: 170px;}
}

@media screen and (max-width: 640px) {

  .mobile {display: block!important;}
  .desktop {display: none!important;}

  footer {display: none!important;}

  body {min-width: 100%;}

  .loader .disk {width: 90vw; height: 90vw;}
  .loader .disk .logo-block {top: 2vh;}
  .loader .disk .loader-text {bottom: 13vh;}

  .main-content {padding: 14.9vh 0 0 3%;}
  .main-content h1 {width: 100%; font-size: 48px; line-height: 38px; margin-top: 20px;}
  .main-counts {margin: 5vh 0 0 0;}
  .main-counts .item {width: 141px; height: 88px; margin: 0 86px 18px 0;}
  .main-counts .item b {font-size: 32px; padding: 16px 0 0 22px;}
  .main-counts .item p {margin: -6px 0 0 23px; font-size: 14px}
  .main-counts .item-2 img {width: 204px; top: -57px;}
  .main-counts .item-4 img {width: 206px; top: -57px;}

  .main-contacts {position: absolute; bottom: auto; top: 83px; left: 3%; width: 94%; padding: 0; z-index: 2;}
  .main-contacts .wa {float: left; margin-left: 35px;}
  .main-contacts .tg {float: right;}

  .why .main-content h1 {width: 100%; font-size: 38px;}

  .why .main-counts .item {background: rgba(255, 255, 255, 50%);}
  .why .main-counts .item b {font-size: 13px;}
  .why .main-counts .item p {font-size: 10px;}

  .main-content h1 .uslsugi-nav {z-index: 3; top: 15px;}
  .main-content h1 .uslsugi-nav .prev {width: 45px; height: 45px; margin-right: 5px;}
  .main-content h1 .uslsugi-nav .next {width: 45px; height: 45px; margin-top: 8px;}
  .big-main-counts {padding: 66vw 0 0 0; width: calc(100%); overflow: hidden;}
  .big-main-counts .item {opacity: 0.5;}
  .big-main-counts .item.slick-current {opacity: 1;}
  .big-main-counts .item img {top: auto; right: -93px; max-width: 130%; bottom: 0;}

  .work .main-content h1 {width: 90%;}

  .work-robot {width: 100vw; height: 100vh; background: url(../images/work-robot-mobile.webp) bottom right no-repeat; background-size: contain;}
  .work .main-counts {margin: 0vw 0 0 0%; bottom: 19vh; width: 100%;}
  .work .main-counts .item {background: rgba(255, 255, 255, 50%); margin: 0 6% 15px 6%; height: 66px;}
  .work .main-counts .item b {font-size: 13px;}
  .work .main-counts .item p {font-size: 10px; margin-top: 4px; margin-right: 5px;}

  .vkl .main-counts .item {height: 88px;}
  .vkl .main-counts .item b {font-size: 13px;}
  .vkl .main-counts .item p {font-size: 10px;}

  .projects .main-content h1 {width: 194px;}
  .projects-counts {padding: 28vh 0 0 0; width: 100%; overflow: hidden;}
  .projects-counts .item {opacity: 0.5;}
  .projects-counts .item.slick-current {opacity: 1;}
  .projects-counts .item .view {display: block;}
  .main-content h1 .projects-nav {z-index: 3; top: 5px; right: -100px;}
  .main-content h1 .projects-nav .prev {width: 45px; height: 45px; margin-right: 5px;}
  .main-content h1 .projects-nav .next {width: 45px; height: 45px; margin-top: 8px;}

  .sroki .main-counts .item {height: 88px;}
  .sroki .main-counts .item b {font-size: 13px;}
  .sroki .main-counts .item p {font-size: 10px; margin-top: 10px;}

  .main-content .text {width: 88%;}

  .btn-robot-mobile {position: fixed; margin: auto; bottom: 86px; z-index: 4; left: 0; right: 0; width: 63px; height: 63px; background: url(../images/btn-order-mobile.png) bottom right no-repeat; background-size: contain; display: none!important;}
  .page.active .btn-robot-mobile {display: block!important;}


  .image-1 {width: 100vw; height: 100vh; background: url(../images/main-robot-mobile.png) bottom right no-repeat; background-size: contain;}
  .image-2 {width: 100vw; height: 100vh; background: url(../images/why-robot-mobile.png) bottom right no-repeat; background-size: contain;}
  .image-3 {width: 100vw; height: 100vh; background: url(../images/vkl-robot-mobile.png) bottom right no-repeat; background-size: contain;}
  .image-4 {width: 100vw; height: 100vh; background: url(../images/sroki-robot-mobile.png) bottom right no-repeat; background-size: contain;}
  .image-5 {width: 100vw; height: 100vh; background: url(../images/blago-robot-mobile.png) bottom right no-repeat; background-size: 79%;}



  .mobile-header {top: 10px;}
  .main-content h1 {font-size: 38px; line-height: 28px; width: 80%;}
  .right-panel-mobile {top: 83px;}
  .main-counts .item b {font-size: 22px;padding-top: 12px;}
  .main-counts .item p {margin-top: -2px; font-size: 12px;}
  .main-counts .item {height: 66px;}
  .main-counts .item img {width: 90px; right: -38px; top: -18px;}
  .main-counts .item-2 img {width: 153px; top: -39px; right: -73px;}
  .main-counts .item-4 img {width: 153px; top: -39px; right: -73px;}
  .btns-footer {bottom: 10px;}
  .mobile-nav {bottom: 55px;}
  .main-contacts {bottom: auto; top: 83px; width: 75%;}
  .big-main-counts {padding: 30vw 0 0 0;}
  .big-main-counts .item img {max-width: 81%; right: -53px;}
  .vkl .main-counts .item {width: 191px; height: 69px;}
  .vkl .main-counts .item p {margin-top: 6px;}
  .projects-counts {padding: 16vh 0 0 0;}
  .projects-counts .item .image {width: 117px; height: 117px; top: -44px;}
  .sroki .main-counts .item {width: 191px; height: 69px;}
  .sroki .main-counts .item p {margin-top: 6px;}
  .modal-form-mobile .mobile-menu-cont img {max-width: 65%; margin: -3vw 0 0 -17vw;}
  .mobile-menu .mobile-menu-cont {height: 78%;}
  .mobile-menu .mobile-menu-cont ul li {margin-bottom: 3.8vh;}
  .mobile-menu .btns {bottom: 10px;}
  .modal-form-mobile .form input[type='text'] {margin: 0 0 3vh 0; padding-bottom: 2vh;}
  .modal-form-mobile .mobile-menu-cont {height: 88%;}
  .modal-form-mobile .mobile-menu-cont .logo {margin-top: 16px;}
  .modal-form-mobile .mobile-menu-cont .title {width: 230px; margin-top: 10px;}

  .page.work .main-content h1 {font-size: 32px; width: 50%; padding-top: 0px; margin-top: 0;}

  .page.uslugis .main-content h1 {padding-top: 20px; width: 50%;}
  .page.sroki .main-content h1 {width: 50%; margin-top: 0;}
  .page.blago .main-content h1 {width: 70%}

  .mobile-nav .next {width: 50px; height: 50px;}
  .mobile-nav .prev {width: 50px; height: 50px; bottom: 40px;}

  .big-main-counts {padding-top: 0;}
  .big-main-counts-cont {width: 536px;}
  .big-main-counts-cont .slick-arrow {display: none!important;}
  .big-main-counts-cont .slick-list {padding-top: 13vh;}

  .projects-counts {padding-top: 0;}
  .projects-counts-cont {width: 534px;}
  .projects-counts-cont .slick-arrow {display: none!important;}
  .projects-counts-cont .slick-list {padding-top: 16vh;}

  /*.fullpage-cont {height: 100vh; width: 100vw; position: relative; overflow: hidden;}*/

}

@media screen and (max-width: 375px) {
  .main-counts .item {margin-bottom: 8px;}
  .big-main-counts-cont .slick-list {padding-top: 9vh;}
  .vkl .main-counts .item {height: 57px; width: 206px;}
  .projects-counts-cont .slick-list {padding-top: 13vh;}
  .sroki .main-counts .item {height: 61px; width: 232px;}
  .image-5 {background-size: 75%;}
}