

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
    .first_line .object-bottom {
        left:  calc(-264px + (0 - -264) * ((100vw - 1400px) / (1920 - 1400)));
    }


}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .first_line .content{
        justify-content: space-between;
    }
    .first_line .content .left img {
        max-width: 593px;
    }
    .first_line .content .left .ellipse-1{
        top: 78px;
        left: 44px;
        max-width: 461px;
    }
    .first_line .content .left .ellipse-2 {
        top: 19px;
        left: -15px;
        max-width: 461px;
    }
    .first_line .content .right h1 {
        font-size: 116px;
        margin-bottom: 63px;
    }
    .first_line .content .right h1:after {
        content: '';
        position: absolute;
        right: -21px;
        bottom: -104px;
        width: 63px;
        height: 115px;
    }
    .first_line .content .right a {
        font-size: 21px;
    }
    .first_line .content .right h2 {
        font-size: 20px;
    }
    .first_line .content .right p{
        margin-left: -35px;
        font-size: 25px;
    }
    .first_line .object-bottom {
        left: calc(-240px + (-160 - -240) * ((100vw - 1200px) / (1399 - 1200)));
        max-width:calc(1660px + (1690 - 1660) * ((100vw - 1200px) / (1399 - 1200)));


    }


}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .capture_point_main {
        padding-top: 250px;
        padding-bottom: 90px;
    }
    .capture_point_main .badges{
        text-align: center;
    }
    .capture_point_main .section_title{
        margin-bottom: 44px;
    }
    .capture_point_main .section_title p{
        font-size: calc(28px + (28 - 28) * ((100vw - 768px) / (991 - 768))); !important;
        text-align: center;
    }
    .capture_point_main .object-title{
        display: none;
    }
    .capture_point_main .object-ring {
        top: calc(82px + (82 - 82) * ((100vw - 768px) / (991 - 768)));
        left: calc(323px + (323 - 323) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(110px + (433 - 110) * ((100vw - 768px) / (991 - 768)));
    }
    .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 768px) / (991 - 768)));
        left: calc(-30px + (-30 - -30) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(1082px + (1372 - 1082) * ((100vw - 768px) / (991 - 768)));
        z-index: 0;
    }
    .object-mini-ellipse{
        display: none;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {



    .first_line {
        padding-top: calc(50px + (50 - 50) * ((100vw - 768px) / (991 - 768)));
    }
    .first_line .content {
        flex-flow: column;
    }
    .first_line .content .left{
        order: 2;
        width: 100%;
    }
    .first_line .content .right{
        order: 1;
        margin-bottom: calc(45px + (45 - 45) * ((100vw - 768px) / (991 - 768)));
        text-align: center;
        width: 100%;
    }
    .first_line .content .right h2{
        font-size: calc(21px + (21 - 21) * ((100vw - 768px) / (991 - 768)));
        font-weight: 200;
        margin-left: 0;
        margin-bottom: calc(42px + (42 - 42) * ((100vw - 768px) / (991 - 768)));
    }
    .first_line .content .right h1{
        font-size: calc(112px + (112 - 112) * ((100vw - 768px) / (991 - 768)));
        margin-bottom: calc(42px + (42 - 42) * ((100vw - 768px) / (991 - 768)));
    }
    .first_line .content .right h1:after {
        right: calc(27px + (13 - 27) * ((100vw - 768px) / (991 - 768)));
        bottom: calc(-70px + (-70 - -70) * ((100vw - 768px) / (991 - 768)));
        width: calc(63px + (63 - 63) * ((100vw - 768px) / (991 - 768)));
        height: calc(80px + (80 - 80) * ((100vw - 768px) / (991 - 768)));
        transform: rotate(-17deg);
    }
    .first_line .content .right p{
        font-size: calc(35px + (35 - 35) * ((100vw - 768px) / (991 - 768)));
        font-weight: 200;
        margin-left: 0;
        margin-bottom: 0;
    }

    .feature_item p{
        font-size: 24px;
        font-weight: 300;
    }



    .capture_point_main {
        padding-top: 220px;
        padding-bottom: 90px;
        margin-top: -60px;
    }
    .capture_point_main .badges{
        text-align: center;
    }
    .capture_point_main .section_title{
        margin-bottom: 44px;
    }
    .capture_point_main .section_title p{
        font-size: var(--text-small);
        text-align: center;
    }
    .capture_point_main .section_title p br{
        display: none;
    }
    .capture_point_main .presentation .c-t-a h6{
        text-align: center;
        font-size: var(--text-small);

    }
    .capture_point_main .presentation .content h6{
        font-size: var(--text-small);
        font-weight:400;
    }
    .capture_point_main .presentation .content p {
        font-size:var(--text-small);
        font-weight: 200;
    }
    .capture_point_main .presentation .content{
        flex-direction: column;
    }
    .capture_point_main .object-title{
        display: none;
    }
    .capture_point_main .object-ring {
        top: calc(100px + (85 - 100) * ((100vw - 320px) / (575 - 320)));
        left:  calc(123px + (243 - 123) * ((100vw - 320px) / (575 - 320)));
        max-width:  calc(72px + (102 - 72) * ((100vw - 320px) / (575 - 320)));
    }
    .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 320px) / (575 - 320)));
        left: calc(-30px + (-30 - -30) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(462px + (842 - 462) * ((100vw - 320px) / (575 - 320)));
        z-index: 0;
    }
    .object-mini-ellipse{
        display: none;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .first_line {
        padding-top: calc(40px + (40 - 40) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content {
        display: grid;
        grid-template-columns: 1fr !important;
        align-items: center;
    }
    .first_line .content .offer .badges{
        justify-content: center;
        align-items: center;
        display: flex;
        column-gap: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .first_line .content .offer .title{
        margin-bottom: 20px;
        text-align: center;
    }
    .first_line .content .offer .title h1{
        font-size: calc(31px + (47 - 31) * ((100vw - 320px) / (575 - 320)));
        margin-bottom: 12px;
    }
    .first_line .content .offer .title p{
        font-size: calc(24px + (24 - 24) * ((100vw - 320px) / (575 - 320)));
        font-weight: 200;
        margin-left: 0;
        margin-bottom: 0;
    }
    .first_line .content .offer .cta{
        margin-bottom: calc(16px + (24 - 16) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .offer .cta .info{
        left: calc(20px + (100 - 20) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .offer .cta a{
        width: 100%;
        margin-bottom: 25px;
    }
    .first_line .content .offer .cta .info img {
        top: -15px;
        margin-right:15px;
        max-width: 33px;
    }
    .first_line .content .offer .cta .info p{
        font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(190px + (300 - 190) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .offer .cta .info p br{
        display: none;
    }
    .first_line .content .photo .badge_name{
        right: 4vw;
        bottom: 15vw;
    }
    .first_line .content .photo .badge_name p{
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .photo img:nth-child(2){
        max-width: 700px;
        width: 100%;
    }
    .first_line .content .photo .ellipse-blur {
        position: absolute!important;
        top:  calc(-51px + (-81 - -51) * ((100vw - 320px) / (575 - 320)));
        left: calc(-61px + (-111 - -61) * ((100vw - 320px) / (575 - 320)));
        max-width:  calc(390px + (730 - 390) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .photo .ellipse-1{
        width: calc(210px + (420 - 210) * ((100vw - 320px) / (575 - 320)));
        top:  calc(19px + (59 - 19) * ((100vw - 320px) / (575 - 320)));
        left: calc(27px + (37 - 27) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .photo .ellipse-2 {
        width: calc(210px + (420 - 210) * ((100vw - 320px) / (575 - 320)));
        top: calc(67px + (67 - 67) * ((100vw - 320px) / (575 - 320)));
        left: calc(54px + (64 - 54) * ((100vw - 320px) / (575 - 320)));
    }

    .features_main{
        padding-top: 60px;
    }
    .feature_item p{
        font-size: 22px;
        font-weight: 300;
    }


    .capture_point_main {
        padding-top: 250px;
        padding-bottom: 90px;
    }
    .capture_point_main .badges{
        text-align: center;
    }
    .capture_point_main .section_title{
        margin-bottom: 44px;
    }
    .capture_point_main .section_title p{
        font-size: calc(28px + (28 - 28) * ((100vw - 768px) / (991 - 768))); !important;
        text-align: center;
    }
    .capture_point_main .object-title{
        display: none;
    }
    .capture_point_main .object-ring {
        top: calc(82px + (82 - 82) * ((100vw - 768px) / (991 - 768)));
        left: calc(323px + (323 - 323) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(110px + (433 - 110) * ((100vw - 768px) / (991 - 768)));
    }
    .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 768px) / (991 - 768)));
        left: calc(-30px + (-30 - -30) * ((100vw - 768px) / (991 - 768)));
        max-width: calc(1082px + (1372 - 1082) * ((100vw - 768px) / (991 - 768)));
        z-index: 0;
    }
    .object-mini-ellipse{
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .first_line {
        padding-top: calc(40px + (40 - 40) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content {
        display: grid;
        grid-template-columns: 1fr !important;
        align-items: center;
    }
    .first_line .content .offer .badges {
        justify-content: center;
        align-items: center;
        display: flex;
        column-gap: 20px;
        row-gap: 10px;
        flex-wrap: wrap;
    }
    .first_line .content .offer .title {
        margin-bottom: 20px;
        text-align: center;
    }
    .first_line .content .offer .title h1 {
        font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (575 - 320)));
        margin-bottom: 12px;
    }
    .first_line .content .offer .title p {
        font-size: calc(24px + (24 - 24) * ((100vw - 320px) / (575 - 320)));
        font-weight: 200;
        margin-left: 0;
        margin-bottom: 0;
    }
    .first_line .content .offer .cta {
        margin-bottom: calc(16px + (24 - 16) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .offer .cta .info {
        left: calc(20px + (100 - 20) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .offer .cta a {
        width: 100%;
        margin-bottom: 25px;
    }
    .first_line .content .offer .cta .info img {
        top: -15px;
        margin-right: 15px;
        max-width: 33px;
    }
    .first_line .content .offer .cta .info p {
        font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(190px + (300 - 190) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .offer .cta .info p br {
        display: none;
    }
    .first_line .content .photo .badge_name {
        right: 4vw;
        bottom: 15vw;
    }
    .first_line .content .photo .badge_name p {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .photo img:nth-child(2) {
        max-width: 700px;
        width: 100%;
    }
    .first_line .content .photo .ellipse-blur {
        position: absolute !important;
        top: calc(-51px + (-81 - -51) * ((100vw - 320px) / (575 - 320)));
        left: calc(-61px + (-111 - -61) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(390px + (730 - 390) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .photo .ellipse-1 {
        width: calc(210px + (420 - 210) * ((100vw - 320px) / (575 - 320)));
        top: calc(19px + (59 - 19) * ((100vw - 320px) / (575 - 320)));
        left: calc(27px + (37 - 27) * ((100vw - 320px) / (575 - 320)));
    }
    .first_line .content .photo .ellipse-2 {
        width: calc(210px + (420 - 210) * ((100vw - 320px) / (575 - 320)));
        top: calc(67px + (67 - 67) * ((100vw - 320px) / (575 - 320)));
        left: calc(54px + (64 - 54) * ((100vw - 320px) / (575 - 320)));
    }

    .features_main{
        padding-top: 60px;
    }
    .feature_item p{
        font-size: 18px;
        font-weight: 300;
    }

    .capture_point_main {
        padding-top: 220px;
        padding-bottom: 90px;
        margin-top: -60px;
    }
    .capture_point_main .badges{
        text-align: center;
    }
    .capture_point_main .section_title{
        margin-bottom: 44px;
    }
    .capture_point_main .section_title p{
        font-size: var(--text-small);
        text-align: center;
    }
    .capture_point_main .section_title p br{
        display: none;
    }
    .capture_point_main .presentation .c-t-a h6{
        text-align: center;
        font-size: var(--text-small);

    }
    .capture_point_main .presentation .content h6{
        font-size: var(--text-small);
        font-weight:400;
    }
    .capture_point_main .presentation .content p {
        font-size:var(--text-small);
        font-weight: 200;
    }
    .capture_point_main .presentation .content{
        flex-direction: column;
    }
    .capture_point_main .object-title{
        display: none;
    }
    .capture_point_main .object-ring {
        top: calc(100px + (85 - 100) * ((100vw - 320px) / (575 - 320)));
        left:  calc(123px + (243 - 123) * ((100vw - 320px) / (575 - 320)));
        max-width:  calc(72px + (102 - 72) * ((100vw - 320px) / (575 - 320)));
    }
    .capture_point_main .object-elipse {
        top: calc(140px + (140 - 140) * ((100vw - 320px) / (575 - 320)));
        left: calc(-30px + (-30 - -30) * ((100vw - 320px) / (575 - 320)));
        max-width: calc(462px + (842 - 462) * ((100vw - 320px) / (575 - 320)));
        z-index: 0;
    }
    .object-mini-ellipse{
        display: none;
    }
}