@media(max-width:1680px){
    header{ padding: 20px 0;}
    header .navigation > li > a{ font-size: 16px;}
    header .navigation > li.gs_btn > a{ padding: 0 30px; border-radius: 12px; line-height: 44px;}
    .banner_section .cpation h1{ font-size: 44px; line-height: 60px;}
    .banner_section .cpation p{ font-size: 16px; line-height: 28px;}
    .btn{ font-size: 16px; padding: 0 30px; line-height: 44px; border-radius: 12px;}
    .btn2{ font-size: 16px; padding: 0 30px; line-height: 44px; border-radius: 12px;}
    .heading h2, .invest_section .copy_block h2, .expert_block h2{ font-size: 48px; line-height: 64px;}

    .fc_banner_section .cpation .copy p{ font-size: 16px; line-height: 150%;}
    .values_section ul li h3{ font-size: 24px;}
    .values_section ul li p, .about_appreciate .inner p, .list_normal li{ font-size: 14px;}
    .about_appreciate .inner .abt_img > img{ max-width: 300px;}
    .blog_banner .cpation .copy h1{ font-size: 60px;}
    .blog_banner .cpation .copy h3{ font-size: 40px;}
}

@media(max-width:1440px){
    header .container{ max-width: 96%;}
    .container{ max-width: 1230px;}
    header{ padding: 15px 0;}
    header .navigation > li.gs_btn > a{ padding: 0 20px; border-radius: 10px; line-height: 40px;}
    .banner_section .cpation h1{ font-size: 40px; line-height: 52px;}
    .banner_section .cpation p{ font-size: 14px; line-height: 24px;}
    .btn, .btn2{ font-size: 14px; padding: 0 20px; line-height: 40px; border-radius: 10px;}
    .heading h2, .invest_section .copy_block h2, .expert_block h2{ font-size: 40px; line-height: 52px;}
    .discover_funds, .wc_section, .advantage_section, .apc_section, .resources_section{ padding: 60px 0;}
    .nav-tabs .nav-link{ font-size: 14px; line-height: 40px; padding: 0 20px;}
    .fund_details .copy_block p{ font-size: 16px; line-height: 24px;}
    .fund_details .copy_block h6{ font-size: 12px;}
    .fund_list > li{ padding: 30px;}
    .fund_list > li .icon > img{ width: 90px;}
    .fund_list > li .copy h3{ font-size: 18px;}
    .fund_list > li .copy p{ font-size: 14px;}
    .fund_list > li .copy ul{ column-gap: 30px;}
    .fund_list > li .copy ul > li{ font-size: 14px;}
    .fund_list > li .copy ul > li .lbl{ font-size: 12px;}
    .fund_list > li:nth-child(3){ margin-top: -40px;}
    .fund_list > li:nth-child(2){ margin-top: -30px;}
    .choose_grid .column{ padding: 20px 25px 25px;}
    .choose_grid .column h3{ font-size: 18px; padding: 10px 0; line-height: normal;}
    .choose_grid .column p{ font-size: 14px; line-height: 22px;}
    .choose_grid{ gap: 30px;}
    .appreciate_advantage p{ font-size: 14px; line-height: 22px;}
    .great_funds h3{ font-size: 28px;}
    .great_funds ul li h4{ font-size: 18px;}
    .great_funds ul li p{ font-size: 14px;}
    .great_funds ul{ padding-bottom: 30px;}
    .invest_section .copy_block{ padding: 30px 50px;}
    .invest_section .copy_block p{ font-size: 18px;}
    .list > li{ font-size: 14px;}
    .list > li::before{ top: 4px;}
    .apc_list > li .head{ padding: 25px 40px;}
    .apc_list > li .head h3{ font-size: 24px;}
    .apc_list > li .inner_list li{ font-size: 14px; line-height: 150%;}
    .apc_list > li{ column-gap: 100px;}
    .blog_col h3{ font-size: 18px;}
    .blog_col p{ font-size: 14px;}
    .blog_col .read_more{ font-size: 14px;}
    .blog_col h6{ font-size: 12px;}
    .faq_section{ padding: 60px 0 250px;}
    .accordion-button{ font-size: 18px;}
    .accordion-body p{ font-size: 14px; line-height: 22px;}
    .talktoexpert_section{ margin-top: -190px; padding-bottom: 60px;}
    .expert_block{ padding: 40px 30px;}
    .expert_block p{ font-size: 14px; line-height: 24px;}
    .expert_block .links a{ font-size: 16px;}
    .form_block{ padding: 40px 30px;}
    .form_block .form-control{ font-size: 16px; height: 50px; border-radius: 10px; padding: 0 20px;}
    .form_block textarea.form-control{ height: 120px;}
    .faq_section .container{ max-width: 1000px;}
    footer .container{ max-width: 96%;}
    .top_footer{ padding: 30px 0;}
    .logo_div p{ font-size: 16px; line-height: 26px;}
    .footer_list{ padding-left: 30px;}
    .footer_list h3{ font-size: 18px;}
    .footer_nav li a{ font-size: 14px;}
    .social_list{ column-gap: 10px;}
    .bottom_footer{ padding: 30px 0;}
    .bottom_footer p{ font-size: 14px;}
    .fc_banner_section .pic_block > img{ width: 270px;}
    .algorithmic p{ font-size: 14px;}
    .collection_section, .uaai_section, .other_funds{ padding: 60px 0;}
    .collection_section .inner p{ font-size: 14px;}
    .collection_section .inner ul > li{ font-size: 14px;}
    .collection_section .inner ul > li .lbl{ font-size: 14px;}
    .collection_section .inner .column .top_row .icon{ width: 100px;}
    .collection_section .inner .column .top_row .copy{ width: calc(100% - 100px);}
    .uaaitab_wrap .nav-tabs .nav-link{ padding: 10px 20px; line-height: normal;}
    .uaaitab_wrap .copy_block p{ font-size: 14px;}
    .other_funds ul > li p{ font-size: 16px;}
    .breadcrumb_section ul > li, .breadcrumb_section ul > li > a{ font-size: 14px;}
    .filter_list li label{ font-size: 14px;}
    .filter_list li .form-control{ font-size: 14px;}
    .filter_search .form-control{ font-size: 14px;}
    .discover_row .copy_block .copy h3{ font-size: 24px;}
    .discover_row .copy_block .copy p{ font-size: 14px;}
    .discover_row ul > li.lbl{ font-size: 14px; line-height: 40px;}
    .discover_row ul > li{ font-size: 14px;}
    .discover_row ul > li span{ font-size: 16px;}
    .discover_row ul > li .fa-thumbs-up, .discover_row ul > li .fa-thumbs-down{ font-size: 24px;}
    .talktoexpert_inner{ margin-top: 0; padding: 60px 0;}
    .discover_section{ padding-bottom: 60px;}
    .business_banner .cpation ul{ column-gap: 20px;}
    .ummic_section ul li h3, .strategic_benefits ul li h3, .business_growth ul li h3, .global_finance ul li h3{ font-size: 18px; line-height: 150%;}
    .ummic_section ul li p, .strategic_benefits ul li p, .leader_section ul li p, .business_growth ul li p, .global_finance ul li p{ font-size: 14px;}
    .strategic_benefits ul{ gap: 30px;}
    .leader_section ul li .icon > img{ width: 60px;}
    .leader_section ul li{ padding: 40px 30px;}
    .business_growth ul li{ padding: 30px;}
    .challenges_section h3{ font-size: 24px;}
    .challenges_section ul > li{ font-size: 16px; padding: 15px 20px;}
    .ummic_section, .strategic_benefits, .leader_section, .business_growth, .challenges_section, .global_finance{ padding: 60px 0;}
    .values_section .heading p{ font-size: 14px;}
    .values_section, .about_appreciate{ padding: 60px 0;}
    .blog_banner .cpation .copy h1{ font-size: 48px;}
    .blog_banner .cpation .copy h3{ font-size: 30px;}
    .blog_section{ padding: 60px 0;}
    .blog_list > li .copy p{ font-size: 14px; padding-bottom: 10px;}
    .blog_list > li .copy h3{ font-size: 20px;}
    .blog_section .nav-tabs .nav-link{ line-height: normal;}
    .blogdetail_banner h3{ font-size: 30px;}
    .blogdetail_banner p{ font-size: 14px;}
    .blogd h3{ font-size: 24px;}
    .blogd p{ font-size: 14px;}
    .blogd h4{ font-size: 18px;}
    .fouder .copy h5{ font-size: 16px;}
    .fouder .copy p{ font-size: 14px; line-height: 150%;}
    .blogd_flex .blog_nav ul > li > .blog-link{ font-size: 14px;}
    .blogd_flex .blog_nav ul{ row-gap: 30px;}
}

@media(max-width:1279px){
    .container, footer .container, header .container{ max-width: 100%; padding: 0 15PX;}
    .banner_section .cpation h1{ font-size: 30px; line-height: 40px;}
    .heading h2, .invest_section .copy_block h2, .expert_block h2{ font-size: 32px; line-height: 42px;}
    .fund_details .copy_block{ width: 100%; padding-bottom: 30px;}
    .fund_details .copy_block p{ padding-bottom: 20px;}
    .fund_details .all_funds{ width: 100%;}
    .fund_details .copy_block h6{ padding-top: 5px;}
    .heading{ padding-bottom: 20px;}
    .appreciate_advantage{ padding: 30px;}
    .great_funds{ padding: 50px 30px 30px;}
    .great_funds ul li{ flex-wrap: wrap;}
    .great_funds ul li .icon{ width: 58px; height: 58px;}
    .great_funds ul li .icon > img{ width: 36px;}
    .great_funds ul li .copy{ width: calc(100% - 80px);}
    .great_funds ul li::before, .great_funds ul li::after{ left: 25px;}
    .great_funds h3{ padding-bottom: 20px;}
    .invest_section .copy_block{ padding: 30px 20px;}
    .fc_banner_section .cpation .copy p{ font-size: 14px;}
    .algorithmic, .benefits{ padding: 30px;}
    .fc_banner_section{ padding-bottom: 240px;}
    .benefit_section h3{ font-size: 24px;}
    .collection_section .inner .column{ padding: 20px;}
    .collection_section .inner ul{ column-gap: 20px;}
    .filter_section{ padding: 15px 0; margin-bottom: 20px; flex-wrap: wrap;}
    .filter_list{ width: 100%; order: 2; display: grid; grid-template-columns: repeat(3, 1fr);}
    .filter_search{ width: 100%; padding-bottom: 15px;}
    .leader_section ul{ gap: 15px;}
    .leader_section ul li{ padding: 30px 20px;}
    .business_growth ul{ gap: 15px;}
    .challenges_section ul > li{ font-size: 14px;}
    .about_appreciate .inner .abt_img > img{ max-width: 200px;}
}

@media(max-width:1023px){
   .banner_section .cpation .copy{ width: 100%;}
   .discover_funds, .wc_section, .advantage_section, .apc_section, .resources_section{ padding: 30px 0;}
   .heading h2, .invest_section .copy_block h2, .expert_block h2{ font-size: 28px; line-height: 38px;}
   .choose_grid .column{ padding: 15px; border-radius: 10px;}
   .choose_grid{ gap: 15px;}
   .advantage_section .container{ grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
   .invest_section .copy_block p{ font-size: 16px; line-height: normal;}
   .invest_section .copy_block{ padding: 15px;}
   .apc_list > li .head{ padding: 40px 20px;}
   .apc_list > li .head .icon img{ width: 50px;}
   .apc_list > li .head h3{ font-size: 20px; padding-left: 10px;}
   .apc_list > li{ column-gap: 30px;}
   .apc_list > li .inner_list li{ font-size: 14px; line-height: normal;}
   .blogs_row{ grid-template-columns: repeat(2, 1fr); gap: 20px;}
   .nav-tabs{ justify-content: start; column-gap: 10px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px;}
   .nav-tabs > li{ display: block ruby;}
   .nav-tabs .nav-link{ white-space: nowrap;}
   .logo_div{ width: 100%; padding-bottom: 20px;}
   .footer_list{ padding-left: 0; width: 100%;}
   .collection_section .inner{ column-gap: 0; flex-wrap: wrap; row-gap: 20px;}
   .collection_section .inner .column{ width: 100%;}
   .collection_section, .uaai_section, .other_funds{ padding: 30px 0;}
   .fc_banner_section .pic_block > img{ width: 230px;}
   .fc_banner_section .cpation .copy p{ padding-bottom: 20px;}
   .breadcrumb_section ul{ column-gap: 20px;}
   .breadcrumb_section ul > li::before{ left: -14px;}
   .breadcrumb_section ul > li, .breadcrumb_section ul > li > a{ font-size: 13px;}
    .uaaitab_wrap .nav-tabs{ flex-wrap: wrap; overflow-x: hidden; padding-bottom: 0; row-gap: 10px; align-content: baseline; width: 40%;}
    .uaaitab_wrap .nav-tabs > li{ display: block;}
    .uaaitab_wrap .nav-tabs .nav-link{ white-space: normal;}
    .uaaitab_wrap .tab-content{ padding-left: 20px; width: 60%;}
    .other_funds ul{ column-gap: 20px;}
    .other_funds ul > li .pic{ width: 80px;}
    .other_funds ul > li p{ font-size: 14px;}
    .filter_list li{ flex-wrap: wrap;}
    .filter_list li label{ width: 100%; padding-bottom: 5px;}
    .discover_row .copy_block{ width: 100%;}
    .discover_row ul{ width: 100%; justify-content: start; padding-top: 30px;}
    .discover_section{ padding-bottom: 30px;}
    .talktoexpert_inner{ padding: 30px 0;}
    .ummic_section, .strategic_benefits, .leader_section, .business_growth, .challenges_section, .global_finance{ padding: 30px 0;}
    .ummic_section .heading p{ font-size: 14px;}
    .ummic_section ul{ grid-template-columns: repeat(2,1fr); gap: 30px;}
    .strategic_benefits ul li{ padding: 20px;}
    .strategic_benefits ul{ gap: 15px;}
    .leader_section ul{ grid-template-columns: repeat(3,1fr); gap: 30px; gap: 15px;}
    .business_growth ul{ grid-template-columns: repeat(2,1fr);}
    .challenges_section h3{ font-size: 20px;}
    .challenges_section .left_challenges{ width: 100%; padding-bottom: 30px;}
    .challenges_section .right_challenges{ width: 100%;}
    .challenges_section ul > li, .challenges_section .right_challenges ul > li{ border-radius: 15px;}
    .global_finance ul{ gap: 30px 15px; grid-template-columns: repeat(2,1fr);}
    .values_section, .about_appreciate{ padding: 30px 0;}
    .values_section ul li h3{ font-size: 20px;}
    .blog_banner .cpation .copy h1{ font-size: 36px;}
    .blog_banner .cpation .copy h3{ font-size: 20px;}
    .blog_banner .cpation .copy{ width: 60%;}
    .blog_section{ padding: 30px 0;}
    .blog_section .nav-tabs{ padding-bottom: 20px; column-gap: 30px;}
    .blog_list{ gap: 30px 15px;}
    .blog_list > li .copy h3{ font-size: 16px;}
    .blog_list > li .copy p{ font-size: 12px;}
    .blog_list > li .copy p span{ margin: 0 7px;}
    
}

@media(max-width:767px){
    .nav-tabs{ margin-bottom: 10px;}
    .accordion-button{ padding-right: 30px; font-size: 16px;}
    .banner_section .cpation h1{ font-size: 24px; line-height: normal; padding-bottom: 10px;}
    .banner_section .cpation p{ line-height: normal;}
    .heading h2, .invest_section .copy_block h2, .expert_block h2{ font-size: 24px; line-height: normal;}
    .fund_list > li{ padding: 15px; column-gap: 0; flex-wrap: wrap; margin-top: -10px;}
    .fund_list > li:nth-child(2){ margin-top: -20px;}
    .fund_list > li:nth-child(3){ margin-top: -35px;}
    .fund_list > li .icon{ width: 70px;}
    .fund_list > li .icon > img{ width: 100%;}
    .fund_list > li .copy{ width: calc(100% - 70px); padding-left: 15px;}
    .fund_list > li .copy h3{ font-size: 16px;}
    .fund_list > li .copy ul{ flex-wrap: wrap; column-gap: 0; row-gap: 7px;}
    .fund_list > li .copy p{ font-size: 12px;}

    .choose_grid{ grid-template-columns: repeat(1, 1fr); gap: 10px;}
    .appreciate_advantage{ padding: 20px;}
    .great_funds{ padding: 60px 15px 20px;}
    .invest_section .img_block{ width: 100%;}
    .invest_section .copy_block{ width: 100%;}
    .apc_list > li{ grid-template-columns: repeat(1, 1fr);}
    .apc_list > li .inner_list{ padding: 20px 0 0 20px;}
    .blog_col h3{ font-size: 14px;}
    .blog_col p{ font-size: 13px;}
    .talktoexpert_section{ padding-bottom: 30px;}
    .talktoexpert_section .inner{ grid-template-columns: repeat(1, 1fr);}
    .expert_block{ padding: 20px;}
    .expert_block .cs{ padding: 20px 0;}
    .form_block{ padding: 20px 20px 5px;}
    .form_block .form-group{ margin-bottom: 15px;}
    .logo_div p{ font-size: 14px; font-weight: 400;}
    .footer_list{ grid-template-columns: repeat(2, 1fr);}
    .bottom_footer{ padding: 20px 0;}
    .bottom_footer p{ line-height: 22px;}
    .toggle{ display: block;}
    header{ position: relative;}
    header .container{ position: static;}
    .navigation{ position: absolute; right: 15px; top: 100%; background-color: #fff; width: 240px; padding: 15px; display: none; box-shadow: 0px -12px 64px 0px rgba(0, 0, 0, 0.05);}
    header .navigation > li{ border-bottom: 1px solid #120E3430; width: 100%;}
    header .navigation > li > a{ color: #120E34; width: 100%;}
    header .navigation > li.gs_btn{ border-bottom: none; padding-top: 10px;}
    header .navigation > li.gs_btn > a{ text-align: center; background-color: #00E0C1; color: #120E34;}
    .great_funds h3{ font-size: 24px;}
    .logo img{ width: 180px;}
    .fc_banner_section{ padding: 20px 0 30px;}
    .fc_banner_section .cpation .pic_block { position: absolute; right: 0; top: 0; width: 50%; opacity: 0.15; z-index: 1; filter: blur(3px);}
    .fc_banner_section .pic_block > img{ width: 100%;}
    .fc_banner_section .cpation .copy{ width: 100%; position: relative; z-index: 2;}
    .benefit_section{ margin-top: 0;}
    .benefit_section .inner{ grid-template-columns: repeat(1, 1fr);}
    .algorithmic, .benefits{ padding: 20px;}
    .benefits{ border-radius: 0 0 20px 20px;}
    .collection_section .inner .column{ padding: 15px;}
    .collection_section .inner ul > li{ font-size: 12px;}
    .uaaitab_wrap .nav-tabs{ width: 100%; margin-bottom: 30px;}
    .uaaitab_wrap .tab-content{ width: 100%; padding-left: 0;}
    .uaaitab_wrap .copy_block{ padding: 20px;}
    .other_funds ul{ grid-template-columns: repeat(2, 1fr); gap: 20px;}
    .discover_row{ padding: 15px;}
    .discover_row .copy_block .icon{ width: 70px;}
    .discover_row .copy_block .copy{ width: calc(100% - 70px); padding-left: 15px;}
    .discover_row .copy_block .copy h3{ font-size: 18px;}
    .discover_row ul > li{ font-size: 13px;}
    .discover_row ul{ column-gap: 15px;}
    .discover_row ul > li .fa-thumbs-up, .discover_row ul > li .fa-thumbs-down{ font-size: 20px;}
    .fund-page{ padding-top: 20px;}
    .business_banner picture > img{ opacity: .5;}
    .business_growth ul li{ padding: 15px;}
    .values_section ul{ grid-template-columns: repeat(1, 1fr); gap: 30px;}
    .values_section ul li h3{ padding-bottom: 10px;}
    .about_appreciate .inner .abt_img{ width: 100%; text-align: left; padding: 0 0 20px;}
    .about_appreciate .inner .abt_img > img{ max-width: 140px;}
    .about_appreciate .inner .abt_copy{ width: 100%;}
    .blog_banner .cpation .copy{ width: 100%;}
    .blog_banner .cpation .copy h1{ font-size: 28px;}
    .blog_banner .cpation .copy h3{ font-size: 20px;}
    .blog_banner picture{ opacity: .6;}
    .blog_detail{ padding-top: 20px;}
    .back{ margin-bottom: 15px;}
    .blogdetail_banner h3{ font-size: 24px;}
    .blogdetail_banner .img_block{ padding-top: 10px;}
    .blogdetail_banner{ padding-bottom: 10px;}
    .blogd_flex .blog_nav{ width: 100%; position: sticky; top: 0; background-color: #fff; padding: 15px 0;}
    .blogd_flex .content{width: 100%;}
    .blogd_flex .blog_nav ul{ border-left: none; padding-right: 0; row-gap: 0; flex-wrap: nowrap; column-gap: 20px; padding-bottom: 5px; overflow-x: auto;}
    .blogd_flex .blog_nav ul > li{ width: auto;}
    .blogd_flex .blog_nav ul > li > .blog-link{ white-space: nowrap; padding-left: 0; border-left: none;}
    .fouder{ padding-right: 0;}
    .fouder .pic{ width: 80px;}
    .fouder .copy{ padding-left: 10px;}
    .leader_section ul li{ padding: 20px 15px;}
    .leader_section ul li .icon{ padding-bottom: 10px;}
    .leader_section ul li .icon > img{ width: 50px;}

}

@media(max-width:639px) {
    .filter_list{ grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
    .strategic_benefits ul, .business_growth ul{ grid-template-columns: repeat(1,1fr);}
    .leader_section ul{ grid-template-columns: repeat(2,1fr);}
    .blog_list{ grid-template-columns: repeat(2,1fr); gap: 30px 10px;}
}

@media(max-width:479px) {
 .breadcrumb_section ul > li, .breadcrumb_section ul > li > a{ font-size: 12px; line-height: normal;}
 .blog_list{ grid-template-columns: repeat(1,1fr);}
}