@media screen and (max-width: 992px) {
   .wrapper {
      min-width: 768px;
   }
   .container {
      max-width: 768px;
      min-width: 768px;
   }
   .row {
      margin: 0px;
   }
   .order_head {
      margin-top: 45px;
      margin-left: 15px;
   }
   .h1 {
      padding-right: 135px;
      line-height: 46px;
      margin-bottom: 0px;
   }
   .order_head .text {
      padding-left: 370px;
   }
   .order .bg:before {
      background: url(../img/bg_top_768.png) no-repeat 0px 0px;
      width: 738px;
      height: 610px;
      top: 170px;
   }
   .order .bg_order:before {
      width: 992px;
      height: 950px;
      top: 0px;
      left: -128px;
      background: url(../img/bg1_768.png) no-repeat -440px -20px;
   }
   .top_img img {
      display: block;
      height: 335px;
      margin-left: 440px;
      margin-top: 10px;
   }
   .top_btn {
      position: relative;
      margin-bottom: -70px;
      top: 345px;
      left: 405px;
      width: 280px;
   }
   .short_inf {
      margin-top: 180px;
      margin-bottom: 36px;
   }
   .short_inf_item img {
      width: 50px;
      margin-right: 10px;
   }
   .short_inf_item .name {
      font-size: 15px;
      display: block;
      margin: 0px;
   }
   .short_inf_item .text {
      font-size: 12px;
      display: block;
      line-height: 14px;
   }
   .short_inf_item2 .text {
      padding-right: 45px;
   }
   .short_inf_item3 img {
      margin-left: -35px;
   }
   .problem .h3 {
      display: none;
   }
   .problem_img {
      order: 13;
   }
   .row .problem_text {
      background-position: center 40px;
      padding-bottom: 50px;
      margin-top: 50px;
   }
   .promlem_item span {
      margin-left: 370px;
   }
   .problem_img img {
      margin-top: -230px;
      margin-left: -85px;
   }
   .h3 {
      font-size: 40px;
   }
   .row .expert-text {
      padding-left: 15px;
   }
   .expert .h3 {
      margin-top: 40px;
   }
   .expert b p {
      font-size: 22px;
      line-height: 26px;
      padding-right: 20px;
   }
   .expert p {
      padding-right: 95px;
   }
   .expert .name {
      font-size: 22px;
   }
   .skill {
      font-size: 16px;
      margin-bottom: 35px;
   }
   .expert_photo img {
      height: 670px;
      margin-top: -15px;
      margin-left: -95px;
   }
   .col-sm-hidden {
      display: none;
   }
   .row .composition_item1 {
      padding-right: 0px;
   }
   .composition_item1 .comp_contant {
      flex-direction: row-reverse;
      margin-bottom: 35px;
   }
   .composition_item img {
      width: 133px;
      margin-left: 0px;
      margin-right: 15px;
   }
   .composition_item1 .text span {
      text-align: left;
   }
   .composition_item .name {
      font-size: 15px;
      line-height: 17px;
      margin-bottom: 15px;
   }
   .composition_item .text_item {
      font-size: 15px;
      line-height: 17px;
   }
   .composition .h3 {
      padding: 0px 190px;
      line-height: 40px;
      margin-bottom: 30px;
   }
   .row .composition_item2 {
      padding-left: 20px;
   }
   .compos_btn {
      width: 280px;
      margin-top: 0px;
      margin-bottom: 60px;
   }
   .composition {
      -webkit-background-size: 100%;
      background-size: 100%;
   }
   .reviews {
      background: url(../img/reveis_bg_768.png) no-repeat 0px 0px;
      -webkit-background-size: 100%;
      background-size: 100%;
   }
   .reviews .h3 {
      padding: 0px 190px;
      line-height: 40px;
      margin-top: 55px;
      margin-bottom: 30px;
   }
   .row .review {
      padding: 0px;
   }
   .review_text {
      font-size: 15px;
      margin-top: 10px;
      margin-bottom: 40px;
   }
   .review .name,
   .review .age {
      font-size: 18px;
   }
   .effect .h3 {
      font-size: 34px;
      margin-top: 60px;
      margin-bottom: 30px;
      line-height: 44px;
   }
   .effect_list {
      background-position: 50px 0px;
   }
   .effect_list span {
      margin-top: 36px;
   }
   .effect_list {
      margin-bottom: 15px;
   }
   .effect_item {
      margin-bottom: 115px;
   }
   .footer .order .bg_order:before {
      width: 992px;
      height: 950px;
      top: 0px;
      left: -128px;
      background: #000 url(../img/bg1_768.png) no-repeat -440px -20px;
   }
   .footer .order .bg:before {
      top: 170px;
   }
   .footer .order_head {
      margin-top: 40px;
      margin-bottom: 100px;
   }
   .footer .order_head .text {
      margin-top: 0px;
      font-size: 28px;
      padding-left: 360px;
   }
   .footer .top_img img {
      height: 405px;
      margin-top: 0px;
      margin-left: 405px;
      margin-bottom: 40px;
   }
   .footer .short_inf {
      background: none;
      padding: 0px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: row;
      align-items: center;
   }
   .footer .short_inf_item {
      padding: 0px;
      flex: 33.3333%;
   }
   .footer .short_inf_item img {
      margin-right: 10px;
   }
   .footer .order {
      background: #000;
   }
   .footer .short_inf_item .name {
      font-size: 13px;
      margin-bottom: 0px;
   }
   .footer .short_inf_text {
      border: none;
   }
   .footer .short_inf_item .text {
      font-size: 12px;
      line-height: 14px;
   }
   .short_inf_item2 .text {
      padding: 0px;
   }
   .row .top_order_form {
      padding-left: 125px;
      padding-right: 125px;
   }
   .discount::before {
      left: 135px;
   }
   .row .wv_order-form {
      padding: 0px 125px;
   }
   .wv_order-form .rest {
      margin-top: 25px;
      margin-bottom: 25px;
   }
   .ananim {
      top: 20px;
   }
   .copy {
      margin-top: 80px;
   }
   .policy {
      margin-bottom: 15px;
   }
}
@media screen and (max-width: 575px) {
   .wrapper {
      min-width: 320px;
   }
   .container {
      max-width: 320px;
      min-width: 320px;
   }
   .header {
      display: block;
      background: #000;
   }
   .logo img {
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .header_btn {
      width: 115px;
      height: 32px;
      line-height: 32px;
      font-size: 18px;
      margin-top: 10px;
      float: right;
      margin-bottom: 10px;
   }
   .order_head {
      margin-top: 15px;
      margin-left: 0px;
   }
   .h1 {
      text-align: center;
      padding: 0px;
      font-size: 28px;
      line-height: 40px;
   }
   .h1 b {
      font-size: 46px;
   }
   .order_head .text {
      font-size: 23px;
      padding: 0px;
      line-height: 25px;
      text-align: center;
      margin-top: 5px;
   }
   .order {
      background: linear-gradient(to bottom, #252525 80%, #000 51%, #000 100%);
   }
   .order .bg:before {
      width: 320px;
      height: 530px;
      top: 0px;
      left: -15px;
      background: url(../img/bg_top_320.png) no-repeat 0px -52px;
   }
   .order .bg_order:before {
      display: none;
   }
   .top_btn {
      display: none;
   }
   .top_img img {
      height: 200px;
      margin-left: 180px;
      margin-top: 80px;
   }
   .col-lg-hidden {
      display: block;
      max-width: 100%;
   }
   .row .top_order_form {
      padding: 0px;
      margin-top: 40px;
   }
   .discount {
      border: 3px dashed #fff;
   }
   .discount::before {
      left: 10px;
      top: 25px;
   }
   .discount_item {
      display: block;
      text-align: center;
      font-size: 25px;
      margin-top: 0px;
   }
   .finish {
      display: block;
      text-align: center;
      font-size: 18px;
      margin-top: 0px;
   }
   .countdown-container {
      margin-top: -5px;
   }
   .countdown-container .dots {
      margin: 0px 10px;
   }
   .text_under {
      margin-bottom: 10px;
   }
   .timer-text {
      max-width: 180px;
   }
   .text_under span {
      margin-right: 0;
   }
   .price_holder {
      margin-top: 15px;
      position: relative;
   }
   .price {
      margin: 0px;
      margin-bottom: -80px;
   }
   .new_price {
      margin: 0px;
      width: 100px;
      height: 100px;
      border-radius: 70px;
      background: #fff000;
      line-height: 136px;
      text-align: center;
      font-size: 25px;
      position: absolute;
      top: 0px;
      left: 200px;
   }
   .new_price sup {
      font-size: 26px;
      top: -17px;
   }
   .wv_new-price-int {
      margin-right: -15px;
   }
   .row .wv_order-form {
      padding: 0px;
   }
   select,
   input {
      height: 45px;
      font-size: 20px;
   }
   .button {
      height: 60px;
      line-height: 60px;
   }
   .ananim_item1 {
      margin-right: 15px;
   }
   .ananim {
      top: -8px;
   }
   .short_inf_item3 img {
      margin-left: 0px;
   }
   .short_inf {
      margin-bottom: 20px;
      margin-top: 45px;
   }
   .short_inf_item {
      margin-bottom: 20px;
   }
   .problem .h3 {
      display: block;
      padding: 0px;
      font-size: 30px;
      line-height: 36px;
   }
   .row .problem_text {
      margin-top: 0px;
      background: url(../img/problem_item_320.png) no-repeat 0px 0px;
   }
   .promlem_item span {
      margin-left: 40px;
      margin-top: 190px;
   }
   .promlem_item2 span,
   .promlem_item3 span {
      margin-top: 225px;
   }
   .problem_img img {
      margin-top: -90px;
      margin-left: -50px;
      width: 200%;
   }
   .row .expert-text {
      padding: 0px;
   }
   .expert .h3 {
      font-size: 30px;
      margin-bottom: 25px;
   }
   .expert b p {
      padding: 0px;
      font-size: 20px;
      line-height: 24px;
   }
   .expert p {
      padding: 0px;
      font-size: 16px;
      line-height: 26px;
   }
   .expert .name {
      margin-top: 55px;
   }
   .skill {
      font-size: 14px;
      padding-right: 150px;
   }
   .expert_photo img {
      height: 460px;
      margin-top: -160px;
      margin-left: 70px;
   }
   .expert {
      background: linear-gradient(to top, #2b2a2b, #252525);
   }
   .composition .h3 {
      font-size: 25px;
      padding: 0px;
      line-height: 36px;
      margin-bottom: 50px;
      margin-bottom: 0px;
   }
   .composition .col-sm-hidden {
      display: block;
      order: 1;
   }
   .row .composition_item1 {
      order: 2;
   }
   .row .composition_item2 {
      order: 3;
   }
   .comp_btn {
      order: 4;
   }
   .composition .prod {
      height: 290px;
      display: block;
      margin: 30px auto;
   }
   .composition {
      -webkit-background-size: 200%;
      background-size: 200%;
      background-position: center 120px;
   }
   .composition_item img {
      width: 100px;
   }
   .composition_item .name {
      margin-bottom: 5px;
   }
   .composition_item .text_item {
      font-size: 13px;
   }
   .row .composition_item2 {
      padding: 0px;
   }
   .reviews {
      background: url(../img/reveis_bg_320.png) no-repeat 0px 0px;
      -webkit-background-size: cover;
      background-size: cover;
   }
   .reviews .h3 {
      padding: 0px;
      line-height: 36px;
      font-size: 30px;
   }
   .review_text {
      font-size: 14px;
   }
   .effect .h3 {
      font-size: 24px;
      line-height: 34px;
      padding: 0px;
   }
   .effect_list {
      background: url(../img/effect_item-320.png) no-repeat 0px 0px;
   }
   .effect_item span {
      margin-top: 170px;
      margin-left: 30px;
   }
   .effect_item3 span,
   .effect_item2 span {
      margin-top: 198px;
   }
   .footer .short_inf {
      display: none;
   }
   .footer .order {
      background: linear-gradient(to bottom, #252525 83%, #000 51%, #000 100%);
   }
   .footer .order .bg:before {
      top: 0px;
   }
   .footer .h1 {
      font-size: 28px;
      line-height: 36px;
   }
   .footer .order_head {
      margin-top: 20px;
   }
   .footer .order_head .text {
      padding: 0px;
      font-size: 23px;
      line-height: 25px;
      margin-top: 10px;
   }
   .footer .top_img img {
      height: 200px;
      margin-left: 180px;
      margin-top: -20px;
   }
   .footer .discount::before {
      top: -5px;
   }
   .footer .row .top_order_form {
      margin-top: 10px;
   }
   .footer .order_form {
      background: none;
   }
   .footer .ananim {
      top: 0px;
   }
   .copy {
      margin-top: 65px;
   }
}