@media (max-width:1800px) {
.feature_sec{ padding: 200px 0;}
.software_sec .container { position: sticky; top: 120px;}
.hero_sec_new h1{ font-size: 56px;}
.hero_subtitle{ font-size: 24px;}
}

@media (max-width:1579px) {
.sec-title{ font-size: 70px;}


.ca1{ top: 10vw; left: 18vw; width: 14vw;}
.ca2{ top: 8vw; right: 18vw; width: 13vw;}
.ca3{ top: 35vw; left: 6vw; width: 8.4vw;}
.ca4{ top: 35vw; right: 4vw; width: 11vw;}
.ca5 { top: 46vw; width: 14vw;}
.hero_sec{ height: 73vw;}
.hero_sec h1{ font-size: 70px;}
.hero_sec h1 span{ font-size: 120px;}
.counter_cta .ctr_info{ margin-left: 80px;}
.counter_cta .counter_txt{ font-size: 110px;}
.counter_cta_centered .counter_txt{ font-size: 90px;}

.benefit_item h3{ font-size: 32px;}
.feature_sec h3{ font-size: 60px;}
.feature_sec{ padding: 150px 0;}
.feature_sec .image_swap{ width: 415px; height: 415px;}
.community_slogan h1{ font-size: 58px;}
.community_member h3{ font-size: 24px;}
.people_sec .main{ width: 65%;}
.people_sec h2{ font-size: 70px;}
.people_sec h2 span{ font-size: 100px;}
.people_sec{ padding-top: 250px;}
.place_sec .inner{ padding-left: 100px;}
.what_sec h2 { font-size: 80px; line-height: 110%; max-width: 1152px; }
.what_header .sec-title{ font-size: 48px;}
.what_intro{ font-size: 20px; line-height: 30px;}
.what_features{ gap: 30px;}
.what_feature{ padding: 35px 30px;}
.what_cta_box{ padding: 45px 50px;}
.what_cta_content h3{ font-size: 28px;}
.bannner_sec{ padding: 20px 0; gap: 95px;}
.bannner_sec .medium{ font-size: 38px;}
.bannner_sec .scroll{ gap: 95px;}
.cta_sec h2{ font-size: 58px;}
.cta_sec h2 span{ font-size: 88px;}
.cta_sec .inner{ padding: 90px 5% 95px;}
.cta_sec::before { height: 75%; border-radius: 0 0 25px 25px;}

/* Members */
.team_sec .inner{ gap: 40px 90px;}
.coop_sec .count_contents .marquee{ font-size: 72px;}
.pricing__box{ padding: 80px 35px 80px;}
.pricing_sec .inner{ background-position: bottom left, bottom right, top left 70px;}
.team_block.block1::before { width: 146px; height: 146px;}
.team_block.block2::before { width: 146px; height: 146px;}

/* Benefits */
.benefit_banner_new h2{ font-size: 52px;}
.benefit_banner_new p{ font-size: 22px;}
.benefit_banner figure{ margin-right: 0;}
.membership_sec .caption{ padding-top: 3%;}
.product_sec.process_sec .right_info { padding-top: 60px;}
.product_sec.process_sec .inner { padding-bottom: 80px;}
}

@media (max-width: 1199px) {
p{ font-size: 18px; line-height: 26px;}
.sec-title{ font-size: 48px; margin: 0 0 30px;}
.sec-sub-info{ line-height: 28px;}
.lbl_tag{ margin-bottom: 18px;}
.hero_sec_new h1{ font-size: 48px;}
.hero_subtitle{ font-size: 22px;}
.hero_content{ max-width: 750px;}
.community_sec{ padding: 80px 0 100px;}
.community_grid{ gap: 30px; margin-bottom: 60px;}
.community_slogan h1{ font-size: 48px;}
.community_member h3{ font-size: 22px;}
.community_member p{ font-size: 16px; line-height: 24px;}
.benefits_sec_new{ padding: 80px 0 100px;}
.benefits_header .sec-title{ font-size: 44px;}
.benefits_grid{ gap: 25px;}
.benefit_card{ padding: 35px 25px;}
.benefit_card h3{ font-size: 20px;}

.ca1{ top: 12vw; left: 18vw;}
.ca2{ top: 10vw; right: 18vw;}
.ca3{ top: 39vw; left: 5vw;}
.ca4{ top: 39vw; right: 3vw;}
.ca5 { top: 52vw;}
.hero_sec{ height: 80vw;}
.hero_sec .title_info{ /*padding: 70px 0;*/ top: 44%;}
.hero_sec .title_info img{ width: 400px;}
.hero_sec h1{ font-size: 50px; line-height: 60px;}
.hero_sec h1 span { font-size: 82px;  }
.counter_cta{ padding-bottom: 100px;}
.counter_cta .signature_txt { font-size: 34px; line-height: 35px; width: 200px; bottom: 110%; transform: translateX(-35%) rotate(-20deg);}
.counter_cta .ctr_info { margin-left: 60px;}
.counter_cta .counter_txt{ font-size: 90px;}
.counter_cta p{ font-size: 24px; line-height: 30px;}
.counter_cta .memb_info p{ font-size: 22px;}
.counter_cta_centered{ padding: 60px 0 80px;}
.counter_cta_centered .ctr_info{ margin-left: 0;}
.counter_cta_centered .counter_txt{ font-size: 80px;}
.counter_cta_centered .signature_txt{ font-size: 30px; width: 180px;}
.benefits_sec{ padding-top: 100px;}
.benefit_item { padding: 30px 30px 30px 32px; border-radius: 30px;}
.benefit_item h3{ font-size: 26px; margin-bottom: 30px;}
.feature_sec{ padding: 100px 0;}
.feature_sec{ padding: 250px 0;}
.feature_sec h3{ font-size: 50px; margin-bottom: 10px;}
.feature_sec .right .sec-sub-info{ margin: 0;}
.feature_sec .right{ min-height: 128px;}
.feature_sec .image_swap { width: 300px; height: 300px;}
.people_sec h2{ font-size: 48px;}
.people_sec h2 span{ font-size: 65px;}
.people_sec { padding: 120px 0 100px;}
.people_sec p{ font-size: 30px; line-height: 36px;}
.people_sec .detail { max-width: 350px;}
.people_sec .main { width: 61%;}
.people_sec .container{ padding-left: 0;}
.place_sec .inner { padding-left: 50px; grid-column-gap: 50px;}
.place_sec{ padding-bottom: 100px;}
.what_sec{ padding: 100px 0;}
.what_sec h2 { font-size: 60px; max-width: 952px;  }
.what_sec_new{ padding: 100px 0 120px;}
.what_header .sec-title{ font-size: 44px;}
.what_intro{ font-size: 18px; line-height: 28px; max-width: 600px;}
.what_features{ gap: 25px; margin-bottom: 60px;}
.what_feature{ padding: 30px 25px;}
.what_feature_icon{ width: 70px; height: 70px; border-radius: 16px;}
.what_feature h3{ font-size: 20px; margin-bottom: 12px;}
.what_feature p{ font-size: 15px; line-height: 24px;}
.what_cta_box{ padding: 40px 45px; border-radius: 24px;}
.what_cta_content h3{ font-size: 26px;}
.what_cta_content p{ font-size: 16px;}
.bannner_sec{ gap: 60px; }
.bannner_sec .scroll { gap: 60px; }
.bannner_sec .medium { font-size: 30px;  }
.combine_sec h5{ font-size: 36px; line-height: 38px;}
.cta_sec h2{ font-size: 48px;}
.cta_sec h2 span{ font-size: 65px;}
.cta_sec .inner { padding: 70px 5% 70px;}
.footer_sec .footer_inn{ padding: 60px 0 30px;}
.footer_bottom{ padding: 12px 0;}
.footer_sec h6{ margin-bottom: 22px;}

/* Members */
.member_banner{ padding: 200px 0 140px 0;}
.member_banner .detail p{ font-size: 26px; line-height: 36px;}
.member_banner h3{ font-size: 18px; margin: 0 0 16% -40px; min-width: 135px; max-width: 135px;}
.member_banner .detail::before { top: -50px; left: 10px;}
.team_block.block1::before { width: 120px; height: 120px;}
.team_block.block2::before { width: 120px; height: 120px; right: -20px;}
.team_sec{ padding-top: 100px;}
.team_sec .inner{ gap: 30px 50px; padding: 55px;}
.team_block p { font-size: 22px; line-height: 26px;}
.team_block h3{ font-size: 21px;}
.coop_sec{ padding: 90px 0 50px;}
.coop_sec .count_contents .marquee{ font-size: 58px; line-height: 1.4;}
.coop_sec .coop_contents_wrap{ margin-bottom: 90px;}
.coop_sec p{ font-size: 26px; line-height: 1.4; margin-bottom: 40px;}
.info__box span{ font-size: 18px;}
.info__box strong{ font-size: 28px; line-height: 1.4;}
.pricing_sec p{ font-size: 22px;}
.pricing_sec p sup{ font-size: 38px;}
.pricing__box h3 span{ font-size: 47px;}
.pricing__box .price{ font-size: 47px;}
.pricing_sec .btns{ padding: 7px 22px;}
.pricing__box{ padding: 40px 35px 40px;}
.pricing__box ul{ padding: 50px -16px 0 -5px;}
.pricing__box ul li{ font-size: 17px; line-height: 26px; background-position: left top 8px; margin-bottom: 7px;}
.pricing_sec .detail{ padding: 55px 0;}
.pricing_sec .inner{ background-size: 65% auto, 40% auto, 20% auto;}

/* Benefits */
.benefit_banner{ padding: 200px 0 140px;}
.benefit_banner_new h2{ font-size: 48px;}
.benefit_banner_new p{ font-size: 20px;}
.benefit_banner h2 { font-size: 48px; line-height: 1.1;}
.benefit_banner p { font-size: 26px; line-height: 34px;}
.pay_block .detail{ padding: 30px 30px 20px;}
.pay_block h3{ font-size: 30px; line-height: 32px;}
.pay_block p { font-size: 20px; line-height: 26px;}
.product_sec .right_info{ padding: 40px 0 100px; text-align: center;}
.product_sec .inner{ padding-bottom: 0;}
.membership_sec .caption { padding-top: 6%;}
.product_sec.process_sec .right_info{ padding-top: 40px ;}
.product_sec.process_sec .right_info{ padding-bottom: 0;}
.product_sec{ overflow: hidden;}
.product_sec .left_info{ margin: 0 -10%;}
.product_sec .left_info svg{ width: 100%; height: 100%;}
}

@media (max-width: 991px) {
.container{ width: 90%;}
.sec-title{ font-size: 40px;}
.hero_sec_new{ min-height: 90vh; padding: 120px 0 60px;}
.hero_sec_new h1{ font-size: 38px;}
.hero_subtitle{ font-size: 20px; margin-bottom: 35px;}
.hero_buttons{ gap: 15px;}

.header_sec{ padding: 14px 0;}
.header_sec .navbar{ padding: 14px 14px 14px 16px; background: #2d2d2d url(../images/navbar-text-curve.png) no-repeat top right 270px; border-radius: 9px; box-shadow: 0 7px 10px rgba(128, 122, 158, 0.47);}
.header_sec .navbar-brand img{ width: 31px; height: 34px; filter: brightness(0) invert(1);}
.header_sec .nav-rights{ justify-content: flex-end; width: auto;}
.header_sec .navbar-light .navbar-nav .nav-item{ margin:0 34px 0 0; opacity: 1; visibility: visible; pointer-events: all;}
.profile_btn, .sff_btn{ display: none;}
.navbar-toggler{ border:none; position:relative; right:0; top:0; width: 40px; height: 40px; box-shadow:none !important; padding: 0 10px; background: none;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:var(--primary); height:4px; width:26px; margin-top:8px; margin-bottom:8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 10px; top: 12px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {position: absolute;left: 10px;top: 12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
.header_sec .navbar-light .navbar-nav .nav-link{ padding: 8px 0; border-bottom: 1px solid rgba(128, 122, 158, 0.47);}
.header_sec .navbar-light .navbar-nav .nav-item{ margin: 0;}

.ca1{ top: 16vw; left: 10vw;}
.ca2{ top: 15vw; right: 6vw;}
.ca3{ top: 42vw; left: 5vw;}
.ca4{ top: 42vw; right: 3vw;}
.ca5 { top: 66vw;}

.hero_sec{ height: 100vw;}
.hero_sec h1 span { display: block; line-height: 60px;  }

.counter_cta{ padding-bottom: 50px;}
.counter_cta .counter_txt{ font-size: 70px;}
.counter_cta p{ font-size: 20px; line-height: 26px;}
.counter_cta .memb_info p{ font-size: 18px;}
.counter_cta .signature_txt{ bottom: 122%;}
.counter_cta .memb_img{ margin-bottom: 18px;}
.counter_cta .memb_img img { width: 40px; height: 40px;  }
.counter_cta_centered{ padding: 50px 0 60px;}
.counter_cta_centered .counter_txt{ font-size: 65px;}
.counter_cta_centered .ctr_info{ text-align: center;}
.counter_cta_centered .memb_info{ text-align: center;}
.community_sec{ padding: 60px 0 80px;}
.community_sec:before{ display: none;}
.community_header{ margin-bottom: 40px;}
.community_grid{ gap: 25px; margin-bottom: 50px;}
.community_slogan h1{ font-size: 40px;}
.community_member h3{ font-size: 20px;}
.benefits_sec_new{ padding: 60px 0 80px;}
.benefits_header .sec-title{ font-size: 36px;}
.benefits_grid{ grid-template-columns: repeat(2, 1fr); gap: 20px;}
.benefit_card{ padding: 30px 20px;}
.benefit_card h3{ font-size: 18px;}
.benefit_card p{ font-size: 15px; line-height: 22px;}

.benefits_sec{ padding: 50px 0 20px;}
.benefits_sec .detail{ top: 0; margin: 0 auto; position: relative;}
.benefit_item{ margin-left: 0;}
.benefits_sec .detail{ max-width: 100%; margin: 0;}

.people_sec{ padding-bottom: 60px;}
.people_sec p { font-size: 26px; line-height: 33px; margin-bottom: 40px;}
.people_sec .main { width: 59%;}

.place_sec{ padding-bottom: 50px;}
.place_sec .inner { padding: 40px 30px 0; gap: 0; grid-template-columns: 1fr; text-align: center;}
.place_sec .inner .block:first-child{ max-width: 400px; margin: 0 auto;}

.what_sec{ padding: 50px 0;}
.what_sec h2 { font-size: 48px; max-width: 737px;}
.what_sec_new{ padding: 80px 0 100px;}
.what_header{ margin-bottom: 50px;}
.what_header .sec-title{ font-size: 36px;}
.what_intro{ font-size: 17px; line-height: 26px;}
.what_features{ grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 50px;}
.what_feature{ padding: 25px 20px;}
.what_feature_icon{ width: 60px; height: 60px; margin-bottom: 20px;}
.what_feature h3{ font-size: 18px;}
.what_feature p{ font-size: 14px; line-height: 22px;}
.what_cta_box{ flex-direction: column; text-align: center; padding: 35px 30px; gap: 25px;}
.what_cta_content h3{ font-size: 24px;}
.what_cta_content p{ font-size: 16px;}

.combine_sec{ padding: 50px 0;}
.combine_sec h5 { font-size: 30px; line-height: 35px;}

.cta_sec .inner { padding: 50px 5% 50px;}
.cta_sec h2{ font-size: 40px; line-height: 36px;}
.cta_sec h2 span { font-size: 56px;}

.feature_sec{ padding: 100px 0 80px 0;}
.feature_sec h3{ font-size: 43px;}
.feature_sec .left{ text-align: center; max-width: 300px; margin: 0 auto;}
.feature_sec .left .sec-sub-info{ max-width: 100%;}
.feature_sec .right{ max-width: 300px; margin: 0 auto; text-align: center;}
.feature_sec .image_swap{ margin-bottom: 20px;}
.feature_sec .pagination_info{ bottom: 30px; font-size: 18px;}

.footer_sec .footer_inn{ padding-top: 50px;}
.footer_sec h6{ margin-top: 50px;}
.copyright{ margin-top: 30px;}
.footer_bottom p{ margin-bottom: 10px; text-align: center; line-height: normal;}
.option_btns{ display: flex; justify-content: center;}

/* Members */
.member_banner h3 { font-size: 18px; margin: 0 0 5% -20px;}
.member_banner .detail{ padding: 0;}
.member_banner .detail p { font-size: 22px; line-height: 32px;}
.member_banner{ padding-bottom: 80px;}
.team_sec{ padding-top: 50px;}
.team_sec .inner{ padding: 30px; border-radius: 30px 30px 0 0; gap: 30px;}
.team_block.block1::before, .team_block.block2::before{ display: none;}
.team_block h3{ font-size: 18px; line-height: 1.2;}
.team_block p { font-size: 20px; line-height: 1.3;}
.team_block:nth-child(3n+2) { margin-top: 70px;}
.coop_sec{ padding: 50px 0 20px;}
.coop_sec .count_contents .marquee{ font-size: 42px;}
.coop_sec .coop_contents_wrap{ margin-bottom: 50px;}
.coop_sec p{ font-size: 22px; margin-bottom: 30px;}
.located_tooltip{ padding-left: 30px;}
.map_sec iframe{ height: 350px;}
.map_sec .map_img{ height: 350px;}
.information_sec { padding: 50px 0 10px 0;}
.info__box strong{ font-size: 24px;}
.info__box span { font-size: 16px;}
.pricing_sec .title__group{ padding: 0 0 40px;}
.pricing_sec .inner{ padding: 50px 30px;}
.pricing_sec .detail{ padding: 40px 0 0;}
.pricing_sec .inner { background-size: 50% auto, 40% auto, 20% auto;}
.pricing__box{ max-width: 340px; border-radius: 30px; padding: 50px 35px 40px;}
.pricing__box h3{ max-width: 210px; margin:0 auto;}
.b_blink { left: auto; right: 0; transform: translateY(-50%); width: 50%;}
.pricing_sec{ padding-bottom: 50px;}

/* Benefits */
.benefit_banner{ padding: 180px 0 100px;}
.benefit_banner_new{ min-height: 90vh;}
.benefit_banner_new h2{ font-size: 38px;}
.benefit_banner_new p{ font-size: 18px;}
.benefit_banner_content{ max-width: 700px;}
.benefit_banner figure::before{ width: 356px; height: 356px; left: -15px;}
.benefit_banner h2{ font-size: 34px; margin: 0 0 20px;}
.benefit_banner p { font-size: 21px; line-height: 28px;}
.pay_sec{ padding: 50px 0 20px;}
.pay_sec .sec-title { margin-bottom: 40px;}
.product_sec .inner{ padding-top: 50px;}
.product_sec .right_info{ padding-bottom: 50px;}
.membership_sec .inner{ background: #ae7ee8;}
.membership_sec .caption{ padding: 50px 5% 0; margin-bottom: -15%; position: relative; text-align: center;}
.map_sec{ overflow: hidden;}

.software_sec .order-0, .software_sec .order-1, .software_sec .order-2{ order: inherit !important;}
.software_sec .detail{ margin-bottom: 30px; text-align: center;}
.software_images{ max-width: 300px; margin: 0 auto 30px auto;}
.mt151 { margin-top: 60px;}
.software_blocks{ transform: inherit; opacity: 1;}
.software_sec { height: auto;}
.software_sec .row{ margin-left:-15px; margin-right:-15px;}
.software_sec [class^="col-"], .software_sec > [class*=" col-"]{ padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.sec-title{ font-size: 60px;}
.hero_sec_new{ min-height: 100vh; padding: 100px 0 50px;}
.hero_sec_new h1{ font-size: 32px; line-height: 1.25;}
.hero_subtitle{ font-size: 18px; margin-bottom: 30px;}
.hero_buttons{ flex-direction: column; align-items: center; gap: 12px;}
.hero_buttons .btns{ width: 100%; max-width: 280px; justify-content: center;}

.header_sec .container{ width: 95%;}
.header_sec .navbar-brand{ margin-right: 10px;}
.header_sec .navbar{ background-position: top right 70px;}
.header_sec .nav-rights{ gap: 8px;}
.header_sec .joc_btn{ font-size: 16px;}

.crunchy_assets { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; right: 0; overflow: hidden;}
.ca1{ top: 141px; left: 30px; width: 133px;}
.ca2{ top: 102px; right: -24px; width: 133px;}
.ca3{ top: 501px; left: -3px; width: 92px;}
.ca4{ top: 481px; right: 8px; width: 107px;}
.ca5 { top: 650px; width: 133px;}
.hero_sec{ height: 1000px;}
.hero_sec h1 span { font-size: 96px;}
.counter_cta .ctr_info{ margin: 0; text-align: center;}
.counter_cta .signature_txt{ position: relative; bottom: 40px; transform: rotate(-20deg); display: block; margin: 0 auto; font-size: 44px; line-height: 45px;width: 260px;}
.counter_cta .signature_txt::first-letter { margin-left: -32px;}
.counter_cta .counter_txt { font-size: 100px; line-height: 100%;}
.counter_cta .memb_info{ text-align: center; margin: 0 auto; max-width: 325px;}
.counter_cta .memb_info p { font-size: 20px;}
.counter_cta .memb_img{ justify-content: center; padding-top: 40px;}
.counter_cta_centered{ padding: 40px 0 50px;}
.counter_cta_centered .signature_txt{ bottom: 20px; font-size: 36px; width: 220px;}
.counter_cta_centered .counter_txt{ font-size: 80px;}
.community_sec{ padding: 50px 0 60px;}
.community_grid{ grid-template-columns: 1fr; gap: 40px; max-width: 400px;}
.community_member figure{ max-width: 300px; margin: 0 auto 20px;}
.community_slogan h1{ font-size: 36px;}
.community_slogan .sec-sub-info{ font-size: 18px; line-height: 28px;}
.benefits_sec_new{ padding: 50px 0 60px;}
.benefits_header{ margin-bottom: 40px;}
.benefits_header .sec-title{ font-size: 32px;}
.benefits_grid{ grid-template-columns: 1fr; gap: 20px; max-width: 350px; margin: 0 auto 40px;}
.benefit_card{ padding: 30px 25px;}

.feature_sec{ text-align: center;}
.feature_sec h3{ font-size: 55px;}
.feature_sec::before{ display: none;}

.people_sec{ padding-top: 0;}
.people_sec .main{ width: 100%; position: relative;}
.people_sec .detail{ max-width: 100%; text-align: center; padding-top: 50px;}
.people_sec h2{ font-size: 60px; line-height: 85px;}
.people_sec h2 span{ display: block; font-size: 80px; margin: -43px 0 0 30px;}
ul.people_logo{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; max-width: 600px; margin: 0 auto;}
ul.people_logo li{ justify-content: center;}

.place_sec .container{ width: 100%; max-width: 100%; padding: 0;}
.place_sec .inner{ padding: 50px 0 0;}
.place_sec .inner::before { display: none;}
.place_sec .inner .block{ padding-left: 5%; position: relative; z-index: 5;}
.place_sec .inner .block:first-child{ padding: 0 10%; text-align: left; max-width: 100%;}
.place_sec .inner .block img { object-fit: cover; object-position: left; min-height: 390px; }
.place_sec .inner::after { width: 100%; height: 100%; background: url(../images/place_shadow.png) top 50px left 100px no-repeat; background-size: auto; bottom: 0; left: 0; }

.what_sec{ background-size: contain; padding-top: 80px;}
.what_sec_new{ padding: 60px 0 80px;}
.what_sec_new:before{ width: 200px; height: 200px; top: -50px; right: -50px;}
.what_header{ margin-bottom: 40px;}
.what_header .sec-title{ font-size: 30px;}
.what_intro{ font-size: 16px; line-height: 24px;}
.what_features{ grid-template-columns: 1fr; gap: 20px; max-width: 350px; margin: 0 auto 50px;}
.what_feature{ padding: 30px 25px;}
.what_feature_icon{ width: 65px; height: 65px;}
.what_feature h3{ font-size: 20px;}
.what_feature p{ font-size: 15px; line-height: 23px;}
.what_cta_box{ padding: 30px 25px; gap: 20px; border-radius: 20px;}
.what_cta_content h3{ font-size: 22px;}
.what_cta_content p{ font-size: 15px;}
.what_cta_box .btns{ padding: 14px 28px; font-size: 16px;}
.combine_sec{ background: #efecfe;}
.combine_sec h5 { font-size: 37px; line-height: 40px; margin-bottom: 30px; margin-left: 0;}
.cta_sec::before { background: #efecfe; height: 60%;}
.cta_sec h2 span { font-size: 80px; line-height: 80px;}

.copyright{ text-align: center;}
.copyright a{ margin-left: 0;}
.copyright a + a{ margin-left: 20px;}

/* Members */
.member_banner{ padding: 180px 0 80px;}
.member_banner .detail { padding: 0 0 0 30px;}
.member_banner figure{ max-width: 200px; width: 100%;}
.member_banner .right{ justify-content: center;}
.team_sec{ padding: 40px 0 50px; background: #efecfe;}
.team_sec .container{ width: 100%; max-width: 100%;}
.team_sec .inner{ padding: 0 5%; border-radius: 0; grid-template-columns: repeat(2, 1fr);}
.team_block:nth-child(3n+2){ margin-top: 0;}
.team_block h3{ font-size: 20px;}
.team_block p{ font-size: 24px;}
.located_tooltip{ padding: 0; width: 100%; z-index: 56;}
.lctd_tltp_inn{ width: 100%; border-radius: 0; background: #f6fa5ed1;}
.chckbtn{ width: auto; display: inline-flex;}
.info__box span{ font-size: 18px;}
.info__box strong { font-size: 28px;}
.pricing_sec{ padding: 0; background-color: #efecfe;}
.pricing_sec .container{ width: 100%; max-width: 100%;}
.pricing_sec .inner{ padding: 50px 5%; background-size: 90% auto, 0% 0%, 170px auto;}
.pricing_sec .title__group{ max-width: 100%; text-align: center;}
.pricing__box h3{ max-width: 240px;}
.pricing__box h3 span{ font-size: 57px;}
.pricing__box .price{ font-size: 56px;}

/* Benefits */
.benefit_banner{ padding: 110px 0 50px;}
.benefit_banner_new h2{ font-size: 32px; line-height: 1.25;}
.benefit_banner_new p{ font-size: 16px;}
.benefit_banner figure{ margin-top: 80px;}
.benefit_banner h2{ font-size: 54px;}
.benefit_banner p{ font-size: 32px; line-height: 40px;}
.pay_block.pink{ margin-top: 0;}
.pay_block h3{ font-size: 36px; line-height: 34px;}
.pay_block p{ font-size: 22px; line-height: 28px;}
.pay_block .detail { padding: 50px 50px 0;}
.product_sec{ padding-bottom: 0;}
.product_sec .container{ width: 100%;}
.membership_sec .container{ width: 100%;}
.membership_sec .inner .img{ width: 90%;}
.membership_sec{ padding-bottom: 50px;}
.product_sec.process_sec{ padding: 0;}

/* Video Widget */
.video_widget{ bottom: 25px; right: 25px;}
.video_widget_inner{ width: 100px; height: 100px;}
}

/************ iphone **************/
@media (max-width:575px) {
ul.people_logo{ display: grid; grid-template-columns: repeat(2, 1fr); max-width: 300px;}
ul.people_logo li img{ max-height: 50px;}
.hero_sec_new h1{ font-size: 28px;}
.hero_subtitle{ font-size: 16px;}
.community_slogan h1{ font-size: 30px;}
.community_member h3{ font-size: 22px;}
.what_sec_new{ padding: 50px 0 60px;}
.what_header .sec-title{ font-size: 26px;}
.what_intro{ font-size: 15px; line-height: 23px;}
.what_features{ max-width: 300px;}
.what_cta_content h3{ font-size: 20px;}
.what_cta_content p{ font-size: 14px; line-height: 22px;}
.what_cta_box .btns{ width: 100%; justify-content: center;}

.hero_sec .title_info{ padding: 20px 0;}
.feature_sec{ padding-top: 60px;}
.cta_sec .inner{ padding: 150px 5%; background: url(../images/cta_bg_mob.jpg) no-repeat center center; background-size: 100% 100%;}

.place_sec .inner::after { width: 100%; height: 100%; background: url(../images/place_shadow.png) top left -80px no-repeat; background-size: auto; bottom: 0; left: 0; } 

/* Members */
.team_sec .inner{ grid-template-columns: 1fr;}
.info__box{ max-width: 220px; margin-left: auto; margin-right: auto;}

/* Benefits */
.sec-title{ font-size: 40px; line-height: 110%;}
.benefit_banner h2{ font-size: 34px;}
.benefit_banner p{ font-size: 22px; line-height: 28px;}
.pay_block.pink{ margin-top: 0;}
.pay_block h3{ font-size: 36px; line-height: 34px;}
.pay_block p{ font-size: 22px; line-height: 28px;}
.benefit_banner{ padding-bottom: 80px;}
.benefit_banner_new h2{ font-size: 28px;}
.benefit_banner figure::before { width: 246px; height: 246px; left: 0; top: -40px;}
.pay_block .detail{ padding: 35px 30px 0;}
.pay_block h3{ font-size: 30px; line-height: 32px;}
.pay_block p { font-size: 20px; line-height: 26px;}

/* Video Widget */
.video_widget{ bottom: 20px; right: 20px;}
.video_widget_inner{ width: 80px; height: 80px; border-width: 3px;}
}