@media only screen and (max-width: 1199px) {
   .top-box .bg {
      display: none;
   }

   .tovar {
      left: 410px;
      width: 200px;
   }

   .bottom .tovar {
      bottom: 0;
   }

   .footer {
      padding: 0;
   }

   .top-box .list2 li {
      max-width: 400px;
   }

   .tb3 {
      height: auto;
   }

   .tb3 .left {
      width: 570px;
   }

   .tb3 .steps .st:last-child,
   .tb3 .steps .st {
      width: 170px;
      padding-right: 20px;
      margin-right: 20px;
      margin-top: 20px;
   }

   .tb3 .steps .st:last-child {
      margin-right: 0;
   }

   .order-form-box {
      width: 350px;
   }

   .order-form-box .white-box {
      padding: 20px;
   }

   .tb3 .steps .st:after {
      right: -11px;
   }

   .tb4 .text {
      padding-left: 320px;
   }

   .tb5 .steps .st {
      width: 160px;
      margin-right: 30px;
   }

   .tb5 .steps .st:after {
      right: -20px;
   }

   .tb5 .gr {
      max-width: 500px;
   }

   .tb6 .text {
      padding-left: 0 !important;
   }
}

@media only screen and (max-width: 991px) {
   .svid {
      display: none;
   }

   .top-box .aside {
      width: 400px;
   }

   .order-form-box {
      width: 300px;
      margin-top: 30px;
   }

   .top-box .h1 {
      font-size: 34px;
   }

   .top-box .list1 li {
      text-align: center;
   }

   .top-box .list2 li {
      max-width: 240px;
   }

   .top-box .h1,
   .top-box .h2 {
      margin-bottom: 30px;
   }

   .tovar {
      left: 264px;
      bottom: -50px;
      width: 177px;
   }

   .btn {
      font-size: 17px;
   }

   .tb1 {
      padding-top: 100px;
   }

   .tb3 .left {
      width: 380px;
   }

   .tb3 {
      padding: 50px 0;
      background: 0 0;
      height: auto;
   }

   .tb3 .left .text {
      padding: 0;
      background: 0 0;
   }

   .title-h3 {
      font-size: 24px;
   }

   .tb4 .text {
      padding-left: 205px;
   }

   .tb4 .list li {
      margin-top: 20px;
   }

   .tb5 .bg {
      position: static;
      margin-bottom: 20px;
      display: none;
   }

   .tb5 .steps .st {
      margin-right: 26px;
      width: 150px;
   }

   .tb2 {
      background: none;
   }

   .tb5 {
      padding: 50px 0;
   }

   .tb6 .text {
      max-width: unset;
   }

   .tb6 {
      background: url("../img/tb6.jpg") 0% 0 no-repeat;
   }

   .rev .text {
      padding-top: 0;
   }

   .footer__block {
      margin: 0 auto 0;
      text-align: center;
   }
}

@media only screen and (max-width: 767px) {
   .order-form-box {
      width: 330px;
      float: none;
      margin: 0 auto;
   }

   .top-box {
      height: auto;
      padding: 30px 0;
      background: #e4eff3;
   }

   .top-box .aside {
      width: auto;
      float: none;
      margin-bottom: 30px;
   }

   .tovar {
      bottom: auto;
      top: 385px;
   }

   .top-box .aside {
      padding: 0;
   }

   .tb1 {
      padding-top: 40px;
   }

   .top-box .h1 {
      font-size: 24px;
   }

   .top-box .h2 {
      font-size: 17px;
   }

   .tb2,
   .tb4 {
      height: auto;
      padding: 30px 0;
      background: #e4eff3;
   }

   .tb2 .left {
      padding-top: 0;
   }

   .tb2 .left p {
      line-height: 1.4;
   }

   .tb3 .left {
      width: auto;
      float: none;
      margin-bottom: 30px;
   }

   .tb4 .text {
      padding: 0;
   }

   .top-box .list2 li {
      margin: auto;
      max-width: 240px;
   }

   .tb4 .list li {
      width: 49%;
   }

   img {
      max-width: 100%;
   }

   .tb4 .list li {
      padding-right: 10px;
   }

   .tb5 .steps .st {
      width: 260px;
      margin-bottom: 15px;
   }

   .tb6,
   .tb6 .title-h3 {
      color: #000;
   }

   .rev .img {
      width: auto;
      float: none;
      margin: 0 0 15px;
   }

   .tb8 .fr {
      margin: 0 0 10px;
   }

   .tovar {
      position: static;
      text-align: center;
      margin-top: -70px;
      margin-left: auto;
      margin-right: auto;
   }

   .top-box .aside .h2 br {
      display: none;
   }

   .tb4 .list li {
      text-align: center;
      width: auto;
      display: block;
      padding: 0;
   }

   .tb4 .list .h4 {
      max-width: 100%;
   }

   .owl-carousel .owl-item img {
      width: auto;
      display: inline-block;
   }

   .footer {
      text-align: center;
   }

   .footer__block {
      margin-top: 10px;
   }
   .tb1 .container,
   .tb2 .container,
   .tb3 .container,
   .tb4 .container,
   .tb5 .container,
   .tb6 .container,
   .tb7 .container,
   .tb8 .container,
   .top-box .list1 li,
   .aside {
      max-width: 400px;
      margin: auto;
   }
}

@media only screen and (max-width: 480px) {
   .tovar {
      margin-bottom: -60px;
   }

   .rev .text p {
      font-size: 14px;
   }

   .tb3 .steps .st {
      margin-bottom: 10px;
   }

   .tb3 .left .row > div {
      margin-bottom: 15px;
      height: 85px;
      text-align: center;
   }

   .logo {
      text-align: center;
   }

   .tb1 .text {
      font-size: 14px;
   }

   .tb3 .left .t2 {
      font-size: 14px;
   }

   .logo {
      display: none;
   }

   .top-box .h1 {
      text-align: center;
      font-size: 29px;
   }

   .top-box .h2 {
      text-align: center;
      font-size: 15px;
   }

   .toping .tovar img {
      display: none;
   }

   .toping .tovar {
      height: 410px;
      background: url("../img/prod.png") 50% 0 no-repeat;
      background-size: 300px auto;
      width: unset;
      margin-top: 0;
   }

   .top-box .list1 {
      display: none;
   }

   .order-form-box .tt1 span {
      display: none;
   }

   /* .toping {
        background: #fff url("../img/prod.png") 50% 0 no-repeat
    } */

   .order-form-box {
      width: auto;
      padding: 40px 15px;
      margin: 0 -15px;
      background-color: #eef2f4;
   }

   .tb1 .title-h3 {
      font-size: 20px;
   }

   .tb1 .under {
      font-size: 15px;
   }

   .tb1 .text {
      font-size: 15px;
   }

   .tb1 .text .sep {
      display: block;
      height: 20px;
   }

   .tb1 .image .tt {
      width: 100%;
      text-align: center;
      font-size: 15px;
   }

   .tb2 .title-h3 {
      text-align: center;
      font-size: 20px;
   }

   .tb2 .left .t1 {
      text-align: center;
      font-size: 15px;
   }

   .tb2 .wh {
      position: relative;
      padding: 20px;
      text-align: center;
      background-color: #fff;
      box-shadow: 0 18px 10px 0 rgba(0, 0, 0, 0.15);
      font-size: 14px;
      margin-top: 190px;
   }

   .tb2 .left p {
      margin-bottom: 20px;
   }

   .tb2 .left .sign {
      margin-bottom: 20px;
      background: url("../img/sig.png") 50% 0 no-repeat;
      height: 114px;
   }

   .tb2 .wh:after {
      content: "";
      width: 100%;
      height: 180px;
      background: url("../img/doc.png") 50% 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: 0;
      top: -180px;
   }

   .tb3 .ban img {
      display: none;
   }

   .tb3 .ban {
      height: 140px;
      background: url("../img/ban2.jpg") 50% 0 no-repeat;
   }

   .tb3 .title-h3 {
      text-align: center;
      font-size: 20px;
      margin-bottom: 30px;
   }

   .tb3 .left .gr {
      text-align: center;
      font-size: 15px;
   }

   .tb3 .left .text {
      background: url("../img/1.png") 50% 0% no-repeat;
      padding-top: 180px;
      text-align: center;
   }

   .tb3 .left p {
      font-size: 15px;
   }

   .tb3 .steps {
      display: none;
   }

   .tb3 .left .sep {
      display: none;
   }

   .tb3 .left .sep + .h4 {
      display: none;
   }

   .tb3 .order-form-box {
      display: none;
   }

   .tb3 .text .btn-c {
      display: block;
      margin-top: 20px;
   }

   .tb3 .left {
      margin-bottom: 0;
   }

   .tb4 .title-h3 {
      text-align: center;
      font-size: 20px;
      margin-bottom: 20px;
   }

   .tb4 .list {
      background-color: #fff;
      box-shadow: 0 18px 10px 0 rgba(0, 0, 0, 0.15);
      padding: 20px;
      padding-top: 0;
   }

   .list-slider .item {
      padding-top: 15px;
   }

   .tb5 .title-h3 {
      text-align: center;
      font-size: 20px;
   }

   .tb5 .steps .st {
      width: 100%;
      text-align: center;
      margin: 0 0 50px;
   }

   .tb5 .steps .st:after {
      left: 47%;
      bottom: -30px;
      top: auto;
      transform: rotate(90deg);
   }

   .tb5 .steps {
      padding-bottom: 0;
   }

   .tb5 .gr {
      text-align: center;
   }

   .tb5 .bg {
      display: block;
      margin: 0 auto;
      width: 194px;
   }

   .tb6 .title-h3 {
      margin-bottom: 20px;
      color: #000;
      padding-top: 5px;
   }

   .tb6 .list-slider li:first-child {
      padding-top: 25px;
   }

   .tb7 {
      padding: 40px 0 0;
      background-color: #eef2f4;
   }

   .tb8 {
      background-color: #fff;
   }

   .rev {
      margin-bottom: 0;
      text-align: center;
   }

   .tb7 .owl-dots {
      margin-top: 0;
      margin-bottom: 40px;
   }

   .tb7 .title-h3 {
      text-align: center;
      font-size: 20px;
   }

   .tb7 .owl-carousel .owl-item img {
      width: 170px;
      margin-bottom: 10px;
   }

   .tb8 {
      padding: 40px 0;
   }

   .tb8 .title-h3 {
      text-align: center;
      font-size: 20px;
   }

   .tb8 .fr {
      margin-bottom: 40px;
   }

   .tb8 .fr {
      background-position: 50% 10px;
      padding: 15px;
      padding-top: 40px;
      text-align: center;
   }

   .bottom .aside {
      display: none;
   }

   .bottom {
      padding: 0;
   }

   .footer {
      padding: 20px 0;
      text-align: center;
   }

   .footer p br {
      display: none;
   }

   .footer p .br {
      display: block;
   }

   .footer p {
      margin: 0;
   }
}

@media (min-width: 640px) {
   .tovar2 {
      display: none;
   }
}