:root {
  --mainColor: #e9791e;
  --secondColor: #0e395e;
}

@media (max-width: 1024.98px) {} /* 1024.98px */

@media (max-width: 1199.98px) {
  .logo img {
    max-width: 120px!important;
  }
  nav > ul > li > a {
    font-size: 13px;
    padding: 2rem .3rem;
  }
  .top-header a,
  .btn-show-search {
    font-size: 13px;
  }
} /* 1199.98p */

@media (max-width: 991.98px) {
  .btn-toggle-menu {
    display: block;
    color: #444;
    font-size: 1.2rem;
    margin: auto 1rem;
  }
    header {
        position: relative;
    }
    header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
    }
  header.sticky .btn-toggle-menu {
    color: #444;
  }
  nav>ul {
    display: block;
    position: fixed;
    left: -250px;
    top: 0;
    background-color: var(--secondColor);
    width: 250px;
    height: 100vh;
    z-index: 999;
    transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  header.sticky nav>ul {
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
  }
  nav>ul.show {
    left: 0;
  }
  nav > ul > li > a {
    font-size: 14px;
    display: block;
    padding: .5rem;
  }
  header .btn-show-search {
    color: #444;
    }
  header.sticky nav > ul > li > a {
    color: #fff;
  }
  header.sticky nav > ul > li > a.active,
  header.sticky nav > ul > li > a:hover {
    color: var(--mainColor);
  }
  nav > ul > li > a::before,
  nav > ul > li > a.active::before {
    content: unset;
  }
  .dropdown-toggle::after {
    vertical-align: middle;
    border: 1px solid #fff;
    position: absolute;
    right: 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  .dropdown-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
    inset: unset !important;
    display: block !important;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
  .dropdown-menu.show {
    height: auto;
    visibility: visible;
    opacity: 1;
  }
} /* 991.98px */

@media (max-width: 767.98px) {
    .contact-head a span {
        display: none;
    }
  .top-header > .d-flex {
    /* justify-content: center !important; */
    justify-content: space-between !important;
    flex-direction: row;
  }
  .left-head.contact-head {
    /* display: none !important; */
  }
  .right-head.d-flex {
    justify-content: space-between;
  }
  .logo img {
    max-width: 60px !important;
  }
  header.sticky .logo img {
    max-width: 90px!important;
  }

  .txt-about {
    /* margin-top: 1rem; */
    margin-bottom: 1rem;
  }
  
  #timeline {
    margin: auto;
    padding: 0px;
    width: 100%;
  }
  #timeline:before {
    content: unset;
  }
  #timeline .timeline-item .timeline-icon {
    position: static;
    transform: translate(0);
    margin: auto;
  }
  #timeline .timeline-item .timeline-content {
    width: 100%;
  }
  #timeline .timeline-item .timeline-content,
  #timeline .timeline-item .timeline-content.right {
    float: none;
  }

  footer .row > div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ddd;
  }
  footer .row > div:last-child {
    border-bottom: 0;
  }

  .w-25,
  .w-50,
  .w-75 {
    width: 100%!important;
  }

  .share-block {
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .share-block > div:not(:last-child) {
    margin-bottom: 1.5rem;
  }

  .sec-3things .info {
    margin-bottom: 1rem;
  }
  .sec-3things .info.info-awareness .txt-info {height: auto;}
  .sec-3things .info.importance-session .txt-info {height: auto;}

  .chat-btns a svg {
    width: 20px;
    height: 20px;
  }
  .chat-btns a {
    padding: 0.5rem 0.5rem;
    font-size: 14px;
  }
  .website-img .img-logo {
    max-height: 200px;
  }

  .sec-news .row.g-1 > div:first-child {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
  }

  .gallery-top4 .item-vid-slide a, .gallery-top3 .item-news-slide .img-slide {
    height: 220px;
  }
  
  .item-vid-slide p.title_vid,
  .gallery-top3 .item-news-slide a {
    height: 115px;
    font-size: 12px;
    padding: 1rem 2rem;
  }
  .item-vid-slide p.title_vid {
    height: 80px;
  }
  .item-news-slide.thumb a p {
    font-weight: 500;
    font-size: 10px;
    text-align: center;
  }
  .item-news-slide.thumb a {
    text-align: center;
  }

  .btn_styled23 {
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
  .btn_styled23:before,
  .btn_styled23:after {
    height: 25px;
    width: 20px;
  }

  .img-app a img {
    max-height: 30px;
  }

  .links-square li {
    max-width: calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }
  .links-square li a {
    padding: 1rem 1rem;
    font-size: 11px;
  }
  .form_footer_style label {
    padding: 0.4rem 0.4rem;
    font-size: 12px;
  }

  .footer-copyright {
    flex-direction: column;
  }
  .footer-copyright p {
    font-size: 14px;
  }
  .footer-copyright p:first-child {
    margin-bottom: 1rem;
  }

  .block-vision .text-center {
    padding: 2rem .5rem;
  }
  .lead__txt {
    font-size: 1rem;
  }
  .img-project-gallery .gallery-top2 .swiper-slide>a {
    height: 200px;
  }
  .img-project-gallery .swiper-container.gallery-top2 {
    border-bottom: 10px solid #fff;
  }

  .side-fliters {
    margin-bottom: 2rem;
  }
  .side-fliters .links-filters li a {
    font-size: 14px;
    padding: .5rem 1rem;
  }
  .grid-item {
    height: 125px;
  }

  .link-supwebsite > div:first-child,
  .link-supwebsite > div:last-child {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .slides-clinics, .slides-clinics .owl-stage-outer, .slides-clinics .owl-stage, .slides-clinics .owl-item, .slides-clinics .item {
    height: calc(100vh / 3);
  }
  
  .txt-about p {
        font-size: .9rem;
    }
    .h1, h1 {
        font-size: calc(1rem + 1vw);
    }
    .btn-styled {
        padding: .8rem;
        font-size: .9rem;
    }
    
    .gallery-thumbs4 .item-vid-slide a, .gallery-thumbs3 .item-news-slide .img-slide {
        height: 80px;
    }
    .gallery-thumbs4 .item-vid-slide a img, .gallery-thumbs3 .item-news-slide .img-slide img {
        /*height: 100%;*/
    }

    .btn-play-vid {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .item-vid-slide a i {
        font-size: 1rem;
    }
    .item-vid-slide.thumb a i {
        font-size: 1rem;
    }
    .item-ach span {
        font-size: 14px;
    }
    .partner-items .item {
        height: 100px;
    }

    .team-one__image {
        width: 200px;
        height: 200px;
    }

    .item-news .inf__news a.title__news {
        font-size: 14px;
    }
    .h2, h2 {
        font-size: calc(1rem + .8vw);
    }

    .desc-long .txt-style p {
        font-size: .8rem !important;
    }

} /* 767.98px */

@media (max-width: 580.98px) {
  .home-slider, .home-slider .owl-stage-outer, .home-slider .owl-stage, .home-slider .owl-item, .home-slider .item {
    /*height: 300px;*/
  }

  .page-donate-banks table td {
    font-size: 12px;
  }
  .page-donate-banks table td img {
    max-height: 100px;
    width: auto;
    margin: auto;
    display: block;
  }
} /* 580px.98px */

@media (max-width: 480.98px) {} /* 480px.98px */