@media screen and (max-width:767px) {
    nav {
        padding: 12px 0;
    }

    .header-right a {
        font-size: 14px;
    }

    .header-right a.bg-btn {
        font-size: 16px;
        padding: 12px 23px 12px 17px;
        margin-top: 10px;
        gap: 6px;
        justify-content: center;
    }

    .header-right a.bg-btn svg {
        width: 17px;
    }

    .header-container img {
        max-width: 160px;
    }

    .header-container a {
        align-self: center;
    }

    .header-container {
        align-items: flex-start;
    }

    .hero-banner-content h1 {
        font-size: 35px;
        max-width: 350px;
    }

    .hero-banner-content a {
        font-size: 18px;
        gap: 6px;
        padding: 14px 20px 13px 15px;
        margin-top: 30px;
    }

    .hero-banner-content svg {
        width: 18px;
    }

    .infinite-slider {
        padding: 16px 0;
        bottom: 30px;
    }

    .slide {
        font-size: 18px;
        gap: 10px;
    }

    .slide svg {
        width: 20px;
    }

    .slider-track {
        gap: 79px;
    }

    .hero-banner--wrapper {
        padding: 166px 0 155px;
    }

    .about-info-wrapper {
        gap: 30px;
        flex-wrap: wrap;
    }

    .sec-heading {
        font-size: 30px;
    }

    .about-info-wrapper p {
        font-size: 16px;
    }

    .about-desc {
        max-width: 100%;
        padding-right: 0;
        padding-top: 0;
    }

    .about-info-box--wrapper,
    .treatment-box--wrapper {
        gap: 30px;
        padding-top: 32px;
        flex-direction: column;
    }

    .about-info-box img {
        max-width: 54px;
    }

    .about-info-box,
    .treatment-box {
        gap: 25px;
    }

    .about-info-box h3,
    .treatment-box h3 {
        font-size: 22px;
    }

    .about--wrapper,
    .treatment--wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .treatment-box img {
        max-width: 44px;
    }

    .treatment-btn {
        font-size: 16px;
        gap: 6px;
        padding: 15px 28px 15px 23px;
        margin-top: 50px;
    }

    p.bottom-desc {
        font-size: 16px;
        margin-top: 20px;
    }

    .treatment-btn svg {
        width: 19px;
    }

    .how-works--wrapper {
        padding: 80px 20px;
    }

    .how-works--wrapper img {
        margin: 0 auto 19px;
        max-width: 60px;
    }

    .work-box--wrapper {
        margin: 50px auto 0;
        gap: 40px;
        padding: 0;
        flex-direction: column;
    }

    .work-box span {
        font-size: 65px;
        top: 5px;
    }

    .work-box {
        padding-left: 57px;
    }

    .work-box h3 {
        font-size: 24px;
        margin-bottom: 13px;
    }

    .work-box p {
        font-size: 16px;
        max-width: 100%;
    }

    .pricing-heading p {
        font-size: 16px;
        margin: 24px auto 0;
    }

    .pricing-heading p br {
        display: none;
    }

    .pricing--wrapper .sec-heading {
        padding-bottom: 28px;
    }

    .pricing--wrapper .sec-heading:after {
        width: 182px;
    }

    .pricing-box--wrapper {
        gap: 26px;
        margin-top: 42px;
    }

    .card {
        padding: 30px 20px;
        width: 100%;
        margin-top: 0;
    }

    .pricing-box--wrapper .card:first-child {
        padding-top: 30px;
    }

    .card-header h3 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .currency {
        font-size: 40px;
        margin-top: 20px;
    }

    .subtitle {
        font-size: 16px;
        margin-top: 12px;
    }

    .features li {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 33px;
    }

    .features li img {
        top: 4px;
        width: 18px;
    }

    .features {
        margin-bottom: 27px;
    }

    .btn {
        padding: 12px;
        font-size: 16px;
    }

    .badge-top {
        padding: 9px;
        font-size: 15px;
    }

    .promo-tag {
        font-size: 12px;
        padding: 5px 10px;
        margin-bottom: 20px;
    }

    .card-popular {
        padding-top: 67px;
    }

    .choose-img {
        display: none;
    }

    .choose--wrapper {
        padding: 80px 0;
    }

    .choose--wrapper ul li {
        font-size: 22px;
        line-height: 1.6;
        padding-left: 40px;
    }

    .choose--wrapper ul li:not(:last-child) {
        margin-bottom: 14px;
    }

    .choose--wrapper ul li img {
        top: 8px;
        width: 25px;
    }

    .choose-bottom-content {
        max-width: 100%;
        margin-top: 40px;
    }

    .choose--wrapper ul {
        margin: 25px 0 0;
    }

    footer {
        padding: 80px 0;
        position: relative;
    }

    .footer--wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer--wrapper>div {
        width: 100%;
    }

    .footer-logo img {
        margin: 0 auto;
        max-width: 240px;
    }

    .footer-info p,
    .footer-info a,
    .footer-logo p {
        max-width: 100%;
        font-size: 12px;
    }

    .footer-logo p {
        margin-top: 12px;
    }

    .footer-info-inner {
        text-align: center;
    }

    .footer-info ul {
        margin-top: 30px;
        justify-content: center;
        flex-wrap: wrap;
    }

    a.back-to-top {
        bottom: 20px;
        right: 20px;
        position: absolute;
        max-width: 30px;
    }

    .footer-info ul a {
        padding-right: 10px;
        font-size: 10px;
    }

    .footer-info ul li:not(:last-child) a:after {
        right: 4px;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .header-container img {
        max-width: 360px;
    }

    .hero-banner-content h1 {
        font-size: 48px;
    }

    .hero-banner-content a {
        font-size: 20px;
        padding: 15px 22px 15px 16px;
        margin-top: 30px;
    }

    .hero-banner-content svg {
        width: 20px;
    }

    .hero-banner--wrapper {
        padding: 226px 0 205px;
    }

    .infinite-slider {
        padding: 22px 0;
        bottom: 38px;
    }

    .slide {
        font-size: 20px;
    }

    .slider-track {
        gap: 100px;
    }

    .about--wrapper {
        padding-top: 102px;
        padding-bottom: 110px;
    }

    .about-info-wrapper {
        gap: 16px;
        flex-wrap: wrap;
    }

    .sec-heading {
        font-size: 50px;
    }

    .about-desc,
    .treatment--wrapper .about-desc {
        max-width: 100%;
        padding-right: 0;
    }

    .about-info-box--wrapper {
        padding-top: 50px;
    }

    .about-info-box img {
        max-width: 72px;
    }

    .about-info-box h3 {
        font-size: 24px;
    }

    .about-info-box,
    .treatment-box {
        gap: 20px;
    }

    .treatment-box--wrapper {
        padding-top: 51px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .treatment-box img {
        max-width: 56px;
    }

    .treatment-box h3 {
        font-size: 24px;
    }

    .treatment-btn {
        font-size: 20px;
        padding: 17px 28px 17px 24px;
        margin-top: 50px;
    }

    p.bottom-desc {
        font-size: 16px;
        margin-top: 27px;
    }

    .how-works--wrapper {
        padding: 109px 0 136px;
    }

    .work-box span {
        font-size: 80px;
    }

    .work-box {
        padding-left: 60px;
    }

    .work-box h3 {
        font-size: 27px;
        margin-bottom: 14px;
    }

    .work-box p {
        font-size: 18px;
    }

    .pricing-heading p {
        font-size: 18px;
        margin: 30px auto 0;
    }

    .pricing-box--wrapper {
        margin-top: 50px;
    }

    .badge-top {
        padding: 10px;
        font-size: 16px;
    }

    .card {
        padding: 30px 20px;
        margin-top: 40px;
    }

    .card.card-popular {
        margin: 0;
        padding-top: 70px;
    }

    .card-header h3 {
        font-size: 22px;
        padding-bottom: 18px;
    }

    .promo-tag {
        font-size: 12px;
        margin-bottom: 19px;
    }

    .currency {
        font-size: 40px;
        margin-top: 20px;
    }

    .subtitle {
        font-size: 18px;
        margin-top: 10px;
    }

    .features li {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 30px;
    }

    .features li img {
        top: 6px;
        width: 16px;
    }

    .btn {
        font-size: 15px;
    }

    .pricing-box--wrapper .card:first-child {
        padding-top: 70px;
    }

    .features {
        margin-bottom: 30px;
    }

    .choose-img {
        max-width: 48%;
    }

    .choose--wrapper ul li {
        font-size: 25px;
        padding-left: 45px;
    }

    .choose--wrapper ul li img {
        top: 14px;
        width: 29px;
    }

    .choose-bottom-content {
        max-width: 413px;
    }

    .choose--wrapper {
        padding: 121px 0 121px;
    }

    .footer--wrapper {
        gap: 40px;
    }

    .footer-logo {
        width: calc(29.5% - 20px);
    }

    .footer-info {
        width: calc(70.5% - 20px);
    }

    .footer-info p,
    .footer-info a,
    .footer-logo p {
        max-width: 540px;
    }

    footer {
        padding: 77px 0 124px;
    }
}

@media (min-width:1200px) and (max-width:1359px) {

    .header-container,
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header-container img {
        max-width: 370px;
    }

    .hero-banner-content h1 {
        font-size: 55px;
    }

    .hero-banner-content a {
        font-size: 20px;
        padding: 16px 24px 19px 18px;
        margin-top: 35px;
    }

    .infinite-slider {
        padding: 24px 0;
        bottom: 47px;
    }

    .about--wrapper {
        padding-top: 102px;
        padding-bottom: 120px;
    }

    .about-info-wrapper p {
        font-size: 18px;
    }

    .about-desc {
        max-width: 570px;
    }

    .sec-heading {
        font-size: 52px;
    }

    .about-info-box--wrapper {
        padding-top: 80px;
    }

    .about-info-box h3,
    .treatment-box h3 {
        font-size: 26px;
    }

    .treatment--wrapper {
        padding-top: 85px;
        padding-bottom: 101px;
    }

    .treatment--wrapper .about-desc {
        max-width: 571px;
    }

    .treatment-box img {
        max-width: 60px;
    }

    .treatment-box--wrapper {
        padding-top: 65px;
    }

    .treatment-btn {
        font-size: 20px;
        padding: 17px 30px 17px 24px;
        margin-top: 55px;
    }

    .how-works--wrapper {
        padding: 89px 0 136px;
    }

    .work-box--wrapper {
        padding: 0 40px;
    }

    .work-box span {
        font-size: 85px;
    }

    .work-box {
        padding-left: 67px;
    }

    .work-box h3 {
        font-size: 24px;
    }

    .work-box p {
        font-size: 17px;
    }

    .pricing--wrapper {
        padding-top: 81px;
    }

    .pricing-heading p {
        font-size: 18px;
        margin: 31px auto 0;
    }

    .pricing-box--wrapper {
        margin-top: 60px;
    }

    .card-header h3 {
        font-size: 24px;
    }

    .currency {
        font-size: 46px;
        margin-top: 25px;
    }

    .subtitle {
        font-size: 19px;
        margin-top: 19px;
    }

    .features li {
        font-size: 16px;
    }

    .btn {
        font-size: 16px;
    }

    .features {
        margin-bottom: 30px;
    }

    .choose-img {
        max-width: 570px;
    }

    .choose--wrapper {
        padding: 111px 0 141px;
    }

    .choose--wrapper ul li {
        font-size: 27px;
    }

    .choose--wrapper ul li img {
        top: 14px;
    }

    .footer--wrapper {
        gap: 60px;
    }

    .footer-info p,
    .footer-info a,
    .footer-logo p {
        max-width: 650px;
    }

    footer {
        padding: 87px 0 134px;
    }

    .footer-logo {
        width: calc(29.5% - 30px);
    }

    .footer-info {
        width: calc(70.5% - 30px);
    }
}

@media (min-width:1360px) and (max-width:1439px) {

    .header-container,
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header-container img {
        max-width: 400px;
    }

    .container {
        max-width: 1270px;
    }

    .hero-banner-content h1 {
        font-size: 59px;
    }

    .hero-banner-content a {
        font-size: 22px;
        padding: 17px 23px 17px 17px;
        margin-top: 40px;
    }

    .infinite-slider {
        padding: 27px 0;
        bottom: 42px;
    }

    .about--wrapper {
        padding-top: 112px;
        padding-bottom: 130px;
    }

    .about-info-wrapper p {
        font-size: 19px;
    }

    .about-desc {
        max-width: 600px;
    }

    .sec-heading {
        font-size: 56px;
    }

    .about-info-box h3 {
        font-size: 28px;
    }

    .about-info-box--wrapper {
        padding-top: 81px;
    }

    .treatment--wrapper {
        padding-top: 95px;
        padding-bottom: 110px;
    }

    .treatment--wrapper .about-desc {
        max-width: 621px;
    }

    .treatment-box h3 {
        font-size: 28px;
    }

    .treatment-box img {
        max-width: 60px;
    }

    .treatment-box {
        gap: 30px;
    }

    .treatment-btn {
        font-size: 21px;
        padding: 19px 34px 19px 28px;
    }

    p.bottom-desc {
        margin-top: 35px;
    }

    .how-works--wrapper {
        padding: 109px 0 176px;
    }

    .work-box--wrapper {
        max-width: 1300px;
        margin: 60px auto 0;
    }

    .work-box span {
        font-size: 100px;
    }

    .work-box {
        padding-left: 85px;
    }

    .work-box h3 {
        font-size: 26px;
    }

    .work-box p {
        font-size: 18px;
    }

    .pricing-heading p {
        font-size: 19px;
        margin: 31px auto 0;
    }

    .pricing-box--wrapper {
        margin-top: 62px;
    }

    .pricing-container {
        max-width: 1310px;
    }

    .card-header h3 {
        font-size: 24px;
    }

    .currency {
        font-size: 50px;
        margin-top: 30px;
    }

    .subtitle {
        font-size: 19px;
    }

    .choose--wrapper {
        padding: 121px 0 141px;
    }

    .choose-img {
        max-width: 45%;
    }

    .choose--wrapper ul li {
        font-size: 29px;
    }

    .choose--wrapper ul li img {
        top: 17px;
    }

    footer {
        padding: 87px 0 144px;
    }

    .promo-tag {
        font-size: 13px;
    }
}

@media (min-width:1440px) and (max-width:1599px) {

    .header-container,
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .header-container img {
        max-width: 400px;
    }

    .container {
        max-width: 1310px;
    }

    .hero-banner-content h1 {
        font-size: 59px;
    }

    .hero-banner-content a {
        font-size: 22px;
        padding: 17px 23px 17px 17px;
        margin-top: 40px;
    }

    .infinite-slider {
        padding: 27px 0;
        bottom: 42px;
    }

    .sec-heading {
        font-size: 58px;
    }

    .about-info-box h3,
    .treatment-box h3 {
        font-size: 28px;
    }

    .about--wrapper {
        padding-top: 122px;
        padding-bottom: 130px;
    }

    .treatment-box img {
        max-width: 66px;
    }

    .treatment-box {
        gap: 30px;
    }

    .how-works--wrapper {
        padding: 109px 0 166px;
    }

    .work-box--wrapper,
    .pricing-container {
        max-width: 1370px;
    }

    .work-box span {
        font-size: 115px;
    }

    .work-box {
        padding-left: 87px;
    }

    .work-box h3 {
        font-size: 28px;
    }

    .work-box p {
        font-size: 19px;
    }

    .pricing-box--wrapper {
        margin-top: 62px;
    }

    .currency {
        font-size: 50px;
    }

    .choose-img {
        max-width: 48%;
    }

    .choose--wrapper ul li {
        font-size: 30px;
    }

    .choose--wrapper {
        padding: 121px 0 151px;
    }

    footer {
        padding: 97px 0 164px;
    }
}

@media (min-width:1600px) and (max-width:1919px) {
    .pricing-container {
        max-width: 1500px;
    }

    .choose--wrapper ul li {
        font-size: 30px;
    }
}

@media screen and (min-width:768px) {
    .mobile_show {
        display: none;
    }
}

@media screen and (max-width:767px) {
    #new-contact-form button[type="submit"] {
        font-size: 16px;
    }

    .desktop_show {
        display: none;
    }

    .privacy-policy--wrapper,
    .contact--wrapper {
        padding: 150px 0 80px;
    }

    .privacy-policy--wrapper p,
    .contact--wrapper p {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .work-box--wrapper {
        flex-wrap: wrap;
    }

    .header-container img {
        max-width: 340px;
    }

    .header-right a {
        font-size: 16px;
    }

    .header-right a.bg-btn {
        font-size: 19px;
        padding: 15px 29px 15px 23px;
    }

    .header-right a.bg-btn svg {
        width: 19px;
    }

    .hero-banner-content h1 {
        font-size: 45px;
        max-width: 665px;
    }

    .hero-banner-content a {
        font-size: 20px;
        padding: 16px 21px 16px 15px;
        margin-top: 35px;
    }

    .slide {
        font-size: 20px;
    }

    .hero-banner-content svg {
        width: 20px;
    }

    .infinite-slider {
        padding: 20px 0;
        bottom: 37px;
    }

    .hero-banner--wrapper {
        padding: 216px 0 175px;
    }

    .about--wrapper {
        padding-top: 92px;
        padding-bottom: 110px;
    }

    .about-info-wrapper {
        gap: 28px;
        flex-wrap: wrap;
    }

    .sec-heading {
        font-size: 44px;
    }

    .about-desc,
    .treatment--wrapper .about-desc {
        max-width: 100%;
        padding-right: 0;
        padding-top: 0;
    }

    .about-info-box--wrapper {
        gap: 30px;
        flex-wrap: wrap;
        padding-top: 35px;
    }

    .about-info-box h3 {
        font-size: 22px;
    }

    .about-info-box {
        gap: 20px;
    }

    .about-info-box img {
        max-width: 54px;
    }

    .treatment--wrapper {
        padding-top: 95px;
        padding-bottom: 110px;
    }

    .treatment-box--wrapper {
        padding-top: 40px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .treatment-box {
        gap: 15px;
    }

    .treatment-box h3 {
        font-size: 20px;
    }

    .treatment-box img {
        max-width: 38px;
    }

    .treatment-btn {
        font-size: 18px;
        padding: 16px 29px 16px 23px;
        margin-top: 45px;
    }

    p.bottom-desc {
        font-size: 16px;
        margin-top: 20px;
    }

    .treatment-btn svg {
        width: 20px;
    }

    .how-works--wrapper {
        padding: 79px 0 106px;
    }

    .work-box p {
        max-width: 100%;
    }

    .work-box h3 {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .work-box span {
        font-size: 100px;
    }

    .work-box {
        padding-left: 88px;
    }

    .work-box--wrapper .work-box:not(:last-child) {
        margin-bottom: 40px;
    }

    .pricing-heading p {
        font-size: 18px;
        margin: 30px auto 0;
    }

    .about-info-wrapper p {
        font-size: 18px;
    }

    .choose--wrapper ul li {
        font-size: 24px;
        line-height: 2;
        padding-left: 44px;
    }

    .choose-img {
        max-width: 37%;
    }

    .choose-bottom-content {
        max-width: 395px;
    }

    .choose--wrapper ul li img {
        width: 32px;
    }

    .choose--wrapper {
        padding: 111px 0 91px;
    }

    footer {
        padding: 76px 0 114px;
        position: relative;
    }

    .footer--wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer--wrapper>div {
        width: 100%;
    }

    .footer-logo img {
        margin: 0 auto;
    }

    .footer-info p,
    .footer-info a,
    .footer-logo p {
        max-width: 100%;
    }

    .footer-logo p {
        margin-top: 16px;
    }

    .footer-info-inner {
        text-align: center;
    }

    .footer-info ul {
        margin-top: 30px;
        justify-content: center;
    }

    a.back-to-top {
        bottom: 20px;
        right: 20px;
        position: absolute;
    }

    .pricing-box--wrapper {
        gap: 10px;
        margin-top: 42px;
    }

    .badge-top {
        padding: 8px;
        font-size: 14px;
    }

    .card {
        padding: 25px 15px;
        margin-top: 31px;
    }

    .card-popular {
        padding-top: 59px;
        margin-top: 0;
    }

    .promo-tag {
        font-size: 10px;
        padding: 5px 10px;
        margin-bottom: 15px;
    }

    .card-header h3 {
        font-size: 17px;
        padding-bottom: 18px;
    }

    .currency {
        font-size: 38px;
        margin-top: 15px;
    }

    .subtitle {
        font-size: 16px;
        margin-top: 8px;
    }

    .pricing-box--wrapper .card:first-child {
        padding-top: 65px;
    }

    .features li {
        font-size: 14px;
        margin-bottom: 15px;
        padding-left: 23px;
        line-height: 1.4;
    }

    .features li img {
        top: 2px;
        width: 14px;
    }

    .features {
        padding-top: 30px;
        margin-bottom: 25px;
    }

    .btn {
        padding: 9px;
        font-size: 11px;
    }
}

@media screen and (max-width:1000px) {}