@media(min-width: 766px){
   .blog-content-box--content {
      min-height: 215px;
   }
   .for--mobile {
      display: none !important;
   }
   .for--desktop {
      display: block !important;
   }
   .home__help--content p {
      font-size: 20px;
      line-height: 36px;
   }
   .home__help--content {
      padding-top: 50px;
   }
}
/* ==========================================================================
   *Medium devices (tablets, 1320px and down)*
   ========================================================================== */
   @media (max-width: 1400px) {
      .header__top--block .container {
         max-width: 98%;
      }
      .main-menu > ul > li > a { padding: 10px;}
      .logo { max-width: 280px;}
      .home__benefit--left { margin-right: 0;}
      .home__benefit--right { padding: 50px 0;}
      .home__benefit__right--slider { padding-left: 85px;}

      .download__pdf--text,
      .download__pdf--text span { font-size: 16px;}
      .download__pdf--block { padding: 30px 30px 30px 90px;}
      .service__fees--main .resp-vtabs ul.resp-tabs-list { padding-right: 55px;}
      .service__fees--main .resp-vtabs .resp-tabs-container { padding: 80px 0px 80px 50px;}
      .fees__bottom--span br { display: none;}

      .loans__mortgages--block .service__fees--main .resp-vtabs .resp-tabs-container { padding: 0 0 0 80px;}
      .home__contact--right { margin-left: 135px;}
      .desktop__map--list { left: -205px;}

      .include__features li { padding: 0 20px;}
	   /* =======================================================
         member-retirement-account 24-04-2022
         ======================================================= */
      .commen__fourth--block .resp-tabs-list li { padding: 25px 25px 35px 25px;}
      /* =======================================================
         member-retirement-account 24-04-2022
         ======================================================= */
   }


@media(max-width: 1199px){
   .property-filter-row {
      justify-content: center;
   }
   .property-filter-row__column {
      width: 25%;
   }
}

/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .header__social li { padding-right: 10px;}
   .top__menu li { padding: 0 7px;}
   .logo { padding-right: 20px; max-width: 185px;}
   .header__search { margin-right: 10px;}
   .main-menu > ul > li > a { padding: 10px 5px;}
   .home__help--block ul.resp-tabs-list .resp-tab-item { padding: 10px; margin: 0;}
   .home__help--content { padding: 0; padding-left: 15px;}
   .home__help--main { padding-bottom: 0;}
   .featured__products--right { margin-left: 0;}
   .featured__products--left { padding-bottom: 30px;}
   .featured__products--left h5 { margin-bottom: 20px;}
   .loan__service--left { margin-left: 20px;}
   .pots__icon { right: -35px;}
   .home__howto__cratch--left h4 { font-size: 24px;}
   .home__howto__questions--box { padding: 25px 25px 20px 123px;}
   .home__howto__questions--box .icon { left: 25px;}
   .home__benefit--left h3 { font-size: 21px; top: -75px; padding: 10px;}
   .blue__count--block { padding: 75px 0;}
   .blue__count-box h3 { font-size: 72px;}
   .testimonial__block { padding: 70px 0;}
   .home__contact--left h3 { margin-bottom: 20px;}
   .home__contact--listing li, .home__contact--listing li span { font-size: 15px;}
   .footer__links { margin-left: 0;}
   .footer__main--block { padding-left: 200px;}
   .benefit__next--prev { position: static; margin: auto; margin-bottom: 15px; width: 80px;}
   .home__benefit__right--slider { padding-left: 0;}
   .people__trust--block { padding: 50px 0;}
   .people__trust--left { max-width: 100%; text-align: center;}
   .people__trust--listing { max-width: 100%; margin-top: 30px; text-align: left;}
   .people__trust--listing li { width: 48%;}
   .people__trust--right { margin: 0; max-width: 100%; margin-top: 40px;}
   .connect__people--right { padding-right: 0;}

   .contact__address--left { padding-right: 45px;}
   .download__pdf--text::before { left: -53px; top: 2px;}
   .join__bottom--block .resp-tabs-list li.resp-tab-item { margin: 0 8px;}
   .join__accordien--section { margin-top: 50px;}

   .loans__mortgages--blueblock h3 { padding: 20px 40px;}
   .loans__mortgages--block .service__fees--main .resp-vtabs .resp-tabs-container { padding-left: 50px;}
   .loans__mortgages--block .service__fees--main .resp-vtabs ul.resp-tabs-list { padding-right: 50px;}
   .service__fees--container { margin-left: 0;}
   .service__fees--container { padding-left: 50px;}

   .home__contact--right { margin-right: 30px; margin-left: 100px;}
   .desktop__map--list { left: -180px;}
   .social__media--icon { bottom: 20px;}
   .contact__socials { padding-top: 0;}
   .contact__address--box { padding: 30px;}
	/* =======================================================
      member-retirement-account 24-04-2022
      ======================================================= */
   .commen__top--head p { padding-left: 0;}
   .mra__box { padding: 30px 35px;}
   .icon__logo { right: 0; bottom: 0;}
   .commen__third--box { padding: 20px 0;}
   .when__start--box { padding: 50px 180px 50px 45px;}
   .commen__third__box--left { padding-right: 20px;}
   .commen__fourth--tab { padding: 20px;}
   .commen__table { padding: 0 20px 35px 20px;}
   .commen__table--head { padding: 20px;}
   /* =======================================================
      member-retirement-account 24-04-2022
      ======================================================= */
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
   h2 { font-size: 36px !important; line-height: 40px !important;}
   h3 { font-size: 28px !important; line-height: 36px !important;}
   .header-wraper { padding: 0px;}
   .logo { padding: 10px 0; max-width: 225px;}
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu a.menu-toggle { display:block; z-index:1; right:10px;  top: -63px; background: #5495d9; border-radius: 3px;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
   
   .header__top--left { display: none;}
   .logo::after { display: none;}
   .header__main { padding: 0;}
   .banner__slider--item { padding: 50px 0;}
   .header__main { padding-right: 35px;}
   .hero__main--text { min-height: auto; display: block;}
   .hero__main--text h2, .hero__main--text h5 { margin-bottom: 15px;}
   .hero__main--text h4 { margin-bottom: 0;}
   .banner__payment--info { position: static; margin-top: 25px;}
   .home__help--block { padding: 50px 0;}
   .home__help--block h2 { margin-bottom: 20px;}
   .home__help--main { padding: 50px 0 0 0; text-align: center;}
   .home__help--image { margin-bottom: 25px;}
   .home__help--content h3 { margin-bottom: 10px;}
   .home__help--content h5 { margin-bottom: 15px;}
   .home__help--content p { margin-bottom: 20px;}
   .featured__products--block { padding: 50px 0;}
   .featured__products--left h3,
   .featured__products--left h5 { margin-bottom: 10px;}
   .featured__products--left { max-width: 100%; text-align: center;}
   .featured__products--arrows { display: block; text-align: center;}
   .featured__arrows { margin: 0 5px;}
   .touch-right { margin-right: 0px !important;}
   .featured__card--body { padding: 25px 20px;}
   .featured__products--right .owl-carousel .owl-stage-outer { padding-left: 0;}
   .featured__products--right { margin-bottom: 0;}
   .featured__products--right .owl-nav { display: none;}
   .featured__card--body h5 { margin-bottom: 10px;}
   .home__company__intro--block { padding: 50px 0;}
   .home__company__intro--left { margin-right: 0; text-align: center; padding-bottom: 15px;}
   .home__company__intro--left h3 { margin-bottom: 10px;}
   .home__company__intro--left h5 { margin-bottom: 10px;}
   .loan__service--left { margin: 0; padding: 0;}
   .loan__service--block { padding: 50px 0;}
   .loan__service--left { text-align: center;} 
   .loan__service--left h3, .loan__service--left h5 { margin-bottom: 10px;}
   .loan__service--right { margin: auto; margin-top: 20px;}
   .home__howto--block { padding: 50px 0;}
   .home__howto__cratch--right { padding-left: 0;}
   .home__howto__cratch--left { padding: 25px; text-align: center; margin: auto; margin-bottom: 15px;}
   .home__howto__cratch--left .icon { position: static; margin-bottom: 10px;}
   .home__howto__cratch--left .click__arrow { position: static;}
   .home__howto__cratch--left h4 { margin-bottom: 10px;}
   .home__howto--cratch h2 { text-align: center;}
   .home__howto__cratch--right { text-align: center;}
   .home__howto--questions { padding: 0; margin-top: 30px;}
   .home__howto--questions .question__icon { position: static; display: block; text-align: center;}
   .home__howto__questions--box { padding: 25px 20px; text-align: center; margin-top: 25px; text-align: center;}
   .home__howto__questions--box .icon { position: static; margin-bottom: 10px;}
   .home__benefit--left h3 { position: static;}
   .touch-left { margin-left: 0px !important;}
   .home__benefit--left h3 { border-radius: 0px; text-align: center;}
   .home__benefit--icon { left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 150px; height: 150px; border: 8px solid #f0c605;}
   .home__benefit__right--text { max-width: 100%; text-align: center;}
   .blue__count--block { padding: 50px 0;}
   .blue__count-box { padding: 15px 0;}
   .blue__count-box h3 { font-size: 36px !important;}
   .testimonial__main--head { margin-bottom: 30px;}
   .home__contact--left { margin-right: 0;}
   .home__contact--block { margin-top: 0;}
   .home__contact--right { margin-top: 20px;}
   .footer__main--block { padding-left: 0;}
   .footer__logo { max-width: 162px; margin: auto; position: static; display: block; margin-bottom: 20px;}
   .footer { padding-top: 50px;}
   .footer__links ul li a .icon { margin-right: 10px;}
   .pots__icon { display: none;}

   .sub__hero--main { min-height: auto; text-align: center; max-width: 100%;}
   .about__top--block { padding: 50px 0;}
   .connect__people--block { padding: 50px 0;}
   .connect__people--left { margin-top: 0; border-radius: 10px; min-height: 426px;}
   .connect__people--right { padding: 35px 0 0 0; text-align: center;}
   .about__team--block { padding: 50px 0;}
   .about__team--box { padding-bottom: 0;}
   .about__team--box .avatar { margin-bottom: 15px;}
   .about__team--block .commen__head { padding-bottom: 0;}
   .mobile__app--block { padding: 50px 0; min-height: auto;}
   .mobile__app--main p { margin-bottom: 25px; font-size: 16px;}
   .work__bank--block { padding: 50px 0;}
   .work__bank--right { padding: 0; max-width: 100%; text-align: center;}
   .work__bank--left { margin: auto; margin-bottom: 20px;}
   .testimonial__block { padding: 50px 0;}

   .contact__address--block { padding: 50px 0;}
   .contact__address--left { padding: 0; margin-bottom: 25px;}
   .contact__form--block { margin: 0; padding: 30px;}

   .contact__map--block { margin-top: 0;}
   .contact__address--left h5 { margin-bottom: 20px;}
   .contact__form--input { height: 50px;}
   .contact__form--box { margin-top: 15px;}
   .types__card--block { padding: 50px 0 40px;}
   .types__card--main { text-align: center;}
   .types__card--cont { padding: 0;}
   .types__card--image { margin-bottom: 15px;}
   .credit__card--banner .sub__hero--main { max-width: 100%;}

   .service__dreams__card--block .container { margin-top: 0px;}
   .service__dreams__card--block { padding: 50px 0;}
   .service__dreams--card { margin-top: 20px;}
   .service__download--block { padding: 50px 0;}
   .service__download--main { padding-left: 0;}
   .service__download--main h3 { position: static; justify-content: center;}
   .download__pdf--text::before { top: -6px;}
   .service__contact--left { max-width: 100%; text-align: center;}
   .service__contact--right { max-width: 100%;}
   .services__contact { padding: 50px 0;}
   .service__contact--left h3 { margin-bottom: 10px;}
   .icon-position .icon { display: none;}
   .service__contact--submit { margin-top: 20px;}

   .forms__pdf__download--main { margin-top: 0;}
   .forms__pdf__download--block { padding: 50px 0;}
   .service__fees--main .resp-vtabs ul.resp-tabs-list { padding: 50px 0; padding-right: 30px;}
   .service__fees--main .resp-vtabs .resp-tabs-container { padding: 50px 0; padding-left: 30px;}
   .service__fees__tab--table .table th { padding: 15px;}
   .service__fees__tab--table .table td { padding: 15px;}

   .join__top--block { padding: 50px 0;}
   .join__top--main { margin-top: 0; padding: 35px;}
   .join__accordien--section { margin-top: 30px;}
   .join__bottom--block { padding: 50px 0;}
   .join__bottom--block .resp-tabs-list { display: none;}
   .join__bottom--block h2.resp-accordion { display: block; font-size: 20px !important;}
   .join__tab--content { border-radius: 0px; padding: 25px;}
   .join__tab--yellowbox { padding: 20px;}
   .join__tab__ensure--section p,
   .join__tab__ensure--section h6 { margin-bottom: 15px;}
   .join__bottom--block::before { display: none;}

   .loans__mortgages--blueblock { border-radius: 0;}
   .loans__mortgages--blueblock h3 { padding: 15px 20px; margin-top: 0; font-size: 24px !important; line-height: 26px !important;}
   .loans__mortgages--block .service__fees--main .resp-vtabs .resp-tabs-container { padding-left: 0px; width: 65%;}
   .loans__mortgages--block .service__fees--main .resp-vtabs ul.resp-tabs-list { padding-right: 20px; padding-top: 0; width: 34%;}
   .loans__mortgages--block .service__fees--main .resp-vtabs ul.resp-tabs-list .resp-tab-item { margin-bottom: 10px;}
   .loans__mortgages--image img { border-radius: 0px;}
   .loans__mortgages--block { padding-top: 50px;}
   .education__loan--box { margin-top: 40px;}
   .students__loan--block { padding: 50px 0;}
   .students__loan--requirement { margin-top: 20px;}
   .students__loan--requirement h5 { margin-bottom: 15px;}
   .faq__block { padding: 50px 0;}
   .faq__main { padding-left: 210px;}

   .shares__table { padding: 50px 0;}
   .table__main { margin-top: 0; padding: 30px 20px;}
   .table__main h5 { margin-bottom: 15px;}
   .table__main .table tr th { font-size: 16px; padding: 15px 20px;}
   .table__main .table tr td { padding: 15px 20px; font-size: 14px;}
   .table__main .table-responsive { border-radius: 0;}
   .table__main .table { width: 600px;}

   .national__credit__union--block { padding: 50px 0;}
   .nccu-sixcard--block { padding: 50px 0;}
   .sports__bottom h3 { font-size: 15px !important; line-height: 20px !important; margin: 10px 0;}
   .national__credit--card { margin: auto; margin-top: 30px;}
   .nccu-sixcard--block .sixcard__bottom--block { margin-top: 30px;}
   .nccu__ltd--block { padding: 50px 0;}
   .nccu__branches { margin-right: 0;}

   .membership__list { padding: 50px 0;}
   .membership__list--main h5 { margin-bottom: 25px;}
   .membership__bottom--block { padding: 50px 0;}
   .bottom__left--image { margin: 0; text-align: center; border-bottom: 1px solid #000000;}
   .bottom__left--heading h3 span { font-size: 24px;}
   .bottom__left--heading { text-align: center;}
   .membership__bottom--right { max-width: 100%; margin: 30px 0;}
   .membership__bottom--right p { padding: 15px 0; text-align: center;}
   .membership__bottom--right .membership-icon { display: block; margin: auto; position: static; margin-bottom: 15px;}

   .service__fees__links--block { padding: 0; max-width: 100%; margin-bottom: 30px;}
   .service__fees--links li { margin-bottom: 12px;}
   .service__fees--container { padding-left: 0;}
   .service__contact--section { max-width: 307px; margin: auto; text-align: center;}

   .desktop__map--list { position: static;}
   .home__contact--right { margin: 30px; max-width: 320px; margin: auto; margin-top: 30px;}

   .property__listing--filtering { margin-top: 0; padding: 20px;}
   .property__listing--block { padding: 50px 0 35px;}
   .contact__form--section { padding: 50px 0;}
   .contact__form--section .contact__form--box .contact__form--textarea { height: 147px;}
   .contact__address--section { padding: 50px 0;}
   .contact__address--box { margin: 0 0 15px 0;}
/* =======================================================
      member-retirement-account 24-04-2022
      ======================================================= */
   .commen__top--block { padding: 50px 0;}
   .mra__block { margin-top: 0;}
   .mra__main { padding: 20px; margin-bottom: 0;}
   .mra__box { margin: 10px 0;}
   .commen__top--head { text-align: center;}
   .mra__block h5 { text-align: center;}
   .commen__second--block { padding: 50px 0 35px;}
   .commen__second--left { margin: auto; margin-bottom: 15px;}
   .commen__second--right { margin: auto; text-align: center;}
   .mra__application { padding: 20px;}
   .commen__third__box--left { padding: 0; text-align: center;}
   .commen__third__box--right { margin-left: 0; text-align: center;}
   .commen__fourth--block { padding: 50px 0;}
   .commen__fourth--block .resp-tabs-list { margin-bottom: 0;}
   .commen__fourth__tab--left,
   .commen__fourth__tab--right { text-align: center;}
   .commen__fifth--block { padding: 50px 0 30px;}
   .note__para { margin: 30px 0;}
   .commen__third__box--right { padding: 25px 20px;}
   .commen__third--box { padding: 10px 0;}
   /* =======================================================
      member-retirement-account 24-04-2022
      ======================================================= */	

      .home__contact--listing li p span {
         min-width: initial !important;
      }
   .property-filter-row__column {
      width: 33%;
   }
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   .for--mobile {
      display: block !important;
   }
   .for--desktop {
      display: none !important;
   }
   .search__btn--block {
      display: flex;
      width: 100%;
   }
   .header__right--section {
      width: 100%;
   }
   .search__btn--block .primary__btn {
      display: inline-block;
      width: 49%;
   }
   .mob-button-login {
      display: block;
      width: 49%;
   }
    .hero__main--text { text-align: center;}
    .banner__payment--info li { padding: 15px; margin: 0 7px; text-align: center; width: 48%;}
    .banner__payment--info li .icon { position: static; margin-bottom: 10px;}
    .home__help--block h2.resp-accordion { font-size: 18px !important; border: 1px solid #c1c1c1; margin-bottom: 0; text-align: left;}
    .home__help--main { padding: 0;}
    .home__help--main { padding: 30px 0;}
    .blue__count-box { padding: 15px; border: 1px solid #153874;}
    .footer__links { margin: auto; text-align: center;}
    .footer__language { margin: auto; margin-top: 20px;}
    .testimonial__block { padding: 50px 0;}
    .connect__people--left { min-height: 306px;}
    .mobile__app--main { text-align: center;}

    .contact__map--address { position: static; background: #e7e8ee; margin-bottom: 15px; padding: 25px; padding-bottom: 10px;}
    .contact__map--block iframe { height: 220px;}
    .download__pdf--block { margin-top: 15px;}
    .service__fees--main .resp-vtabs ul.resp-tabs-list { display: none;}
    .service__fees--main .resp-vtabs .resp-tabs-container { width: 100%; display: block; padding-left: 0; background: none;}
    .service__fees--main h2.resp-accordion { font-size: 18px !important; line-height: 24px !important;}
    .service__fees--main .resp-vtabs .resp-tab-content { padding: 15px;}
    .service__fees__tab--bottom { margin-top: 30px;}

    .search__box--cont { max-width: inherit; }

    .join__top--main { padding: 20px; border-radius: 0px;}
    .join__tab__ensure--section p { margin-bottom: 15px;}
    .join__bottom--block h2.resp-accordion { font-size: 18px !important;}
    .bottom__note p, .join__note--list { line-height: 24px; padding-left: 0;}
    .credit__union__yellow--point p { line-height: 24px;}
    .credit__union__yellow--point { padding-left: 0;}
    .credit__union__yellow--point .count { position: static; margin-bottom: 15px;}
    .join__note--list b,
    .bottom__note p b { position: static; margin-bottom: 10px; display: block;}
    .credit__union__yellow--point .note,
    .congrats__block { padding: 15px;}
    .loans__mortgages--block .service__fees--main .resp-vtabs .resp-tabs-container { width: 100%;}
    .students__loan--block { padding: 35px 0;}
    .requirement__listing li { border-radius: 5px;}
    .loans__mortgages--block { padding: 50px 0 15px;}
    .faq__main { padding-left: 0;}
    .faq__icon { position: static; margin: auto; margin-bottom: 15px; width: 130px; height: 130px; font-size: 70px;}
    .faq__main h3 { text-align: center;}
    .requirement__listing li { padding: 15px; padding-left: 40px;}
    .requirement__listing li::before { width: 19px; height: 19px; line-height: 20px; left: 15px; top: 17px; font-size: 11px;}

   .nccu__ltd--left h3 { margin-bottom: 10px;}
   .nccu__ltd--left { text-align: center;}
   .nccu__branches { margin-right: 0;}
   .nccu__branches h4 { padding: 15px 20px;}
   .nccu__branches ul { padding: 15px 20px;}
   .nccu__sixcards { margin: auto; margin-top: 20px; padding: 20px 25px;}
   .nccu__branches { text-align: center;}

   .bottom__listing > li { padding: 20px; text-align: center;}
   .bottom__listing > li .number { position: static; margin-bottom: 15px;}
   .membership__list--left li { padding-right: 15px;}
   .hero__section .owl-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 20px;}

   .home__help--block .resp-tab-content { padding-top: 0;}

   .header__top--contact li.office-hours:hover .office-hours--on-hover,
   .office-hours--on-hover {
      right: 0;
      left: auto;
   }
   .office-hours--on-hover:before {
      right: 10px;
      left: auto;
   }
   .home__help--block h2 {
      font-size: 26px !important;
   }
   .home__help--block {
      padding: 40px 0 20px 0;
   }
   .testimonial__block {
      padding: 20px 0 20px 0;
   }
   .testimonial__items {
      padding: 5px;
      box-shadow: 0 0 15px 5px rgba(6, 16, 43, 0.20);
   }
   .home__company__intro--block {
      padding: 15px 0;
   }
   .featured__products--block {
      padding-top: 40px;
      padding-bottom: 10px;
      margin-bottom: 0;
   }
   #calculatorTab h2.resp-accordion {
      border-radius: 30px;
   }
   .home__howto--block {
      padding: 7px 0;
   }
   .blue__count--block {
      padding: 50px 0;
   }
   h2.resp-tab-active,
   .home__help--block h2.resp-accordion {
      padding: 4px 20px;
   }
   h2.resp-tab-active span.resp-arrow,
   .home__help--block h2.resp-accordion span.resp-arrow {
      margin-top: 11px;
   }
   .testimonial__main--head h3 {
      margin-bottom: 15px;
   }
   .property__listing--block {
      margin-top: 0;
      padding-top: 0;
   }
/* =======================================================
      member-retirement-account 24-04-2022
      ======================================================= */
   .mra__main { padding: 15px;}
   .mra__box { padding: 20px;}
   .when__start--box { padding: 25px;}
   .when__start--icon { position: static; margin: auto; margin-bottom: 15px;}
   .commen__fourth--block .resp-tabs-list { display: none;}
   .commen__fourth--block .resp-tabs-container .resp-accordion { font-size: 20px !important;}
   .commen__fourth--block .resp-tab-content { border-radius: 0;}
   .commen__fourth--block h2.resp-accordion { line-height: 26px !important;}
   .commen__fourth--block h2.resp-tab-active { background: #659cd8; color: #ffffff;}
   .commen__fourth--tab { padding: 0;}
   /* =======================================================
      member-retirement-account 24-04-2022
      ======================================================= */
   .blog__section {
      padding-top: 30px;
   }
   .property__listing--filtering {
      padding: 0;
   }
   ..property-filter-row {
      margin: 0;
      padding: 0;
   }
   .property-filter-row__column {
      width: 50%;
   }
   .property-filter-row__column--sub .icon-refresh,
   .property__listing--filter .primary__btn {
      margin-top: 15px;
   }

   .page-template .sub__hero--section {
      position: relative;
   }
   .page-template .sub__hero--section:before {
      content: "";
      background-color: rgba(0,0,0,0.4);
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 99;
   }
   .page-template .sub__hero--section .sub__hero--main {
      position: relative;
      z-index: 999;
   }
   .property-filter-row {
      margin: 0;
      padding-bottom: 20px;
   }
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   .header__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
   .header__main { padding: 10px 0; padding-right: 55px;}
   .logo { padding: 0;}
   .mobile-menu a.menu-toggle { top: -80px;}
   .search__box { right: inherit; left: 0;}
   .banner__payment--info { display: block;}
   .banner__payment--info li { display: block; width: 100%; margin: 5px 0;}

   .header__top--main .d-flex { display: block !important;}
   .header__top--contact { display: flex; width: 100%; margin: 0; padding: 0; justify-content: center; text-align: center;}
   .header__top--contact li { display: flex; text-align: center; align-items: center; border-left: none; border-top: none; padding: 8px 0;}
   .header__top--contact li:first-child { border-top: none; margin-right: 10px;}
   .header__top--contact li span { display: block; margin-right: 10px;}
   .loan__service--box { padding: 25px;}
   .home__benefit--item { padding: 25px 20px; text-align: center;}
   .home__benefit--item::before { position: static; margin-bottom: 10px;}
   .people__trust--listing { display: block; text-align: center;}
   .people__trust--listing li { display: block; width: 100%; padding: 10px 0; text-align: inherit;}
   .people__trust--listing li::before { position: static; margin-right: 5px; vertical-align: middle; display: inline-block;}
   .people__trust--box { padding: 25px 20px; text-align: center; text-align: center;}
   .people__trust--box .step__number { position: static; margin-bottom: 10px; display: inline-block; margin-bottom: 10px;}
   .testimonial__main--head { padding: 0;}
   .testimonial__main--head a { position: relative; top: inherit; left: inherit; right: inherit; display: inline-block;}
   .home__contact--listing li, .home__contact--listing li span { display: block; text-align: center;}
   .home__contact--left h3 { text-align: center;}
   .home__contact--listing { padding: 10px; margin: 0;}
   .home__contact--listing li {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding-right: 10px;
   }
   .service__dreams__card--content { padding: 20px 15px;}
   .service__card--arrow { margin-top: 20px;}
   .sub__hero--main p br { display: none;}

   .property__listing--filtering,
   .newest__property--filtering { margin-bottom: 30px;}
   .property__listing--input { padding: 0 15px;}
   .property__listing--filter .primary__btn { position: static; margin-top: 15px;}
   .contact__address--box { text-align: center;}
   .contact__address--box p br { display: none;}
   .contact__address--box .location__icon { margin: auto; margin-bottom: 15px;}
   .contact__list li { padding: 15px 0;}
   .contact__list li .icon { position: static; margin-bottom: 10px;}
   .social__media--icon { position: static; margin-bottom: 15px;}
   .social__media--box { background: #ffffff;}
   .contact__form--section .contact__form--box .contact__form--textarea { height: 110px;}
   .loan-details {
      flex-direction: column;
   }
   .page-loan-calc .loan-details div {
      padding-left: 0;
   }
   .about__top--block {
      padding-bottom: 20px;
   }
   .loan-details div {
    padding: 0 4px;
    margin-bottom: 10px;
   }
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */
@media (max-width: 480px) {
   .service__download--main h3 { display: block; text-align: center;}
   .service__download--main h3 .icon-icon-34 { display: block; margin: 0 0 10px 0;}
   .download__pdf--block { padding: 0;}
   .download__pdf--text { display: block; text-align: center; padding: 20px;}
   .download__pdf--text::after { display: none;}
   .download__pdf--text::before { position: static; display: block; margin: auto;}

   .desktop__map { display: none;}
   .mobile__map { display: block;}
   .home__contact--right { text-align: center;}
   .location__mark { position: static; width: auto; height: auto; display: inline-block; border-radius: 0; border: none; margin: 3px;}
   .location__mark span { opacity: 1; pointer-events: visible; position: static; background: none; color: #fff; padding: 2px 16px;}
   .desktop__map--list { margin-top: 20px;}
   .desktop__map--list li { padding-left: 0;}
   .desktop__map--list li span { vertical-align: middle; margin-right: 10px; position: relative; top: -2px; display: inline-block;}
   .sub__hero--main h2 {
      font-size: 27px !important;
   }
}