.navbar-brand.cv {
    transition: .3s ease-in;
}

.accounts-header {
    transition: .2s ease-in;
}

@media (max-width: 768px) {
    .navbar-brand.cv {
        svg {
            width: 35px;
            height: 45px;
        }

        img {
            width: auto;
            height: 35px;
        }
    }

    .accounts-header {
        min-height: 60px;
    }

    .profile-pic-heading {
        justify-content: left !important;
        margin-top: 20px;
    }

    .coustom-rightside-color {
        height: 100% !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .image-top-padding {
        padding-top: 40px;
    }

    .welcome-back-text {
        margin-top: 40px;
    }

    .login-with-google-microsoft {
        margin-top: 25px;
    }

    .or-divider {
        margin: 30px 0 !important;
    }

    .footer- {
        padding: 0 10px;
    }

    .login-link {
        margin-top: 18px !important;
    }

    .form-control.asdot {
        width: 98% !important;
    }

    .form-select.asdot {
        width: 98% !important;

    }

    .form-group::after {
        right: -4px !important;
    }

    .addroutetask {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        padding: 10px;
        margin-left: 10px;
        gap: 5px;

        svg {
            width: 17px;
            height: 17px;
        }
    }

    .shareandownloadbutton {
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        padding: 10px;

        svg {
            width: 17px;
            height: 17px;
        }
    }

    .back-button-i {
        font-weight: 400;
        font-size: 14px;
        padding: 10px;

        svg {
            width: 20px;
            height: 9px;
        }
    }

    .talkgroups-title {
        font-size: 16px;
        transition: .2s;
        font-weight: 600;
    }

    .uploades-buttons {
        padding: 10px;
        gap: 8px;


        svg {
            height: 20px;
            width: 20px;
        }

        span,
        p {
            font-size: 14px;
        }
    }

    .yellowpart-heading {
        svg {
            height: 30px;
            width: auto;
            margin-right: 0px !important;
        }

        flex-wrap: wrap;
    }

    .addon-support-page {
        width: 100%;
        border-radius: 5px;
        padding: 10px !important;
        justify-content: space-around;
    }

    .footer-newaccount div {
        padding: 0;
    }

    .footer-on-mobile {
        gap: 8px !important;
    }

    .bvuv-footer {
        padding-left: 4px;
        padding-right: 4px;
    }

    .dropdown-menu.shareanddownload- .dropdown-item {
        padding-left: 8px;
        font-size: 12px;


    }

    .dropdown-item.route-to-excle {
        padding-left: 40px !important;
    }

    .threedot-drop-down .dropdown-item {
        font-size: 12px;
    }

    .right-side-shere-and.right-side-shere-and {
        width: 100%;
        justify-content: end;

        h6 {
            color: #4F4F4D !important;
            font-family: Inter !important;
            font-size: 12px !important;
            font-style: normal !important;
            font-weight: 400 !important;
            line-height: normal !important;

        }

        svg {
            height: 20px;
            width: auto;
        }
    }

    .yellowpart-heading {
        padding: 10px;
    }

    .add-user-form-l.custom-padding {
        padding-left: 20px;
        padding-right: 20px;
    }

    .modal-header-custom svg {
        height: 30px;
    }

    .add-user-button {
        padding: 10px;
        font-size: 13px;

        svg {
            height: 20px;
        }
    }

    .add-user-text {
        font-size: 14px;
    }

    .nav-link.talkgroup-model.usermanagement {
        font-size: 15px;
    }

    .nav-link.talkgroup-model.usermanagement.active {
        font-size: 15px;
    }

    .nav-link.talk-group-user {
        font-size: 15px;
    }

    .nav-link.talk-group-user.active {
        font-size: 15px;
    }

    .accordion-button.ccre {
        font-size: 15px;
    }

    .accordion-button.ccre::after {
        scale: 1;
    }

    .talkgroup-modal-content .modal-body {
        margin-bottom: 20px;
    }

    .usermanagement-table-body-fonts tr td {
        font-size: 12px;
    }

    .usermanagement-table {
        min-width: 500px;

        th {
            font-size: 16px;
            font-weight: 600;
        }
    }

    .uploades-buttons {
        svg {
            right: 0 !important;
        }
    }

}

@media (min-width:769px) {
    .right-side-shere-and.right-side-shere-and {
        h6 {
            color: #4F4F4D !important;
            font-family: Inter !important;
            font-size: 24px !important;
            font-style: normal !important;
            font-weight: 400 !important;
            line-height: normal !important;
        }
    }

    .profile-pic-heading.br {
        border-right: 1px solid rgba(79, 79, 77, 0.50);

    }

    .dropdown.custom-dropdown-for-postion {
        right: 10px !important;
        margin-top: 0px !important;
    }
    #searchResultsDropdown {
        padding: 12px;
        position: absolute;
        border-radius: 12px;
        background: #FFF;
        top: 149px;
        border: 1px solid rgba(79, 79, 77, 0.50);
        filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
        max-width: 700px !important;
        width: 100%;
        z-index: 99;
        left: 20%;
    }
    .add-c-inputs{
        input{
            min-width: 410px;
        }
    }
}
@media (max-width:1200px) {
    #searchResultsDropdown {
        padding: 12px;
        position: absolute;
        border-radius: 12px;
        background: #FFF;
        top: 149px;
        border: 1px solid rgba(79, 79, 77, 0.50);
        filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.15));
        max-width: 700px !important;
        width: 100%;
        z-index: 99;
        left: 20%;
    }
}




@media (min-width: 769px) and (max-width: 1900px) {
    .custom-footer-width {
        max-width: 83% !important;
    }
}