@media only screen and (max-width: 1200px) { }

 @media only screen and (max-width: 991px) { }

 @media only screen and (max-width: 767px) { 

    .hm-mrg-tp {
        margin-top: 0;
    }
    .banner-caption {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: 0;
        padding: 40px 0 40px 10px;
        display: flex!important;
        align-items: center;
    }
    .banner-caption h3 {
        font-size: 21px;
        text-transform: uppercase;
        font-weight: 900;
        color: #0d4380;
    }
    .main-wrapper {
        margin-top: 72px;
    }
   
    .nav-pills {
        display: flex;
    }
    .nav-pills li {
        margin-top: 1rem;
    }
 }

 @media only screen and (max-width: 600px) { 

    table {
        display: block;   
        width: 100%;
        overflow-x: auto;
    }
 }

 @media only screen and (max-width: 575px) { }