@media only screen and (max-width: 1199px){
	header .banner_area .banner_content h2, header .banner_area .banner_content p, .work_section .section_title p, .about_section .about_area .section_title, .spring_section .spring_main .join_spring{
		padding: 0px;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li{
		width: 30.3%;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex {
	    width: 63.8%;
	}
	.spring_section .spring_top .title_spring{
		width: 80%;
	}
	.spring_section .spring_main .nav-tabs{
		width: 60%;
	}
}

@media only screen and (max-width: 991px){
	header button.navbar-toggler {
	    position: absolute;
	    right: 0;
	    top: 25px;
	    background: #ffffff;
	}
	header .navbar-collapse {
	    position: absolute;
	    right: 0;
	    top: 100%;
	    width: 250px;
	    background: #000000;
	    padding: 10px 20px;
	    border-radius: 5px;
	}
	header ul.donate_nav {
	    margin-right: 55px;
	}
	.about_page header .nav_area .navbar .navbar-collapse a.nav-link{
		color: #ffffff;
	}
	.change_section .section_title .m_height {
	    padding: 0px 0px;
	}
	header .banner_area .banner_content h2{
		font-size: 28px;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li button.btn-light{
		padding: 12px 6px;
    	font-size: 12px;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li{
		width: 30%;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex {
	    width: 63.3%;
	}
	.story_section .story_area .section_title h2{
		margin: 10px 0px;
	}
	.about_section .about_area .section_title h2 {
	    padding-right: 0;
	}
	.spring_section .spring_main .nav-tabs {
	    width: 100%;
	}
	.spring_section .spring_main .spring_tab .spring_area .bottom_spring, footer .footer_form{
		display: block;
	}
	.spring_section .spring_main .spring_tab .spring_area .middle_spring h3 {
	    line-height: 30px;
	    font-size: 22px;
	}
	footer .footer_form .left_form_footer{
		width: 100%;
		margin-bottom: 20px;
	}

	.donate_page header .nav_area .donate_nav.navbar, .donate_page .banner_area .banner_content h2, .donate_page .spring_section .title_spring_donate h4{
		padding: 0px;
	}
	.donate_page .banner_area .banner_video{
		background-position: 50%;
	}
	.donate_page .spring_section{
		background-position: 30%;
	}
	.donate_page .spring_section .title_spring_donate {
	    padding: 30px 0px 0px;
	}
}

@media only screen and (max-width: 767px){
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li {
	    width: 31.2%;
	}
	header {
	    background: url(../images/about.jpeg);
	    background-size: cover;
	    background-position: 50%;
	    background-repeat: no-repeat;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex {
	    width: 64.6%;
	}
	header .navbar-toggler:focus, .navbar-toggler:hover {
	    text-decoration: none;
	    outline: none;
	    border: none;
	}
	header .banner_area .banner_video video{
		display: none;
	}
	.work_section .section_title h2 {
	    margin: 0;
	}
	.story_section .story_area .section_title h2, .story_section .story_area .section_title .m_height{
		    min-height: auto;
	}
	.story_section .story_area, .about_section .about_area .section_title, .spring_section .spring_main .spring_tab .spring_area{
		margin-bottom: 20px;
	}
	.spring_section .spring_top .title_spring, footer .footer_form .footer_right_form .form_main .form-group{
	    width: 100%;
	}
	.case_section .case_total{
		width: auto;
	}
	.word_top p, .world_section .story_area .section_title p, .team_section .word_top p{
	    padding: 0;
	}
	.team_section .team_area{
		padding: 30px 0px;
	}
	.team_section .member_area .team_member .member_content{
		padding-bottom: 30px;
	}
	.world_section .story_area{
		margin-bottom: 20px;
	}
	footer .footer_form .footer_right_form .form_main, footer .footer_link{
		display: block;
		border:0px;
	}
	footer .footer_form .footer_right_form .form_main .form-group, footer .footer_form .footer_right_form .form_main{
		margin-bottom: 10px;
	}
	footer .footer_link .link_country{
		display: inline-block;
		margin-top: 20px;
	}

	.donate_page .spring_section{
		background-position: 50%;
	}
	.donate_page .dropdown-menu{
		right: 0;
		left: unset;
	}
	.donate_page header ul.donate_nav{
		margin-right: 0px;
	}

	header .nav_area .navbar .donate_nav .nav-item:first-child{
		border:none;
	}
}


@media only screen and (max-width: 550px){
	header ul.donate_nav .nav-item:last-child{
		display: none;
	}
	header .nav_area .navbar {
	    padding: 10px 0px;
	}
	header .nav_area .navbar .donate_nav .nav-item .donate_link{
		font-size: 12px;
	}
	header .nav_area .navbar .donate_nav .nav-item:first-child{
		padding:0px 5px;
	}
	header .nav_area .navbar .navbar-brand{
		width: 150px;
		margin:0px;
	}
	header button.navbar-toggler{
		top: 15px;
		border:none;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs {
	    justify-content: space-evenly;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li.double_flex {
	    width: 62%;
	}
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li{
	    width: 30%;
	}
	.spring_section .spring_main .nav-tabs{
		border-radius: 5px;
	}
	.spring_section .spring_main .nav-tabs li button.btn-light{
		border-radius: 5px;
	}
	.board_section .member_slide{
		padding:30px 10px;
		margin-left: 0px;
	}
	.board_section .member_slide .slide_img{
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 380px){
	.about_p_section .section_title h2, .word_top h2{
		font-size: 28px;
	}
	.case_section .case_area h2 {
	    font-size: 28px;
	    padding: 0;
	}
	.board_section .gallery-thumbs .swiper-wrapper, .board_section .gallery-tumhigh .swiper-wrapper{
		margin:0px;
	}
	header .nav_area .navbar a.nav-link{
		font-size: 13px;
	}
	.team_section .member_area .team_member .member_content h4 {
	    font-size: 16px;
	    line-height: 16px;
	}
	.team_section .member_area .team_member .member_content p{
		font-size: 12px;
		line-height: 15px;
	}
}

@media only screen and (max-width: 360px){
	header .banner_area .donate_banner .tab-pane .tab_main .nav-tabs li {
	    width: 29%;
	}
	header .nav_area .navbar .navbar-brand{
		width: 130px;
	}
}