@media (min-width:992px){
		.main_menu ul li:hover .sub-menu{
			display:block;
		}
		.social_media_links{
		    margin-top:30px;
		}
	}


	@media (max-width:1100px){
		.banner_img {
          height: 400px;
          width: 400px;
          margin-left: auto;
        }
	}
	@media (max-width:991px){
		.banner_img {
          height: 270px;
          width: 270px;
          
        }
        .banner_text_content h1 {
          font-size: 30px;
          line-height: 40px;
        }
        .main_menu ul li a{
            font-size:14px;
        }
        header .triger::after {
            right: -16px;
            top: 2px;
            font-size: 12px;
            line-height: 12px;
        }
        header .triger {
          top: 38px;
        }
        .about_left_img img {
          border: 10px solid #CB7520;
          border-radius: 17px;
        }
        .mission_vision_area {
          padding: 50px 0;
        }
        .activity_item h5 {
          font-size: 14px;
          padding: 10px 10px;
        }
        .donation_btn .primary_btn {
          padding: 8px 15px;   
        }
        .banner_text_content a {
          padding: 6px 25px;
          font-size: 12px;
        }
        .heading h2 {
          font-size: 28px;
        }
        .primary_btn {
          padding: 8px 19px;
          font-size: 12px;
        }
        .trustees_img {
          height: 250px;
          overflow: hidden;
        }
        .counter_testimonial .row{
            align-items:center;
        }
        .counter_lists h4{
            font-size:15px;
        }
	}

@media (max-width:575px){
	h2{
		font-size: 25px;
		line-height: 35px;
	}
}

@media (max-width:1024px) {
    .triger::after{
        right: 8px;
        top: 6px;
        font-size: 18px;
        line-height: 18px;
    }
	
	.about_us_content {
		margin-top: 30px;
	}
	.inner_wrap {
		width: 220px;
		height: 220px;
	}
	.inner_wrap:after {
		border: 2px dashed #fff;
		width: 200px;
		height:200px;
	}
	.inner_wrap img{
		width: 60px;
	}
	.counting{
		font-size: 18px;
	}
}
@media (max-width:991px){
	.about_inner {
		padding: 82px 0 40px 0;
	}
	.about_inner .row{
		align-items: center;
	}
	.contact_area {
		padding: 82px 0 40px 0;
	}
	.news_img_holder {
		width: 100%;
		float: none;
	}
	.new_content {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.news_col {
		border-radius: 0;
		padding: 8px;
	}
	.leadership_team .row .team_slider_item{
	    margin-bottom:30px;
	}
	.toggle_btn{
        display:block;
    }
    .main_menu > ul{
        display:block;
    }
    .main_menu > ul > li {
      display: block;
      padding: 0 0;
    }
    .main_menu ul li a {
        font-size: 15px;
        text-align: left;
        background: #d4711c;
        color: #fff;
        padding: 0 10px;
        margin: 1px 0;
      }
    header .triger {
        top: 6px;
        z-index: 999999;
    }
     header .triger::after {
        font-size: 14px;
        right: 10px;
        color: #fff;
      }
      .sub-menu.js-toggled{
          display:block;
          position:relative;
      }
      .main_menu {
    	position: fixed;
        padding: 0;
        width: 100%;
        height: calc(100vh - 50px);
        overflow-y: scroll;
        background: #fff;
        left: 0;
        display:none;
        transition: all .3s ease-in-out;
        top:50px ;
        z-index:2;
    }
  
    header{
		padding: 5px 0;
	}
	.footer-logo{
	    text-align:center;
	}

}
@media (max-width:767px) {
    .logo img{
        height:40px;
    }
    .social_media_links {
        justify-content: center;
    }
    .social_media_links a .bi {
        font-size: 19px;
    }
    .our_ideal {
        padding: 40px 0;
    }
    .our_ideal_item h5 {
        font-size: 20px;
    }
     .contatc_info li a .bi{
         left:unset;
         margin-left:-20px;
     }
     
    .our_ideal .our_ideal_item {
        border-radius: 4px;
        background: #FF962E;
        padding: 10px;
        margin-bottom: 30px;
    }
    .our_ideal .row [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner_sec .slick-dots li button{
       width:auto; 
    }
    .banner_sec .slick-dots li{
        margin:0 5px;
    }
    .banner_sec .py-5{
        padding:40px 0 70px 0 !important;
    }
    .banner_sec .slick-dots {
        max-width: 100%;
        left: unset;
        transform: unset;
        text-align: center;
        bottom: 20px;
        padding: 0 0;
        right: unset;
        top: unset;
        margin-top: 0;
    }
    .banner_img{
        margin-right:auto;
    }
    .donation_btn .primary_btn {
        padding: 4px 11px;
        font-size: 12px;
    }
	.input_box label {
      font-size: 13px;
      margin-bottom: 5px;
    }
	.input_box input {
      height: 40px;
      margin-bottom: 10px;
    }
	.banner_text_content h1 span{
		font-size: 21px;
		line-height: 34px;
	}
	.banner_text_content h1 {
		font-size: 21px;
		line-height: 34px;
		margin-top: 20px;
    	margin-bottom: 16px;
	}
	.banner_text_content{
		
		text-align: left;
	}
	.banner .slick-dots {
		bottom: -30px;
		text-align: center;
	}
	.banner_text_content a {
		padding: 7px 20px;
		line-height: 15px;
		font-size: 12px;
	}
	.title {
		font-size: 25px;	
	}
    
       .about_sec {
      padding: 40px 0;
    }
    .about_text_content{
        margin-top:30px;
    }
    .colum_item {
        margin-top:20px;
    }
    .activity_item{
        margin-bottom:30px;
    }
	footer{
		text-align: left;
	}
	footer h4 {
		margin-bottom: 10px;
		margin-top: 20px;
		text-align: left;
	}

	.toggle_btn {
    	margin-top: 0;
        margin-left: 6px;
	}
	.main_menu{
		text-align: center;
	}



	.team_img {
		height: auto;
		margin-bottom: 30px;
	}
	
	.short_description {
		font-size: 13px;
		line-height: 20px;
	}
	
	.contact_info {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.contact_info a, .contact_info p {
		margin: 5px 0 5px 0px;
		font-size: 15px;
	}
	.contact_area {
		padding: 20px 0px 40px 0;
	}
	.contact_info img{
        width: 27px;
	}
    .contact_info h4{
        font-size:15px;
    }

	.counter_testimonial::after {
      width: 100%;
      height: 40%;
    }
    .testimonial_img{
        margin-bottom:20px;
    }
    
    .about_banner h2 {
      font-size: 25px;
    }
    .about_main_content .row [class*="col-"] {
      padding-left: 15px;
      padding-right: 15px;
    }
    .wrapper_item p {
      padding: 15px 0;
    }
    .img_wrapper{
        height:auto;
    }
    .about_main_content {
      padding: 50px 0;
    }
    .ourmission {
      padding: 50px 0 0 0;
    }
    .ourvision {
      padding: 50px 0;
    }
    .ourvision h4, .ourmission h4 {
      font-size: 20px;
    }
    .ourmission strong {
      font-size: 14px;
    }
    .missions p {
      font-size: 12px;
    }
    .advisory_board_sec  .heading h2 {
        font-size: 20px;
     }
     .advisory_board p {
      padding-left: 30px;
      margin-bottom: 15px;
      font-size: 13px;
    }
    .advisory_board p::after {
      width: 15px;
      font-size: 17px;
    }
    .advisory_board_sec p {
      font-weight: 500;
      font-size: 13px;
    }
    .credential_sec .row [class*="col-"]{
         padding-left: 15px;
        padding-right: 15px;
    }
    .get_involved_menu li a {
      border: 2px solid #000;
      border-radius: 7px;
      font-size: 17px;
      padding: 4px 0;
    }
    .page_content h4 {
      margin-bottom: 16px;
      font-size: 17px;
      font-weight: 500;
    }
     .heading h2 {
        font-size: 24px;
      }
      .become_volunteer_form {
      padding: 50px 15px 0px 15px;
    }
    .volunteer_img img{
        height:auto;
    }
    .volunteer_item,.organise_camp_col{
        margin-bottom:30px;
    }
    
    .organise_camp_col img {
      height: auto;
      object-fit: cover;
      width: 100%;
    }
    .organise_camp_col h4 {
      margin: 15px 0;
      font-size: 15px;
    }
    .get_involved_menu li {
      margin: 0 1% 20px 1%;
    }
}

@media (max-width:575px){
     .get_involved_menu li a {
      font-size: 10px;
      padding: 4px 0;
      border: 1px solid #000;
    }
	.primary_btn{
		padding: 8px 20px;
    	font-size: 14px;
	}
	.footer-logo img {
		width: 100px;
		
	}
	.our_trustees .trustees_slider_item {
      margin: 10px 0;
    }
}