@media only screen and (max-width: 1319px) {
  .creditMetod {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .creditMetod .totalPrice {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
              .tab_container[data-step="step5"] .creditMetod .creditCard_panel {
                padding-top: 0;
              }
    .creditMetod .creditCard_panel {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;}
  .creditMetod_item:nth-child(1), .creditMetod_item:nth-child(2) {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
  .creditMetod_item:nth-child(1) {
    text-align: center; }
  .creditMetod_item:nth-child(2) {
    margin-left: 0; }
  .creditMetod .creditCard .shell_block {
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (max-width: 1200px) {
  .paymentMethod {
    padding-left: 15px;
    padding-right: 15px; }
    .paymentMethod .use_coins {
      font-size: 20px; }
    .paymentMethod .buttonsPanel .btn {
      margin-bottom: 15px; }
    .paymentMethod .btnBack .icon {
      width: 40px;
      height: 40px;
      margin-right: 7px; }
      .paymentMethod .btnBack .icon img {
        width: 15px; }
  .tabs_payment .tab_container > .float_picture {
    width: 180px; } }

@media only screen and (max-width: 991px) {
  .paymentMethod .btnBack {
    position: relative;
    top: 0;
    left: 0; }
  .tabs_payment .tab_element {
    margin-right: 25px;
    margin-bottom: 8px; }
  .creditMetod .creditCard .shell_block {
    max-width: 360px; }
  .creditMetod .creditCard_block.gray {
    left:0;
    bottom:-105px; }
    .creditMetod .creditCard_block.gray .sm {
      position: absolute;
      bottom: 10px;
      left:7px;
    }
    .creditMetod .creditCard_block.gray .sm:last-child {
      left: 50%;
    }
  .creditMetod .creditCard_panel {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 140px; } }

@media only screen and (max-width: 767px) {
  .paymentMethod .buttonsPanel .btn {
    margin-right: 0; }
    .paymentMethod .buttonsPanel .btn.trt {
      margin-right: 0; }
  .paymentMethod .title_product {
    font-size: 17px; }
  .paymentMethod .tabs_payment .tab_element {
    margin-right: 8px; }
  .paymentMethod .chose_method form {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .paymentMethod .option label {
    width: 100px;
    height: 100px;
    padding: 10px; }
    .paymentMethod .option label img {
      width: 90px; }
  .paymentMethod .option .name {
    font-size: 10px;
    padding-top: 5px; }
  .paymentMethod .information_user {
    font-size: 20px; }
  .paymentMethod .inforCertif {
    font-size: 12px; }
  .creditMetod .creditMetod_title {
    font-size: 26px; }
  .creditMetod .creditCard_block.gray {
    /*display: none;*/ }
  .creditMetod .creditCard_panel {
    padding-top: 110px; }
    .creditMetod .creditCard_panel .desc {
      padding-left: 0;
      padding-top: 20px; }
  .paymentMethod .giftBlock .form_group.half, .paymentMethod .giftBlock .form_group_submit.half {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
    .paymentMethod .giftBlock .form_group.half input:not(.btn), .paymentMethod .giftBlock .form_group_submit.half input:not(.btn) {
      max-width: 100%; }
  .paymentMethod .giftBlock .form_group_submit {
    text-align: center; } }

@media only screen and (max-width: 650px) {
  .creditMetod .creditCard_block .form_group.sm {
    /*width: 100%;*/ }
  .creditMetod .creditCard_block .form_group .credit_date {
    width: 100%; } }

@media only screen and (max-width: 479px) {
  .paymentMethod {
    padding-top: 10px; }
    .paymentMethod .inforCertif {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .paymentMethod .inforCertif span {
        padding-left: 10px; }
    .paymentMethod .btnBack .icon {
      width: 20px;
      border: none;
      margin-right: 5px; }
      .paymentMethod .btnBack .icon img {
        width: 10px; }
    .paymentMethod .use_coins {
      font-size: 15px; }
    .paymentMethod .totalPrice_price .value {
      font-size: 26px; }
    .paymentMethod .totalPrice_price .title {
      font-size: 19px; }
    .paymentMethod .chose_method {
      padding-top: 15px; }
    .paymentMethod .tabs_payment .tab_container > .float_picture {
      width: 95px; }
  .creditMetod.active {
    margin-top: 35px; }
  .creditMetod .creditMetod_coins_number {
    padding-left: 0; }
  .creditMetod .creditCard_panel .desc {
    padding-left: 0;
    padding-top: 15px; }
  .creditMetod .creditMetod_title {
    font-size: 20px; }
  .creditMetod .creditCard_block {
    width: 100%;
    padding: 11px 8px; }
  .creditMetod .creditCard .btn {
    width: 95%; } }

@media only screen and (max-width: 380px) {
  .paymentMethod .tabs_payment .tab_element {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    margin-right: 0; }
  .paymentMethod .use_coins {
    font-size: 13px; }
  .creditMetod .creditCard .form_shell {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .creditMetod .creditCard .form_group.tal {
    width: 100%;
    margin-right: 0; } }

/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  /**/ }

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /**/ }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .creditMetod_item:nth-child(2) {
    padding-bottom: 115px;
  }
  .tab_container[data-step="step4"] .creditCard_panel .desc {
    padding-left: initial;
    width: 100%;
  }
  /**/ }

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /**/ }

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  /**/ }