@media screen and (max-width: 1296px)
{
.banner h1 {
font-size: 48px;
}
.banner p {
font-size: 14px;
}
strong { }
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;
}
}