@media screen and (max-width: 1296px)
{
    .banner h1 {
        font-size: 48px;
    }
    .banner p {
        font-size: 14px;
    }
    strong {
        /* font-size: 16px; */
    }
    section.banner {
        padding: 70px 0;
    }
    section.explore {
        margin-top: 13px;
    }
    .explore-content {
        font-size: 16px;
    }
    .line {
        margin-top: 10px;
    }
    section.resource-hubs {
        padding: 32px 0 20px;
    }
    .resource-hubs h1 {
        font-size: 40px;
    }
    .resource-hubs p {
        font-size: 16px;
        margin-bottom: 22px;
    }
    .hub {
        width: 100%;
        max-width: 566px;
    }
    .hub h3 {
        margin: 22px 30px 12px;
        font-size: 22px;
    }
    .sites li {
        font-size: 16px;
    }

}
@media screen and (max-width: 1270px) {
    .container {
        padding: 0 20px !important;
    }
    .resource {
        margin-bottom: 27px;
    }
    .line {
        margin-top: 6px;
    }
    input::placeholder {
        font-size: 15px;
    }
}
@media screen and (max-width: 1180px) {
    .resource .hub:first-child {
        margin-right: 7px;
    }
    .resource .hub:last-child {
        margin-left: 7px;
    }
    .resource {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1140px) {
    .banner p {
        font-size: 13.5px;
    }
    input.search-input {
        padding: 11px;
        margin: 15px 0 10px;
    }
    .search-icon img{
        right: 23%;
        top: 43%;
    }
    .banner h1 {
        font-size: 45px;
    }
    .explore-content {
        font-size: 15px;
    }
    section.resource-hubs {
        padding: 22px 0 10px;
    }
    .resource {
        margin-bottom: 14px;
    }
    .resource-hubs h1 {
        font-size: 36px;
        margin-bottom: 8px;
    }
    .resource-hubs p {
        font-size: 15px;
    }
    .hub h3 {
        margin: 20px 30px 10px;
        font-size: 20px;
    }
    .sites li {
        font-size: 15px;
    }
    input::placeholder {
        font-size: 14px;
    }
}
@media screen and (max-width: 941px) {
    .hub h3 {
        margin: 20px 22px 10px;
    }
    ul.sites {
        margin-left: 0;
    }
}
@media screen and (max-width: 786px) {
    input.search-input:placeholder-shown {
        text-overflow: ellipsis;
    }
    input.search-input::placeholder {
        padding: 0px;
    }
    input.search-input {
        padding: 10px 50px 10px 20px;
    }
    input.search-input {
        max-width: 70%;
    }
    .search-icon img {
        right: 18.5%;
    }
    
}

@media screen and (max-width: 650px) {
    .resource {
        flex-direction: column;
        align-items: center;
    }
    .resource .hub:first-child {
        margin-right: 0px;
    }
    .resource .hub:last-child {
        margin-left: 0px;
    }
    .resource {
        margin-bottom: 0px;
    }
    .hub {
        margin-bottom: 20px;
    }
    input::placeholder {
        font-size: 12px;
    }
}
@media screen and (max-width: 496px) {
    .banner h1 {
        font-size: 36px;
        margin-bottom: 10px;
        padding: 0 10px;
    }
    .banner p {
        font-size: 12.5px;
    }
    section.banner {
        padding: 60px 0 40px;
    }
    .search-icon img {
        width: 14px;
    }
    .explore-content {
        font-size: 13.5px;
    }
    section.resource-hubs {
        padding: 20px 0 10px;
    }
    .resource-hubs h1 {
        font-size: 32px;
        margin-bottom: 6px;
    }
    .resource-hubs p {
        font-size: 13.5px;
        margin-bottom: 13px;
    }
    .hub h3 {
        margin: 15px 18px 5px;
    }
}
@media screen and (max-width: 434px) {
    .banner h1 {
        font-size: 29px;
        margin-bottom: 10px;
        padding: 0;
    }
    .banner p {
        padding: 0 20px;
    }
    .resource-hubs h1 {
        font-size: 26px;
    }
}
@media screen and (max-width: 331px) {
    section.banner {
        padding: 45px 0 39px;
    }
    .banner h1 {
        font-size: 25px;
    }
    .banner p {
        font-size: 10.5px;
        padding: 0 10px;
    }
    .explore-content {
        font-size: 12px;
    }
    span.explore-content {
        margin: 0;
    }
    strong {
        font-size: 12px;
    }
    input.search-input {
        width: 100%;
        max-width: 88.4%;
        padding-right: 44px;
    }
    .search-icon img {
        right: 12.5%;
        top: 50.5%;
        width: 13px;
    }
    section.resource-hubs {
        padding: 18px 0 8px;
    }
    .resource-hubs h1 {
        font-size: 21px;
        margin-bottom: 2px;
    }
    .resource-hubs p {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .hub {
        margin-bottom: 10px;
    }
    .hub h3 {
        margin: 12px 10px 2px;
        font-size: 16px;
    }
    ul.sites {
        padding: 0px 28px;
    }
    .sites li {
        font-size: 12px;
        line-height: 22px;
    }
    
}

     /*
    .banner h1 {
        font-size: 48px;
    }
    .banner p {
        font-size: 14px;
    }
    strong {
        font-size: 16px;
    }
    section.banner {
        padding: 70px 0;
    }
    section.explore {
        margin-top: 13px;
    }
    .line {
        margin-top: 10px;
    }
    section.resource-hubs {
        padding: 32px 0 20px;
    }
    .resource-hubs h1 {
        font-size: 40px;
    }
    .resource-hubs p {
        font-size: 16px;
    }
    .hub {
        width: 100%;
        max-width: 556px;
    }
    .hub h3 {
        margin: 22px 30px 12px;
        font-size: 22px;
    }
    .sites li {
        font-size: 16px;
    } */