@media(max-width: 1239px){
    .home .search-results .search-result-item {
        max-width: 283px;
        height: 475px;
    }
    .search-results-container .search-results, .popularelementContainer .search-results{
        justify-content: center;
    }
}
/* @media(max-width: 928px){
    .home .search-results .search-result-item{
        max-width: 207px;
        height: 390px;
    }
    .home .search-results .search-result-item .imgContent {
        height: 275px;
    }
    .search-results-container .search-results, .popularelementContainer .search-results {
        justify-content: left;
    }
} */
@media(max-width: 1024px){
    section.front-page-hero-banner{
        margin: 70px 0;
    }
    section.front-page-hero-banner .container .content {
        max-width: 100%;
        text-align: center;
    }
    canvas#network{
        height: 650px;
    }
    .backgroundContent .blankContent{
        border: none;
        width: 100%;
        background: #21211f80;
        height: 100%;
    }
    .searchbarContent form{
        justify-content: center;
    }
    .searchbarContent {
        max-width: 478px;
        margin: 0 auto;
    }
    .heightSpacer {
        height: 145px !important;
    }
    section.popularElemenSection{
        position: relative;
        z-index: 5;
    }
}
@media(max-width: 799px){
    .heightSpacer {
        height: 125px !important;
    }
}
@media(max-width: 787px){
    .heightSpacer {
        height: 52px !important;
    }
}
@media(max-width: 782px){
    canvas#network{
        height: 663px;
    }
}
@media(max-width: 767px){
    section.front-page-hero-banner .container .txtContent h1 {
        font-size: 50px;
    }
    .heightSpacer {
        height: 148px !important;
    }
}
@media(max-width: 663px){
    .heightSpacer {
        height: 88px !important;
    }
}
@media(max-width: 631px){
    section.stats-section .statsContent {
        flex-direction: column;
    }
    section.stats-section .statsContent .statsBox{
        max-width: 100%;
    }
    section.stats-section .statsContent .statsBox .counter-and-title h2, section.stats-section .statsContent .statsBox .counter-and-title h2 a{
        font-size: 50px;
        margin-bottom: 5px;
    }
    section.stats-section .statsContent .statsBox .statsIcon span{
        font-size: 38px;
        margin-left: -14px;
    }
    section.stats-section .statsContent{
        gap: 30px;
    }
}
/* @media(max-width: 625px){
    .home .search-results .search-result-item{
        max-width: 272px;
        height: 407px;

    }
    .home .search-results .search-result-item .imgContent {
        height: 325px;
    }
} */
@media(max-width: 609px){
    canvas#network {
        height: 721px;
    }
    .heightSpacer {
        height: 146px !important;
    }
}
@media(max-width: 550px){
    .heightSpacer {
        height: 125px !important;
    }
}
/* @media(max-width: 523px){
    .home .search-results .search-result-item {
        max-width: 190px;
        height: 372px;
    }
    .home .search-results .search-result-item .imgContent {
        height: 260px;
    }
} */
@media(max-width: 520px){
    canvas#network {
        height: 743px;
    }
}
@media(max-width: 502px){
    canvas#network {
        height: 743px;
    }
}
@media(max-width: 480px){
    section.front-page-hero-banner .container .txtContent h1 {
        font-size: 45px;
    }
    section.front-page-hero-banner .container .content{
        text-align: left;
    }
    .searchbarContent form {
        justify-content: left;
    }
    section.front-page-hero-banner {
        margin: 70px 0 0;
    }
    canvas#network {
        height: 655px;
    }
}
/* @media(max-width: 440px){
    .home .search-results .search-result-item {
        max-width: 285px;
        height: 457px;
    }
    .home .search-results .search-result-item .imgContent {
        height: 380px;
    }
} */
@media(max-width: 429px){
    canvas#network {
        height: 677px;
    }
}
@media(max-width: 427px){
    .heightSpacer {
        height: 94px !important;
    }
}
@media(max-width: 391px){
    canvas#network {
        height: 729px;
    }
    .heightSpacer {
        height: 146px !important;
    }
}
@media(max-width: 347px){
    .heightSpacer {
        height: 71px !important;
    }
}
@media(max-width: 331px){
    canvas#network {
        height: 752px;
    }
}