@media screen and (min-width:0) and (max-width: 1023px) {
     .header-mobile {
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        align-items: center;
    }
    
    .header { display:none}
    
    .header-mobile .line {
    	fill: none;
    	stroke: var(--color-primary);
    	stroke-width: 6;
    	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    	stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .header-mobile .burger_menu:hover .line {
    	stroke: var(--color-secondary);
    	transition: var(--transition-03);
    }
    
    /* mobile navigation */
    
    .mobile-navigation {
        display: none;
        position: absolute;
        left: 0;
        top: 90px;
        height: 100vh;
        width: 100%;
        overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
    }
    
    .mobile-navigation.active {
        display: block;
    }
    
    .header_btn_mobile {
        display:block;
        z-index: 1;
    }
    
    .burger_menu.active .burger_menu-txt {
        display: none;
    }
    
    .main-mobile-navigation {
        height: 100%;
        width: 100%; 
    }
    
    .main-mobile-navigation .menu {
        list-style: none;
        padding: 2rem 0 0 0;
        margin: 0;
        background: #182851;
        color: white;
        height: auto;
        min-height: 100vh;
    }
    
    .main-mobile-navigation .menu li {
        padding: 1.2rem 0 1.5rem;
        font-size: 1.8rem;
        margin: 0 2rem;
    }
    
    .main-mobile-navigation .menu li:not(:last-child) {
        border-bottom: 1px solid white;
    }
    
    .main-mobile-navigation .toggle-menu,
    .main-mobile-navigation .submenu .toggle-level-two {
        position: relative;
    }
    
    .main-mobile-navigation .submenu .toggle-level-two { 
        padding-left: 2rem;
    }
    
    .main-mobile-navigation .submenu .toggle-level-two + .submenu li { 
        border: 0;
        text-decoration: underline;
    }
    
    .main-mobile-navigation .toggle-menu::after, 
    .main-mobile-navigation .submenu .toggle-level-two::after {
        content: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease-in;
    }
    
    .main-mobile-navigation .submenu .toggle-level-two::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M8.5514 0H0V6.96296H3.92523L0 11.1111V16H4.62616L8.5514 11.8519V16H15V6.96296V0H8.5514Z' fill='%23FECF0A'%3E%3C/path%3E%3C/svg%3E");
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
    
    .main-mobile-navigation .open .toggle-menu:after, 
    .main-mobile-navigation .open .submenu .open .toggle-level-two:after {
        transform: translateY(-50%) rotate(-180deg);
    }
    
    .main-mobile-navigation .toggle-menu:after {
        right: 2rem;
    }
    
    .main-mobile-navigation .submenu .toggle-level-two:after {
        right: 0rem;
    }
    
    .main-mobile-navigation .menu a {
        display: block;
        text-decoration: none;
        color: white;
        cursor: pointer;
    }
    
    .main-mobile-navigation .submenu {
        display: none;
        background: #182851;
        margin-top: 1rem;
    }
    
    .main-mobile-navigation .submenu .toggle-level-two .submenu {
        display: none;
        background: #fecf0a;
        color: #182851;
    }
    
    .customer_lite_desc ul,
    .customer_last_txt {
        max-width: 100%;
    }
    
    .customer_bottom_box .bottom_box_left {
        padding: 5rem 7%;
        background-position: bottom;
        background-image: unset !important;
    }
}

@media screen and (min-width: 1024px) {
    .navigation.desktop-navigation { 
        display: flex;
    } 
    
    .mobile-navigation,
    .header_btn_mobile {
        display: none;
    }
    
    .header-mobile {
         display: none;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    
    .header_logo {
        width: 12rem;
    }
    
    .inner_header .header_logo {
        width: 10rem;
    }
    
    .main_navigation {
        padding: 18rem 15% 0rem;
    }
    
    .main_navigation ul {
        gap: 4rem;
    }
    
    .main_navigation ul li a {
        font-size: 3rem;
        line-height: 2rem;
    }
    
    .hero_content_title {
        font-size: 6rem;
    }
    
    .other_navigation {
        padding: 5rem 15% 0rem;
    }
    
    .other_navigation ul li a {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    
    .navigation_subcontent_col {
        gap: 2rem;
    }
    
    .navigation_subcontent {
        padding: 7% 3% 0;
    }
    
    .hero_content_desc {
        margin-top: 20%;
    }
    
    .updates .cnt_wp {
        flex-direction: column;
        gap: 2rem;
    }
    
    .u_open {
        width: 85%;
        margin-left: auto;
    }
    
    .u_updates {
        width: 85%;
        align-items: center;
    }
    
    .estatement_title,
    .loans_box_info_title {
        font-size: 2.5rem;
    }
    
    .cnt_box.csr .cnt_box_info .cnt_box_info_title {
        font-size: 2.4rem;
    }
    
    .smaller_hero_wp .cnt_wp {
    	padding-bottom: 5%;
    }
    
    .smaller_hero_inner {
    	width: 100%;
    }
    
    /* contact us */ 
    .contact_us_wp-right {
        padding: 9rem 3rem;
    }
    
    .contact_us_wp-left .contact_us_big_text {
        font-size: 5rem;
    }
    
    .contact_us_wp-left .contact_us_big_text {
        font-size: 5rem;
        line-height: 6rem;
    }
    
    .contact_us_info {
        gap: 0rem;
    }

    .contact_info-left {
        font-size: 1.7rem;
    }
    
    .contact_info-right {
        font-size: 1.5rem;
    }
    
     .loans_box {
        padding-right: 5rem;
    }
    
    .loans_box:nth-child(odd) {
        padding-left: 5rem;
    }
    
    /* complaint page */
    .complaint_wp {
        padding: 0 6rem;
    }
    
    .db-accordion {
        align-items: flex-start;
        gap: 3rem;
    }
    
    .db-accordion .accordion-content-text {
        width: 65%;    
    }
    
    .db-accordion .accordion-content-img {
        width: 30%;
    }
    
    .procurement_page_docs .documents_list_box {
        gap: 1rem;
    }
    
    .loan_cal_wp {
        padding: 9rem 6%;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .inner_header .header_logo {
        width: 8rem;
    }
    
    .burger_menu-svg {
        width: 5.3rem;
        height: 4.3rem;
    }
    
    .search_btn {
        transform: translateY(1rem);
    }
    
    .header_btn a {
        width: 200px;
        height: 40px;
    }
    
    .hero_content_desc {
        margin-top: 20%;
    }

    .main_navigation {
        padding: 22rem 10% 0rem;
    }
    .main_navigation ul li a {
        font-size: 3rem;
        line-height: 1.5rem;
    }
    .other_navigation {
        padding: 4rem 10% 0rem;
    }
    .other_navigation ul li a {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .navigation_subcontent {
        padding: 5% 5% 0 5%;
    }
    .navigation_subcontent_col {
        gap: 2rem;
    }
    .subnavigation ul li a {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .header {
       padding: 3rem 0;
    }
    
     .cnt_wp {
        padding: 0 5rem;
    }
    
    .header_logo {
        width: 14rem;
      }
    
     .updates .cnt_wp {
        flex-direction: column;
    }
    
    .hero_content_title {
        font-size: 6.5rem;
        line-height: 7rem;
    }    
    
    .hero_content_arrow {
        width: 28%;
        
    }
    .updates {
        padding: 1rem;
        margin-top: 0;
    }
    
    .u_open {
        width: 100%;
        margin-bottom: 1rem;    
    }

    .u_updates {
        width: 100%;
        gap: 0.8rem;
        margin-left: auto;
    }
    
    .ads_nav {
        padding-right: 5%;
       
    }
    
    .services_box_title {
        font-size: 1.8rem;    
    }
    
   .converstation_field_select {
    width: 65%;
    padding-bottom: 0.5rem;
    }
    
    .converstation_field_select select {
        font-size: 1.6rem;
        
    }
   .converstation_field_input {
    width: 30%;
    align-self: flex-end;
        
    }
    .converstation_field_input input {
     font-size: 2.8rem;
        
    }
    
    .overall {
        padding: 0rem 0 5rem;
    }
    
     .t_img_1 {
    width: 27rem;
    }
    
    .t_img_2 {
        width: 34.1rem;
        height: 19.2rem;
        top: 4%;
    }
    .t_img_3 {
        width: 23rem;
        right: 3%;
        top: 3%;
    }
   .t_img_7 {
        width: 19.5rem;
        right: 9%;
        bottom: 24%;
    }
    
    .t_img_5 {
        width: 20rem;
        left: 27%;
        bottom: 0%;
    }
    
    .arrow_video_img-right, 
    .arrow_video_img-left {
        width: 29%;
    }

     .teams_center {
        max-width: 65rem;
        gap: 2rem;
        
    }   
    .teams_center_title {
        font-size: 5.5rem;
        line-height: 5.5rem;
    }
    
    .news_left {
        width: 42.5%;
        height: 58rem;
    }
    .news_left_desc {
        padding: 4rem 5rem 0;
    }
        
    .arrow-svg-wp {
        right: -2.2rem;
        transform: scale(.6);
    }
        
    .annual_report {
        width: 100%;
        height: 30rem;
        border-radius: 4px;
        padding: 4rem 3.5rem 3rem;
    }
    
    .annual_report_img {
        top: -25px;
        right: 0;
        width: 60%;
    }
    
    .annual_report_btn a:hover .annual_report_img .svg_wp {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    
    .annual_report_title {
        font-size: 3rem;
        line-height: 110%;
    }
    .annual_report_title span {
        font-size: 7rem;
        right: 15%;
    }
    
    .estatement,.complaint  {
        height: 25rem;
        width:48%;
    }
    .estatement_title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    
    .footer_wp {
        padding: 5rem 5rem 4rem 5rem;
    }
    .footer_top_left_title {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 4rem;
    }
    
    .footer_top_nav {
        width: 100%;
        gap: 5%;
        margin-left: 5%;
    }
    
    .footer_top_contact {
        flex-direction: row;
            gap: 4rem;
            width: 100%;
            margin-left: 5%;
            margin-top:7%;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 3%;
        }
    
    .footer_app {
        margin-left: 2rem;
    }
    
    .footer_app_title {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    
    .footer_app_dl li {
        max-width: 125px;
    }
    
    .footer_mobile {
        width: 200px;
    }
    
    .smaller_hero_inner {
        width: 40%;
        margin-left: 13%;
    }
    
    .smaller_hero_title {
        font-size: 4.5rem;
        line-height: 5rem;
    }
    
    .loans_listing_subtitle {
        margin-bottom: 3rem;
    }
    
    .loans_listing_title {
        font-size: 2.5rem;
        line-height: 3.5rem;
        padding: 0 1.5rem;
        width: 90%;
    }
    
    .loans_box_info ul {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .loans_box_info ul li {
        font-size: 1.5rem;
    }
    
    .loans_listing_wp {
        margin-top: 8rem;
    }
    
    .loans_box_info {
        width: 45%;
    }
    
    .loans_box_info_title {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }
    
    .loans_box_info_txt {
        font-size: 1.5rem;
    }
    
    .loans_box_info_btn {
        padding: 1.5rem 4rem;
        width: 100%;
    }
    
    .loans_box_img {
        width: 50%;
    }
    
    .inner_loans_banner_img {
        width: 55%;
    }
    
    .inner_loans_banner_right {
        width: 43%   ;
    }
    
    .inner_loans_banner {
        padding: 22rem 0 4rem 0;
    }
    
    .usefull_section {
        padding: 5rem 0;
    }
    
    .loans_listing {
        padding: 5rem 0 2rem 0;
    }
    
    .inner_loans_btn li:first-child a {
        width:auto;
    }
    
    .usefull_left {
        width: 47%;
    }
    
    .usefull_right {
        width: 46%;
    }
    
    .inner_loans_title {
        font-size: 4.5rem;
        line-height: 5.5rem;
        margin-bottom: 2.2rem;
    }
    
    .loan_cal_right_pricing {
        flex-wrap: wrap;
    }
    
    .loan_pricing {
        width: 100%;
        font-size: 5rem;
    }
    
    .loan_pricing_txt {
        width: 100%;
        font-size: 1.6rem;
        top: 0;
    }
    
    .loan_cal_right_box_price {
        width: 46%;
    }
    
    .loan_cal_section {
        padding: 5rem 0;
    }
    
    .usefull_tabs_content ul li {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 0 0 0 1.8rem;
    }
    
    .usefull_title {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .mapSearchInput_wp {
        width: 35rem;
    }
    
    .tab-buttons {
        gap: 0;
        width: 58%;
    }
    
    .inner_company_banner_right .cnt_box_info_btn {
        width: 42%;
    }
    
    .bg-grey-company {
        padding: 10rem 10rem;
        margin-top: 6%;
    }
    
    .cn-charter {
        padding: 0 10rem;
    }
    
    .tab-nav li {
        font-size: 1.6rem;
    }
    
    .company_financial_statement {
        padding: 0 10rem;
    }
    
    .company_financial_statement .cn-left .cnt_box_info_btn {
        width: 47%;
    }
    
    /* contact us */
    .contact_us_wp-left {
        width: 40%;
    }
    
    .contact_us_wp-right {
        width: 60%;
        padding: 9rem 3rem;
    }
    
    /*.contact_us_wp {*/
    /*    padding: 0 3rem;*/
    /*}*/
    
    .contact.contact_form .umbraco-forms-field.shortanswer, 
    .contact.contact_form .umbraco-forms-field.country.dropdown {
        width: 47%;
    }
    
    .loans_box {
        padding-right: 5rem;
    }
    
    .loans_box:nth-child(odd) {
        padding-left: 5rem;
    }
    
    /* complaint page */
    .complaint_wp {
        padding: 0 3rem;
    }
    
    .complaint_info {
        gap: 5rem;
    }
    
    .loans_box_info_btn {
        margin-top: 3rem;
    }
    
     .db-accordion {
        align-items: flex-start;
        gap: 3rem;
    }
    
    .db-accordion .accordion-content-text {
        width: 55%;    
    }
    
    .db-accordion .accordion-content-img {
        width: 40%;
    }
    
    /* procument page */
    .loans_listing.contact_us {
        padding: 20rem 0rem 5rem;
    }
    
    .procurement_page_docs .documents_list_box {
        gap: 1rem;
        flex-direction: column;
    }
    
    .document_procuremnt_title,
    .procurement_page_docs .documents_list_box a {
        width: 100%;
    }
    
    .umbraco-forms-legend {
        font-size: 1.7rem !important;
    }
    
    .input_amount {
        width: 45%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .teams {
        height: 81vh;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .hero {
        height: 80vh
    }
    
    .burger_menu-svg {
        width: 5.3rem;
        height: 4.3rem;
    }
    
    .search_btn {
        transform: translateY(1rem);
    }
    
    .header_btn a {
        width: 200px;
        height: 40px;
    }

    .main_navigation {
        padding: 22rem 10% 0rem;
    }
    
    .main_navigation ul li a {
        font-size: 3rem;
        line-height: 1.5rem;
    }
    
    .other_navigation {
        padding: 4rem 10% 0rem;
    }
    
    .other_navigation ul li a {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .navigation_subcontent {
        padding: 5% 5% 0 5%;
    }
    
    .navigation_subcontent_col {
        gap: 2rem;
    }
    
    .subnavigation ul li a {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    
    .subcontent_nav_title {
        font-size: 2.2rem;
    }

    .header {
       padding: 3rem 0;
    }
    
     .cnt_wp {
        padding: 0 3rem;
    }
    
    .header_logo {
        width: 13rem;
      }
    
     .updates .cnt_wp {
        flex-direction: column;
    }
    
    .hero_content_title {
        font-size: 5rem;
        line-height: 6.5rem;
    }    
    
    .hero_content_arrow {
        width: 28%;
        
    }
    .updates {
        padding: 1rem;
        margin-top: 0;
    }
    
    .u_open {
        width: 100%;
        margin-bottom: 1rem;    
    }

    .u_updates {
        width: 100%;
        gap: 0.8rem;
        margin-left: auto;
    }
    
    .ads_nav {
        padding-right: 5%;
       
    }
    
    .services_box_title {
        font-size: 1.8rem;    
    }
    
   .converstation_field_select {
    width: 65%;
    padding-bottom: 0.5rem;
    }
    
    .converstation_field_select select {
        font-size: 1.1rem;
        
    }
   .converstation_field_input {
    width: 30%;
    align-self: flex-end;
        
    }
    .converstation_field_input input {
     font-size: 1.5rem;
        
    }
    .rates_title {
        font-size: 2rem;
        line-height: 3.2rem;
    }
    
    .produts_info_title {
        font-size: 3.5rem;
        line-height: 4.2rem;
    }
    
    .overall {
        padding: 0rem 0 5rem;
    }
    
    .t_img_1 {
        width: 24rem;
        left: 3%;
    }
    
    .t_img_2 {
        width: 34.1rem;
        height: 19.2rem;
        top: 4%;
    }
    
    .t_img_3 {
        width: 23rem;
        right: 3%;
        top: 3%;
    }
    
   .t_img_7 {
        width: 19.5rem;
        right: 9%;
        bottom: 24%;
    }
    
    .t_img_6 {
        width: 29.6rem;
        height: 14.4rem;
        right: 23%;
        bottom: 3%;
    }
    
    .t_img_5 {
        width: 20rem;
        left: 27%;
        bottom: 0%;
    }
    
    .teams {
        height: 65vh;
    }
    
    .arrow_video_img-right, 
    .arrow_video_img-left {
        width: 31%;
    }
    
    .teams_center {
        max-width: 65rem;
        gap: 2rem;
    }
    
    .teams_center_title {
        font-size: 5.2rem;
        line-height: 5.5rem;
    }
    
    .news_left {
        width: 42.5%;
        height: 54rem;
    }
    
    .news_left_desc {
        padding: 4rem 5rem 0;
    }
        
    .arrow-svg-wp {
        right: -2.2rem;
        transform: scale(.6);
    }
        
    .annual_report {
        width: 100%;
        height: 27rem;
        border-radius: 4px;
        padding: 4rem 2rem 3rem;
    }
    
    .annual_report_img {
        display: none;
    }
    
    .annual_report_desc {
        width: 100%;
    }
    
    .annual_report_img {
        top: -30px;
        right: 0;
        width: 54%;
    }
    
    .annual_report_title {
        font-size: 3rem;
        line-height: 110%;
    }
    
    .annual_report_title span {
        font-size: 7rem;
        right: 15%;
    }
    
    .estatement,.complaint  {
        height: 25rem;
        width:48%;
    }
    
    .estatement a,
    .complaint a{
        padding: 4.2rem 2rem;
    }
    
    .estatement_title {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    
    .estatement_desc {
        font-size: 1.4rem;
    }
    
    .estatement_btn {
        font-size: 1.2rem;
    }
    
    .footer_wp {
        padding: 5rem 5rem 4rem 5rem;
    }
    
    .footer_top_left_title {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 4rem;
    }
    
    .footer_top_nav {
        width: 100%;
        gap: 5%;
        margin-left: 5%;
    }
    
    .footer_top_contact {
        flex-direction: row;
        gap: 4rem;
        width: 100%;
        margin-left: 5%;
        margin-top:7%;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 3%;
    }
    
    .footer_app {
        margin-left: 2rem;
    }
    .footer_app_title {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .footer_app_dl li {
        max-width: 125px;
    }
        .footer_mobile {
        width: 200px;
    }
   
    .smaller_hero_inner {
        width: 40%;
        margin-left: 13%;
    }
    .smaller_hero_title {
        font-size: 4.5rem;
        line-height: 5rem;
    }
    
    .loans_listing_subtitle {
        margin-bottom: 3rem;
    }
    .loans_listing_title {
        font-size: 2.5rem;
        line-height: 3.5rem;
        padding: 0 1.5rem;
        width: 90%;
    }
    
    .loans_box_info ul {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .loans_box_info ul li {
        font-size: 1.5rem;
    }
    
    .loans_listing_wp {
        margin-top: 8rem;
    }
    
    .loans_box_info {
        width: 45%;
    }
    
    .loans_box_info_title {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }
    
    .loans_box_info_txt {
       font-size: 1.5rem;
    }
    
    .loans_box_info_btn {
        padding: 1.5rem 4rem;
        width: 100%;
    }
    
    .loans_box_img {
        width: 50%;
    }
    
    .inner_loans_banner_img {
        width: 55%;
    }
    
    .inner_loans_banner_right {
        width: 43%   ;
    }
    
    .inner_loans_banner {
        padding: 20rem 0 4rem 0;
    }
    
    .usefull_section {
        padding: 5rem 0;
    }
    
    .loans_listing {
        padding: 5rem 0 2rem 0;
    }
    
    .inner_loans_btn li:first-child a {
        width:auto;
    }
    
    .usefull_left {
        width: 47%;
    }
    
    .usefull_right {
        width: 46%;
    }
    
    .inner_loans_title {
        font-size: 3.5rem;
        line-height: 3.5rem;
        margin-bottom: 0.2rem;
    }
    
    .loan_cal_right_pricing {
        flex-wrap: wrap;
    }
    
    .loan_pricing {
        width: 100%;
        font-size: 5rem;
    }
    
    .loan_pricing_txt {
        width: 100%;
        font-size: 1.6rem;
        top: 0;
    }
    
    .loan_cal_right_box_price {
        width: 45%;
    }
    
    .loan_cal_section {
        padding: 5rem 0;
    }
    
    .usefull_tabs_content ul li {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 0 0 0 1.8rem;
    }
    
    .usefull_title {
        font-size: 2.3rem;
        line-height: 3.2rem;
    }

    .mapSearchInput_wp {
        width: 35rem;
    }
    
    .tab-buttons {
        gap: 0;
        width: 58%;
    }
    
    .inner_company_banner_right .cnt_box_info_btn {
        width: 42%;
    }
    
    .bg-grey-company {
        padding: 10rem 10rem;
        margin-top: 6%;
    }
    
    .cn-charter {
        padding: 0 10rem;
    }
    
    .tab-nav li {
        font-size: 1.6rem;
    }
    
    .company_financial_statement {
        padding: 0 10rem;
    }
    
    .company_financial_statement .cn-left .cnt_box_info_btn {
        width: 47%;
    }
    
    .loan_cal_wp {
        padding: 9rem 6%;
    }
    
    .features_txt {
        font-size: 3.5rem;
        line-height: 4rem;
        margin-top: 3rem;
    } 
    
    .features_top {
        width: 70%;
    }
    
    .features_box_txt {
        font-size: 1.4rem;
    }
    
    /* maubank with me */
    .MauBank_withMe .features_top {
        width: 80%;
    }
    
    .feature_app_list_wp {
        width: 95%;
        padding-top: 4rem;
        order: 2;
    }
    
    .app_asc_img_wp {
        width: 100%;
        order: 1;
        margin-bottom: 2rem;
    }
    
    .feature_app_list {
        gap: 3rem;
        padding-top: 2rem;
    }

    .feature_app_box {
        height: auto;
    }
    
    .feature_app_name {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 2rem;
        min-height: 6rem;
    }
    
    .app_desc {
        margin-top: unset;
    }
    
    .main_function_name {
        font-size: 3rem;
        line-height: 4rem;
    }
    
    /* elleBoost */ 
    .cnt_wp.elleBoost_cnt {
        padding: 7.4rem 3rem;
    }
    
    /* contact us */
    .contact_us_wp {
        padding: 0;
    }
    
    .contact_us_wp-left .contact_us_big_text {
        font-size: 5rem;
        line-height: 6rem;
    }
    
    .contact_us_wp-left,
    .contact_us_wp-right {
        width: 50%;
    }
    
    .contact_us_wp-right {
        padding: 9rem 3rem;
    }
    
    .contact_info-left {
        width: 32%;
    }
    
    .contact.contact_form .umbraco-forms-field.shortanswer, 
    .contact.contact_form .umbraco-forms-field.country.dropdown {
        width: 100%;
    }
    
    .contact_us_info {
        gap: 2rem;
    }
    
    .contact_info-right {
        width: 62%;
    }
    
    /* complaint page */
    .complaint_wp_left {
        width: 40%;
    }
    
    .complaint_wp_right {
        width: 55%;
        padding: 5.5rem 3rem;
    }
    
    .complaints_list_check ul {
        padding: 3rem 0 0;
    }
    
    .complaints_list_check ul li {
        margin-bottom: 3rem;
    }
    
    .complaints_download_btn a {
        padding: 1.8rem 3rem;
    }
    
    .loans_box_info_btn {
        margin-top: 3rem;
    }
    
    .db-accordion {
        align-items: flex-start;
        gap: 3rem;
    }
    
    .db-accordion .accordion-content-text {
        width: 55%;    
    }
    
    .db-accordion .accordion-content-img {
        width: 40%;
    }
    
    /* procurement page */
    
    .loans_listing.contact_us {
        padding: 20rem 0rem 5rem;
    }
    
    .procurement_page_docs .documents_list_box {
        gap: 1rem;
        flex-direction: column;
    }
    
    .document_procuremnt_title,
    .procurement_page_docs .documents_list_box a {
        width: 100%;
    }
    
    .procurement_form .umbraco-forms-field {
        width: 100%;
    }
    
    .procurement_form .umbraco-forms-field.epsregistration,
    .procurement_form .umbraco-forms-field.supplierclassification,
    .procurement_form .umbraco-forms-fieldset select,
    .procurement_form .umbraco-forms-field.supplierclassification select {
        width: 100%;
    }
    
    
    .procurement_form .umbraco-forms-field.businesssizecategory label {
        margin-bottom: 0
    } 
    
    .procurement_form .umbraco-forms-field.contactnumber,
    .procurement_form .umbraco-forms-field.email, 
    .procurement_form .umbraco-forms-field.businesswebsite {
        width: 100%;
    }
    
    .procurement_form .umbraco-forms-field.uploadfile.fileupload {
        width: 50%;
    }
    
    .loans_listing.contact_us.complaint_page {
        padding: 5rem 0;
    }
    
    .loans_listing.contact_us.procurement_page {
        padding: 2rem 0;
    }
    
    .customer_lite_desc ul,
    .customer_last_txt {
        max-width: 100%;
    }
    
    .customer_bottom_box .bottom_box_left {
        padding: 5rem 7%;
        background-position: bottom;
        background-image: unset !important;
    }
    
    .input_amount {
        width: 61%;
    }
}

@media screen and (min-width:768px) and (max-width: 1023px) {
 body { overflow-x:hidden}

.header_logo {
    width: 7rem;
    margin-left: 3%;
}

.inner_header .header_logo {
    width: 7rem;
}

.header {
    height: 90px;
    position: fixed;
    width: 100%;
    padding: 0.5rem 0 0 0;
    top: 0;
    background: rgba(255, 255, 255, 0.75);
}

.header.resize-header {
    height: 90px;
    padding: 0.5rem 0 0 0;
}

.header.resize-header .header_logo {
   width: 7rem;
}

.burger_menu {
    margin-left: 2rem;
    margin-right: 5%;
}

.search_btn {
    color: var(--color-primary);
    transform: translateY(0);
}

.search_btn_wp svg path {
    stroke: var(--color-primary);
}

.hero { 
    margin-top:90px;
    height: 45vh;
    
}
.updates {
    min-height: 90px;
    justify-content: left;
    margin-top: 0;
}

.u_updates {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
}

.u_updates_info {
    height: 80px;
    width: 100%;
}

.u_open { display:none;}

.hero_content_socials  { display:none;}

 .navigation.desktop-navigation  { 
    display: none;
}
 
.hero_content_desc {
    width: 90%;
    margin-top: 15%;
} 
 
.hero_content_title {
    font-size: 4rem;
    line-height: 4rem;
} 
.hero_scrolldown { display:none}
.hero_content_arrow{ display:none}
 
.header_btn { 
    display: none;
}

.overall .cnt_wp {
    flex-wrap: wrap;
} 
   
.overall_left {
    width: 100%;
}  

.app_title {
    font-size: 3.5rem;
    line-height: 4.5rem;
    margin-top: 1.3rem;
}
.app_mobile {
    width: 35%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: 4rem;
}

.overall_right {
    width: 100%;
}     

.rates_section {
    width: 100%;
    margin-top: 4rem;
    flex-wrap: wrap;
}
 
.overall_right {
    width: 100%;
    
}    

.exchanges_rate_hp {
    width: 49%;
    height: 406px;
   
}

.conversation_rate_hp {
    width: 49%;
    height: auto;
    margin-top: 0;
    padding: 3rem 3.5rem 2rem 3.5rem;
    
}   
     
.products {
        padding: 2rem 5% 8rem 5%;
        flex-wrap: wrap;
    } 
    .products_left {
        width: 100%;
        display: flex;
        padding-bottom: 4rem;
    } 
    .products_right {
        width: 100%;
    }
    .produts_info_title {
        font-size: 3.5rem;
        line-height: 4.5rem;
        margin-top: 1.3rem;
    }
    
    .teams {
        height: 36vh;
   }
   
   .arrow_video_img-right, .arrow_video_img-left {
        width: 30%;
    }
   
   .teams_center {
        width: 75%;
        display: flex;
        gap: 1rem;
    }
    
    .teams_btn {
       max-width: 21.8rem;
    }
    
    .teams_btn a {
        padding: 1.3rem 2rem;
        font-size: 1.4rem;
        width: 100%;
    }
    
    .teams_center_title {
        font-size: 3rem;
        line-height: 3.3rem;
    }
    
    .t_img_1 {
        width: 15rem;
        border-radius: 4px;
        left: 0%;
        top: -5%;
    }
    .t_img_2 {
        width: 20rem;
        height: 14rem;
        left: 6%;
        top: initial;
        transform: none;
        bottom: -5%;
    }
    .t_img_3 {
        width: 15rem;
        border-radius: 4px;
        right: 1%;
        top: -7%;
    }   
     
    .t_img_4 {
        width: 27rem;
        border-radius: 4px;
        left: initial;
        right: 14%;
        bottom: -13%;
    }
        
    .t_img_5,.t_img_6,.t_img_7 {
    display:none;
}
    
    
    .news {
        padding: 4rem 0 0rem 0;
    }

    .news .cnt_wp {
        flex-wrap: wrap;
    }
    .news_left {
        width: 100%;
        height: auto;
    }
    .news_left_desc {
        padding: 2rem 2rem 0;
        width: 100%;
    }
    .news_left_desc_title {
        font-size: 3rem;
    }
    .news_right {
    width: 100%;
        margin-top: 5rem;
    }
    
    .annual_report {
        width: 100%;
        height: 30rem;
        padding: 7rem 4.5rem 4rem;
    }
    
    .annual_report_desc {
        width: 100%;
        height: 100%;
    }
    
    .annual_report_title span {
        font-size: 6rem;
        top: 6%;
        right: 46%;
    }
    
    .annual_report_txt {
        width: 100%;
    }
    
    .annual_report_img {
        display: none;
    }
    
    .annual_report_title {
        font-size: 3rem;
    }
    
    .estatement {
        width: 49%;
        height: 30rem;
        margin-top: 2rem;
    }
    
    .estatement_title {
        font-size: 2rem;
    }
    
    .complaint {
        width: 49%;
        height: 30rem;
        margin-top: 2rem;
    }
    
    .svg_wp {
        display: none;
    }
    
    .footer {
        padding: 2rem 2rem;
    } 
     
   .footer_wp {
        padding: 3rem 3rem 3rem 3rem;
    }  
     
    .footer_top {
        flex-wrap: wrap;
    }
    
    .footer_top_left {
         width: 100%;
    }
    
    .footer_top_right {
        width: 100%;
        margin-top:4rem;
    }
     
    .footer_top_left_title {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 4rem;
    } 
    
    .footer_top_nav {
        width: 100%;
        display: flex;
        gap: 0;
        margin-left: 0;
        flex-wrap: wrap;
    }
    
    .footer_nav-col {
        width: 100%;
        gap: 2rem;
        margin-bottom: 2rem;
    }
    
    .footer_top_contact {
        gap: 2rem;
        width: 100%;
        margin-left: 0;
    }
    
    .footer_bot {
        margin-top: 3rem;
        flex-wrap: wrap;
    }
    
    .footer_bot ul {
        margin-left:auto;
        gap: 3rem;
        margin-top: 0;
    } 
    
    .copyright {
        font-weight: var(--font-weight-regular);
    }
      
    .footer_app {
        margin-left: 0;
    }
         
    .footer_top_applink {
        flex-wrap: wrap;
        position:relative;
    }
    
    .footer_app_title {
        font-size: 2rem;
        top: -57%;
        left: 50%;
        width: 15rem;
        }
    .footer_mobile {
        width: 108px;
        position:absolute;
        right:0;
    }   
    
    .footer_app_dl {
    display: flex;
    flex-direction: row;
    left: -10px;
    }
    .footer_app_dl li {
        max-width: 120px;
    }     
     
     
    .smaller_hero {
        height: 45vh;
        border-radius: 0px 0px 4px 4px;
        margin-top: 90px;
    } 
    
    .smaller_hero_inner {
        width: 80%;
    } 
     
    .smaller_hero_title {
        font-size: 4rem;
        line-height: 110%;
    } 
    .smaller_hero_txt {
        font-size: 2.2rem;  
        line-height: 2.5rem;
        margin-top: 1.5rem;
} 
     
    .loans_listing .cnt_wp {
        flex-direction: column;
        padding: 0 4rem;
    } 
     
    .loans_listing {
        padding: 2rem 0;
    } 
     
    .loans_listing_title {
        font-size: 3.4rem;
        line-height: 110%;
        padding: 0 1rem;
    } 
        .loans_listing_subtitle {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 1.8rem;
    } 
     
    .loans_listing_wp {
        margin-top: 5rem;
        justify-content: space-between;
    } 
    .loans_box {
        width: 49%;
        padding-bottom: 2rem;
        padding-left: 0;
        padding-top: 2rem;
        padding-right: 0;
    } 
     .loans_box:nth-child(odd) {
        border-right: none;
        padding-right: 0;
        padding-left: 0;
        padding-left: 0;
    }
     
    .loans_box_info {
        width: 100%;
    } 
     
    .loans_box_info_title {
        font-size: 2rem;
        margin-bottom: 1rem;
    } 
     
    .loans_box a {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    } 
         
    .loans_box_img {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    } 
     
    .loans_box_info_btn {
        margin: 0 auto;
        padding: 1.5rem 2rem;
        font-size: 1.4rem;
        width: 80%;
    } 
     
    .loans_box_info ul {
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    } 
     
    .loans_box_info_txt {
        color: #859ba3;
        font-size: 1.6rem;
        line-height: 130%;
        margin-bottom: 2rem;
    }
     
    .inner_loans_banner .cnt_wp {
        flex-wrap: wrap;
    } 
     
    .inner_loans_banner_right {
        width: 100%;
        padding-top: 2rem;
    } 
     
    .inner_loans_breadcrumb {
        display: none;
    } 
    .inner_loans_title {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    } 
    
    .inner_loans_btn li:first-child a {
        margin-top: auto;
        padding: 1.5rem 3rem;
    } 
    
    .features_top {
        width: 95%;
    }
    .features_txt {
        font-size: 2.6rem;
        line-height: 110%;
        margin-top: 2rem;
    }
    .features_wp {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
    
  .features_box {
        width: 100%;
        height: 24rem;
        border-bottom: 1px solid rgba(133, 155, 163, 0.3);
        padding: 2rem 4rem;
    }  
    
    .features_box:nth-child(1),
    .features_box:nth-child(2),
    .features_box:nth-child(3),
    .features_box:nth-child(4),
    .features_box:nth-child(5),
    .features_box:nth-child(6),
    .features_box:nth-child(7),
    .features_box:nth-child(8) {
        border-color: rgba(133, 155, 163, 0.3);
    }
    
    .inner_loans_banner {
        padding: 10rem 0 2rem 0;
    }
        
    .inner_loans_banner_img {
        width: 100%;
        position: initial;
    }
        
    .usefull_section {
        padding: 2rem 0;
    }
    
    .usefull_wp {
        width: 100%;
        padding: 3rem 3rem 3rem 3rem;
        flex-wrap: wrap;
    }
    .usefull_img {
        width: 100%;
        margin-left: 0;
    }
    
    .usefull_right {
        width: 100%;
        margin-left: 0;
        padding-top: 2rem;
        padding-right: 0;
        padding-bottom: 2rem;
    }
    
    .usefull_left {
        width: 100%;
    }
    
    .usefull_tabs {
        display: flex;
        width: 100%;
        margin-top: 0rem;
    }
    
    .tab-nav li {
        font-size: 1.5rem;
        padding: 1rem 1rem;
        width: 25%;
    }
    
    
    
    
    .usefull_tabs_content ul li {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 0 0 0 1.5rem;
    }
    
    .usefull_title {
        font-size: 2rem;
        line-height: 3rem;
    }
    .inner_loans_btn ul {
        gap: 1rem;
        flex-wrap: wrap;
    }
    
    .loan_cal_section {
        padding: 4rem 0;
    }
    
    .loan_cal_wp {
        width: 100%;
        padding: 3rem 8%;
        flex-wrap: wrap;
    }
    
    .loan_cal_left {
        width: 50%;
    }
    
    .loan_cal_right {
        width: 45%;
        height: auto;
        margin-left: auto;
        padding-top: 2rem;
    }
     
    .loan_cal_title {
        font-size: 2.3rem;
        line-height: 2rem;
    } 
     
    .loan_cal_right_wp {
        width: 100%;
        height: auto;
        padding: 3rem 3rem;
    }
    
    .input_amount {
        width: 61%;
    }
     
    .loan_cal_right_pricing {
        margin-top: 2rem;
        flex-wrap: wrap;
    } 
     
    .loan_pricing {
    width: 100%;
    display: flex;
    font-size: 3rem;
    margin-bottom: 1rem;
} 
     
     
    .loan_pricing_txt {
        width: 100%;
        font-size: 1.6rem;
        top: 0;
    } 
     
    .loan_cal_right_inner {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
} 
     
    .loan_cal_right_box {
        align-items: flex-end;
        padding: 0 0 2rem 0;
        flex-wrap: wrap;
        
    } 
    .loan_cal_right_box_info {
        width: 100%;
    } 
     
    .loan_cal_right_box_price {
        font-size: 2rem;
        width: 100%;
        margin-left: 0;
        text-align: left;
        margin-top: 2rem;
    } 
    
    .loan_cal_right_apply_title {
        font-size: 2rem;
    }
     
     
    .tab-nav {
        display: flex;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0 0.5rem;
        margin-bottom: 2rem;
        gap: 1.5rem;
        flex-wrap: wrap;
    } 
    
    .tabbing_nav {
        overflow-x: scroll;
    }
    
    
    .cnt_wp.maubankgroup {
       flex-wrap:wrap;
    } 
    .bottom_box_left {
        padding: 7%;
        width: 100%;
        background: #f5f5f5;
        align-items: center;
    } 
    .bottom_box_right {
        width: 100%;
        height: 18rem;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }
     
    .bottom_box_title {
        font-size: 3.4rem;
        line-height: 4rem;
    }

    .bottom_box_btn a {
        padding: 1.5rem 2rem;
        font-size: 1.4rem;
        width: 25rem;
    }
    
    .inner_company_banner {
        padding:10rem 0 3rem 0;
    }
    
    .cnt_wp.comp-banner {
       flex-wrap:wrap;
    } 
    .inner_company_banner_img {
        width: 100%;
    }

    .inner_company_banner_right {
        width: 100%;  
        padding: 8% 6% 4% 6%;
    }
    .inner_company_banner_right .cnt_box_info_btn {
        width: 85%;
    }

    .bg-grey-company {
        width: 100%;
        padding: 4rem 3rem;
        margin-top: 6%;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .bg-grey-company .cnt_box_info_title {
        font-size: 3rem;
        margin-bottom: 2rem;
        
    }

    .cnt_border_btm {
        padding-bottom: 4rem;
        flex-wrap: wrap;
    }

    .cnt_box_info {
        width: 100%;
    }

    .cnt_box_img {
        margin-right: 0;
        width: 100%;
    }

    .bg-grey-company .cnt_text h3 {
        font-size: 3em;
        margin: 1rem 0 1rem;
    }
    
    .cn-charter {
        width: 100%;
        padding: 0 3rem;
        margin-top: 5%;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    
    .cn-charter-left {
        width: 100%;
    }
    
    .cn-charter-right {
        width: 100%;
    }
    .cn-charter-right .cnt_box_info {
        padding-top: 2rem;
    }
        
    .org_btn {
    bottom: 20px;
    right: 20px;
    width: 170px;
    height: 140px;
}
    
    .org_btn a {
        width: 170px;
        height: 140px;
    }


    
    .usefull_subtitle.company {
        font-size: 2.4rem;
        line-height: 110%;
    }

    .company_financial_statement {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 0 3rem;
        margin-top: 5%;
        flex-wrap: wrap;
    }
    .company_financial_statement .cn-left {
        width: 100%;
        margin-right: 0;
    }

    .company_financial_statement .cn-right {
        width: 100%;
    }

    .company_financial_statement .cn-left h4 {
        font-size: 2.4rem;
        line-height: 110%;
        margin-bottom: 2rem;
    }

    .company_financial_statement .cn-left .cnt_box_info_btn {
        text-align: center;
        width: 100%;
        padding: 2rem 2rem;
        margin-bottom: 2rem;
    }

    .cnt_box a {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .cnt_listing_wp {
        padding: 0 1rem;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    .csr_partners {
        padding: 10rem 0rem 5rem;
    }
    
    .cnt_box.csr { 
        width: 49%;
        padding-bottom: 2rem;
        padding-left: 0;
        padding-top: 2rem;
        padding-right: 0;
    }

    .cnt_box.csr .cnt_box_info_title {
        font-size: 2rem;
        line-height: 110%;
        margin-bottom: 2rem;
    }

    .cnt_box.csr .cnt_box_img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 2rem;
    }
    .cnt_listing_subtitle {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 2rem    ;
    }
    .cnt_listing_title {
        font-size: 3rem;
        line-height: 3rem;
    } 
     
    .locator_wp {
        display: flex;
        width: 100%;
        margin-top: 5rem;
        flex-direction: column;
    } 
    .locator_top {
        width: 100%;
        margin-bottom: 4rem;
        flex-wrap: wrap;
    } 
    .map-search {
        gap: 1rem;
        width: 100%;
    } 
    
    .mapSearchInput_wp {
        width: 100%;
        height: 6rem;
    }
    .tab-buttons {
        gap: 0;
        border-bottom: 1px solid #859ba3;
        padding: 0 2rem;
        flex-wrap: wrap;
        width:100%;
        margin-top: 2rem;
    } 
     
    .tab-btn {
        font-size: 1.6rem;
        padding: 1rem 2rem 1.5rem 2rem;
        width: 30%;
    } 
     
    .map-container {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    } 
     
    .map-list {
        width: 100%;
        padding: 1rem;
        height: 100%;
    } 
    
    .map-img {
        width: 28%;
        overflow: hidden;
    }
     
    .inner_company_banner_right .title {
        font-size: 3rem;
        margin-bottom: 3rem;
    } 
     
     
    .locator {
        padding-top: 10rem;
    } 
         
    .locator_title {
        font-size: 2.4rem;
        line-height: 3rem;
    } 
     
    
    .map-desc {
        width: 100%;
        margin-left: 2rem;
    } 
    .map-box {
        width: 100%;
        height: 50vh;
        margin-left: 0;
    } 
     
    .map-item {
        padding: 1rem 2rem 1.5rem;
        margin-bottom: 5rem;
        height: 16rem;
    } 
     
    .map-title {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    } 
     
    .map-address {
        font-size: 12px;
        margin-bottom: 1rem;
    } 
     
    .other-content-top {
        margin-top: 10rem;
    } 
     
    .other-title {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-bottom: 1rem;
    } 
    
    .tab_content_inner {
        margin-top: 3rem;
        gap: 2rem;
    }
     
    .tab_box {
        width: 48%;
        height: auto;
    } 
     
    .tab_box a {
        padding: 2rem;
        flex-wrap: wrap;
    }
    
   .tab_box_img {
        width: 80%;
        padding: 1rem;
        margin-bottom: 1rem;
        margin: 0 auto;
    }  
    .tab_box_info {
        width: 100%;
        margin-left: 0;
    }
     
    .tab_box_title {
        color: var(--color-primary);
        font-size: 1.6rem;
        line-height: 110%;
        margin-top: 5%;
    } 
    
    .tab_box a::after {
        content: none;
    }
    
    .newslisting_details .cnt_wp {
        gap: 1.3rem;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .news_detail_info-left {
        width: 100%;
    }
    .news_detail_info-right {
        width: 100%;
        margin-left: 0;
    }
    .newslisting_details {
        padding: 10rem 0 2rem;
    }
    .back_btn {
        display: none;
    }
        
    .news_detail_info-title {
        max-width: 100%;
        font-family: var(--font-primary);
        font-size: 2.4rem;
        line-height: 3rem;
        color: var(--color-primary);
        margin-bottom: 2rem;
    }
    .newslisting_box {
        width: 48%;
        height: auto;
    }
    
    .newslisting_wp {
          gap: 2rem;
    }
    
    
    .newslisting.other_news {
        padding: 0rem 0 2rem;
    }
    
    .career_intro {
        padding: 2rem 0;
    }
    
    .career_intro_left {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .career_intro_title {
        font-size: 3.4rem;
        line-height: 4rem;
        margin-top: 4rem;
    }
    .career_intro_txt {
        font-size: 1.8rem;
        font-style: normal;
        line-height: 2.4rem;
        width: 80%;
        margin-top: 3rem;
    }
    
    .career_intro .cnt_wp { flex-wrap:wrap}
    
    .career_intro_right {
        width: 100%;  
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 3rem;
    }
    .joblisting_top {
        max-width: 90%;
        margin:0 auto;
    }
    
    .joblisting {
        padding: 2rem 0;
    }
    
    .joblisting_title {
        font-size: 3.4rem;
        line-height: 4rem;
        margin-bottom: 2rem;
    }
    .joblisting_subtitle {
       line-height: 2rem;
        margin-bottom: 2rem;
    }
    
    .bottom_box .cnt_wp { flex-wrap:wrap}
    
    .bottom_box_desc {
     width: 100%;
    }
    
    .contact_us_wp{ flex-wrap:wrap;flex-direction: column-reverse;    margin-top: 4rem;}
    
    .contact_us_wp-left {
        width: 100%;  margin-top: 4rem;
    }
    
    .contact_us_wp-right {
        width: 100%;
    }
    
    .loans_listing.contact_us {
        padding: 10rem 0 2rem 0;
    }

    .contact_us_wp-left .contact_us_big_text {
        font-size: 4.4rem;
        line-height: 3rem;
        max-width: 100%;
        opacity: 0.1;
        margin-bottom: 3.5rem
    }
    
    .locate_bank span {  margin-right: 1rem;}
    
    .contact_us_wp {
        padding: 0;
    }
    
    .contact_us_wp-right {
        max-width: 100%;
        width: 100%    ;
        padding: 3rem;
    }
    
    .contact.contact_form .umbraco-forms-field.shortanswer, 
    .contact.contact_form .umbraco-forms-field.country.dropdown {
        width: 100%;
    }
    
    .contact_us_form_wp .umbraco-forms-field.privacy.titleanddescription {
        margin: -10px 0 0 0;
        width: 100%;
    }
     
    .contact_us_info {
        margin-bottom: 4rem;
    } 
    .contact_info-left {
        font-size: 2rem;
        margin-bottom:15px;
    } 
     
    .contact_info-right {
        font-size: 2rem;
    } 
     
    .contact_us_social_media { display:none} 
     
    .locate_bank {
        display: flex;
    } 
     
    .other-content-bodyText {
        font-size: 1.4rem;
        margin-bottom: 2rem;
        padding:0;
    } 
    
    .tab_content{
        overflow-x: scroll;
    }
    .body__table {
        float: left;
        width: 800px;
    }
    
    /* manBank WithMe */
    .MauBank_withMe .features_top {
        width: 95%;
    }
    
    .MauBank_withMe .features_wp {
        flex-direction: column;
    }
    
    .feature_app_list_wp {
        width: 95%;
        padding-top: 4rem;
        order: 2;
    }
    
    .app_asc_img_wp {
        width: 100%;
        order: 1;
        margin-bottom: 2rem;
    }
    
    .feature_app_list {
        gap: 3rem;
        padding-top: 2rem;
    }
    
    .feature_app_box {
        height: auto;
    }
    
    .feature_app_name {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    }
    
    .app_function_wp {
        gap: 4rem;
    }
    
    .main_function_name {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    .app_benefit_list li,
    .function-txt{
        font-size: 1.6rem;
        line-height: 2.6rem;
        max-width: 50rem;
    }
    
    .withdraw_money .app_function_text {
        padding-left: unset;
    }
    
    .app_function_right.withdraw_money {
        padding-left: unset;
    }
    
    .register {
        margin: 5rem 0 0;
    }
    
    .resgister-steps_wp {
        gap: 2rem;
        flex-direction: column;
    }
    
    .resgister_box {
        width: 50%;
    }
    
    .resgister_left,
    .resgister_mid,
    .resgister_right {
        width: 100%;
    }
    
    .resgister_mid {
         display:none;
     }
    
    .resgister_left_wp,
    .resgister_right_wp {
        gap: 2rem;
        flex-direction: row;
    }
    
    .resgister_steps_name {
        font-size: 1.8rem;
    }
    
    .faq_section {
        padding: 5rem 0 0;
    }
    
    .faq_accordion {
        margin: 5rem auto;
        gap: 1.7rem;
    }
    
    .faq_txt {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .accordion-label.faq_accordion-label {
        line-height: 2.4rem;
    }
    
    .accordion-label.faq_accordion-label::before {
        right: 1rem;
    }
    
    /* elleBoost page */
    
    .inner_loans_banner.elleBoost_page .inner_loans_banner_img {
        width: 100%;
    }
    
    .inner_loans_banner.elleBoost_page .inner_loans_banner_right {
        width: 100%;
        padding-top: 5rem;
    }
    
    .inner_loans_banner.elleBoost_page .inner_loans_banner_right .inner_normal_txt {
        padding-bottom: 6rem;
    }
    
    .elleBoost_page .inner_normal_btn ul {
        gap: 2rem;
    }
    
    .elleBoost_cnt {
        padding: 5rem 0;
    }
    
    .cn-charter-left.elleBoost-charter-left .cnt_box_img {
        position: sticky;
        top: 2rem;
    }
    
    .elleBoost_tab_box {
        gap: 4rem;
        flex-direction: column;
    }
    
    .cn-charter-left.elleBoost-charter-left,
    .cn-charter-right.elleBoost-charter-right {
        width: 100%;
    }
    
    .accordion-header {
        display: none;
    }
    
    .elleBoost_tab_header {
        font-size: 3rem;
        line-height: 5rem;
        margin-bottom: 2rem;
    }
    
    .elleBoost_tab_txt_wp {
        gap: 2rem;
    }
    
    .elleBoost_facility_name {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-bottom: 1rem;
    }
    
    .elleBoost_facility_list {
        gap: 1rem;
    }
    
    .elleBoost_facility_list li,
    .elleBoost_facility_txt {
        font-size: 1.6rem;
        line-height: 3rem;
    }
    
     /* complaint page */
    .complaint_wp {
        flex-direction: column;
        margin-top: 5rem;
    }
    
    .complaint_wp_left {
        width: 100%;
        order: 2;
    }
    
    .complaint_left_intro {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .complaint_info {
        gap: 2rem;
    }
    
    .complaint_info-left,
    .complaint_info-right {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .complaint_wp_right {
        width: 100%;
        order: 1;
        padding: 3rem;
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .complaints_list_check ul li {
        margin-bottom: 2.5rem;
    }
    
    .drop_complaint_btn a {
        font-size: 1.8rem;
    }
    
    .db-accordion {
        align-items: flex-start;
        gap: 3rem;
    }
    
    .db-accordion .accordion-content-text {
        width: 60%;    
    }
    
    .db-accordion .accordion-content-img {
        width: 35%;
    }
    
    /* procurement page */
    .procurement_page .procurement_wp {
        padding: 0 2rem;    
    }
    
    .procurement_form .umbraco-forms-field {
        width: 100%;
    }
    
    .procurement_form .umbraco-forms-field.epsregistration,
    .procurement_form .umbraco-forms-field.supplierclassification,
    .procurement_form .umbraco-forms-fieldset select,
    .procurement_form .umbraco-forms-field.supplierclassification select {
        width: 100%;
    }
    
    
    .procurement_form .umbraco-forms-field.businesssizecategory label {
        margin-bottom: 0
    } 
    
    .procurement_form .umbraco-forms-field.contactnumber,
    .procurement_form .umbraco-forms-field.email, 
    .procurement_form .umbraco-forms-field.businesswebsite {
        width: 100%;
    }
    
    .procurement_form .umbraco-forms-field.uploadfile.fileupload {
        width: 50%;
    }
    
    .expanded_list_wp .loans_box {
        width: 100%;
    }
    
    .loans_box_info_subtitle {
        font-size: 2;
    }
    
    .expanded_list_wp .loans_box_img {
        width: 42%;
        margin-left: auto;
    }
}

@media screen and (min-width:0) and (max-width: 767px) {
 body { overflow-x:hidden}

.header_logo {
    width: 7rem;
    margin-left: 3%;
}

.inner_header .header_logo {
    width: 7rem;
}

.header {
    height: 90px;
    position: fixed;
    width: 100%;
    padding: 0.5rem 0 0 0;
    top: 0;
    background: rgba(255, 255, 255, 0.75);
}

.header.resize-header {
    height: 90px;
    padding: 0.5rem 0 0 0;
}

.header.resize-header .header_logo {
   width: 7rem;
}

.search_btn {
    color: var(--color-primary);
    transform: translateY(0);
}

.search_btn_wp svg path {
    stroke: var(--color-primary);
}

.burger_menu {
    margin-left: 2rem;
    margin-right: 5%;
}

.hero { 
    margin-top:90px;
    height: 75vh;
    
}
.updates {
    min-height: 90px;
    justify-content: left;
    margin-top: 0;
}

.u_updates {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
}

.u_updates_info {
    height: 80px;
    width: 100%;
}

.u_open { display:none;}

.hero_content_socials  { display:none;}

    .navigation.desktop-navigation  { 
       display: none;
    }
     
    .hero_content_desc {
        width: 90%;
        margin-top: 35%;
    } 
    
    .hero_content_btn {
        margin-top: 2rem;
        align-items: flex-start;
        flex-direction: column;
    }

    .hero_content_title {
        font-size: 3rem;
        line-height: 4rem;
    } 
    .hero_scrolldown { display:none}
    .hero_content_arrow{ display:none}
     
    .header_btn { 
        display: none;
    }
    
    .overall .cnt_wp {
        flex-wrap: wrap;
    } 
       
    .overall_left {
        width: 100%;
    }  
    
    .app_title {
        font-size: 3.5rem;
        line-height: 4.5rem;
        margin-top: 1.3rem;
    }
    .app_mobile {
        width: 65%;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        margin-top: 4rem;
    }
    
    .overall_right {
        width: 100%;
    }     
    
    .rates_section {
        width: 100%;
        margin-top: 4rem;
        flex-wrap: wrap;
    }
     
    .overall_right {
        width: 100%;
        
    }    
    
    .exchanges_rate_hp {
        width: 100%;
        height: 406px;
       
    }

    .conversation_rate_hp {
        width: 100%;
        height: auto;
        margin-top: 4rem;
        padding: 3rem 3.5rem 2rem 3.5rem;
        
    }   
     
    .products {
        padding: 2rem 5% 8rem 5%;
        flex-wrap: wrap;
    }
    
    .products_left {
        width: 100%;
        display: flex;
        padding-bottom: 4rem;
    } 
    
    .products_right {
        width: 100%;
    }
    
    .produts_info_title {
        font-size: 3.5rem;
        line-height: 4.5rem;
        margin-top: 1.3rem;
    }
    
    .converstation_field {
        align-items: flex-end;
    }
    
    .converstation_field_select select {
        font-size: 1.3rem;
    }
    
    .converstation_field_select {
        width: 70%;
    }
    
    .converstation_field_input {
        width: 30%;
    }
    
    .converstation_field_input input {
        font-size: 1.7rem;
    }
    
    .teams {
      height: 50vh;
    }
    
    .arrow_video_img-left,
    .arrow_video_img-right {
        display: none;
    }
   
    .teams_center {
      width: 75%;
      display: flex;
      gap: 1rem;
    }
    
    .teams_btn {
       max-width: 21.8rem;
    }
    
    .teams_btn a {
        padding: 1.3rem 2rem;
        font-size: 1.4rem;
        width: 100%;
    }
    
    .teams_center_title {
        font-size: 3rem;
        line-height: 3.3rem;
    }
    
   .teams_images_cnt {
       display: none;
   }
    
    .news {
        padding: 4rem 0 0rem 0;
    }

    .news .cnt_wp {
        flex-wrap: wrap;
    }
    
    .news_left {
        width: 100%;
        height: auto;
    }
    
    .news_left_desc {
        padding: 2rem 2rem 0;
        width: 100%;
    }
    
    .news_left_desc_title {
        font-size: 3rem;
    }
    
    .news_right {
        width: 100%;
        margin-top: 5rem;
    }
    
    .annual_report {
        width: 100%;
        height: auto;
        padding: 7rem 4.5rem 4rem;
    }
    
    .annual_report_desc {
        width: 100%;
        height: 100%;
    }
    
    .annual_report_title span {
        font-size: 6rem;
        top: 6%;
        right: 46%;
    }
    
    .annual_report_txt {
        width: 100%;
    }
    
    .annual_report_img {
        display: none;
    }
    
    .annual_report_title {
        font-size: 3rem;
    }
    
    .estatement {
        width: 100%;
        height: 30rem;
        margin-top: 2rem;
    }
    .estatement_title {
        font-size: 2rem;
    }
    .complaint {
        width: 100%;
        height: 30rem;
        margin-top: 2rem;
    }
    
    .svg_wp {
        display: none;
    }
    
    .footer {
        padding: 2rem 2rem;
    } 
     
   .footer_wp {
        padding: 3rem 3rem 3rem 3rem;
    }  
     
    .footer_top {
        flex-wrap: wrap;
    }
    
    .footer_top_left {
      width: 100%;
   }
   
    .footer_top_right {
        width: 100%;
        margin-top:4rem;
    }
     
    .footer_top_left_title {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 4rem;
    } 
    .footer_top_nav {
        width: 100%;
        display: flex;
        gap: 0;
        margin-left: 0;
        flex-wrap: wrap;
    }
    .footer_nav-col {
        width: 100%;
        gap: 2rem;
        margin-bottom: 2rem;
    }
    .footer_top_contact {
        gap: 2rem;
        width: 100%;
        margin-left: 0;
    }
    .footer_bot {
        margin-top: 3rem;
        flex-wrap: wrap;
    }
    .footer_bot ul {
        margin-left: 0;
        gap: 3rem;
        margin-top: 2rem;
    } 
    .copyright {
        font-weight: var(--font-weight-regular);
    }
      
    .footer_app {
        margin-left: 0;
    }
         
    .footer_top_applink {
        flex-wrap: wrap;
        position:relative;
    }
    
    .footer_app_title {
        font-size: 2rem;
        top: -57%;
        left: 50%;
        width: 15rem;
        }
    .footer_mobile {
        width: 108px;
        position:absolute;
        right:0;
    }   
    .footer_app_dl li {
        max-width: 120px;
    }     
     
     
    .smaller_hero {
        height: 60vh;
        border-radius: 0px 0px 4px 4px;
        margin-top: 90px;
    } 
    
    .smaller_hero_inner {
        width: 70%;
    } 
     
    .smaller_hero_title {
        font-size: 2.5rem;
        line-height: 110%;
    } 
     
    .loans_listing .cnt_wp {
        flex-direction: column;
        padding: 0 4rem;
    } 
     
    .loans_listing {
        padding: 2rem 0;
    } 
     
    .loans_listing_title {
        font-size: 2.5rem;
        line-height: 110%;
        padding: 0 1rem;
    } 
        .loans_listing_subtitle {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 1.8rem;
    } 
     
    .loans_listing_wp {
        margin-top: 5rem;
    } 
    .loans_box {
        width: 100%;
        padding-bottom: 2rem;
        padding-left: 0;
        padding-top: 2rem;
        padding-right: 0;
    } 
     .loans_box:nth-child(odd) {
        border-right: none;
        padding-right: 0;
        padding-left: 0;
        padding-left: 0;
    }
     
    .loans_box_info {
        width: 100%;
    } 
     
    .loans_box_info_title {
        font-size: 2rem;
        margin-bottom: 1rem;
    } 
     
    .loans_box a {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    } 
         
    .loans_box_img {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    } 
     
    .loans_box_info_btn {
        margin: 0 auto;
        padding: 1.5rem 2rem;
        font-size: 1.4rem;
        width: 80%;
    } 
     
    .loans_box_info ul {
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    } 
     
    .loans_box_info_txt {
        color: #859ba3;
        font-size: 1.6rem;
        line-height: 130%;
        margin-bottom: 2rem;
    }
     
    .inner_loans_banner .cnt_wp {
        flex-wrap: wrap;
    } 
     
    .inner_loans_banner_right {
        width: 100%;
        padding-top: 2rem;
    } 
     
    .inner_loans_breadcrumb {
        display: none;
    } 
    .inner_loans_title {
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    } 
    
    .inner_loans_btn li:first-child a {
        margin-top: auto;
        padding: 1.5rem 3rem;
    } 
    
    .features_top {
        width: 95%;
    }
    
    .features_txt {
        font-size: 2.6rem;
        line-height: 110%;
        margin-top: 2rem;
    }
    
    .features_wp {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
    
    .features_box {
        width: 100%;
        height: auto;
        border-bottom: 1px solid rgba(133, 155, 163, 0.3);
        padding: 2rem 4rem;
    }  
    
    .features_box:nth-child(1),
    .features_box:nth-child(2),
    .features_box:nth-child(3),
    .features_box:nth-child(4),
    .features_box:nth-child(5),
    .features_box:nth-child(6),
    .features_box:nth-child(7),
    .features_box:nth-child(8) {
        border-color: rgba(133, 155, 163, 0.3);
    }
    
    .features_box:nth-child(8) {
        border-color: #fff;
    }
    
    .inner_loans_banner {
        padding: 10rem 0 2rem 0;
    }
        
    .inner_loans_banner_img {
        width: 100%;
        position: initial;
    }
        
    .usefull_section {
        padding: 2rem 0;
    }
    
    .usefull_wp {
        width: 100%;
        padding: 3rem 3rem 3rem 3rem;
        flex-wrap: wrap;
    }
    .usefull_img {
        width: 100%;
        margin-left: 0;
    }
    
    .usefull_right {
        width: 100%;
        margin-left: 0;
        padding-top: 2rem;
        padding-right: 0;
        padding-bottom: 2rem;
    }
    
    .usefull_left {
        width: 100%;
    }
    
    .usefull_tabs {
        display: flex;
        width: 100%;
        margin-top: 0rem;
    }
    
    .tab-nav li {
        font-size: 1.5rem;
        padding: 1rem 1rem;
        width: 100%;
    }
    
    .usefull_tabs_content ul li {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 0 0 0 1.5rem;
    }
    
    .usefull_title {
        font-size: 2rem;
        line-height: 3rem;
    }
    .inner_loans_btn ul {
        gap: 1rem;
        flex-wrap: wrap;
    }
    
    .loan_cal_section {
        padding: 4rem 0;
    }
    
    .loan_cal_wp {
        width: 100%;
        padding: 3rem 8%;
        flex-wrap: wrap;
    }
    
    .loan_cal_left {
        width: 100%;
    }
    
    .loan_cal_right {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding-top: 6rem;
    }
     
    .loan_cal_title {
        font-size: 2.3rem;
        line-height: 2rem;
    } 
    .loan_cal_right {
        height: auto;
        margin-left: 0;
        padding-top: 2rem;
    } 
     
    .loan_cal_right_wp {
    width: 100%;
    height: auto;
    padding: 3rem 3rem;
    } 
     
    .loan_cal_right_pricing {
        margin-top: 2rem;
        flex-wrap: wrap;
    } 
     
    .loan_pricing {
    width: 100%;
    display: flex;
    font-size: 3rem;
    margin-bottom: 1rem;
} 
     
     
    .loan_pricing_txt {
        width: 100%;
        font-size: 1.6rem;
        top: 0;
    } 
     
    .loan_cal_right_inner {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
} 
     
    .loan_cal_right_box {
        align-items: flex-end;
        padding: 0 0 2rem 0;
        flex-wrap: wrap;
        
    } 
    .loan_cal_right_box_info {
        width: 100%;
    } 
     
    .loan_cal_right_box_price {
        font-size: 2rem;
        width: 100%;
        margin-left: 0;
        text-align: left;
        margin-top: 2rem;
    } 
    
    .loan_cal_right_apply_title {
        font-size: 2rem;
    }
     
     
    .tab-nav {
        display: flex;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0 0.5rem;
        margin-bottom: 2rem;
        gap: 1.5rem;
        flex-wrap: wrap;
    } 
    .cnt_wp.maubankgroup {
       flex-wrap:wrap;
    } 
    .bottom_box_left {
        padding: 7%;
        width: 100%;
        background: #f5f5f5;
        align-items: center;
    } 
    .bottom_box_right {
        width: 100%;
        height: 18rem;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }
     
    .bottom_box_title {
        font-size: 2.4rem;
        line-height: 3.5rem;
    }

    .bottom_box_btn a {
        padding: 1.5rem 2rem;
        font-size: 1.4rem;
        width: 25rem;
    }
    
    .inner_company_banner {
        padding:10rem 0 3rem 0;
    }
    
    .cnt_wp.comp-banner {
       flex-wrap:wrap;
    } 
    .inner_company_banner_img {
        width: 100%;
    }

    .inner_company_banner_right {
        width: 100%;  
        padding: 8% 6% 4% 6%;
    }
    .inner_company_banner_right .cnt_box_info_btn {
        width: 85%;
    }

    .bg-grey-company {
        width: 100%;
        padding: 4rem 3rem;
        margin-top: 6%;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .bg-grey-company .cnt_box_info_title {
        font-size: 3rem;
        margin-bottom: 2rem;
        
    }

    .cnt_border_btm {
        padding-bottom: 4rem;
        flex-wrap: wrap;
    }

    .cnt_box_info {
        width: 100%;
    }

    .cnt_box_img {
        margin-right: 0;
        width: 100%;
    }

    .bg-grey-company .cnt_text h3 {
        font-size: 3em;
        margin: 1rem 0 1rem;
    }
    
    .cn-charter {
        width: 100%;
        padding: 0 3rem;
        margin-top: 5%;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .cn-charter-left {
        width: 100%;
    }
    
    
    .cn-charter-right {
        width: 100%;
    }
    .cn-charter-right .cnt_box_info {
        padding-top: 2rem;
    }
        
    .org_btn {
    bottom: 20px;
    right: 20px;
    width: 170px;
    height: 140px;
}
    
    .org_btn a {
        width: 170px;
        height: 140px;
    }


    
    .usefull_subtitle.company {
        font-size: 2.4rem;
        line-height: 110%;
    }

    .company_financial_statement {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 0 3rem;
        margin-top: 5%;
        flex-wrap: wrap;
    }
    .company_financial_statement .cn-left {
        width: 100%;
        margin-right: 0;
    }

    .company_financial_statement .cn-right {
        width: 100%;
    }

    .company_financial_statement .cn-left h4 {
        font-size: 2.4rem;
        line-height: 110%;
        margin-bottom: 2rem;
    }

    .company_financial_statement .cn-left .cnt_box_info_btn {
        text-align: center;
        width: 100%;
        padding: 2rem 2rem;
        margin-bottom: 2rem;
    }

    .cnt_box a {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .cnt_box.csr { 
        width: 100%;
        padding-bottom: 2rem;
        padding-left: 0;
        padding-top: 2rem;
        padding-right: 0;
    }
        .csr_partners {
        padding: 10rem 0rem 5rem;
    }

    .cnt_box.csr .cnt_box_info_title {
        font-size: 2rem;
        line-height: 110%;
        margin-bottom: 2rem;
    }

    .cnt_box.csr .cnt_box_img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 2rem;
    }
    .cnt_listing_subtitle {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 2rem    ;
    }
    .cnt_listing_title {
        font-size: 3rem;
        line-height: 3rem;
    } 
     
    .locator_wp {
        display: flex;
        width: 100%;
        margin-top: 5rem;
        flex-direction: column;
    } 
    .locator_top {
        width: 100%;
        margin-bottom: 4rem;
        flex-wrap: wrap;
    } 
    .map-search {
        gap: 1rem;
        width: 100%;
    } 
    .tab-buttons {
        gap: 0;
        border-bottom: 1px solid #859ba3;
        padding: 0 2rem;
        flex-wrap: wrap;
    } 
     
    .tab-btn {
        font-size: 1.2rem;
        padding: 1rem 1rem 1.5rem 1rem;
        width: 95px;
    }
     
    .map-container {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    } 
     
    .map-list {
        width: 100%;
        padding: 1rem;
        height: 100%;
    } 
     
    .inner_company_banner_right .title {
        font-size: 3rem;
        margin-bottom: 3rem;
    } 
     
     
    .locator {
        padding-top: 10rem;
    } 
         
    .locator_title {
        font-size: 2.4rem;
        line-height: 3rem;
    } 
     
    .map-img {
        display: none;
    } 
     
    .map-desc {
        width: 100%;
        margin-left: 0;
    } 
    .map-box {
        width: 100%;
        height: 50vh;
        margin-left: 0;
    } 
     
    .map-item {
        padding: 1rem 2rem 1.5rem;
        margin-bottom: 1rem;
        height: 16rem;
    } 
     
    .map-title {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    } 
     
    .map-address {
        font-size: 12px;
        margin-bottom: 1rem;
    } 
     
    .other-content-top {
        margin-top: 10rem;
    } 
     
    .other-title {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-bottom: 1rem;
    } 
     
    .tab_box {
        width: 100%;
        height: auto;
    } 
     
    .tab_box a {
        padding: 2rem;
        flex-wrap: wrap;
    } 
    
   .tab_box_img {
        width: 100%;
        padding: 1rem;
        margin-bottom: 2rem;
    }
    
    .tab_box_info {
        width: 100%;
        margin-left: 0;
    }
     
    .tab_box_title {
        color: var(--color-primary);
        font-size: 1.6rem;
        line-height: 110%;
    } 
    
    .tab_box a::after {
        content: none;
    }
    
    .newslisting_details .cnt_wp {
        gap: 1.3rem;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .news_detail_info-left {
        width: 100%;
    }
    .news_detail_info-right {
        width: 100%;
        margin-left: 0;
    }
    .newslisting_details {
        padding: 10rem 0 2rem;
    }
    .back_btn {
        display: none;
    }
        
    .news_detail_info-title {
        max-width: 100%;
        font-family: var(--font-primary);
        font-size: 2.4rem;
        line-height: 3rem;
        color: var(--color-primary);
        margin-bottom: 2rem;
    }
    .newslisting_box {
        width: 100%;
        height: auto;
    }
    .newslisting.other_news {
        padding: 0rem 0 2rem;
    }
    
    .career_intro {
        padding: 2rem 0;
    }
    
    .career_intro_left {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .career_intro_title {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-top: 2rem;
    }
    
    .career_intro .cnt_wp { flex-wrap:wrap}
    
    .career_intro_right {
        width: 100%;  
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 3rem;
    }
    
    .joblisting {
        padding: 2rem 0;
    }
    
    .joblisting_title {
        font-size: 2.4rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    }
    .joblisting_subtitle {
       line-height: 2rem;
        margin-bottom: 2rem;
    }
    
    .bottom_box .cnt_wp { flex-wrap:wrap}
    
    .bottom_box_desc {
     width: 100%;
    }
    
    .loans_listing.contact_us .cnt_wp {
        padding: 0 2rem;
    }
    
    .contact_us_wp { 
        flex-wrap:wrap;
        flex-direction: column-reverse;
        margin-top: 4rem;
        padding: 0;
    }
    
    .contact_us_wp-left {
        width: 100%;  margin-top: 4rem;
    }
    
    .contact_us_wp-right {
        width: 100%;
    }
    
    .loans_listing.contact_us {
        padding: 10rem 0 2rem 0;
    }

    .contact_us_wp-left .contact_us_big_text {
        font-size: 2.4rem;
        line-height: 3rem;
        max-width: 100%;
        opacity: 0.2;
        margin-bottom: 1.5rem
    }
    
    .contact_us_wp-right {
        max-width: 100%;
        width: 100%    ;
        padding: 3rem 1rem;
    }
    
    .contact.contact_form .umbraco-forms-field.shortanswer, 
    .contact.contact_form .umbraco-forms-field.country.dropdown {
        width: 100%;
    }
    
    .contact_us_form_wp .umbraco-forms-field.privacy.titleanddescription {
        margin: -10px 0 0 0;
        width: 100%;
    }
     
    .contact_us_info {
        margin-bottom: 4rem;
        flex-wrap: wrap;
        gap: 1rem
    }
    
    .contact_info-left {
        font-size: 1.8rem;
        list-style: 1.6rem;
        width: 14rem;
        width: 100%;
        margin-bottom:15px;
    } 
     
    .contact_info-right {
        font-size: 1.6rem;
        list-style: 2.2rem;
        width: 100%;
    } 
     
    .contact_us_social_media { display:none} 
     
    .locate_bank {
        display: flex;
    } 
     
    .other-content-bodyText {
        font-size: 1.4rem;
        margin-bottom: 2rem;
        padding:0;
    } 
    
    .tab_content{
        overflow-x: scroll;
    }
    .body__table {
        float: left;
        width: 800px;
    }
    
    /* manBank WithMe */
    .MauBank_withMe .features_top {
        width: 95%;
    }
    
    .MauBank_withMe .features_wp {
        flex-direction: column;
    }
    
    .feature_app_list_wp {
        width: 95%;
        padding-top: 4rem;
        order: 2;
    }
    
    .app_asc_img_wp {
        width: 100%;
        order: 1;
        margin-bottom: 2rem;
    }
    
    .feature_app_list {
        gap: 3rem;
        padding-top: 2rem;
    }
    
    .feature_app_box {
        height: auto;
    }
    
    .feature_app_name {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    }

    .app_function_wp {
        gap: 4rem;
    }
    
    .app_function_box_repeat {
       flex-direction: column;
    }
    
    .app_function_left,
    .app_function_right {
        width: 100%;
    }
    
    .main_function_name {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    
    .app_benefit_list li,
    .function-txt{
        font-size: 1.6rem;
        line-height: 2.6rem;
        max-width: 50rem;
    }
    
    .withdraw_money .app_function_text {
        padding-left: unset;
    }
    
    .app_function_right.withdraw_money {
        padding-left: unset;
    }
    
    .register {
        margin: 5rem 0 0;
    }
    
    .resgister-steps_wp {
        gap: 2rem;
        flex-direction: column;
    }
    
    .resgister_left,
    .resgister_mid,
    .resgister_right {
        width: 100%;
    }
    
     .resgister_mid {
         display:none;
     }
    
    .resgister_left_wp,
    .resgister_right_wp {
        gap: 2rem
    }
    
    .resgister_steps_name {
        font-size: 1.8rem;
    }
    
    .faq_section {
        padding: 5rem 0 0;
    }
    
    .faq_accordion {
        margin: 5rem auto;
        gap: 1.7rem;
    }
    
    .faq_txt {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .accordion-label.faq_accordion-label {
        line-height: 2.4rem;
    }
    
    .accordion-label.faq_accordion-label::before {
        right: 1rem;
    }
    
    /* elleBoost page */
    
    .inner_loans_banner.elleBoost_page .inner_loans_banner_img {
        width: 100%;
    }
    
    .inner_loans_banner.elleBoost_page .inner_loans_banner_right {
        width: 100%;
        padding-top: 5rem;
    }
    
    .inner_loans_banner.elleBoost_page .inner_loans_banner_right .inner_normal_txt {
        padding-bottom: 6rem;
    }
    
    .elleBoost_page .inner_normal_btn ul {
        gap: 2rem;
    }
    
    .elleBoost_cnt {
        padding: 5rem 0;
    }
    
    .elleBoost_tab_box {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 3rem;
    }
    
    .cn-charter-left.elleBoost-charter-left .cnt_box_img {
        width: 100%;
    }
    
    .cn-charter-left.elleBoost-charter-left,
    .cn-charter-right.elleBoost-charter-right {
        width: 100%;
    }
    
    .elleBoost_tab_header {
        font-size: 3rem;
        line-height: 5rem;
        margin-bottom: 2rem;
    }
    
    .elleBoost_tab_txt_wp {
        gap: 2rem;
    }
    
    .elleBoost_facility_name {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-bottom: 1rem;
    }
    
    .elleBoost_facility_list {
        gap: 1rem;
    }
    
    .elleBoost_facility_list li,
    .elleBoost_facility_txt {
        font-size: 1.6rem;
        line-height: 3rem;
    }
    
     /* complaint page */
    .complaint_wp {
        flex-direction: column;
        margin-top: 5rem;
    }
    
    .complaint_wp_left {
        width: 100%;
        order: 2;
    }
    
    .complaint_left_intro {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    
    .complaint_info {
        gap: 2rem;
    }
    
    .complaint_info-left,
    .complaint_info-right {
        width: 100%;
    }
    
    .complaint_wp_right {
        width: 100%;
        order: 1;
        padding: 3rem 1rem;
        font-size: 1.6rem;
        line-height: 2rem;
    }
    
    .complaints_list_check ul li {
        margin-bottom: 2.5rem;
    }
    
    .complaints_list_check ul {
        padding: 3rem 0 0rem;
    }
    
    .complaints_download_btn a {
        padding: 1.8rem 2rem;
    }
    
    .drop_complaint_btn a {
        padding: 1.8rem 4rem;
    }
    
    .loan_cal_wrapper {
        flex-direction: column;
    }
    
    .db-accordion {
        flex-direction: column;
        gap: 3rem;
    }
    
    .db-accordion .accordion-content-text {
        width: 100%;    
        order: 2;
    }
    
    .db-accordion .accordion-content-img {
        width: 100%;
        order: 1;
    }
    
    .bg-grey-company .accordion-label {
        font-size: 1.6rem;
    }
    
    .inner-block-content {
        width: 85%;
    }
    
    .search-form input {
        font-size: 2.2rem;
    }
    
    /* procurement page */
    .procurement_page .procurement_wp {
        padding: 0 2rem;    
    }
    
    .procurement_page_docs .documents_list {
        margin-top: 0;
    }
    
    .procurement_page_docs .documents_list_box {
        flex-direction: column;
        gap: 1rem;
    }
    
    .document_procuremnt_title {
        width: 80%;
    }
    
    .procurement_page_docs .documents_list_box a {
        gap: 1rem;
        font-size: 1.6rem;
        width: 100%;
    }
    
    
    .contact_us_wp-right .contact_us_form_wp.procurement_form .umbraco-forms-fieldset .umbraco-forms-container {
        column-gap: 2rem;
    }
    
    .procurement_form .umbraco-forms-field {
        width: 100%;
    }
    
    .procurement_form .umbraco-forms-field.epsregistration,
    .procurement_form .umbraco-forms-field.supplierclassification,
    .procurement_form .umbraco-forms-fieldset select,
    .procurement_form .umbraco-forms-field.supplierclassification select {
        width: 100%;
    }
    
    
    .procurement_form .umbraco-forms-field.businesssizecategory label {
        margin-bottom: 0
    } 
    
    .procurement_form .umbraco-forms-field.contactnumber,
    .procurement_form .umbraco-forms-field.email, 
    .procurement_form .umbraco-forms-field.businesswebsite,
    .procurement_form .umbraco-forms-field.uploadfile.fileupload {
        width: 100%;
    }
    
    .umbraco-forms-legend {
        font-size: 1.4rem !important;
    }
    
    .loans_listing.contact_us.complaint_page {
        padding: 5rem 0;
    }
    
    .loans_listing.contact_us.procurement_page {
        padding: 2rem 0;
    }
    
    .expanded_list_wp .loans_box {
        display: flex;
        flex-direction: column;
    }
    
    .expanded_list_wp .loans_box_info {
        width: 100%;
        order: 2;
    }
    
    .expanded_list_wp .loans_box_img {
        width: 100%;
        order: 1;
    }
    
    .input_amount {
        width: 65%;
    }
 } 
 
@media screen and (min-width: 1530px) and (max-width: 1719px) {
    .cnt_wp {
        padding: 0 5rem;
    }
    
    /* menu */ 
    .navigation_Related {
        gap: 4rem;
    }

    /* homepage */
    
    .hero_content_desc {
        margin-top: 15%;
    }
    
    .teams_center_title {
        font-size: 5rem;
        line-height: 5.5rem;
    }
    
    .teams_center_title strong {
        display: block;
    }
    
    .converstation_field_select select {
        font-size: 1.5rem;
    }
    
    .converstation_field {
        align-items: flex-end;
    }
    
    .converstation_field_input input {
        font-size: 2rem;
    }
    
    .t_img_7 {
        width: 17.7rem;
    }
    
    .annual_report_img {
        right: -50px;
    }
    
    .annual_report_btn a:hover .annual_report_img .svg_wp {
        transform: translate(-50%, -50%) scale(1.3);
    }
    
    .arrow_video_img-right, 
    .arrow_video_img-left {
        width: 28%;
    }
    
    /* partners */
    .cnt_box.csr {
        gap: 2rem;
        align-items: flex-start;
    }
    
    /* inner page */
    .inner_loans_banner_left {
        width: 55%;
    }
    
    .inner_loans_banner_right {
        width: 45%;
    }
    
    .inner_loans_btn li:first-child a {
        padding: 2rem;
    }
    
    .inner_loans_btn li:nth-child(2) a {
        width: unset;
        padding: 2rem;
    }
    
    .loans_box a {
        min-height: 40rem;
    }
    
    .loan_pricing {
        width: 60%;
        font-size: 4rem;
    }
    
    .loan_pricing_txt {
        width: 40%;
        top: -2px;
    }
    
    .loans_box_info_btn {
        margin-top: 3rem;
    }
    
    /*procurement page */ 
    .document_procuremnt_title {
        width: 30%;
    }
    
    .procurement_page_docs .documents_list_box a {
        width: 60%;
    }
    
    .procurement_page_docs .documents_list_box {
        gap: 3rem;
    }
    
    .loan_cal_right_box_price {
        width: 40%;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1900px) {
    .hero_content_desc {
        margin-top: 30%;
    }
    
    .cnt_wp {
        padding: 0 5rem;
    }

     /* complaint page */
    .complaint_wp {
        padding: 0 3rem;
    }
    
     .loans_box_info_btn {
        margin-top: 3rem;
    }
    
    .teams {
        height: 89vh;
    }
}