@media only screen and (min-width: 992px) and (max-width: 1349px) {
  .main-menu .navigation > li {
    margin-right: 18px;
    margin-left: 0px;
  }

  .main-menu .navigation > li > a {
    font-size: 14px;
  }
  .map2 {
    padding: 20px 100px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .colan i {
    font-size: 177px;
  }
  .map2 {
    padding: 20px 130px;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1280px) {
  .ser-h2 span {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #de8d38;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 14px;
  }
  .playing {
    margin: 10px 0px 0 0px;
  }
  audio {
    width: 100%;
  }
  .map2 {
    padding: 20px 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .min-belive img {
    width: 100%;
    height: 268px !important;
    object-fit: cover;
}
  .slide h1 {
    font-size: 35px !important;
  }
  .tp-bgimg {
    top: 0px !important;
  }
  .service-box {
    padding: 20px;
  }
  .heading-s h2 {
    font-size: 30px;
  }
  .feature-bottom {
    padding: 10px;
  }
  .join-bg {
    padding: 3em;
  }
  .min-bg-w .col-md-5 {
    display: none;
  }
  .min-bg-w .col-md-7 {
    width: 100%;
    min-width: 100%;
  }
  .min-bg-w {
    background-color: rgb(255 255 255 / 93%);
  }
  .event-det {
    width: 59%;
    /* padding: 2em; */
    background: rgb(242 153 74 / 92%);
  }
  .social-t li a {
    float: left;
    width: 35px;
    height: 35px;
    box-shadow: 0px 5px 19.53px 1.47px rgb(85 80 98 / 19%);
    display: inline-block;
    margin-left: 3px;
    border-radius: 50%;
    line-height: 35px;
    color: #fff;
  }
  .beiefet-t {
    padding-top: 0px;
  }
  .up-event {
    background: #fff;
    padding: 15px;
    position: relative;
  }
  .upcoming-event .col-md-3 {
    padding: 0px 5px;
  }
  .blog-con {
    margin-top: 0;
    width: 56%;
  }
  .top-bar {
    display: none;
  }

  .pb-90 {
    padding-bottom: 40px;
  }

  .pt-90 {
    padding-top: 40px;
  }

  .pl-100 {
    padding-left: 50px;
  }

  .pt-60 {
    padding-top: 30px;
  }

  .pb-60 {
    padding-bottom: 30px;
  }

  .text-line h1 {
    font-size: 75px !important;
    color: #fff;
  }

  .sub-banner {
    padding: 100px 0;
    margin-bottom: 50px;
  }

  .pl-70 {
    padding-left: 30px;
  }

  .pt-120 {
    padding-top: 10px;
  }

  p {
    font-size: 16px !important;
    line-height: 23px !important;
  }

  .pr-40 {
    padding-right: 15px;
  }

  .pl-40 {
    padding-left: 15px;
  }

  .main-header .nav-outer .mobile-nav-toggler {
    display: block;
  }

  .nav-outer .mobile-nav-toggler {
    position: absolute;
           top: 12px;
  }

  .main-menu .navbar-collapse {
    display: none !important;
  }

  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }

  .main-menu .navigation > li {
    margin-right: 18px;
    margin-left: 0px;
  }

  .main-menu .navigation > li > a {
    font-size: 14px;
  }

  .ser-h2 span {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #de8d38;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 14px;
  }
  audio {
    width: 100%;
  }
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .slider-content {
    width: 100%;
    top: 15% !important;
    max-width: 327px !important;
  }
  .slide h1 {
    font-size: 24px !important;
  }
  .tp-bgimg {
    top: 0px !important;
  }
  .offset-2 {
    margin: auto;
    padding: 0px 3em;
  }
  .min-belive {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .event-s {
    margin-bottom: 30px;
    border-radius: 30px;
  }
  .join-bg {
    padding: 3em;
  }
  .min-bg-w .col-md-5 {
    display: none;
  }
  .min-bg-w {
    background-color: rgb(255 255 255 / 93%);
    padding: 2em;
  }
  .event-det {
    background: rgb(242 153 74 / 86%);
    position: absolute;
    left: 0;
    top: 0;
    padding: 3em;
    bottom: 0;
    width: 86%;
    right: 0;
    margin: auto;
  }
  .pt-80 {
    padding-top: 30px;
  }
  .up-event {
    margin-bottom: 30px;
  }
  .blog-img {
    width: 100%;
    float: left;
    margin-right: 0;
  }
  .blog-con {
    margin-top: 15px;
    width: 100%;
  }
  .contact-add {
    padding-left: 0px;
  }

  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }

  .main-header .nav-outer .mobile-nav-toggler {
    display: block;
    top: -2.5em;
  }

  .logo-box img {
    width: 250px;
  }

  .main-slider h2 {
    font-size: 29px;
    line-height: 33px;
  }

  .mybtn {
    margin-top: 20px;
  }

  .footer-min .pl-30 {
    padding-left: 15px;
  }

  .footer-min .copy-one p {
    float: left;
  }

  .right.copy-one.wow.slideInUp {
    float: left;
    width: 100%;
    border-top: 1px solid #999;
  }

  .main-header .nav-outer {
    height: 1px;
  }

  .text-line h1 {
    font-size: 48px !important;
  }

  .pl-70 {
    padding-left: 15px;
  }

  .pt-120 {
    padding-top: 50px;
  }

  .col-md-4 .fl-r {
    margin: 20px 0 !important;
  }

  .pr-40 {
    padding-right: 15px;
  }

  .pl-40 {
    padding-left: 15px;
  }

  .pr-0 {
    padding-right: 15px !important;
  }

  .pl-0 {
    padding-left: 15px;
  }
  /* home 2*/
  .playing {
    margin: 10px 0px 0 0px;
  }

  audio {
    width: 100%;
  }
  .svr {
    margin-bottom: 40px;
  }
  h2 {
    font-size: 24px !important;
  }
  h3,
  h5 {
    font-size: 20px !important;
  }
  .donate-2 {
    margin-top: 0px !important ;
  }
}

@media only screen and (min-width: 550px) and (max-width: 767px) {
  .note-bottom p:after{
    display: none !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 557px) {
    .note-bottom p:after{
    display: none !important;
  }
  .main-header .nav-outer .mobile-nav-toggler {
    top: -2.5em;
  }
  .btn-style-one {
    width: 59px;
    height: 59px;
  }

  .top-bar {
    display: none;
  }
  .donate-2 {
    margin-top: 0px !important ;
  }
  .map .heading-s,
  .Contact-us .heading-s {
    margin: 10px 20px;
  }
}