/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .c-row-bank {
        margin-left: 10px !important;
        margin-right: 10px !important;
        max-width: unset !important;
        width: calc(100% - 20px);
    }

    .c-row-nav .col:nth-child(1) {
        max-width: 100%;
        flex-basis: 100%;
    }

    .c-row-nav .col:nth-child(2),
    .c-row-nav .col:nth-child(3),
    .c-row-nav .col:nth-child(4),
    .c-row-nav .col:nth-child(5) {
        max-width: 25%;
        flex-basis: 25%;
    }

    .c-slide-img {
        max-width: 250px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

@media (max-width: 850px) {
    .c-row-bank .c-stack {
        justify-content: center;
    }

    .c-row-nav .col:nth-child(2),
    .c-row-nav .col:nth-child(3),
    .c-row-nav .col:nth-child(4),
    .c-row-nav .col:nth-child(5) {
        max-width: 50%;
        flex-basis: 50%;
    }

    .c-heading .section-title span {
        font-size: 18px;
    }

    .c-heading .section-title span::before,
    .c-heading .section-title span::after {
        width: 40px;
    }
    .c-link-vao .stack{
        flex-wrap: wrap;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}

@media (max-width: 550px) {
 
    .c-row-bank .c-stack span {
        font-size: 30px;
    }

    .c-row-bank .c-stack p {
        font-size: 12px;
    }

    .copyright-footer {
        font-size: 12px;
    }

    .c-row-nav .col:nth-child(2),
    .c-row-nav .col:nth-child(3),
    .c-row-nav .col:nth-child(4),
    .c-row-nav .col:nth-child(5) {
        max-width: 100%;
        flex-basis: 100%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}