.menu_toggle span {

  width: 28px;

  height: 4px;

  background: var(--color-373737);

  display: block;

  position: absolute;

  margin: 0 auto;

  right: 0px;

  /*top:35px;*/

}



.menu_toggle span:after {

  position: absolute;

  content: " ";

  width: 28px;

  height: 4px;

  top: -7px;

  left: 0;

  right: 0;

  background: var(--color-373737);

  transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  -webkit-transition: 0.2s;

}



.menu_toggle span:before {

  position: absolute;

  content: " ";

  width: 28px;

  height: 4px;

  bottom: -7px;

  left: 0;

  right: 0;

  background: var(--color-373737);

  transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  -webkit-transition: 0.2s;

}



@media screen and (min-width: 1900px) {

  .container {

    max-width: 1600px;

  }

}

@media screen and (min-width: 1600px) {

  .container {

    max-width: 1400px;

  }

}



@media screen and (max-width: 1920px) {

}



@media screen and (max-width: 1600px) {

}



@media screen and (max-width: 1400px) {

}



@media screen and (max-width: 1366px) {

}



@media screen and (max-width: 1300px) {

}



@media screen and (max-width: 1200px) {

}



@media screen and (max-width: 1199px) {

}



@media screen and (max-width: 1170px) {

}



@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1024px) {

  .banner-content h2 {

    font-size: 40px;

    line-height: 45px;

  }

  .bnr-btn {

    padding: 10px 20px;

  }

  .hm-about:after {

    background: transparent;

  }

  .sub-head h2 {

    font-size: 35px;

    line-height: 40px;

  }

  .ptb {

    padding: 40px 0;

  }

  .absm-img {

    display: none;

  }

}



@media screen and (max-width: 991px) {

  .sub-nav {

    position: absolute;

    background: var(--color-black);

    top: 50px;

    z-index: 99;

    width: 205px;

    right: 0px;

  }

  .sub-nav:after {

    content: "";

    width: 0px;

    height: 0px;

    position: absolute;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    border-bottom: 8px solid var(--color-black);

    top: -8px;

    right: 9px;

  }

  .sub-nav ul li {

    border-bottom: 1px dotted #565454;

    padding: 5px 12px;

  }

  .sub-nav ul li:last-child {

    border-bottom: none;

  }

  .sub-nav ul li a {

    color: var(--color-white);

  }

  .banner-left,

  .banner-right {

    flex: 0 0 100%;

    max-width: 100%;

  }

  .banner-content {

    background: rgba(255, 255, 255, 0.5);

    padding: 25px;

    width: 60%;

  }

  .about-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .absm-img {

    right: 0;

  }

  .absm-img img {

    width: 60%;

    height: 60%;

    object-fit: cover;

  }

  .absm-img:before {

    width: 250px;

    height: 190px;

  }

  .info-list {

    margin-bottom: 20px;

  }

  .test-item {

    padding: 55px;

  }

  .c-cont,

  .f-cta-icon {

    flex: 0 0 100%;

    max-width: 100%;

  }

  .left-cont {

    padding: 20px;

  }

  .contact-area .pl-0 {

    padding-left: 15px !important;

  }

  .btn-bnr {
    padding: 0 0 40px 18%;
}
.scroll-btn {display: none;}
.sochal-icon-bar {top: 39%;}
.home-banner {padding-top: 40px;}
.main-header {
    padding: 5px 0;
    background: #eddec8;
}

}



@media screen and (max-width: 820px) {

  .banner-comntent h2 {

    font-size: 30px;

    line-height: 35px;

  }

  .banr-btn a {

    padding: 8px 15px;

  }

  .ftr-form {

    flex: 0 0 50%;

    max-width: 50%;

    padding: 20px;

  }

  .get-touch {

    flex: 0 0 50%;

    max-width: 50%;

    padding: 20px;

  }

  .recent_carousel {

    margin-top: 25px;

  }

}



@media screen and (max-width: 768px) {

  .sub-head h2 {

    font-size: 30px;

    line-height: 35px;

  }

/*  .banner-img {

    height: 450px;

  }
*/
  .info-list h4 {

    right: inherit;

    left: 60px;

  }

  .info-list {

    margin-bottom: 10px;

    background: #3c3b3b;

    padding: 15px;

    border-radius: 10px;

  }

  .home-ab {

    margin-bottom: 30px;

  }

  .enquiry-fld .pr-0 {

    padding-right: 15px !important;

  }

  .donate-fld a {

    padding: 8px 20px;

    font-size: 12px;

  }

  .main-header .navbar {

    padding: inherit;

  }

  .test-item {

    padding: 25px;

  }

  .copyright p {

    font-size: 12px;

    line-height: 17px;

  }

  .video-list iframe {

    height: 100%;

  }

  .left-cont {

    margin-bottom: 20px;

  }

  .bg-pnk {

    padding: 20px;

  }

  .title_breadcrumb-inner span h1 {

    font-size: 20px;

  }

  .d-flex {

    flex-wrap: wrap;

  }

  .title_breadcrumb-inner span {

    padding: 0;

  }

  .title_breadcrumb {

    padding: 5px 0;

  }

}



@media screen and (max-width: 767px) {

}



@media screen and (max-width: 736px) {

}



@media screen and (max-width: 667px) {

}



@media screen and (max-width: 627px) {

  .banner_caption h2 {

    font-size: 25px;

    line-height: 30px;

  }

  .banner_caption {

    width: 90%;

  }

  .breadcrumb_bottom ul li {

    font-size: 12px;

    line-height: 18px;

  }

  .banner-content {

    width: 75%;

  }

  .banner-content h2 {

    font-size: 30px;

    line-height: 35px;

  }

  .bnr-btn {

    padding: 7px 11px;

    font-size: 13px;

  }

  .test-item {

    margin: 20px;

  }

  .test-item p {

    font-size: 14px;

    line-height: 20px;

    padding: 0;

  }

  .test-item:after {

    display: none;

  }

  .test-item h3 {

    font-size: 20px;

    line-height: 25px;

  }

  .sub-head h2 {

    font-size: 20px;

    line-height: 25px;

  }

  .info-list h4 {

    left: 50px;

  }

  .btn-all {

    padding: 10px 20px;

  }

}



@media screen and (max-width: 568px) {

}



@media screen and (max-width: 540px) {

}



@media screen and (max-width: 480px) {

  .donation-wrap input[type="image"] {

    width: 100%;

  }

}



@media screen and (max-width: 414px) {

}



@media screen and (max-width: 384px) {

}



@media screen and (max-width: 375px) {

}



@media screen and (max-width: 360px) {

}



@media screen and (max-width: 320px) {

}

