/*==========  Desktop First Method  ==========*/

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 990px) {
  .step1__data {
    padding-top: 8px;
  }
  .step2__data__left, .step3__data__left, .step4__data__left, .step5__data__left, .step6__data__left, .step7__data__left {
    width: auto;
    float: none;
    padding: 22px 26px 10px 26px;
    text-align: center;
  }
  .step2__data__right, .step3__data__right, .step4__data__right, .step5__data__right, .step6__data__right, .step7__data__right {
    margin-left: 0;
    margin-top: 26px;
    margin-bottom: 12px;
  }
  .step7__form__left {
    width: 240px;
    padding: 12px 16px 16px 16px;
  }
  .step7__form__right {
    margin-left: 272px;
  }
  .step7 .step__wrap {
    padding: 30px 26px 62px;
  }
  .step7__form__left .podarok__img:after {
    left: 62%;
  }
  .topHeaders_step7 h1 br {
    display: none;
  }
  .step2 .step__wrap, .step3 .step__wrap, .step4 .step__wrap, .step5 .step__wrap, .step6 .step__wrap, .step7 .step__wrap {
    padding: 23px 26px 39px;
  }


  .message {
    margin: 44px 15px;
    padding-right: 54px;
  }
  .fancybox-slide > * {
    margin: 44px 15px;
    width: 380px;
  }

  .popapCall__top span {
    font-size: 15px;
    padding: 20px 23px 16px;
  }
  .popapCall__title {
    font-size: 16px;
    margin-top: 18px;
    line-height: 1.1;
  }
  .popapCall__form {
    margin: 25px 0 0;
    padding: 0 18px;
  }
  .form-group label {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .form-control {
    font-size: 16px;
    padding: 10px 22px 6px;
    height: 42px;
  }
  .form-group {
    margin-bottom: 12px;
  }
  .popapCall__timeTab span {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
  }
  .popapCall__checkbox {
    margin-top: 24px;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .fancybox-close-small {
    top: 4px;
  }

  .reviews__title:before, .reviews__title:after {
    height: 30px;
    width: 40px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  .reviews__title__text {
    font-size: 18px;
    line-height: 24px;
    padding-left: 0px;
  }
  .reviews__text {
    padding-left: 0;
  }
  .reviews__title__info {
    float: none;
  }
  .reviews__title__info img {
    max-width: 56px;
  }
  .reviews__imgs img {
    margin-bottom: 4px;
  }
  .reviews__item__invert .reviews__imgs img:first-child {
    float: none;
    margin-left: 0;
  }
  .director__img {
    float: none;
  }
  .director {
    text-align: center;
    padding-bottom: 0;
  }
  .director__content {
    margin-left: 0px;
  }
  .director__signature {
    display: block;
    margin: 20px auto 0;
  }
  .reviews__title__info > div {
    margin-left: 10px;
  }
  .reviews {
    padding: 0 0 20px;
  }
  .vkBlock {
    padding: 47px 0 0px;
  }

  .popapTop {
    padding: 56px 18px 22px;
  }
  .popapTop__title {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
  }
  .popapTop__title br {
    display: none;
  }
  .popapTop__info,
  .popapTop__content {
    font-size: 15px;
    line-height: 17px;
    padding: 0;
    width: auto;
    float: none;
    position: relative;
    margin: -22px 0 18px 0;
  }
  .popapTop__info:before,
  .popapTop__content:before {
    content: " ";
    background-color: transparent;
    width: 330px;
    height: 270px;
    position: static;
    background-image: url("../img/elem/catalog.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .popapTop__form:before {
    display: none;
  }

  .popapTop__info > div {
    margin: -28px 0 0;
  }

  .popapTop__form {
    margin: 0;
    width: auto;
    float: none;
    padding: 26px 10px 6px;
  }
  .popapTop__form__title {
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
  }
  .popapTop__form__title span {
    font-size: 16px;
  }

  .popapTop__btn {
    padding: 12px 12px 10px;
  }
  .popapTop__checkbox {
    margin-top: 22px;
    margin-bottom: 16px;
    margin-left: 0;
  }
  .input-info {
    display: none;
  }
  .popapTop__content__title {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 1px;
    margin-top: -19px;
}
.popapTop__content br {
  display: none;
}
.popapTop__content__priziv {
    font-size: 22px;
    margin-top: 3px;
}
.popapTop__content {
    margin-bottom: 22px;
}
.popapTop__content__priziv:after {
  display: none;
}
.popapTop__btn span + span {
  display: block;
  margin-left: 0;
}
.popapTop__btn span {
  display: none;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.st1 .radio {
		margin-bottom: 54px;
	}
  .header__logo img {
    width: 120px;
    height: auto;
    display: block;
  }
  .header__row {
    align-items: flex-start;
  }
  .header__logo span {
    font-size: 12px;
    margin-left: 0;
    text-align: center;
    display: block;
  }
  .header__contact .link,
  .header__contact__bottom .link {
    font-size: 12px;
  }
  .header__contact__top {
    font-size: 12px;
  }
  .header__contact__middle {
    font-size: 18px;
    margin: 4px 0;
  }
  .header__logo {
    text-align: center;
  }
  .header__contact__bottom {
    margin-bottom: 6px;
  }
  .topHeaders {
    padding: 10px 0 18px;
  }
  .topHeaders h1 {
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    padding-left: 0;
  }
  .wrapper_okPage .topHeaders h1 {
    line-height: 32px;
  }
  .topHeaders h1 span {
    font-size: 30px;
  }
  .topHeaders h1:before {
    display: none;
  }
  .topHeaders h2 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 12px;
  }
  .step__title {
    font-size: 15px;
    line-height: 24px;
  }
  .step__title span {
    display: inline;
  }
  .step__wrap {
    padding: 23px 15px 34px;
  }
  .step__title span:before {
    left: -11px;
    width: 3px;
    height: 14px;
    margin-top: -10px;
  }
  .stepindex .step__row > div:nth-of-type(1) label {
    height: 140px;
  }
  .stepindex .step__row > div:nth-of-type(1) label .elem {
    margin-top: -66px;
  }
  .radio .elem span {
    font-size: 16px;
    padding-top: 3px;
  }
  .radio .elem:before {
    width: 22px;
    height: 22px;
  }
  .stepindex .step__img {
    width: 160px;
  }
  .radio input:checked + .elem:after {
    left: -1px;
    top: -4px;
  }
  .stepindex label {
    padding: 16px 0;
  }
  .footer__col {
    text-align: center;
  }
  .footer__col + .footer__col {
    margin-top: 10px;
  }
  .footer {
    margin: -94px auto 0;
  }
  .wrapper:after {
    height: 136px;
  }
  .wrapper {
    background-size: cover;
  }
  .btn-lg {
    font-size: 16px;
  }
  .step1 .step__wrap {
    padding: 23px 15px 34px;
  }
  .step__desc {
    font-size: 14px;
  }
  .step1__input__title {
    font-size: 12px;
    line-height: 18px;
  }
  .step1__input__data__input input,
  .step1__input__data__input__sm {
    float: none;
    width: 50px;
    border: 1px solid #efeae8;
    border-radius: 3px 3px 0 0;
  }
  .step1__input__data__plus, .step1__input__data__minus{
	  display:none;
  }
  .step1__input__data__input__sm {
    border-top: 0;
    border-radius: 0 0 3px 3px;
  }
  .step1__input_left,
  .step1__input_right {
    top: 38%;
  }
  .step1__input_left {
    left: 0;
  }
  .step1__input_right {
    right: 0;
  }
  .step1__img {
    margin: 76px auto 0px;
    width: 110px;
  }
  .step1 .radio {
    margin-top: 12px;
  }
  .btn span + span {
    display: none;
  }
  .btn {
    white-space: normal;
    min-height: 56px;
  }
  .step2 .step__wrap, .step3 .step__wrap, .step4 .step__wrap, .step5 .step__wrap, .step6 .step__wrap, .step7 .step__wrap {
    padding: 0px 15px 30px;
  }
  .step__progressBar {
    margin-left: -15px;
    margin-right: -15px;
  }
  .step__progressBar:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
  }
  .step__progressBar span {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 20px;
    display: inline-block;
    vertical-align: middle;
  }
  .step2__data, .step3__data, .step4__data, .step5__data, .step6__data, .step7__data {
    margin-top: 0;
    margin-bottom: 11px;
  }
  .step2__data__left, .step3__data__left, .step4__data__left, .step5__data__left, .step6__data__left, .step7__data__left {
    font-size: 14px;
    line-height: 1.1;
    box-shadow: none;
    padding: 0px 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 13px;
    padding-bottom: 8px;
  }
  .topHeaders h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0 -3px;
  }
  .step2__data__left .proc span, .step3__data__left .proc span, .step4__data__left .proc span, .step5__data__left .proc span, .step6__data__left .proc span, .step7__data__left .proc span {
    font-size: 40px;
  }
  .step2__data__left .proc, .step3__data__left .proc, .step4__data__left .proc, .step5__data__left .proc, .step6__data__left .proc, .step7__data__left .proc {
    margin-top: 6px;
    font-size: 40px;
  }
  .step2__data__right, .step3__data__right, .step4__data__right, .step5__data__right, .step6__data__right, .step7__data__right {
    margin-top: 16px;
  }
  .step2__data__right__col3 .item, .step3__data__right__col3 .item, .step4__data__right__col3 .item, .step5__data__right__col3 .item, .step6__data__right__col3 .item, .step7__data__right__col3 .item {
    width: 50%;
  }
  .step2__data__right__col3 .item:nth-child(1), .step2__data__right__col3 .item:nth-child(2), .step2__data__right__col3 .item:nth-child(3), .step3__data__right__col3 .item:nth-child(1), .step3__data__right__col3 .item:nth-child(2), .step3__data__right__col3 .item:nth-child(3), .step4__data__right__col3 .item:nth-child(1), .step4__data__right__col3 .item:nth-child(2), .step4__data__right__col3 .item:nth-child(3), .step5__data__right__col3 .item:nth-child(1), .step5__data__right__col3 .item:nth-child(2), .step5__data__right__col3 .item:nth-child(3), .step6__data__right__col3 .item:nth-child(1), .step6__data__right__col3 .item:nth-child(2), .step6__data__right__col3 .item:nth-child(3), .step7__data__right__col3 .item:nth-child(1), .step7__data__right__col3 .item:nth-child(2), .step7__data__right__col3 .item:nth-child(3) {
    border-top: 1px solid #e2e1de;
  }
  .step2__data__right__col3 .item:nth-child(3n+3), .step3__data__right__col3 .item:nth-child(3n+3), .step4__data__right__col3 .item:nth-child(3n+3), .step5__data__right__col3 .item:nth-child(3n+3), .step6__data__right__col3 .item:nth-child(3n+3), .step7__data__right__col3 .item:nth-child(3n+3) {
    border-right: 1px solid #e2e1de;
  }
  .step2__data__right__col3 .item:nth-child(1), .step2__data__right__col3 .item:nth-child(2), .step3__data__right__col3 .item:nth-child(1), .step3__data__right__col3 .item:nth-child(2), .step4__data__right__col3 .item:nth-child(1), .step4__data__right__col3 .item:nth-child(2), .step5__data__right__col3 .item:nth-child(1), .step5__data__right__col3 .item:nth-child(2), .step6__data__right__col3 .item:nth-child(1), .step6__data__right__col3 .item:nth-child(2), .step7__data__right__col3 .item:nth-child(1), .step7__data__right__col3 .item:nth-child(2) {
    border-top: 0;
  }
  .step2__data__right__col3 .item:nth-child(2n+2), .step3__data__right__col3 .item:nth-child(2n+2), .step4__data__right__col3 .item:nth-child(2n+2), .step5__data__right__col3 .item:nth-child(2n+2), .step6__data__right__col3 .item:nth-child(2n+2), .step7__data__right__col3 .item:nth-child(2n+2) {
    border-right: 0;
  }
  .step2 .step__img, .step6 .step__img, .step7 .step__img {
    height: auto;
    width: 100%;
  }
  .radio_mini .elem span {
    font-size: 14px;
    margin-left: 24px;
    padding-top: 3px;
  }
  .radio_mini .elem:before {
    width: 18px;
    height: 18px;
  }
  .radio_mini input:checked + .elem:after {
    left: 1px;
    top: -1px;
    background-size: 22px;
  }
  .step4__data__right__col2 .step__img {
    height: auto;
  }
  .step6 .step__img {
    height: auto;
    width: auto;
  }
  .step6__data__right__col2 .item {
    width: 100%;
    border: 0;
  }
  .step6__desc {
    background-color: #fff;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: -14px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .step6 .radio .elem span {
    font-size: 14px;
    margin-left: 24px;
    line-height: 1.2;
    padding-top: 2px;
  }
  .step6 .radio .elem {
    margin-left: 0;
    margin-right: 0;
    bottom: 19px;
  }
  .step6 .step__img {
    margin-top: 0;
  }
  .step6__data__right .item {
    padding: 0 0 16px;
    text-align: center;
  }
  .step6 .radio {
    display: inline-block;
  }
  .step7__form {
    margin-top: -5px;
  }
  .step7__form__left {
    width: auto;
    padding: 12px 16px 16px 16px;
    margin-left: -15px;
    margin-right: -15px;
    box-shadow: none;
    float: none;
  }
  .step7__form__right {
    margin-left: 0;
  }
  .step7__form__left .proc span {
    font-size: 40px;
  }
  .step7__form__left .text {
    text-align: center;
  }
  .step7__form__left .proc {
    top: 2px;
    font-size: 40px;
    display: block;
  }
  .step7__form__left .plus {
    font-size: 30px;
    margin-bottom: 3px;
  }
  .step7__form__left .podarok .vash_podarok {
    float: none;
  }
  .step7__form__left .podarok__price br {
    display: none;
  }
  .step7__form__left .podarok {
    margin-top: 6px;
    text-align: center;
  }
  .step7__form__left .podarok__title,
  .step7__form__left .podarok__price,
  .step7__form__left .podarok__count {
    font-size: 15px;
  }
  .step7__form__left .podarok__count {
    margin-top: 11px;
  }
  .step7__form__left .podarok__img:after {
    display: none;
  }
  .step7__form__title {
    font-size: 15px;
    line-height: 20px;
    padding-top: 14px;
    margin-bottom: 8px;
  }
  .step7__form__btn {
    padding: 13px 12px 12px;
    margin-top: 14px;
    line-height: 1.1;
    font-size: 15px;
  }
  .step7__form__checkbox {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .message {
    min-width: 280px;
  }
  .fancybox-slide > * {
    width: 280px;
  }

  .topHeaders h4 {
    font-size: 15px;
    line-height: 1.1;
    margin: 9px 0 0;
  }
  .topHeaders + .video {
    margin-top: -13px;
  }
  .headers {
    padding: 40px 0 2px;
  }
  .headers h1 {
    font-size: 17px;
  }
  .headers h2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin: 7px 0 0;
  }
  .reviews__num {
    color: #000;
    font-size: 15px;
    line-height: 15px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 16px;
  }
  .reviews__num:before {
    left: -22px;
    background-size: 8px 8px;

  }
  .reviews__num:after {
    right: -22px;
    background-size: 8px 8px;
  }
  .reviews__imgs {
    width: auto;
    float: none;
    max-width: 348px;
    margin-left: auto;
    margin-right: auto;
  }
  .reviews__imgs img {
    max-width: 49%;
  }
  .reviews__imgs img:first-child {
    max-width: 100%;
  }
  .reviews__imgs img {
    margin-bottom: 6px;
  }
  .reviews__content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    width: auto;
    max-width: 360px;
}
  .reviews__title__text {
    font-size: 16px;
    line-height: 19px;
  }
  .reviews__text {
    margin-top: 16px;
    font-size: 15px;
    line-height: 18px;
  }
  .reviews__item {
    margin: 12px 0 30px;
  }
  .reviews__item__invert .reviews__imgs {
    float: none;
  }
  .reviews__title__info {
    padding-left: 0;
    padding-right: 52px;
  }
  .reviews__title__info .name {
    font-size: 16px;
  }

  .director {
    padding: 45px 0 52px;
  }
  .director__img {
    float: left;
    width: 108px;
    margin: 0 16px 8px 0;
  }
  .director__content {
    margin-left: 0;
    font-size: 15px;
    line-height: 18px;
    padding-top: 0;
  }

  .vkBlock {
    padding: 27px 0 20px;
  }
  .vkBlock__title {
    font-size: 18px;
    line-height: 26px;
  }
  .vkBlock__desc {
    font-size: 18px;
    line-height: 20px;
  }

  .vkBlock__link {
    margin-top: 26px;
  }
  .vkBlock__link:before {
    left: -22px;
    background-size: 8px 8px;

  }
  .vkBlock__link:after {
    right: -22px;
    background-size: 8px 8px;
  }
  .vkBlock__link a {
    width: 78px;
    height: 78px;
    background-size: 50%;
  }
  .wrapper_okPage:after {
    height: 94px;
  }
  .footer-ok {
    padding: 22px 0 10px;
  }
  .footer-ok__row {
    display: block;
  }
  .footer-ok__row .text-right {
    text-align: center;
  }
  .director__signature {
    margin-top: 20px;
    width: 100px;
  }

  .stepindex .step__img {
    margin-top: 0;
  }

  .popapTop__info:before,
  .popapTop__content:before {
    margin-left: -35px;
    margin-right: 0;
  }
  .popapTop {
    padding: 56px 10px 22px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .step2 .radio_mini .elem {
    bottom: 3px;
    left: 8px;
  }
  .step1 .btn-lg,
  .step2 .btn-lg,
  .step3 .btn-lg,
  .step4 .btn-lg,
  .step5 .btn-lg,
  .step6 .btn-lg,
  .wrapper_okPage .btn-lg {
    padding: 20px 15px;
  }
  .step6 .radio {
    display: block;
  }
  .step6 .step__img {
    width: 100%;
  }
  .step6 .radio__text:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #3e3c3d;
    opacity: .78;
  }
  .step6 .radio .elem {
    bottom: 5px;
    width: auto;
    margin-left: 9px;
    margin-right: 9px;
  }
  .step7__form__right .checkbox .elem {
    margin: 0;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* 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 (min-width : 768px) {

}

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

}

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

}