/* campaign page */
.campaign-videos-section {
	overflow: hidden;
}
@media ( max-width: 1340px ) {

	.single-campagne .sticky-wrapper {
		right: 20px;
		left: auto;
	}
	.single-campagne .sticky-wrapper h2, .c-2017-title  h2{
		font-size: 16px;
		letter-spacing: 4px;
		padding-bottom: 8px;
	}
	.single-campagne .sticky-wrapper h1, .c-2017-title h1 {
		font-size: 36px;
	}

    /*.about-campaign-section {
	    padding-top: 120px;
    }*/

}

@media ( max-width: 1200px ) {

	.intro-campaign img.object-fit-img {
		width: 100%;
	}

}

@media ( max-width: 1024px ) {

	.single-campagne .intro-campaign {
		position: relative;
		width: 100%;
		overflow: hidden;
		height: 400px;
		z-index: 2;
	}

	.single-campagne .sticky-wrapper {
		position: relative;
		top: auto;
		left: auto;
		right: 0;
		height: auto;
		padding-top: 0;
	}
	.single-campagne .sticky-wrapper h2,  .c-2017-title h2 {
		font-size: 14px;
		padding-bottom: 8px;
	}
	.single-campagne .sticky-wrapper h1,  .c-2017-title h1 {
		font-size: 25px;
	}
	.single-campagne .sticky-wrapper hgroup {
		margin: -75px auto 0 auto;
		position: relative !important;
		padding: 20px 20px 20px;
	}
	.single-campagne .sticky-wrapper > div {
		display: none !important;
	}


	.about-campaign-section {
		padding-top: 75px;
	}
	.inner-about-campaign .txt-box {
		padding-top: 0;
		padding-left: 30px;
		padding-right: 30px;
	}
	.inner-article aside.right {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.inner-article aside.left {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.videos-slider .swiper-prev {
		left: -50px;
	}
	.videos-slider .swiper-next {
		right: -50px;
	}

}

@media ( max-width: 920px ) {
	.videos-slider {
		width: 85%;
		margin: 0 auto;
		max-width: none;
	}
	.videos-slider .swiper-prev {
		left: -30px;
	}
	.videos-slider .swiper-next {
		right: -30px;
	}

}

@media ( max-width: 830px ) {

	.single-campagne .sticky-wrapper {
		padding: 0 30px;
	}
	.single-campagne .sticky-wrapper hgroup {
		width: 100%;
		max-width: none;
	}

}

@media ( max-width: 768px ) {

	.inner-about-campaign .extracted, .inner-about-campaign .txt-box {
		width: 85%;
		float: none;
		margin: 0 auto;
		max-width: none;
	}
	.inner-about-campaign .txt-box, .c-2017-inner-about.inner-about-campaign .txt-box {
		padding: 30px 0 0 0;
	}

}

@media ( max-width: 480px ) {

	.content-single-campaign .make-donation-section {
		padding-top: 24px;
	}

	.single-campagne .sticky-wrapper h2,  .c-2017-title h2 {
		font-size: 12px;
		padding-bottom: 4px;
	}
	.single-campagne .sticky-wrapper h1,  .c-2017-title h1 {
		font-size: 16px;
	}
	.single-campagne .intro-campaign {
		height: auto;
	}
	.intro-campaign .skew-box-white {
		display: none;
	}
	img.object-fit-img {
		object-fit: fill;
		height: auto;
		position: relative;
	}
	.about-campaign-section {
		padding-top: 30px;
	}
	.inner-about-campaign .txt-box p {
		font-size: 16px;
	}
	.videos-slider {
		width: 75%;
	}
	.videos-slider .swiper-slide h1.generic-title {
		padding-bottom: 15px;
	}
	.videos-slider .swiper-slide .overlay .play {
		width: 50px;
		height: 50px;
	}
	.videos-slider .swiper-slide .overlay .play:after {
		top: 13px;
		left: 15px;
		border-width: 12px 0 12px 24px;
	}

	.single-campagne .sticky-wrapper hgroup {
		margin: -55px auto 0 auto;
	}
	.single-campagne .sticky-wrapper {
		margin: 0 auto;
		width: 85%;
		padding: 0;
	}

}

/* footer */
@media ( max-width: 768px ) {

	.footer-break .social-menu {
		display: block;
	}

}
