/* ############################################################################ Responsive CSS ############################################################################ */

/* Path: public\assets\front\css\style.min.css */
/* ############################################################################ Main CSS ############################################################################ */

@media only screen and (min-width: 300px) and (max-width: 900px) {
  .video-carousel .item .row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
  }
  .video-carousel .item .row .col-6 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .video-item__badge {
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div.video iframe {
    width: 100%;
    height: auto;
    margin: 10px auto;
  }
  .heading--start p {
    text-align: initial;
  }

  .modal-header .modal-title {
    font-size: 15px !important;
    font-weight: 800;
  }

  .modal-header span {
    font-size: 12px !important;
    font-weight: 600;
  }

  .span_currancy_gift {
    left: 53% !important;
  }

  /* ############################################# zaka ############################################# */
  .bg-zaka {
    padding: 10px !important;
  }
  .bg-zaka .col-4 {
    display: none !important;
  }
  .bg-zaka .col-8 {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .tbar3-zaka {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .tbar3-zaka .col-4,
  .tbar3-zaka .col-8 {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .line_zaka {
    display: none !important;
  }

  .tbar3-zaka .col-8 .rowt {
    justify-content: space-around !important;
  }

  .tbar3-zaka .col-8 .rowt .text-right {
    -ms-flex: 0 0 41.666667% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
  }

  .tbar3-zaka .col-8 .rowt .col-1 img {
    width: 30px !important;
  }

  .tbar3-zaka .col-8 .rowt .text-right .text-main {
    font-size: 12px !important;
    font-weight: 900;
  }
  .tbar3-zaka .cal-body-bg input {
    margin: 5px auto !important;
  }

  #contact-us .contacts-wrapper .row .col-auto img {
    display: none !important;
  }
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
  /* aside menu */
  .aside-dropdown .button {
    width: 100%;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
  }
  .aside-dropdown .button i {
    margin-right: 0 !important;
  }

  /* footer */
  .footer__lower {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer__lower .footer-developer {
    text-align: center !important;
    font-size: 12px;
  }
  .footer-copyright,
  .footer-privacy {
    font-size: 10px;
    margin-top: 15px;
    margin-bottom: 2px;
  }

  .footer__lower .col-xl-4 {
    text-align: center;
    font-size: 12px;
    margin-bottom: 11px;
  }
  .footer-developer a img {
    height: 40px;
  }
  footer.footer--front_3 {
    padding: 10px;
  }
  .footer-logo__img {
    display: block;
    margin: 0 auto;
    max-width: 225px;
  }
  .footer-contacts p {
    text-align: center;
    font-size: 12px;
  }
  .footer-socials {
    padding: 0;
    margin: 27px 0 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
  }
  .footer-socials__item:not(:last-of-type) {
    margin-left: 8px !important;
  }
  .icon-footer {
    font-size: 18px;
    width: 30px;
    height: 30px;
  }

  .foote_cat .col-lg-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }

  /* tesimaials */
  .testimonials-name {
    font-size: 14px;
    font-weight: 600;
  }
  .video--front_3 {
    padding: 20px 0 !important;
  }
  .testimonial-card p {
    font-size: 11px !important;
  }
  .heading-section h2 {
    font-size: 25px !important;
  }

  /* sms */
  .sms--front_3 {
    padding: 20px 0 !important;
  }
  .sms--front_3 .row .col-md-6 {
    margin: 10px auto;
  }
  .sms--front_3 .row .col-md-6 .head_title {
    font-size: 22px;
  }
  .sms--front_3 .row .col-md-6 .head_title .text-muted {
    font-size: 13px;
  }
  .elan.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer {
    padding: 0.6rem 0;
  }
  .elan .owl-item.active.center img.elanh {
    transform: scale(1);
  }

  .go_to_btn {
    display: block !important;
    margin: 0 auto;
  }
  .image_icon {
    width: 36px;
  }

  /* category */

  .category_section .row .col-6 {
    margin: 12px auto;
    display: contents;
  }

  /* gifts */

  .gifts--front_3 .row .col-md-6 {
    margin: 10px 0 !important;
  }
  .gifts--front_3 .row .col-md-6 .head_title {
    font-size: 22px;
  }

  .gift-item_rabbon {
    font-size: 19px;
    margin: 6px auto;
  }

  #MainDonateModal label {
    font-size: 12px;
  }
  #giftModal label {
    font-size: 12px;
  }

  #giftModal .controler_row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  #giftModal .controler_row .col-xl-6 {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
  }

  #giftModal .controler_row .col-xl-6 .containts_badg,
  #giftModal .controler_row .col-xl-6 #donate_now,
  #giftModal .controler_row .col-xl-6 #add_gift_to_cart {
    margin: 10px auto;
  }

  .causes-item__lower_gift .causes-item__details-holder .donate_now {
    font-size: 10px !important;
    padding: 10px !important;
  }

  /* ######################################### navbar ######################################### */

  .col-auto.d-flex.align-items-center.justify-content-center.align-content-center span.text-light {
    display: none;
  }

  header.header {
    background: var(--temp_1);
    z-index: 999;
    box-shadow: 0px 1px 13px var(--temp_1);
  }

  .navbar_logo {
    display: block;
  }

  #hellobar-bar {
    display: none !important;
  }
  header.header .row.no-gutters.justify-content-between {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    align-content: center !important;
    flex-wrap: nowrap !important;
  }

  .promo--front_3 .slider__nav--promo {
    top: auto;
    display: flex;
    right: auto;
    width: 100% !important;
    left: 0 !important;
    bottom: 15px !important;
    z-index: 12 !important;
    opacity: 0.7;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .promo-slider__count {
    top: 9px !important;
    left: 50% !important;
  }

  .promo--front_3 .promo-pannel {
    display: none !important;
    /* bottom: 15px !important;
    z-index: 12 !important; */
  }

  .promo-slider__count::after {
    display: none !important;
  }
  .slider__next:hover,
  .slider__prev:hover {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
  }

  section.project_bg.section.projects--secondry.projects--front_3 .col-md-6.col-lg-5.col-xl-4 {
    margin-bottom: 0;
  }

  .gifts--front_3 .text-muted {
    font-size: 14px;
  }
  .section.projects--secondry .text-muted {
    font-size: 14px;
  }

  .section.projects--secondry .head_title {
    font-size: 22px;
  }
  .section.projects--secondry .row .col-md-6 {
    margin: 10px auto;
  }

  .project-item_rabbon_text {
    font-size: 12px;
    width: 100% !important;
  }
  .donate_project_now {
    font-size: 10px !important;
    padding: 10px !important;
  }

  .gifts--front_3 .owl-nav {
    display: none !important;
  }

  .project-item--style-1 {
    height: 64% !important;
  }

  .gift-item--style-1 {
    margin: 255px auto 10px auto !important;
    box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.2);
  }
  .gifts--secondry .owl-item {
    margin-right: 8px !important;
  }

  .container-fluid.px-7 {
    padding: 0 !important;
  }

  /* ################################## contact-us   ############################# */
  #contact-us .contacts-wrapper .row .col-auto img {
    display: none !important;
  }

  .message-form .form__text,
  .message-form .form__title {
    font-size: 15px !important;
  }

  .file-input__label {
    margin: 12px auto !important;
  }

  /* ################################## volunteer  ############################# */
  .row .question_col {
    margin-top: 18px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px !important;
  }

  /* sub nav */

  .sub-nav .col-6 h6.fw-bold.py-2.mb-4.mt-4 {
    font-size: 12px !important;
  }

  /* bank account */

  #bank-accounts .row.align-items-center .col-lg-4 {
    text-align: center;
    margin: 10px auto;
  }

  #bank-accounts .container .row.align-items-center .col-lg-4 {
    display: none !important;
  }
  /* #bank-accounts .container .row.align-items-center {
    display: flex;
    flex-direction: column-reverse;
  } */

  /* project details */

  #project_details .main_content {
    padding-right: 0 !important;
  }

  #project_details .causes-item-project__details-holder.margin-30 {
    flex-direction: column !important;
    align-items: center !important;
  }

  #project_details .form__field_project-donation {
    margin: 10px auto !important;
  }

  #project_details .donate_now_project {
    margin: 0px 0px !important;
    background-color: var(--temp_2) !important;
    border-color: var(--temp_2) !important;
    outline: var(--temp_2) !important;
    position: absolute !important;
    top: 15px !important;
    font-size: 9px !important;
    padding: 7px !important;
    left: 6px !important;
  }

  #project_details .span_project_currancy {
    top: 16px !important;
  }

  /* profile page */
  .containt_dash_user .col-3.justify-content-center.align-items-center {
    display: contents;
  }
  .title_card_text {
    font-size: 16px !important;
  }
  .card_num {
    font-size: 30px !important;
  }
  .dash-user-card,
  .dash-user-card_1,
  .dash-user-card_2 {
    margin: 10px auto !important;
    scale: 0.8;
  }

  .sidebar-toggle {
    right: -360px !important;
  }
}

@media only screen and (min-width: 500px) and (max-width: 1000px) {
  /* ######################################### navbar ######################################### */
  #hellobar-bar {
    display: none !important;
  }

  .col-auto.d-flex.align-items-center.justify-content-center.align-content-center span.text-light {
    display: none;
  }

  header.header {
    background: var(--temp_1);
    z-index: 999;
    box-shadow: 0px 1px 13px var(--temp_1);
  }

  .navbar_logo {
    display: block;
  }

  header.header .button {
    width: 100%;
    display: none;
  }

  #hellobar-bar {
    display: none !important;
  }
  header.header .row.no-gutters.justify-content-between {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    align-content: center !important;
    flex-wrap: nowrap !important;
  }

  .promo--front_3 .slider__nav--promo {
    top: auto;
    display: flex;
    right: auto;
    width: 100% !important;
    left: 0 !important;
    bottom: 15px !important;
    z-index: 12 !important;
    opacity: 0.7;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .promo-slider__count {
    top: 9px !important;
    left: 50% !important;
  }

  .promo--front_3 .promo-pannel {
    display: none !important;
    /* bottom: 15px !important;
  z-index: 12 !important; */
  }

  .promo-slider__count::after {
    display: none !important;
  }
  .slider__next:hover,
  .slider__prev:hover {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
  }

  section.project_bg.section.projects--secondry.projects--front_3 .col-md-6.col-lg-5.col-xl-4 {
    margin-bottom: 0;
  }

  .gifts--front_3 .text-muted {
    font-size: 14px;
  }

  #giftModal .controler_row .col-xl-6 {
    margin: 10px auto;
    display: flex !important;
    justify-content: center !important;
  }
  .section.projects--secondry .text-muted {
    font-size: 14px;
  }

  .section.projects--secondry .head_title {
    font-size: 22px;
  }
  .section.projects--secondry .row .col-md-6 {
    margin: 10px auto;
  }

  .project-item_rabbon_text {
    font-size: 12px;
    width: 100% !important;
  }
  .donate_project_now {
    font-size: 10px !important;
    padding: 10px !important;
  }

  .gifts--front_3 .owl-nav {
    display: none !important;
  }

  .gift-item--style-1 {
    margin: 255px auto 10px auto !important;
    box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.2);
  }
  .gifts--secondry .owl-item {
    margin-right: 8px !important;
  }

  .projects--front_3 .col-md-6.col-lg-5.col-xl-4 {
    text-align: center;
  }
  .project-item--style-1 {
    height: 64% !important;
  }

  /* aside menu */
  .aside-dropdown .button {
    width: 100%;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
  }
  .aside-dropdown .button i {
    margin-right: 0 !important;
  }

  /* footer */
  .footer__lower {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer__lower .footer-developer {
    text-align: center !important;
    font-size: 12px;
  }
  .footer-copyright,
  .footer-privacy {
    font-size: 10px;
    margin-top: 15px;
    margin-bottom: 2px;
  }

  .footer__lower .col-xl-4 {
    text-align: center;
    font-size: 12px;
    margin-bottom: 11px;
  }
  .footer-developer a img {
    height: 40px;
  }
  footer.footer--front_3 {
    padding: 10px;
  }
  .footer-logo__img {
    display: block;
    margin: 0 auto;
    max-width: 225px;
  }
  .footer-contacts p {
    text-align: center;
    font-size: 12px;
  }
  .footer-socials {
    padding: 0;
    margin: 27px 0 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
  }
  .footer-socials__item:not(:last-of-type) {
    margin-left: 8px !important;
  }
  .icon-footer {
    font-size: 18px;
    width: 30px;
    height: 30px;
  }

  .foote_cat .col-lg-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }

  .elan .owl-nav {
    top: -157px !important;
  }

  .file-input__label {
    margin: 12px auto !important;
  }

  #contact-us .contacts-wrapper .row .col-auto img {
    display: none !important;
  }

  /* bank account */

  #bank-accounts .row.align-items-center .col-lg-4 {
    text-align: center;
    margin: 10px auto;
  }

  #bank-accounts .container .row.align-items-center .bank_section_image {
    display: none !important;
  }

  #project_details button.btn.bg-add_to_cart.add_to_cart {
    font-size: 12px !important;
  }

  #project_details .donate_now_project {
    margin: 0px 0px !important;
    background-color: var(--temp_2) !important;
    border-color: var(--temp_2) !important;
    outline: var(--temp_2) !important;
    position: absolute !important;
    top: 6px !important;
    font-size: 9px !important;
    padding: 7px !important;
    left: 6px !important;
  }

  /* profile page */
  .containt_dash_user .col-3.justify-content-center.align-items-center {
    display: contents;
  }
  .title_card_text {
    font-size: 16px !important;
  }
  .card_num {
    font-size: 30px !important;
  }
  .dash-user-card,
  .dash-user-card_1,
  .dash-user-card_2 {
    margin: 10px auto !important;
    scale: 0.8;
  }
}

@media (min-width: 992px) {
  .d-sm-none {
    display: none !important;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
  /* ######################  zaka ##################################### */

  .container-fluid.px-7 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .row.tbar3-zaka .col-8 {
    -ms-flex: 0 0 58.333333% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
  }

  .row.tbar3-zaka .col-4 {
    -ms-flex: 0 0 41.666667% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
  }

  .tbar3-zaka .text-right .text-main {
    font-size: 12px !important;
    font-weight: 900;
  }

  .tbar3-zaka .col-8 .rowt .col-1 img {
    width: 30px !important;
  }

  a.video-trigger {
    right: 54% !important;
  }
  .gift_card a.form__submit {
    margin: 14px auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1205px) {
  .navbar_logo {
    display: none !important;
  }

  header.header {
    background: var(--temp_1);
    font-size: 12px;
    transform: scale(0.79);
    left: auto;
    width: max-content;
  }
  .main-menu__item--has-child .main-menu__link span {
    font-size: 12px;
  }

  .button--squared span {
    font-size: 12px;
  }

  .top-bar {
    font-size: 12px;
  }
  .top-bar img {
    width: 125px !important;
    height: auto !important;
  }

  header.header--front_3.header--sticky {
    min-width: 1060px !important;
    z-index: 30;
  }

  .promo--front_3 .slider__nav--promo {
    top: auto;
    display: flex;
    right: auto;
    width: 100% !important;
    left: 0 !important;
    bottom: 15px !important;
    z-index: 12 !important;
    opacity: 0.7;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .promo-slider__count {
    top: 9px !important;
    left: 50% !important;
  }

  .promo--front_3 .promo-pannel {
    display: none !important;
    /* bottom: 15px !important;
  z-index: 12 !important; */
  }

  .promo-slider__count::after {
    display: none !important;
  }
  .slider__next:hover,
  .slider__prev:hover {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
  }

  .elan .owl-nav {
    top: -157px !important;
  }

  #contact-us .contacts-wrapper .row .col-auto img {
    display: none !important;
  }
  #bank-accounts .container .row.align-items-center {
    text-align: center;
  }

  #bank-accounts .container .row.align-items-center .bank_section_image {
    display: none !important;
  }
  #bank-accounts .container .row.align-items-center .bank_details {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #project_details button.btn.bg-add_to_cart.add_to_cart {
    font-size: 13px !important;
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1250px) {
  h6.title_card_text {
    font-size: 18px !important;
  }
  .gift_card a.form__submit {
    margin: 14px auto;
  }
}

@media (max-width: 1200px) {
  .projects_cases {
    justify-content: center;
  }
}
@media (max-width: 900px) {
  a.video-trigger {
    right: 57% !important;
  }
  .gift_card a.form__submit {
    margin: 14px auto;
  }
}
@media (max-width: 800px) {
  .gift_card dd {
    scale: 0.8 !important;
    transform: translate(6%) !important;
  }
}

/* reduce than 700px */
@media only screen and (max-width: 700px) {
  .responstable {
    font-size: 12px;
  }
  .image_project_donation {
    width: 100% !important;
    height: auto !important;
  }
  .containt_dash_user {
    padding: 4rem !important;
  }
  .pay_anther,
  .pay_bank {
    margin: 5px auto !important;
  }

  a.video-trigger {
    right: 59% !important;
  }
}

@media only screen and (max-width: 645px) {
  span.currncy {
    margin-right: 0 !important;
  }
  .total_section_cart {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .responstable {
    font-size: 10px;
  }
  .cart-item__count {
    transform: scale(0.8);
  }
  .cart-item__remove {
    font-size: 7px !important;
  }
  .cart-item__remove i.ti-x {
    font-size: 12px !important;
  }
  a.video-trigger {
    right: 61% !important;
  }
}
@media only screen and (max-width: 521px) {
  span.total_title {
    font-size: 8px !important;
  }
  span.total_donations {
    font-size: 10px !important;
  }
  #cartTotals {
    font-size: 13px !important;
  }
  .gift_card dd {
    scale: 0.8 !important;
    transform: translate(8%) !important;
  }
}

@media only screen and (max-width: 500px) {
  span.currncy {
    margin-right: 0 !important;
  }
  .total_section_cart {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .responstable {
    font-size: 8px;
  }
  .cart-item__count {
    transform: scale(0.7);
  }
  .cart-item__remove {
    font-size: 7px !important;
  }
  .cart-item__remove i.ti-x {
    font-size: 12px !important;
  }

  .pay_bank img {
    width: 100% !important;
    height: auto !important;
  }

  .pay_anther img {
    width: 100% !important;
    height: auto !important;
  }
  .all_contaier .containts_badg {
    margin-left: 0 !important;
    display: flex;
  }

  div.all_contaier {
    transform: scale(0.8);
  }

  .containt_dash_user {
    padding: 5rem !important;
  }
  .ti-sm {
    font-size: 0.976rem !important;
  }
  a.video-trigger {
    scale: 0.8 !important;
    right: 62% !important;
  }
  .main-carousel .owl-dots {
    scale: 0.8 !important;
    right: 40% !important;
  }
  .gift_card dd {
    scale: 0.7 !important;
    transform: translate(13%) !important;
  }
}

@media only screen and (max-width: 450px) {
  .gift_card dd {
    scale: 0.55 !important;
    transform: translate(26%) !important;
  }

  .responstable {
    font-size: 7px !important;
  }
}

@media only screen and (max-width: 400px) {
  .ti-sm {
    font-size: 0.7376rem !important;
  }
  .responstable {
    font-size: 6px !important;
  }
  .containt_dash_user {
    padding: 4rem !important;
  }
  .gift_card dd {
    scale: 0.5 !important;
    transform: translate(40%) !important;
  }

  @media only screen and (max-width: 350px) {
    .gift_card dd {
      scale: 0.4 !important;
      transform: translate(61%) !important;
    }
  }
}

@media only screen and (min-width: 1700px) {
  .gift_card dd {
    scale: 1.2 !important;
    transform: translate(-20%) !important;
  }
}

@media only screen and (min-width: 900px) {
  .gift-item.gift-item--style-1 {
    max-height: 380px;
  }

  .main-carousel.owl-carousel.owl-theme.owl-loaded.owl-drag {
    height: 32rem !important;
  }
  picture.im1g--bg {
    min-height: 32rem !important;
  }
}