/*--------------------------------------------------
    ## All responsive style
---------------------------------------------------*/
@media all and (min-width: 1600px) {
	.navbar-middle .navbar-media .media-body h6 {
		font-size: 18px;
	}
	.intro-area {
		padding-left: 105px;
		padding-right: 105px;
	}
	.single-intro-wrap {
		padding: 38px 40px;
	}
	.intro-slider .slick-arrow {
		left: -428px;
	}
	.video-area {
		padding: 0 230px;
	}
	.video-inner {
		padding: 120px 80px 120px 120px;
	}
	.team-area {
		background-size: 75% 120%;
    	background-position: center -465px;
	}
	.single-blog-inner .details {
		padding: 22px 30px;
	}
	.breadcrumb-area {
		padding: 190px 0;
	}
	.single-working-list-inner {
		padding: 70px 80px 76px;
	}
	.widget-recent-post ul li .media .media-body .title {
		font-size: 18px;
	}
}
@media all and (max-width: 1599px) {
	.widget_instagram .instagram-wrap .thumb {
		width: 87.54px;
		margin: 0 1px -2px;
	}
}
@media all and (max-width: 1199px) {
	.navbar-top .topbar-left p {
		font-size: 14px;
	}
	.navbar-top .topbar-right ul li {
		margin-right: 17px;
		font-size: 14px;
	}
	.navbar-middle .navbar-media .media-body h6 {
		font-size: 15px;
	}
	.navbar-middle .navbar-media .media-body {
		margin-left: 8px;
	}
	.banner-inner .title {
		font-size: 60px;
		line-height: 75px;
	}
	.single-intro-wrap {
		margin-bottom: 70px;
	}
	.section-title .title {
		font-size: 42px;
		line-height: 54px;
	}
	.about-area .section-title .about-media .details h4 {
		font-size: 23px;
	}
	.single-cause-wrap .wrap-details h5 {
		font-size: 19px;
	}
	.single-cause-wrap .wrap-details .btn-wrap .date {
		font-size: 13px;
	}
	.single-cause-wrap .wrap-details .btn-wrap a {
		font-size: 12px;
	}
	.single-cause-wrap .wrap-details .single-progressbar {
		margin-bottom: -45px;
	}
	.video-area {
		padding: 0 40px;
	}
	.video-inner {
		padding: 65px 50px 70px 60px;
	}
	.single-fact-inner .details-inner h6 {
		font-size: 19px;
	}
	.single-fact-inner .details-inner h2 {
		font-size: 38px;
	}
	.single-service-wrap .wrap-details h4 {
		font-size: 22px;
	}
	.single-team-inner .thumb {
		overflow: hidden;
		height: 145px;
		width: 145px;
	}
	.donate-inner {
		padding: 60px 60px 40px;
	}
	.donate-inner .donate-amount-default li {
		width: 22.2%;
	}
	.single-blog-inner .details h4 {
		font-size: 19px;
		line-height: 29px;
	}
	.footer-area .widget-recent-post ul li .media .media-body .title {
		font-size: 15px;
	}
	.footer-area .widget_about,
	.footer-area .widget_nav_menu {
		margin-right: 0;
	}
	.single-work-wrap .wrap-details h4 {
		font-size: 22px;
	}
	.single-work-wrap .wrap-details .wrap-hover-area {
		margin-bottom: -130px;
	}
	.single-work-wrap .wrap-details {
		padding: 23px 30px 27px;
		bottom: -73px;
	}
	.testimonial-slider-2 .single-testimonial-wrap .details h6 {
		font-size: 19px;
	}
	.testimonial-slider-2 .slider-nav .slide-arrow {
		right: 50%;
		top: auto;
		bottom: -100px;
		transform: translate(50px, 0);
	}
	.testimonial-slider-2 .slider-nav .slide-arrow.prev-arrow {
		top: auto;
		transform: translate(-35px, 0);
	}
	.testimonial-slider-2 {
		margin-bottom: 100px;
	}
	.single-cause-wrap.style-two ul li {
		display: flex;
		align-items: baseline;
	}
	.mission-area .tab-button-style .nav-item {
		margin: 0 10px 20px;
	}
	.working-list-area .thumb img {
		width: 100%;
	}
	.td-sidebar .widget .widget-padding {
		padding: 6px 30px 25px;
	}
	.td-sidebar .widget .widget-title {
		padding: 25px 30px 0px;
	}
	.widget_author ul li .media .media-left {
		margin-right: 15px;
		width: 68px;
	}
	.widget_instagram .instagram-wrap .thumb {
		width: 73.54px;
	}
	.blog-details-page-content .donate-inner .donate-amount-default li {
		width: 17%;
	}
}
@media all and (max-width: 991px) {
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
	    padding-left: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
	    padding-right: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:after {
	    top: 26px;
	}
	.navbar-area .nav-container .navbar-collapse {
	    padding: 13px;
	    padding-left: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav {
	    margin: 0;
	}
	.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
	    font-size: 16px;
	}
	.navbar-area .nav-container.navbar-bg {
	    padding-left: 15px;
	}
	.navbar-top .topbar-left p {
		margin-bottom: 10px;
	}
	.navbar-middle {
		display: none;
	}
	.navbar-area {
		padding: 0;
	}
	.banner-inner {
		padding: 190px 0 0px;
	}
	.banner-thumb {
		margin: -25px 0px 80px;
	}
	.intro-area {
		padding-top: 100px;
	}
	.video-area .video-thumb {
		height: 500px !important;
	}
	.single-team-inner .thumb {
		height: 180px;
		width: 180px;
	}
	.footer-area .widget_about, .footer-area .widget_nav_menu {
		border: 0;
	}
	.footer-area .widget {
		padding-top: 0;
	}
	.footer-area {
		padding-top: 113px;
	}
	.subscribe-area {
		padding: 45px 0 60px;
	}
	.intro-slider .slick-arrow {
		display: none !important;
	}
	.breadcrumb-area {
		margin-top: 85px;
		padding: 120px 0;
	}
	.single-work-wrap .wrap-details .wrap-hover-area {
		margin-bottom: 0;
	}
	.single-work-wrap .wrap-details {
		position: initial;
	}
	.single-work-wrap {
		margin: 0 0 30px;
    	transform: none;
	}
	.work-area {
		margin: 0;
		padding: 120px 0 90px;
	}
	.single-work-wrap:hover {
		margin-top: 0;
	}
	.event-inner {
		margin-bottom: 40px;
	}
	.blog-details-page-content {
		margin-bottom: 40px;
	}
	.charity-video-inner {
		transform: none;
		margin: -20px 0 100px;
		padding: 55px 40px 30px;
	}
	.donate-inner .donate-category-list {
		margin-bottom: 30px;
	}
}
@media all and (max-width: 767px) {
	.banner-inner .title {
		font-size: 46px;
		line-height: 65px;
	}
	.banner-thumb {
		margin: 30px 0px 80px;
	}
	.single-cause-wrap .wrap-details .single-progressbar {
		margin-bottom: -30px;
	}
	.video-inner {
		padding: 65px 30px 70px 40px;
	}
	.single-team-inner .thumb {
		height: 300px;
		width: 300px;
	}
	.donate-area .donate-inner {
		transform: translate(0, -75px);
    	margin-bottom: -75px;
	}
	.donate-inner .single-progressbar .skill {
		margin-top: 11px;
	}
	.donate-inner .donate-amount-default li {
		width: 21.2%;
	}
	.single-working-list-inner {
		padding: 35px 40px 42px;
	}
}
@media all and (max-width: 575px) {
	.navbar-area .nav-container .logo {
		width: 160px;
	}
	.nav-right-part .search-bar-btn {
		height: 45px;
		width: 45px;
		line-height: 45px;
	}
	.toggle-btn {
		top: 4px;
	}
	.intro-area {
		padding-left: 25px;
		padding-right: 25px;
	}
	.section-title .title {
		font-size: 36px;
		line-height: 50px;
	}
	.video-area {
		padding: 0 15px;
	}
	.video-inner {
		padding: 55px 20px 70px 20px;
	}
	.single-team-inner .thumb {
		height: 200px;
		width: 200px;
	}
	.donate-inner {
		padding: 40px;
	}
	.donate-inner .donate-amount-default li {
		width: 44.4%;
	}
	.donate-inner .donate-amount-default li:first-child {
		margin-left: 8px;
	}
	.donate-inner .donate-amount-default li {
		margin: 7px 8px;
	}
	.donate-inner .single-input-inner {
		display: block;
	}
	.donate-inner .single-input-inner .btn {
		width: 100%;
		margin-top: 20px;
	}
	.single-testimonial-inner {
		padding: 53px 35px 50px 65px;
	}
	.td-search-popup.active .search-form {
		width: 70%;
	}
	.about-area .section-title .about-media {
		display: block !important;
	}
	.about-area .section-title .about-media .experience-area {
		margin-bottom: 30px;
		margin-right: 0;
	}
	.about-area .section-title .about-media .details {
		margin: 15px 0 0 0;
	}
	.testimonial-slider-2 .single-testimonial-wrap {
		display: block;
		padding: 25px 30px 20px;
	}
	.testimonial-slider-2 .single-testimonial-wrap .thumb {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.single-list-inner li {
		display: inline-flex;
		align-items: baseline;
	}
	.blog-details-page-content .donate-inner {
		padding: 30px;
	}
	.blog-details-page-content .donate-inner .donate-amount-default li {
		width: 100%;
		margin: 8px 0;
	}
	.blog-details-page-content .donate-inner .payment-method-area ul li {
		margin-bottom: 15px;
	}
	.blog-details-page-content .donate-inner .total-donate {
		margin-top: 20px;
	}
	.charity-video-inner h3 {
		font-size: 27px; 
	}
	.charity-video-inner {
		padding: 45px 30px 20px;
	}
	.video-thumb .video-play-btn {
		line-height: 86px;
		height: 80px;
		width: 80px;
	}
	.video-thumb .video-play-btn i, .video-thumb .video-play-btn svg {
		font-size: 25px;
		margin-left: 3px;
	}
}
@media all and (max-width: 375px) {
	.donate-inner .donate-amount-default li {
		width: 100%;
		margin: 8px 0;
	}
	.donate-inner .donate-amount-default li:first-child {
		margin-left: 0;
	}
	.testimonial-slider .item {
		border-left: 0;
		border-top: 3px solid var(--main-color);
		margin: 37px 0px 0 0;
	}
	.single-testimonial-inner .quote-icon {
		left: 50%;
    	top: 0;
	}
	.single-testimonial-inner {
		padding: 65px 25px 30px 25px;
	}
	.testimonial-slider-2 .single-testimonial-wrap .details h6 {
		font-size: 17px;
	}
	.testimonial-slider-2 .single-testimonial-wrap .details p {
		font-size: 13px;
	}
	.testimonial-slider-2 .single-testimonial-wrap {
		padding: 25px 16px 20px;
	}
	.subscribe-area .single-input-inner.with-side-button button {
		position: relative;
		margin-top: 20px;
		width: 100%;
	}
	.single-working-list-inner h3 {
		font-size: 28px;
	}
	.single-working-list-inner {
		padding: 25px 30px 25px;
	}
	.subscribe-area .single-input-inner.with-side-button input {
		padding: 0 30px;
	}
}
@media all and (max-width: 320px) {
	.navbar-area .nav-container .logo {
		width: 160px;
	}
	.banner-inner .title {
		font-size: 40px;
		line-height: 50px;
	}
	.banner-inner .video-play-btn {
		margin-left: 0;
		margin-top: 10px;
	}
	.intro-area {
		padding-left: 0;
		padding-right: 0;
	}
	.section-title .title {
		font-size: 30px;
		line-height: 45px;
	}
	.donate-inner {
		padding: 25px;
	}
}