/* Small device */
@media (max-width:599px) {
    .col-img {
        width: 30%;
        /* margin-top: 60px; */

    }

    .w-20 {
        width: 40%;
    }

    .brand-logo {
        width: 40%;
    }

    .res-nav {
        top: 53px !important;
        width: 100% !important;
        position: absolute !important;
        padding: 10px !important;
        left: 0 !important;
        background-color: #064786 !important;
        background: #064786 !important;
        z-index: 99;
    }

    .white {
        color: #ffffff !important;
    }

    .scrollable-div {
        max-height: 350px;
        min-height: 350px;
        overflow-y: scroll;
    }

    .res-border {
        border-top: 5px solid #064786;
        padding-top: 15px;
    }

}

@media(min-width:900px) and (max-width:991px) {
    .res-nav {
        top: 55px !important;
        width: 100% !important;
        position: absolute !important;
        padding: 10px !important;
        left: 0 !important;
        background-color: #064786 !important;
        background: #064786 !important;
        z-index: 99;
    }

}

@media (min-width:600px) and (max-width:899px) {
    .brand-logo {
        width: 40%;
    }

    .col-img {
        width: 25%;
        /* margin-top: 60px; */

    }

    .w-20 {
        width: 40%;
    }

    .top-banner {
        padding-bottom: 30px;
        padding-top: 30px;
    }


    .text-justify-sm {
        text-align: justify !important;
    }

    .white {
        color: #ffffff !important;
    }

    /* 
    .font-xxs {
        font-size: xx-small;
    }

    .font-xs {
        font-size: x-small;
    }

    .font-s {
        font-size: small;
    }


    .font-md {
        font-size: medium;
    }

    .font-l {
        font-size: large;
    }

    .font-xl {
        font-size: x-large;
        font-weight: 200;
    } */
    .res-nav {
        top: 55px !important;
        width: 100% !important;
        position: absolute !important;
        padding: 10px !important;
        left: 0 !important;
        background-color: #064786 !important;
        background: #064786 !important;
        z-index: 99;
    }


}

@media (min-width:768px) and (max-width:1023px) {
    .brand-logo {
        width: 35%;
    }
}