@media (min-width: 1260px) {
	
}
/* md */
@media(max-width: 1199px) {
.banner{height: 65vh;}
.banner .banner-contain{padding-top: 140px;}
.about-area .web-text .w-50{width: 100% !important;}
.deserve-imgbg{height: 400px;}
.deserve-body .deserve-box{padding-right: 3rem;}
.deserve-box .nav-tabs .nav-link{padding: 10px 25px;}
.work-box.card .card-body h4{width: 100%;max-width: 100%;}
.work-box.card .card-body {padding: 2rem 2rem 1rem;}
.story-body .media-body{padding-top: 0rem;}
}

@media (max-width: 991px) {
.header_area .logo{width: 135px;height: 125px;}	
.header_area .logo img{height: 90px;}
.nav-toggle {margin-top: 12px;}
.header_area.fix .nav-toggle {margin-top: 8px;}
.header_area {height: 60px;}
.banner .banner-contain{padding-top: 120px;}
.nav-toggle::before {background-color: #413366;box-shadow: 0 0.5em 0 0 #413366, 0 1em 0 0 #413366;}
.header_area .nav-menu > li > a, .header_area .nav-menu > li > a span {color: #000;}
.header_area .nav-menu > li > a span {float: right;}
.header_area .nav-menu > li > a {padding: 15px;font-size: 16px;}
.navigation-portrait .nav-dropdown > li > a {padding: 12px 15px;}
.banner {height: 420px;}
.banner .banner-contain {max-width: 318px;}
.banner .banner-contain h1 {font-size: 50px;line-height: 50px;margin-bottom: 5px;}
.banner .banner-contain p {	font-size: 15px;margin-bottom: 10px;}
.header_area .navigation{position: absolute;right: 0;top: 7px;}
.header_area .header-right .button-box{margin-right: 45px;}
.owl-nav{display: none;}
.pt-90 {padding-top: 50px;}
.pb-90 {padding-bottom: 50px;}
.whowearea.card{ margin-bottom:35px;}
.about-area .web-text{padding: 0px;text-align: center;margin-top: 25px;}
.deserve-body .deserve-box{padding: 2rem;}
.deserve-imgbg {height: 350px;}
.deserve-body .deserve-box{min-height: auto;}
.work-box.card{ margin-bottom:35px;}
.story-body{min-height: auto;padding-top: 2.5rem;}
.story-body .d-flex {display: block !important;}
.story-body .media-body{padding-top: 0rem;padding-left: 0px;text-align: center;}
.story-body .media-img{height: 350px;margin: 0 auto 25px; max-width:100%;}
.story-body .media:last-child {padding-left: 0px;margin-top: 0px;}
.story-body .media:last-child .media-img{max-width: 100%;height: 360px;}
.story-body .media-body .w-75 {width: 100% !important;}
.story-body .web-text h4{ margin-bottom:25px;}
.story-body .media:last-child .media-body{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;}
.story-body .media-img .media-link .icon{margin: 0 auto;transform: translate(0%, 100%);-webkit-transform: translate(0%, 100%);}
.become-a-volunteer{padding: 50px 40px;}
.become-a-volunteer h3{max-width: 100%;}
.ft-last-nav {padding-top: 0px;}
.footer-logo {text-align: left;}
.footer_social{max-width: 100%;text-align: left;}
.work-box.card .card-body h4{max-width: 100%;}
.donate-img{height: 520px;margin-top: 0px;}





}

@media screen and (max-width: 767.98px) {
.web-text h2, .web-text h1, .web-text h1{font-size: 40px;}
.deserve-box .nav-tabs .nav-link {padding: 10px 15px;}
.deserve-box .tab-content h4{ font-size:30px;}         
.work-box.card .card-body {padding: 1rem 1rem 1rem;}
.work-box.card .card-body h4{font-size: 23px;line-height: 25px;}
.work-box.card .card-img{height: 250px;}
.pb-90 {padding-bottom: 40px;}
.story-body .web-text h4{font-size: 33px;line-height: 37px;}
.become-a-volunteer h3{ font-size:35px;}
.main-testi-middle{ padding:35px;}
.story-body::before{ display:none;}
.inner_banner_area{height: 295px;}
.inner_banner_area{padding: 120px 0 15px;}
.inner_banner_area h1{font-size: 45px;margin: 0 0 0px;}
.donate-img{ height:400px;}
.img-box{order: 1;}
.contain-box{order: 2;}
.inner-stories-order:nth-of-type(2n) .contain-box{order: 2;}
.inner-stories-box .web-text, .inner-stories-order:nth-of-type(2n) .web-text{padding: 20px 0px 0px 0px;text-align: center;}
.web-text h3{font-size: 35px;line-height: 40px;}
}




@media screen and (max-width: 639.98px) {
.web-text h1, .web-text h2, .web-text h3, .web-text h4{font-size: 35px;}
.header_area .logo{ top:0px;background-image: initial;width: initial;height: initial;left: 15px;}    
.header-body{margin-top: 0px;}      
.header_area .logo img{ margin-top:0px; height:70px;}
.banner {height: 220px;}
.banner .banner-contain {padding-top: 10px;}
.banner .banner-contain h1{ font-size:35px; line-height:35px;}
.whowearea-area .web-text{margin: 0 auto 20px;}
.deserve-box .nav-tabs .nav-link {padding: 10px 10px;}
.deserve-body .deserve-box {padding: 20px;}
.pt-90 {padding-top: 30px;}
.story-body .media:last-child .media-img {max-width: 100%;height: 300px; margin-top:25px;}
.story-body .web-text h4 {margin-bottom: 0px;}
.testimonial-section .web-text{margin: 0px auto 15px;}
.footer-start{padding-top: 40px;}
.footer-logo {text-align: center;}
.footer-logo img{max-width: 35%;}
.footer_social{ text-align:center; margin-bottom:25px;}
.ft-navtop, .ft-last-nav{ width:50%; float:left;}
.ft-copyright{padding: 15px 0px;margin-top: 10px;}
.ft-copyright p {font-size: 12px;}
.inner_banner_area {height: 200px;}
.inner_banner_area {padding: 25px 0 15px;}
.inner_banner_area h1{font-size: 40px;}
.breadcrumb .breadcrumb-item a{ font-size:15px;}
.donate-img{ height:300px;}
.header_area {height: 75px;position: initial;}
.header-right{margin-top: 3px;}
.header_area.fix .nav-toggle{margin-top: 10px;}
.nav-toggle {margin-top: 18px;}
.donation-form h3, .donation-form p{ text-align:center;}
.donation-form h3{ font-size:35px;}
.donation-form .btn{ margin:0 auto; display:block;}
.inner-stories-img{ height:300px;}
}
@media (max-width: 479.98px) {
.header_area{ height:65px;}	
.header_area .header-right .button-box .btn, .banner .banner-contain .btn{padding: 6px 10px;font-size: 13px;}
.banner .banner-contain h1 {font-size: 30px;line-height: 30px;} 
.banner .banner-contain {max-width: 230px;}        
.web-text h1, .web-text h2, .web-text h3, .web-text h4 {font-size: 30px;line-height: 40px;} 
.pb-90 {padding-bottom: 30px;} 
.deserve-box .nav-tabs .nav-link{font-size: 13px;} 
.deserve-box .tab-content h4 {font-size: 26px;}
.story-body{padding-top: 30px;} 
.story-body .web-text h4 {font-size: 25px;line-height: 30px;} 
.become-a-volunteer h3 {font-size: 30px;}
.become-a-volunteer {padding: 40px 25px;}
.story-body .media-img .media-link .icon{ width:70px; height:70px;}
.inner_banner_area {height: 170px;}
.inner_banner_area h1 {font-size: 35px;}
.breadcrumb .breadcrumb-item a{ font-size:14px;}
.header_area .logo img{ width:65px;}
.inner-stories-img .media-link .icon{width: 60px;height: 60px;}
.donate-img {height: 250px;}    
.header_area .header-right .button-box{padding: 12px 0;}
.nav-toggle {margin-top: 10px;}



}
@media (max-width: 410px) {
.header_area .logo img{width: 75px;}
.deserve-body .deserve-box{border-top-left-radius: 0px;padding: 10px;}
.deserve-box .nav-tabs .nav-link{font-size: 11px; padding:10px;}
.deserve-box .tab-content h4 {font-size: 23px;}
.story-body .media-img, .story-body .media:last-child .media-img{ height:270px;}
.donation-form h3{ font-size:30px;}
.donation-form .btn{ width:100%;}
}

@media (max-width: 375px){

         
	
	
    
}

@media (max-width: 320px){
	
}