@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>
<style>
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

a {
    background-color: transparent;
}

b {
    font-weight: bolder;
}

img {
    border-style: none;
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
}

button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

html {
    box-sizing: border-box;
    font-size: 16px;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

a {
    text-decoration: none;
    color: inherit;
}

body,
h1,
h2,
p,
li {
    margin: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

input,
button {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
}

img {
    display: block;
    max-width: 100%;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

body {
    min-width: 320px;
    width: 100%;
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #ffffff;
    background: #f5f2e9;
    color: #000000;
}

.wrapper {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 767px) {
    .wrapper {
        padding: 0 10px;
    }
}

.header__inner {
    display: table;
    width: 100%;
    font-size: 0;
}

.header__logo,
.header__search-wrapper {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
}

@media (max-width: 767px) {

    .header__logo,
    .header__search-wrapper {
        height: auto;
    }
}

.header__logo {
    width: calc(100% - 380px);
}

.header__search-wrapper {
    width: 380px;
}

@media (max-width: 767px) {
    .header__search-wrapper {
        width: 40px;
    }
}

.header__form {
    width: 100%;
    position: relative;
}

.header__input {
    width: 100%;
    background: #efefef;
    border-radius: 50px;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #9f9f9f;
    padding: 12px 15px;
    border: none;
    outline: none;
}

.header__btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: url("../img/icon-search.png") no-repeat center, #b118e5;
    border: none;
    cursor: pointer;
}

.header__nav {
    background: #272727;
}

.header__nav-list {
    display: inline-block;
}

@media (max-width: 767px) {
    .header__nav-list {
        display: none;
    }
}

.header__item {
    margin-right: 30px;
}

.header__nav-item {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 20px;
    line-height: 41px;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s;
}

.header__nav-item:hover {
    text-decoration: underline;
}

.header__user-btn {
    float: right;
    position: relative;
}

.header__user-btn::after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/icon-login.png") no-repeat center;
    display: inline-block;
    vertical-align: middle;
}

.header__menu {
    display: none;
}

.header__menu a {
    display: inline-block;
    padding: 13px 0;
}

@media (max-width: 767px) {
    .header__menu {
        display: inline-block;
    }
}

.promo__info {
    padding: 20px 0;
    display: table;
    width: 100%;
    border-bottom: 1px solid #9c9c9c;
}

@media (max-width: 767px) {
    .promo__info {
        padding: 15px 0;
    }
}

.promo__author-img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    float: left;
}

@media (max-width: 767px) {
    .promo__author-img {
        width: 40px;
        height: 40px;
    }
}

.promo__author-info {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #5c0da0;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.promo__author-info span {
    display: block;
    font-weight: 300;
}

@media (max-width: 767px) {
    .promo__author-info {
        font-size: 18px;
        line-height: 21px;
        height: 30px;
    }
}

.promo__author,
.promo__social-list {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.promo__social-item {
    float: right;
    height: 40px;
    width: 40px;
    margin-left: 15px;
}

.promo__social-item a {
    display: block;
}

.promo__social-item a svg {
    fill: #dddddd;
    transition: all 0.3s;
    height: 40px;
    width: 40px;
}

.promo__social-item:hover svg {
    fill: #b118e5;
}

@media (max-width: 767px) {
    .promo__social-item {
        width: 30px;
        height: 30px;
        margin-left: 15px;
    }

    .promo__social-item svg {
        width: 30px;
        height: 30px;
    }
}

.promo__title {
    font-weight: bold;
    font-size: 48px;
    line-height: 58px;
    color: #000000;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .promo__title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 5px;
    }
}

.promo__stats-list {
    padding: 15px 0;
    border-bottom: 1px solid #9c9c9c;
}

@media (max-width: 767px) {
    .promo__stats-list {
        padding: 5px 0;
    }
}

.promo__stats-item {
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    display: inline-block;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .promo__stats-item {
        font-size: 14px;
        line-height: 16px;
    }
}

.promo__stats-item::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.promo__stats-item--hurt::before {
    background: url("../img/icon-hurt.png") no-repeat center;
}

.promo__stats-item--comments::before {
    background: url("../img/icon-comment.png") no-repeat center;
}

.article {
    padding-top: 20px;
    padding-bottom: 90px;
}

@media (max-width: 767px) {
    .article {
        padding-bottom: 20px;
    }
}

.artcile__text {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .artcile__text {
        font-size: 18px;
        line-height: 25px;
    }
}

.artcile__text-big {
    background: url("../img/icon-quotes.png") no-repeat left 30px top 10px, #f5f5f5;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    border-left: 3px solid #ea4747;
    padding: 50px 30px 10px;
    position: relative;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .artcile__text-big {
        font-size: 22px;
        line-height: 30px;
        padding: 30px 10px 10px;
        background: url("../img/icon-quotes.png") no-repeat left 10px top, #f5f5f5;
    }
}

.article__img {
    margin-bottom: 20px;
}

.artcile__prod-img {
    margin: 0 auto;
}

.article__btn {
    display: block;
    max-width: 450px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
    font-weight: bold;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    background: #ea4747;
    border-radius: 50px;
    margin: 0 auto;
    padding: 22px 0;
    transition: all 0.3s;
}

.article__btn:hover {
    color: #000000;
    background: yellow;
}

@media (max-width: 767px) {
    .article__btn {
        font-size: 18px;
        line-height: 26px;
        padding: 7px;
        max-width: 250px;
    }
}

.comments__header {
    background: #272727;
}

.comments__title {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    padding: 3px 0;
}

.comments__list {
    padding-top: 35px;
    margin-bottom: 35px;
}

.comments__item {
    padding: 20px 0 20px 100px;
    border-bottom: 1px solid #9c9c9c;
    position: relative;
}

.comments__item--reply {
    margin-top: 20px;
    border-bottom: none;
    border-left: 1px solid #9c9c9c;
    padding: 0 0 0 130px;
}

.comments__item--reply .commtens__ava {
    left: 20px;
    top: 0;
}

@media (max-width: 767px) {
    .comments__item {
        padding: 10px 0 20px 50px;
    }

    .comments__item--reply {
        padding: 0 0 0 50px;
    }

    .comments__item--reply .commtens__ava {
        left: 5px;
        top: 0;
    }
}

.commtens__ava {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 20px;
    left: 0;
}

@media (max-width: 767px) {
    .commtens__ava {
        width: 40px;
        height: 40px;
        left: 0;
        top: 10px;
    }
}

.comments__name {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #5c0da0;
}

@media (max-width: 767px) {
    .comments__name {
        font-size: 18px;
        line-height: 25px;
    }
}

.comments__text {
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
}

@media (max-width: 767px) {
    .comments__text {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px;
    }
}

.comments__date {
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

@media (max-width: 767px) {
    .comments__date {
        font-size: 14px;
        line-height: 16px;
    }
}

.comments__img {
    width: 480px;
    margin-top: 10px;
}

.link {
    color: red;
    font-weight: bolder;
}

.link:hover {
    text-decoration: underline;
}
.ac_footer {
    position: relative;
    top: 10px;
    height: 0;
    text-align: center;
    margin-bottom: 70px;
    color: #A12000;
}

.ac_footer a {
    color: #A12000;
}

.ac_footer p {
    text-align: center;
}
footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}
/*----comeback---*/
.comeback_layout {
    display: none;
    position: fixed;
    color: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20000000;
    background: rgba(0, 0, 0, .75);
    overflow-y: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.comeback_layout::-webkit-scrollbar {
    width: 0
}

.comeback_wrapper {
    width: 100%;
    max-width: 550px;
    margin: 0 auto
}

.comeback_container {
    background: #fff;
    padding: 25px;
    margin-top: 2%;
    text-align: center
}

.comeback_container h1 {
    font-size: 23px
}

.comeback_container .form-group {
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    text-align: left
}

.comeback_container .btn {
    display: block;
    width: 240px;
    color: #fff;
    background: #f82a5e;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 auto;
    text-decoration: none
}

.comeback_img {
    width: 80%;
    margin: 10px auto;
    max-width: 200px
}

.form-horizontal span {
    display: block;
    margin: 20px 0
}

.comeback_close {
    float: right;
    cursor: pointer
}

#comeback p {
    font-size: 16px
}

@media (max-width:700px) {
    .comeback_container h1 {
        line-height: 18px;
        font-size: 16px
    }

    .comeback_img {
        margin: 5px auto
    }

    .comeback_container p {
        line-height: 14px;
        font-size: 15px
    }

    .comeback_container {
        padding: 5px
    }
}
.main-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.old-price {
    font-size: 20px;
    color: gray;
    text-decoration: line-through;
}

.new-price {
    font-size: 26px;
    color: red;
    font-weight: bold;
    margin-bottom: 20px;
}

.main-form input {
    padding: 10px !important;
    display: block !important;
    margin: 0 auto 20px !important;
    padding: 10px !important;
    width: 50%;
    border: 2px solid grey !important;
    border-radius: 5px !important;
}

.main-form button {
    padding: 20px 50px;
    box-sizing: border-box;
    outline: none;
    border: none;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .main-form input {
        width: 80%;
    }


}