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

   #work .nav-btn.next {
      right: 0 !important;
      top: 88% !important;
   }

   #work .nav-btn.prev {
      left: 0 !important;
      top: 88% !important;
   }

   .menu-burger__header {
      position: relative;
      width: 40px;
      height: 30px;
      display: block;
      cursor: pointer;
      margin-left: auto;
      margin-top: 8px;
      margin-bottom: 8px;
   }

   .service_card {
      margin-bottom: 30px;
   }

   .menu-burger__header span,
   .menu-burger__header:after,
   .menu-burger__header:before {
      height: 3px;
      width: 100%;
      position: absolute;
      background: #242424;
      margin: 0 auto;
   }

   .menu-burger__header span {
      top: 14px;
   }

   .menu-burger__header:after,
   .menu-burger__header:before {
      content: '';
   }

   .menu-burger__header:after {
      bottom: 5px;
   }

   .menu-burger__header:before {
      top: 5px;
   }

   .menu-burger__header.open-menu span {
      opacity: 0;
      transition: 0.5s;
   }

   .menu-burger__header.open-menu:before {
      transform: rotate(43deg);
      top: 16px;
      transition: 0.4s;
   }

   .menu-burger__header.open-menu:after {
      transform: rotate(-43deg);
      bottom: 11px;
      transition: 0.4s;
   }

   #navigation {
      position: absolute;
      top: 40px;
      background: #fff;
      width: 100vw;
      right: -5%;
      transition: all 0.4s ease;
      transform: scale(0);
   }

   #navigation.open-menu {
      transition: all 0.4s ease;
      transform: scaleX(1);
   }

   #navigation li {
      font-size: 18px !important;
   }

   .workspace {
      width: 90% !important;
   }

   .logo_link {
      float: none !important;
      margin-bottom: 20px !important;
   }

   .vyz {
      margin-left: 0 !important;
   }

   .header_phone {
      margin-left: 24px !important;
   }

   .search_input {
      margin-left: 0 !important;
      margin-right: 10px !important;
   }

   .form_input_1 {
      flex-wrap: wrap;
      justify-content: flex-start !important;
      gap: 10px;
   }
}

@media screen and (max-width: 1000px) {
   #very-annoying-banner img {
      max-width: 100%;
      height: auto;
      left: auto !important;
      margin-left: 0 !important;
   }

   .lSPager.lSpg {
      display: none;
   }

   .form_fail {
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 20px;
   }

   .form_click_block {
      flex-wrap: wrap;
   }

   .catalog_check {
      margin-left: 0 !important;
   }
}

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

   .footer_phone {
      margin-right: 30px !important;
   }

   .links_col {
      margin-left: 0 !important;
   }

   .page_txt {
      padding-top: 30px !important;
   }

   img.page_image {
      max-width: 100% !important;
      height: auto !important;
   }

   .pic_border {
      display: none;
   }

   .videotur_btn {
      z-index: 10 !important;
      top: 400px !important;
      width: 100% !important;
   }

   #photo.gallery {
      height: 400px !important;
   }

   img.foto_img {
      height: 100% !important;
   }

   .gallery .slides.lightSlider.lSSlide {
      height: 400px !important;
   }
}

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

   #header.special {
      margin: 310px 0px 0px 0px !important;
   }

   #blackONwhite {
      position: absolute !important;
      top: 200px !important;
      left: 10% !important;
   }

   #whiteONblack {
      position: absolute !important;
      top: 200px !important;
      left: 30% !important;
   }

   #yellowONblue {
      position: absolute !important;
      top: 200px !important;
      left: 50% !important;
   }

   #cvet_btn {
      position: absolute !important;
      top: 170px !important;
      left: 18% !important;
   }


   #zvuk {
      position: absolute !important;
      top: 108px !important;
      left: 10% !important;
   }

   #zvuk_btn {
      position: absolute !important;
      top: 78px !important;
      left: 10% !important;
   }

   #minus {
      position: absolute !important;
      top: 108px !important;
      left: 32% !important;
   }

   #plus {
      position: absolute !important;
      top: 108px !important;
      left: 44% !important;
   }

   #shrift_btn {
      position: absolute !important;
      top: 78px !important;
      left: 36% !important;
   }

   #intervalMinus {
      position: absolute !important;
      top: 108px !important;
      left: 65% !important;
   }

   #intervalPlus {
      position: absolute !important;
      top: 108px !important;
      left: 80% !important;
   }

   #interval_btn {
      position: absolute !important;
      top: 78px !important;
      left: 67% !important;
   }

   #imgOff {
      position: absolute !important;
      top: 287px !important;
      left: 10% !important;
   }

   #imgBlack {
      position: absolute !important;
      top: 287px !important;
      left: 36% !important;
   }

   #img_btn {
      position: absolute !important;
      top: 260px !important;
      left: 16% !important;
   }

   #spec {
      background-color: #fff;
   }

   .form_min_text {
      align-items: flex-end;
   }

   .form_input_1 input {
      width: 100% !important;
   }

   .direction_page_title {
      padding-top: 200px !important;
   }

   img.spec_image {
      width: 100% !important;
   }

   img.uslugi_image {
      width: 100% !important;
   }

   .service_link {
      width: 100% !important;
      margin-bottom: 20px !important;
   }

   .service_card {
      float: none !important;
      margin: 0 auto !important;
      margin-bottom: 30px !important;
   }

   .direction_card {
      width: 140px !important;
      min-height: 75px;
   }

   .directions .section_title {
      padding-top: 185px !important;
   }

   .search_input {
      margin-bottom: 10px !important;
   }

   .header_phone {
      float: none !important;
      margin-bottom: 20px !important;
      text-align: start !important;
      background-image: none !important;
      font-size: 20px !important;
   }

   .videotur_btn {
      position: relative !important;
      left: 0 !important;
      top: -30px !important;
   }

   .decor {
      display: none !important;
   }

   .welcome_txt {
      padding: 18px !important;
   }

   #work .section_title {
      top: 65px;
   }

   .modal {
      width: 320px !important;
   }

   .modal_inner {
      padding: 18px !important;
   }

   .fa.fa-times {
      right: 0 !important;
   }


}

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

   .links_col {
      width: 100%;
   }

   .dms_img {
      max-width: 100%;
      height: auto;
   }

   .search_input {
      float: none !important;
      width: 100% !important;
   }

   .vyz {
      width: 100% !important;
      box-sizing: border-box;
   }
}