@media screen and ( max-width:1440px) {
    .html-event-account-page .container{max-width: 1100px;}
    .html-event-detail-page .relatives-detail-wrapper .relative-profile-wrapper{width: 50%;}
    .html-event-detail-page .relatives-detail-wrapper .child-profile-wrapper{width: 50%;}
}

@media screen and ( max-width:1024px) {  
    .html-event-detail-page .race-detail-wrapper{margin-top: 20px;}
    .html-event-detail-page .race-schedule-wrapper{margin-top: 20px;}
    .html-event-detail-page .family-details{margin-top: 20px;}
    .html-event-detail-page .relatives-detail-wrapper .relative-profile-wrapper{width: 100%;}
    .html-event-detail-page .family-detail-table {margin-top: 20px;}

    .html-event-account-page .side-2{max-width: 100%;position: fixed;bottom: 0; margin: 0;box-shadow: 0 8px 16px rgb(0 0 0 / 10%); }
.html-event-account-page .side-2 .block.block-account-navigation{max-width: 100%;}
.html-event-account-page .side-2 .list{display: flex;gap: 40px;justify-content: center;margin: 0;}
.html-event-account-page .container{max-width: 950px;margin: 0 auto;height: 730px;}
.html-event-account-page .side-2 .list li { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; flex: 0 0 32%; text-align: center; max-width: 32%; }
.html-event-account-page .block .title{display: none;}
.html-event-account-page .side-2 .list li.active {padding: 0 45px;border: none;background-color: transparent;}
.html-event-account-page .side-2 .block.block-account-navigation{background-color: #ebebeb;}
.html-event-account-page .side-2 .listbox { border-bottom: none; box-shadow: 0 0 16px #00000040; display: block !important;}
.html-event-account-page .side-2 .list a{ flex-direction: column; justify-content: center; align-items: center;padding-left:0 ;}
.html-event-detail-page .relatives-detail-wrapper .child-profile-wrapper{width: 100%;}

.html-event-detail-page .custom-popop-wrapper{width: 80%;left: 10%;}
.html-event-detail-page.html-volunteer-page .relatives-detail-wrapper .relative-profile-wrapper{width: 50%;}

}

@media screen and ( max-width:992px) {  
    a.dashboard,a.facts{font-size: 0px;display: flex;padding: 8px;}
    .user-name label{font-size: 16px;}
    .logo-mobile{display: block;}
    .logo-desktop{display: none;width: 100%;}
    .logo-wrapper{width: 100%; max-width: 40px;}
    a.dashboard i,a.facts i{font-size: 18px;}
    .html-event-detail-page .family-details-event {margin-top: 20px;}
    .html-event-detail-page .relatives-detail-wrapper{overflow: auto;}
}

@media screen and ( max-width:425px) {
    .html-event-detail-page .race-detail-wrapper .race-detail{width: 330px;}
    .logo-wrapper{width: 100%;max-width: 10%;}
    .head-content-wrapper .nav-btn-wrapper{flex-wrap: wrap;justify-content: center;}
    .user-name label{font-size: 12px;}
    .logo-mobile{display: block;width: 100%;}
    a.dashboard{background: transparent;}
    .head-content-wrapper .user-info-wrapper{gap: 12px;}
    .head-content-wrapper .user-info-wrapper .profile-img span i{font-size: 16px;}
    .head-content-wrapper .user-info-wrapper .profile-img span{width: 30px;height: 25px;}
    .html-event-account-page .family-event .row{flex-wrap: nowrap;}

    .html-event-account-page .side-2 .list a {font-size: 12px;white-space: normal; padding: 5px 0 0;}
 .html-event-account-page .side-2 .list{gap: 0;justify-content: space-between;align-items: center;}
 .html-event-account-page .event-label {width: 70%;}
 .custom-login-page .custom-login-block .returning-wrapper .form-fields .inputs .cust-input-field input{width: 100%;}
 .custom-login-page .container{padding: 0;}
 .custom-login-page .login-form-wrapper{height: 100%;overflow: hidden;}
 .custom-login-page .custom-login-block{width: 100%;}
 .custom-login-page .returning-wrapper .inputs.reversed{width: 100%;}
 .custom-login-page .returning-wrapper .buttons .cust-lgn-btn{width: 100%;}
 .html-event-detail-page.html-volunteer-page .relatives-detail-wrapper .relative-profile-wrapper{width: 100%;}
 .html-event-detail-page .custom-popop-wrapper{top: 10%;}
 .html-event-detail-page .tab-button{border: 1px solid #dddddd42;}
 .html-event-detail-page .tabs{  display: flex; flex-direction: column; gap: 15px; border: none;}

}

@media screen and ( max-width:400px) {  
    .html-event-detail-page .race-detail-wrapper .race-detail{width: 290px;}
    .html-event-detail-page .race-detail-wrapper .race-detail .details-wrapper{gap: 30px;}
    .user-name label{text-align: left;width: 100%;max-width: 60px;}
    .html-event-detail-page .event-detail-wrapper .title h2{text-align: center;}
    .html-event-detail-page .event-detail-wrapper .title{justify-content:center;padding-bottom: 15px;}
}

@media screen and ( max-width:350px) {  
    .html-event-detail-page .race-detail-wrapper .race-detail{width: 250px;left: 15px;}
    .html-event-detail-page .race-detail-wrapper .race-detail .details-wrapper{gap: 20px;}
}

/* Responsive adjustments for imgs*/
@media (max-width: 1200px) {
    .html-event-image-page .grid-item {
        width: calc(33.333% - 20px);
    }
}

@media (max-width: 800px) {
    .html-event-image-page .grid-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .html-event-image-page .grid-item {
        width: calc(100% - 20px);
    }
}