.brand-card {
    width: unset !important;
    height: unset !important;
}

.brand-card img {
    width: 100% !important;
    height: unset !important;
}

.main-video-title {
    width: 80% !important;
}

@media screen and (max-width: 700px) {
    .menu-icon {
        flex-direction: column-reverse !important;
    }
    .menu-icon div {
        width: 100% !important;
    }
}

@media screen and (max-width: 996px) {
    .custom-navbar a,
    .custom-navbar a:hover {
        font-size: 12px;
    }
    .container {
        max-width: 900px !important;
    }
}

@media screen and (max-width: 700px) {
    .blog-card {
        flex-direction: column;
        align-items: center;
        padding: 16px 16px;
        gap: 16px;
    }
    .blog-card-details {
        align-items: center;
    }
    .blog-card-link {
        justify-content: center;
    }
}

@media screen and (max-width: 1200px) {
    .question-progress-custom .progress {
        width: 380px !important;
    }
}

@media screen and (max-width: 723px) {
    .question-progress .progress {
        width: 380px !important;
    }
}

@media screen and (max-width: 524px) {
    .question-progress .progress {
        width: 220px !important;
    }
}

.document-card-title,
.document-card-date {
    white-space: nowrap;
}

@media screen and (max-width: 900px) {
    .split-container .left-panel {
        display: none;
    }
    .video-card-title-main {
        font-size: 14px;
    }
    .comments-container {
        margin-top: 16px;
    }
}

@media screen and (max-width: 500px) {
    .form-container {
        max-width: 400px;
    }
    .video-card-main {
        height: 229px !important;
    }
    .question-card span {
        font-size: 16px;
    }
}

@media screen and (max-width: 411px) {
    .form-container {
        max-width: 358px;
    }
}

@media screen and (max-width: 358px) {
    .form-container {
        max-width: 300px;
    }
}

.result-container {
    width: 100% !important;
}

@media screen and (max-width: 776px) {
    .statistics-container {
        max-width: 300px;
        flex-direction: column;
        width: 100%;
    }
}

@media screen and (min-width: 761px) and (max-width: 1400px) {
    .car-card-title-right h6 {
        font-size: 14px !important;
    }
    .car-card-icons {
        font-size: 14px;
    }
    .car-card-icons i {
        font-size: 16px;
    }
    .car-card-title-right p {
        font-size: 14px;
    }
    .car-card-title-left a {
        font-size: 14px;
    }
}