@media(max-width:1366px){
  .top_footer p, .footer_list li a, .footer_list li, .footer_disclaimer p, .bottom_footer p{ font-size: 16px;}
  
  .top_footer p span{ font-size: 16px;}
  header{ top: 50px;}
  .common_modal p, .list_num li, .list_disc li, .common_modal h4{ font-size: 16px;}
}

@media(max-width:1279px){
    .container, footer .container, header .container{ max-width: 100%; padding: 0 15px;}
    header{ top: 30px;}
    .navigation{ column-gap: 25px;}
    header .navigation > li.gs_btn > a{ padding: 0 20px;}
    .banner_section .cpation h1, .title{ font-size: 40px;}
    .banner_section .cpation h2{ font-size: 22px;}
    .banner_section .cpation p{ font-size: 16px;}
    .below_banner ul{ padding: 30px;}
    .below_banner ul li p{ font-size: 18px;}
    .below_banner{ margin-top: -93px;}
    .as_list li p{ font-size: 14px;}
    .as_list li{ padding: 20px;}
    .advisory_services, .technology_platform, .client_solutions, .about_us, .contact_section, .top_footer{ padding: 40px 0;}
    .tp_list li{ padding: 20px;}
    .footer_disclaimer, .bottom_footer{ padding: 20px 0;}
    .about_us p{ font-size: 16px;}
    .list > li{ font-size: 14px;}
    .heading{ padding-bottom: 25px;}
    .contact_section h3{ font-size: 18px;}
    .contact_section p, .contact_list2 li{ font-size: 14px;}
    .top_footer h3{ padding-bottom: 10px;}
    .modal-body{ padding-top: 70px;}
    .appricate_broking_banner { max-width: 348px; top: 0px; right: 10px;}
}

@media(max-width:1023px){
    .toggle{ display: block;}
   
    header .container{ position: static;}
    .navigation{ position: fixed; top: 0; left: 0; background-color: #fff; width: 240px; height: 100%; padding: 15px; box-shadow: 0px -12px 64px 0px rgba(0, 0, 0, 0.05); transform: translateX(-100%); transition: all .5s; display: block;}
    .navigation.active{ transform: translateX(0);}
    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; border-color: #00E0C1;}
    header .navigation > li.gs_btn > a:hover{ background-color: #00E0C1; color: #120E34;}
    .hidden{ overflow: hidden;}
    .below_banner ul{ padding: 20px; column-gap: 20px;}
    .below_banner ul li p{ font-size: 14px;}
    .below_banner{ padding: 20px 0 0; margin-top: 0;}
    .below_banner:after{ height: 100%;}
    .as_list{ gap: 15px; grid-template-columns: repeat(3, 1fr);}
    .tp_list{ gap: 15px;}
    .tp_list li{ padding: 15px;}
    .tp_list li p{ font-size: 14px;}
    .contact_section .row{ row-gap: 10px;}
    .contact_section .col{ flex: 100%;}
    .contact_section .col-6{ width: 100%;}
    .contact_list2 li span{ white-space: nowrap;}
    .contact_section p{ padding-bottom: 10px;}
    .tf_row{ grid-template-columns: repeat(1, 1fr); row-gap: 30px;}
    .table tbody > tr > td{ min-width: 124px;}
}

@media(max-width: 991px){

  .cs_row { grid-template-columns: repeat(2, 1fr);}
    .client_solutions_new .cs_row { grid-template-columns: repeat(1, 1fr); gap: 30px 0; }
    .banner_section .cpation .copy {
    width: 100%;
   }

    .banner_section .cpation {
        padding: 150px 0px;
        padding-bottom: 50px;
    }

    .banner_section .cpation p {
      width: 100%;
      max-width: 378px;
  }
  
}

@media(max-width:767px){
   .top_footer p, .footer_list li a, .footer_list li, .footer_disclaimer p, .bottom_footer p{ font-size: 14px;}
   header{ top: 15px;}
   .banner_section .cpation .copy{ width: 75%;}
   .banner_section .cpation h1{ font-size: 22px; padding-bottom: 10px;}
   .title{ font-size: 24px;}
   .banner_section .cpation h2{ font-size: 18px; padding-bottom: 10px;}
   .banner_section .cpation p{ font-size: 14px;}
   .banner_section .cpation{ align-items: end; padding-bottom: 70px;}
   .below_banner ul{ grid-template-columns: repeat(2, 1fr); gap: 30px 15px;}
   .as_list{ grid-template-columns: repeat(1, 1fr);}
   .tp_list{ grid-template-columns: repeat(2, 1fr);}
   .cs_row{ grid-template-columns: repeat(1, 1fr); gap: 30px 0;}
   .contact_list2 li span{ display: block;}
   .contact_list2{ display: flex; flex-wrap: wrap; row-gap: 7px; flex-direction: column;}
   .banner_section .cpation .copy {width: 100%;}
   .client_solutions_new .cs_row { grid-template-columns: repeat(1, 1fr); gap: 30px 0; }
   .row { flex-direction: column;}
   .col-4 { width: 100%;}

   .banner_section .cpation .container { display: flex; flex-direction: column; row-gap: 0px;}
   .appricate_broking_banner{ position: relative; top: 50px; left: 0px; right: 0px; order: 1; margin: auto;}
}

@media(max-width:639px) {
    
}

@media(max-width:479px) {
  .banner_section {padding-bottom: 0;}
    .banner_section .cpation {
    padding: 100px 0px;
}
  .banner_section .cpation {padding-bottom: 50px;}



}
@media(max-width:360px) {
  .banner_section {padding-bottom: 0;}
  .banner_section .cpation {padding-bottom: 20px;}
}