.cart__item .cart-toggle-holder {
    display: none;
}
.cart__item .cart-toggle-holder {
    /* display: none; */
}
    .notification-content {
        display: flex;
        align-items: center;
        GAP:5PX
    }
.notification-content p {
    flex:1
}
@media screen and (max-width: 767px) {
    #hello_bar {
        padding: 15px 10px !important;
    }
    #hello_bar div {
        font-size: 12px !important;
    }
    #hello_bar div img {
        width: 22px !important;
        margin-right: 5px;
    }
    #hello_bar .hb-close-wrapper {
        left: 20px;
    }
    header .navbar .navbar-toggler {
        background: transparent;
        border: none;
    }
    .navbar-toggler i {
        fill:var(--primary-color);
        color: var(--primary-color);
        font-size: 19pt;
   
    }
    .mobile-section .auth-box {
        display:none
    }
    header .navbar .mobile-section ul .nav-link {
        background-color: #F1FBFE !important;
        color: #1C0303 !important;
        padding-left: 10px;
    }
    header .navbar .mobile-section ul .nav-link span {
        margin-left: 10px;
    }
    header .navbar .mobile-section ul {
        zoom: 1;
        padding: 0;
    }
    header .navbar .mobile-section ul .nav-link {
        font-size: 14px;
    }
    .mobile-header .navbar-nav {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 5px !important;
    }
    header .mobile-header ul li a {
        font-size: 13px;
    }
    header .mobile-header .top .title {
        font-size: 14px;
    }
    header .mobile-header .top {
        margin-bottom: 0;
    }
    header .mobile-header ul li a {
        padding: 5px 0px;
    }
    header .mobile-header .logo {
        margin-bottom: 10px;
    }
    .mobile-header .auth-links .register-btn {
        background: var(--primary-color) !important;
        color: white;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        border: 1px solid var(--primary-color);
        background: none;
        border-radius: 10px;
        padding: 8px 10px;
        gap: 5px;
    }
    .mobile-header .auth-links {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap:10px;
        margin-top: 10px;
    }
    .mobile-header .auth-links .login-btn {
        background: white !important;
        color: var(--primary-color);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        gap: 5px;
        border: 1px solid var(--primary-color);
        background: none;
        border-radius: 10px;
        padding: 8px 10px;
    }
    header .hero .hero-box .item {
        height: 270px !important;
        padding: 50px 20px !important;
    }
    header .hero .hero-box .content-box .title {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    header .hero .hero-box .content-box .description {
        font-size: 12px !important;
         margin-bottom: 10px !important;
    }
    header .hero .hero-box .content-box a {
        font-size: 12px !important;
        min-width: 120px
    }
    header .hero .hero-box .owl-dots {
        bottom: 15px;
    }
    .quick-donation .donation-box .owl-nav {
        display: none;
    }
    .donations .top-box .bottom {
        display: none;
    }
    .donations .top-box {
        flex-wrap: nowrap;
    }
    .sms-donations img {
        height: 150px !important;
    }
    .counters .counters-box {
        padding: 20px 0px;
    }
    .counters .counters-box .counter .count {
        font-size: 25px;
    }
    .counters .counters-box .counter .title {
        font-size:16px
    }
    .donations .top-box .right .title-box .description {
        max-width: 160px;
        font-size: 15px;
    }
    .donations .top-box .right .title-box .title {
        font-size: 16px;
    }
    .videos-sec .videos-box .item-box .video-header .social-share a svg {
        width: 15px;
    }
    .videos-sec .videos-box .video .item .title {
        font-size: 16px;
    }
    .videos-sec .videos-box .video .item .description {
        font-size: 12px;
    }
    .videos-sec .videos-box .item-box img {
        height: 300px;
    }
    .videos-sec .videos-box .item-box .overlay {
        max-height: 300px;
    }
    .videos-sec .videos-box .item-box .play-video-button {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFFFFF;
    padding: 7px;
    display: flex
;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
    .videos-sec .videos-box .item-box .play-video-button svg {
        width: 18px;
        height: auto;
    }
    .videos-sec {
        background: transparent;
    }
    .videos-sec .videos-box .owl-nav {
        display: block;
    }
    .videos-sec .videos-box .owl-nav {
        top: 24%;
    }
    .partners .partner-box .item {
        height: 125px;
    }
    .partners .partner-box .item img {
             max-height: 75px;
        width: auto;
        margin: 0 auto;
    }
    .testimonials .testimonials-box .description {
        height: 130px !important;
        font-size: 13px !important;
    }
    .testimonials .testimonials-box .testimonial .name {
        font-size: 16px !important;
    }
    .side-menu-wrapper .box ul li a {
        font-size: 12px;
    }
    footer {
        padding-bottom:100px
    }
    .blogs .blog {
        min-width: auto;
        min-height: auto;
    }
    .mobile-header .btn svg {
        margin: 0 !important;
    }
    .blogs .fs-3 {
        font-size: 16px !important;
    }
    .blogs .primary-btn {
        position: absolute;
        left: 10px;
        font-size: 12px;
        padding: 11px 20px !important;
        min-width: unset;
        min-height: unset;
        height: auto;
        top: 20px;
    }
    .blogs .primary-btn svg {
        width: 9px !important;
        margin: 0 !important;
        height: auto;
    }
    .filters li a {
        font-size: 13px;
    }
    .filters li {
        padding: 0.50rem 1rem;
    }
    .blogs .blog .bg {
    width: 100%;
    height: 250px; 
    }
    .single-blog {
        padding: 10px 0px;
    }
    .single-blog .bg-wrapper {
        height: 250px;
    }
    .auth-content .auth-title {
        justify-content: flex-start;
        text-align: right;
        align-items: flex-start !important;
    }
    .auth-content .header  {
        gap: 15px;
    }
    .auth-content .header {
        padding: 1rem;
    }
    .auth-content .header span {
        font-size: 15px !important;
      
        flex: 1;
    }
    .auth-content .header .icon-container {
        width: 40px;
        height: 40px;
    }
    .auth-content .header .icon-container svg {
        width: 13px;
    height: auto;
    }
    .auth-title .fs-5 {
        font-size: 17px !important;
    }
    .auth-content .auth-form {
        padding: 20px;
    }
    .error-message {
        left: 10px;
        width: 250px;
    }
    .account__summary_stat {
        flex-direction: row-reverse;
    }
    .toggle-account-menu {
        background: var(--primary-color);
        color: white;
        padding: 6px 6px;
        border-radius: 50%;
    }
    .account__summary_stat svg {
        margin-right: auto;
    }

    .account__content h3.title {
        font-size: 13pt;
        margin-bottom: 15px;
        font-weight: 700;
    }
    .account__summary_stat {
        position: relative;
        align-items: flex-start;
        padding-top: 20px;
    }
    .account__summary_stat p {
        position: absolute;
        bottom: 15px;
        right: 16px;
    }
    .total-section {
           flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .account__cart {
        padding:30px 0px !important
    }
    .cart__total_column .cart__item_total_price {
        text-align: center !important;
        font-size: 17px !important;
        margin-bottom: 15px !important;
        margin-top: 15px !important;
    }
    .cart__pay_online, .cart__bank_transfer {
        width: 95%;
        margin: 0 auto;
    }
    .cart-total-section {
        flex-direction: row;
    }

    .cart__item .cart__item_column {
        display:none;
    }
    .cart__header .cart-header-mobile {
        display: flex;
    }
    .cart__item .cart-item-content-mobile {
        display: flex;
    }
.cart-toggle-holder {
        display: flex !important;
    }
    .cart__items {
        width: 100%;
    }
    .toggle-cart {
        display: block;
    }
    .cart__item .cart__item_column {
        border-left:none;
        border-right:none;
        border-bottom: none;
    }
    .cart__item_project_info {
        padding: 10px 0px;
    }
    .cart__pay_online .cart__item_column,
    .cart__bank_transfer .cart__item_column,
    .cart__total_column
    {
        display: flex !important;

    }
    .upload-box button {
        text-wrap:auto;
        width: 100%;
    }
    table.notificatios-table tr td {
        padding: 15px 10px;
    }
    table.notificatios-table tr td span {
        position: static !important;
        text-align: left;
    }
    .awaiting-support .bg-wrapper {
        height:300px
    }
    .awaiting-support .content .primary-btn, .awaiting-support .content .primary-outline-btn,.awaiting-support .content .danger-btn {
 
        min-width: unset;
    }
    .awaiting-support {
        padding: 2rem 0rem;
    }
    .awaiting-support .content {
   
    padding: 1.5rem 10px;
    }
    .awaiting-support .content .primary-btn svg {
        display: none;
    }
    .awaiting-support .content .primary-outline-btn svg {
        display: none;
    }
    .donations .top-box .left .read-more {
        padding-inline:10px
    }
    .quick-donation .description {
        margin-bottom: 0px !important;
    }
}