/* Menu */
@media screen and (max-width: 991px) {

    /* Header */
    .menu-desktop {
        display: none;
    }
    .menu-mobile {
        display: block;
    }

}


/* Mobile */
@media screen and (min-width: 320px) and (max-width: 767px) {

    /* Home - Forex */
    .home-forex-inner-wrapper {
        max-height: fit-content;
        flex-direction: column;
        margin: 0 0 50px;
    }
    .home-forex-left-wrapper {
        padding: 30px 20px 40px;
        width: 100%;
    }
    .home-forex-title-date-wrapper {
        margin-bottom: 20px;
    }
    .home-forex-title-wrapper p {
        text-align: center;
        line-height: 45px;
        font-size: 35px;
    }
    .home-forex-title-wrapper {
        margin-bottom: 5px;
    }
    .home-forex-date-wrapper p {
        text-align: center;
        line-height: 20px;
        font-size: 16px;
    }
    .home-forex-button-wrapper .button {
        justify-content: center;
        display: flex;
    }
    .home-forex-right-wrapper {
        width: 100%;
    }
    .forex-item-details-wrapper p {
        line-height: 18px;
        font-size: 15px;
    }
    .forex-item-details-wrapper {
        width: 100%;
    }


    /* Mega Menu */
    .mega-menu-bottom-menu-wrapper {
        flex-direction: column;
        overflow-y: scroll;
        height: 60vh;
    }
    .mega-menu-left {
        border-bottom: 0.5px solid #0000001A;
        padding: 0 0 30px;
        border-right: 0;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul {
        flex-direction: column;
        gap: 15px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        display: flex;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left ul.sub-menu {
        display: none;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left li.menu-item.active ul.sub-menu {
        display: block;
    }
    .mega-menu-bottom-menu-wrapper ul.sub-menu > li.menu-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item > a {
        margin-bottom: 10px;
        width: fit-content;
    }
    .mega-menu-right {
        padding: 30px 0 0;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-right li.menu-item a {
        text-align: center;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item:after {
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
        color: #12263380;
        line-height: 18px;
        content: '\f078';
        font-weight: 700;
        font-size: 14px;
        display: block;
        right: 0;
        top: 0;
        transition: 0.6s all ease-in-out;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item.active:after {
        transform: rotate(180deg);
    }


    /* Fees and Charges */
    .abc-fees-charges-mobile-slider td.mobile-table-item {
        min-height: 60px;
    }
    .abc-fees-charges-table-item p {
        line-height: 18px;
        font-size: 14px;
    }
    .abc-fees-charges-mobile-slider td.mobile-table-item p {
        padding: 10px;
    }


    /* Website fixes */
    .mobile-card-widthcontainer .card-main-container {
        margin: 0 5px;
    }
    .main-card-outer-wrapper.global-service-card {
        margin: 0 5px;
    }
    .digital-banking-card-item {
        margin-right: 5px;
        margin-left: 5px;
    }


}


/* Large Phones */
@media screen and (min-width: 350px) and (max-width: 767px) {



}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {

    /* Home - Forex */
    .home-forex-inner-wrapper {
        max-height: fit-content;
        margin: 0 0 50px;
    }
    .home-forex-left-wrapper {
        padding: 40px 30px 50px;
    }
    .home-forex-title-date-wrapper {
        margin-bottom: 20px;
    }
    .home-forex-title-wrapper p {
        line-height: 45px;
        font-size: 35px;
    }
    .home-forex-title-wrapper {
        margin-bottom: 5px;
    }
    .forex-item-details-wrapper {
        width: 100%;
    }

    /* Mega Menu */
    .mega-menu-bottom-menu-wrapper {
        flex-direction: column;
        overflow-y: scroll;
        height: 60vh;
    }
    .mega-menu-left {
        border-bottom: 0.5px solid #0000001A;
        padding: 0 0 30px;
        border-right: 0;
        max-width: 75%;
        margin: 0 auto;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul {
        flex-direction: column;
        gap: 15px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        display: flex;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left ul.sub-menu {
        display: none;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left li.menu-item.active ul.sub-menu {
        display: block;
    }
    .mega-menu-bottom-menu-wrapper ul.sub-menu > li.menu-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item > a {
        margin-bottom: 10px;
        width: fit-content;
    }
    .mega-menu-right {
        padding: 30px 0 0;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-right li.menu-item a {
        text-align: center;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item:after {
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
        color: #12263380;
        line-height: 18px;
        content: '\f078';
        font-weight: 700;
        font-size: 14px;
        display: block;
        right: 0;
        top: 0;
        transition: 0.6s all ease-in-out;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item.active:after {
        transform: rotate(180deg);
    }


    /* Card Stack Slider */
    .card-stack-container button.slick-btn {
        top: -50px;
    }



}


/* Tablet Ipad Pro */
@media screen and (min-width: 1024px) and (max-width: 1025px) {

    /* Home - Forex */
    .home-forex-inner-wrapper {
        max-height: fit-content;
        margin: 0 0 50px;
    }
    .home-forex-left-wrapper {
        padding: 40px 30px 50px;
    }
    .home-forex-title-date-wrapper {
        margin-bottom: 20px;
    }
    .home-forex-title-wrapper p {
        line-height: 45px;
        font-size: 35px;
    }
    .home-forex-title-wrapper {
        margin-bottom: 5px;
    }
    .forex-item-details-wrapper {
        width: 100%;
    }

    /* Mega Menu */
    .mega-menu-bottom-menu-wrapper {
        flex-direction: column;
        overflow-y: scroll;
        height: 60vh;
    }
    .mega-menu-left {
        border-bottom: 0.5px solid #0000001A;
        padding: 0 0 30px;
        border-right: 0;
        max-width: 75%;
        margin: 0 auto;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul {
        flex-direction: column;
        gap: 15px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        display: flex;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left ul.sub-menu {
        display: none;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left li.menu-item.active ul.sub-menu {
        display: block;
    }
    .mega-menu-bottom-menu-wrapper ul.sub-menu > li.menu-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item > a {
        margin-bottom: 10px;
        width: fit-content;
    }
    .mega-menu-right {
        padding: 30px 0 0;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-right li.menu-item a {
        text-align: center;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item:after {
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
        color: #12263380;
        line-height: 18px;
        content: '\f078';
        font-weight: 700;
        font-size: 14px;
        display: block;
        right: 0;
        top: 0;
        transition: 0.6s all ease-in-out;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item.active:after {
        transform: rotate(180deg);
    }
    header.abc-banking-mobile-menu.hide-desktop .mobile-nav .abc-mobile-logo {
        height: fit-content;
        position: absolute;
        display: flex;
        left: 15px;
        top: 35px;
    }
    header.abc-banking-mobile-menu.hide-desktop .mobile-nav .abc-mobile-logo a.mega-menu-mobile-logo {
        height: fit-content;
        width: 150px;
    }

    #menuToggle {
        right: 6vw;
    }
    header.abc-banking-mobile-menu.hide-desktop .mobile-nav .abc-mobile-logo {
        top: 100px;
    }
    #menuToggle .mobile-nav {
        padding-top: 200px;
    }


    /* Card Stack Slider */
    .card-stack-container button.slick-btn {
        top: -50px;
    }



}


/* Tablet Ipad Pro Landsacpe */
@media screen and (min-width: 1024px) and (max-width: 1195px) and (orientation: landscape) {

    /* Home - Forex */
    .home-forex-inner-wrapper {
        max-height: fit-content;
        margin: 0 0 50px;
    }
    .home-forex-left-wrapper {
        padding: 40px 30px 50px;
    }
    .home-forex-title-date-wrapper {
        margin-bottom: 20px;
    }
    .home-forex-title-wrapper p {
        line-height: 45px;
        font-size: 35px;
    }
    .home-forex-title-wrapper {
        margin-bottom: 5px;
    }
    .forex-item-details-wrapper {
        width: 100%;
    }

    /* Mega Menu */
    .mega-menu-bottom-menu-wrapper {
        flex-direction: column;
        overflow-y: scroll;
        height: 60vh;
    }
    .mega-menu-left {
        border-bottom: 0.5px solid #0000001A;
        padding: 0 0 30px;
        border-right: 0;
        max-width: 75%;
        margin: 0 auto;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul {
        flex-direction: column;
        gap: 15px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        display: flex;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left ul.sub-menu {
        display: none;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left li.menu-item.active ul.sub-menu {
        display: block;
    }
    .mega-menu-bottom-menu-wrapper ul.sub-menu > li.menu-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item > a {
        margin-bottom: 10px;
        width: fit-content;
    }
    .mega-menu-right {
        padding: 30px 0 0;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-right li.menu-item a {
        text-align: center;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item:after {
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
        color: #12263380;
        line-height: 18px;
        content: '\f078';
        font-weight: 700;
        font-size: 14px;
        display: block;
        right: 0;
        top: 0;
        transition: 0.6s all ease-in-out;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item.active:after {
        transform: rotate(180deg);
    }
    header.abc-banking-mobile-menu.hide-desktop .mobile-nav .abc-mobile-logo {
        height: fit-content;
        position: absolute;
        display: flex;
        left: 15px;
        top: 65px;
    }
    header.abc-banking-mobile-menu.hide-desktop .mobile-nav .abc-mobile-logo a.mega-menu-mobile-logo {
        height: fit-content;
        width: 150px;
    }

    /* Card Stack Slider */
    .card-stack-container button.slick-btn {
        top: -50px;
    }



}


/* Tablet Landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* Home - Forex */
    .home-forex-inner-wrapper {
        max-height: fit-content;
        margin: 0 0 50px;
    }
    .home-forex-left-wrapper {
        padding: 40px 30px 50px;
    }
    .home-forex-title-date-wrapper {
        margin-bottom: 20px;
    }
    .home-forex-title-wrapper p {
        line-height: 45px;
        font-size: 35px;
    }
    .home-forex-title-wrapper {
        margin-bottom: 5px;
    }
    .forex-item-details-wrapper {
        width: 100%;
    }

    /* Mega Menu */
    .mega-menu-bottom-menu-wrapper {
        flex-direction: column;
        overflow-y: scroll;
        height: 60vh;
    }
    .mega-menu-left {
        border-bottom: 0.5px solid #0000001A;
        padding: 0 0 30px;
        border-right: 0;
        max-width: 75%;
        margin: 0 auto;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul {
        flex-direction: column;
        gap: 15px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        display: flex;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left ul.sub-menu {
        display: none;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left li.menu-item.active ul.sub-menu {
        display: block;
    }
    .mega-menu-bottom-menu-wrapper ul.sub-menu > li.menu-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item > a {
        margin-bottom: 10px;
        width: fit-content;
    }
    .mega-menu-right {
        padding: 30px 0 0;
        width: 100%;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-right li.menu-item a {
        text-align: center;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item:after {
        font-family: 'Font Awesome 6 Pro';
        position: absolute;
        color: #12263380;
        line-height: 18px;
        content: '\f078';
        font-weight: 700;
        font-size: 14px;
        display: block;
        right: 0;
        top: 0;
        transition: 0.6s all ease-in-out;
    }
    .mega-menu-bottom-menu-wrapper .mega-menu-left > ul > li.menu-item.active:after {
        transform: rotate(180deg);
    }


    /* Card Stack Slider */
    .card-stack-container button.slick-btn {
        top: -50px;
    }



}


/* Mobile Landscape */
@media screen and (max-height: 500px) and (orientation: landscape) {
    

}


/* Small Laptops */
@media screen and (min-width: 1281px) and (max-width: 1450px) {
    /* Website Fixes */
    .first-section-mt {
        margin-top: -145px;
    }
    .investing-real-estate-container {
        padding-top: 175px !important;
    }
    .mega-menu-bottom-wrapper {
        padding: 0 50px;
    }

}


/* Extra Small Laptops */
@media screen and (min-width: 1100px) and (max-width: 1280px) {
    /* Website Fixes */
    .first-section-mt {
        margin-top: -145px;
    }
    .investing-real-estate-container {
        padding-top: 175px !important;
    }
    .mega-menu-bottom-wrapper {
        padding: 0 50px;
    }

    /* Home - Forex */
    .home-forex-inner-wrapper {
        max-height: fit-content;
        margin: 0 0 50px;
    }
    .home-forex-left-wrapper {
        padding: 40px 30px 50px;
    }
    .home-forex-title-date-wrapper {
        margin-bottom: 20px;
    }
    .home-forex-title-wrapper p {
        line-height: 45px;
        font-size: 35px;
    }
    .home-forex-title-wrapper {
        margin-bottom: 5px;
    }
    .forex-item-details-wrapper {
        width: 100%;
    }


}


/* Small Laptops */
@media screen and (min-width: 1450px) and (max-width: 1475px) {
    /* Website Fixes */
    .card-description {
        min-height: 130px;
    }
    .card-inner-container.accounts-cards.slick-initialized.slick-slider {
        padding-bottom: 50px;
        min-height: 660px;
    }
    .private-banking .card-description {
        min-height: 180px;
    }
    .real-estate-cards .card-description {
        min-height: 200px;
    }
    .card-inner-container.investing-cards .card-main-container .card-main-inner-container .card-container .card-content .card-description {
        min-height: 200px;
    }
    .corporate-accounts .accounts-cards .card-description {
        min-height: 150px;
    }
    .global-banking .card-description {
        min-height: 200px;
    }
}


/* Large Laptops */
@media screen and (min-width: 1449px) and (max-width: 1750px) {
    

}


/* Extra Large Laptops */
@media screen and (min-width: 1751px) {
    

}