/* Responsive */

.responsiveShowSidebar {display: none;}
.headerMobile {display:none;}

@media all and (min-width: 1030px) {
.responsiveShowSidebar {display: none!important;}
.headerMobile {display:none!important;}
}

@media all and (min-width: 1600px) {
.sliderHome .item .textBannerCont {margin-top:-80px;}
.sliderHome.owl-theme .owl-controls {bottom:45%;}
}
@media all and (min-width: 1900px) {
.sliderHome .item .textBannerCont {margin-top:-100px;}
.sliderHome.owl-theme .owl-controls {bottom:52%;}
}
@media all and (min-width: 2000px) {
.sliderHome .item .textBannerCont {margin-top:-150px;}
.sliderHome.owl-theme .owl-controls {bottom:52%;}
}
@media all and (min-width: 2500px) {
.sliderHome .item .textBannerCont {margin-top:-200px;}
}

@media all and (max-width: 1510px) {
.infographicRow {zoom:0.8;max-width: 100%;}
}
@media all and (max-width: 1250px) {
.infographicRow {zoom:0.6;}
}
@media all and (max-width: 1079px) {

.campaignsSlider a.image,
.campaignsSlider .item { height: auto !important;}
.page-sponsors-partners .campaignsSlider .logoImageCont { width: 20%;}
.pillsCont {margin-top:-30px;}
.sliderHome.owl-theme .owl-controls {bottom:44%;}
.get-involved-Pills .item .infoCont {padding-bottom: 60px;background-position: center -140px;}
.get-involved-Pills .item:hover .infoCont {padding-bottom: 60px;background-position: center -130px;}
.timeLineBecome .item.first .texts {width:50%;}
.page-become-a-partner-new .timeLineBecome .item.first .texts .title {margin-bottom:30px;}
.timeLineBecome .item.first .image {margin-right:30px;}
.row.cricket-ball .center-column h3 {font-size:40px;}
.row.cricket-ball .center-column h4 {font-size:30px;}
.sliderHome .item .textBannerCont h3.rotatingtext {font-size: 40px;}
/* bulk */ .bulk-simple-form .bulk-form-results {padding-left:100px; background-position: 35px center;}
.footerCont {float: left; width: 98%; padding: 0 1%;}
.woocommerce-page #content .coupon input.button {display: block; margin-top:5px;padding: 0 15px;float:left;}

}

@media all and (min-width: 650px) and (max-width: 1079px) {

#page {width:100%;overflow:hidden;}




.sliderHome .item {height: 600px;}
.sliderHome .item .button {margin-top:20px;}
.sliderHome.pillsCont .item .infoCont { padding: 15% 10% 70px 10%;width: 80%;background-position: center -30px;}
.pillsCont .item .infoCont:hover { background-position: center -10px;}
.get-involved-Pills .item .infoCont {padding-bottom: 60px;background-position: center -140px;}
.get-involved-Pills .item:hover .infoCont {padding-bottom: 60px;background-position: center -130px;}
.pillsCont .item .imageCont { margin-top: -50px;}
.pillsCont .item .infoCont h3 {font-size: 28px;}
.sliderHome .item .textBannerCont h3 {font-size: 60px;}

}

@media all and (max-width: 1030px) {
	.container img, .container figure, .container .wp-caption { max-width: 100% !important; height: auto;}


	.sliderHome .item .textBannerCont h3.rotatingtext {font-size: 40px;}

.siteLogo {
	margin: 10px 0 10px 0;
	width: 132px;
	height: 60px;
	background-size: 100%;
	background-position: 0 bottom;}

.headerTop { display: none!important;}

.headerCont { min-height: 0!important; border: none;}

.responsiveMenuBtn {
	float: right;
	display: block;
	margin-top: 13px;
	width: 45px;
	height: 39px;
	background: url(images/menuIcon.png) no-repeat;}

.scrolled .responsiveMenuBtn {margin-top: 3px;}

.responsiveMenuBtn:hover {
	background: #468ec3 url(images/menuIcon.png) no-repeat;}

		.nav { width: auto; position: inherit; margin-top: 15px; margin-right: 10px;}

		.scrolled .nav {margin-top: 5px;}

		.nav ul li {display: none;}

		.nav ul li.buyGiveBtn { display: block;}

	/* Submenus */

	.nav ul li .sub-menu {
		float: left;
		display: none;
		width: 100%;
		position: static;
		text-align: left;}

	.nav ul li:hover .sub-menu { display: block; height: auto;}

	.nav ul li .sub-menu li {
			width: 100%;
			padding: 10px 0;
			height: auto;
			text-align: left;
			border-top: 1px solid #CCC;
			border-bottom: none;}

			.nav ul li .sub-menu li:hover { background: #fcd500;}

			.nav ul li .sub-menu li a {
				font-size: 12px;
				height: auto;
				color: #999;}

			.nav ul li .sub-menu li a strong {
				font-size: 18px;
				font-weight: 400;
				color: #3f3732;}

			.nav ul li .sub-menu li:hover { background: none;}
			.nav ul li .sub-menu li:hover a strong {color: #468ec3;}

	.headerMobile {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50000;
	background: #000;
	width: 100%;
	float:left;
	height: 100vh;
	display: none;}

	.headerMobile .cart {
		float: left;
		font-size: 15px;
		margin: 40px 0 20px 20px;}

	.headerMobile .nav-menu {
		float: left;
		width: 100%;
		border-top: 1px solid #191919;}

		.headerMobile .nav-menu li {
			float: left;
			width: 100%;
			border-bottom: 1px solid #191919;
			background:#262626;
			}

			.headerMobile .nav-menu li a {
				float: left;
				padding: 15px 0;
				width: 100%;
				font-size: 20px;
				color: #FFF;
				font-weight: 700;
				text-transform: uppercase;
				text-indent: 20px;}

			.headerMobile .nav-menu li a:hover { color:#468ec3;}
			.headerMobile .nav-menu li.buyGiveBtn {background:#000;}
			.headerMobile .nav-menu li.buyGiveBtn a {
				float: left;
				margin: 10px 2% 0 2%;
				padding:0;
				width: 96%;
				height: 43px;

				font-size: 18px;
				font-weight: 700;
				line-height: 43px;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				background: #468ec3;
				border-radius: 5px;}

			.headerMobile .nav-menu li.buyGiveBtn a:hover {background: #336e9a;}

		.headerMobile .nav-menu li .sub-menu{
			position: absolute;
			display: none;
			top: 101px;
			right: 0;
			z-index: 600;
			background: #000;
			float:right;
			width: 100%;
			height: 100%;}

		.headerMobile .closeMobile,
		.headerMobile .nav-menu li a.closeMobile {
			float: right;
			padding: 0;
			margin: 30px 30px 30px 0;
			width: 41px;
			height: 41px;
			background: url(images/closeBtn.png) no-repeat;}

		.headerMobile .goBack,
		.headerMobile .nav-menu li a.goBack {
			float: left;
			display:none;
			padding: 0;
			margin: 30px 0 30px 20px;
			width: 41px;
			height: 41px;
			background: url(images/goBackBtn.png) no-repeat;}

	.headerMobile .topLinks,
	.headerMobile .topLinks ul {
		float: left;
		width: 100%;
		text-align: center;}

	.headerMobile .topLinks li { float: none; padding: 10px 0; display: inline-block;}
	.headerMobile .topLinks li a { float: none;}
	/* bulk */ .bulk-simple-form .bulk-form-results {padding-left:0;display:block;background:none;margin-top:40px;}

	.page-checkout .woocommerce .col2-set .col-1,
.page-checkout .woocommerce-page .col2-set .col-1, .page-checkout #payment, #order_review { width: 100%;}
.page-checkout .woocommerce .col2-set .col-2,
.page-checkout .woocommerce-page .col2-set .col-2 { width: 100%; float: left; margin-top: 20px;}

.blocks-second .left {width: 100%;}
.blocks-second .right {width: 100%; padding: 30px 0;}
.blocks-second .right h3,
.blocks-second:nth-child(2n+0) .right h3,
.blocks-second .right p,
.blocks-second:nth-child(2n+0) .right p {text-align: center}
.centerDiv {display: block;}
.blocks-slider.owl-theme .owl-controls .owl-buttons div {right:10px;}
.blocks-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {left: 10px;}

}

@media all and (max-width: 950px) {
	.infographicRow {zoom:0.4;}
.sliderHome .item .textBannerCont h3.rotatingtext span.rotate {display:block;}
.siteShadown {top:-100px;}
.row.play-projects-video #video {height: 450px!important;}
/* Responsive Menu */

.container img { max-width: 100% !important; height: auto;}

.scrolled {position:fixed;}

.single-post .left-column {  width: 90%; padding: 0 5%;}

.page-checkout .woocommerce-checkout .checkout-left, .page-checkout .woocommerce-checkout .checkout-right  {float:left;width: 100%;}

/* Campaings */

.campaignsSlider .logoImageCont {width: 20%;}
.campaignsSlider .textCont { width: 60%;}
.sliderImpact .textsliderCont h3, .sliderImpact .textsliderCont h3, .textsliderCont h3, .campaignsSlider .textsliderCont h3, .campaingsList .textsliderCont h3 { font-size: 20px;}
.sliderImpact .textsliderCont p { width: 100%; font-size: 16px;}
.campaignsSlider .textsliderCont p { width: 100%; font-size: 12px;}
.sliderImpact { padding: 30px 2%;}
.textsliderCont h3, .campaingsList .textsliderCont h3 { font-size: 20px;}
.news .item .image img {}
.imageCont img { width: 100%; height: auto;}
.single-product .left-column{width:60%;}
.single-product .sliderImpact { padding: 0;}

/* Menu Mobile */
.siteLogo {margin-top:5px;}
.pillsCont { margin-top: -30px;}
.shipping-calculator-form select, .shipping-calculator-form input { max-width: 80% !important;}
.welcome-modal h1 {margin: 0 30px 40px; font-size:50px;}
.welcome-modal p {margin: 0 30px 40px;font-size:22px;}

.archive.woocommerce.left-column { width: 57%; padding: 0 2%;}
.archive.woocommerce .left-column p iframe {width:100%;height:300px;}
.right-column { width:300px;}
.counterCont {width: 260px;padding-left:20px;padding-right:20px;}
.single-product .right-column,
.single-campaign .right-column { margin-top: 20px;}
.page-title { width: 96%; padding: 0 2% 30px; position:relative; font-size: 70px; top: 50%;}
.single-product .page-title {text-align: center; width: 96%; margin-top: 110px;}

/* Merchandasing */

.archive.tax-product_cat .left-column.sidebar,
.archive.tax-product_cat .left-column { width: 96%; padding: 0 2%;}

.footerCont {float: left; width: 96%; padding: 0 2%;}

.left-column.sidebar .woocommerce {display: none;}
.responsiveShowSidebar { display: block; float: left; width: 96%; padding: 2%; font-family: Museo-Sans, Arial, Helvetica, sans-serif; font-size: 19px; color: #468dc2; font-weight: 300; text-transform: none; font-weight: 700;  margin-bottom: 20px; background: #ebebeb; cursor: pointer;}

.checkoutSelectionBox .checkoutoptionsBox ul li .image { width: 14%; margin: 0 1% 0 1%;}
.checkoutSelectionBox #my_custom_checkout_field {width:100%;padding-right:0%;}

.single-product.woocommerce div.product div.images div.thumbnails a {width: 40%!important;}


}

@media all and (min-width: 650px) and (max-width: 800px) {
.footerCont {float: left; width: 96%; padding: 0 2%;}
.sliderHome .item {height: 700px;}
.pillsCont .item .infoCont {	padding: 15% 10% 60px 10%;		width: 80%;	background-position: center -60px;}
.pillsCont .item .infoCont:hover { background-position: center -35px;}
.pillsCont .item .infoCont h3 {font-size: 20px;}
.pillsCont .item .infoCont p { font-size: 14px; line-height: 1;}
.pillsText h3 { font-size: 25px;}
.sliderHome .item .textBannerCont h3 {font-size: 50px; line-height: 1;}
.applicationsBanner .banner .title {padding-bottom: 10px;}
.applicationsBanner .banner p { width: 94%;}
.applicationsBanner .banner p strong { padding-top: 10px;}
.col-3 { width: 96%; padding: 0 2%;}
.col-3 br { display: none;}
.col-7 { width: 96%; padding: 0 2%;}

}
@media all and (max-width: 920px) {
.left-column,
.archive.woocommerce .left-column,
.archive.woocommerce .left-column.sidebar, .single-product .left-column { width: 90%; padding: 0 5%;}
.right-column, .counterCont { width: 50%; margin: 0 25%; float: left;}
}

@media all and (max-width: 850px) {
.get-involved-Pills .item .infoCont, .get-involved-Pills .item:hover .infoCont {padding: 7% 7% 60px 7%;width: 86%;background-position: center -185px;}
.get-involved-Pills .item:hover .infoCont {background-position: center -175px;}
.page-mallforafrica .pageImage.videoCont {height: 320px;}
.sliderHome .item .textBannerCont h3.rotatingtext {font-size: 30px;}
div.news .item, .page-make-a-difference-campaigns .list-campaigns .newsCont .item { width: 46%;}
div.news .item:nth-child(2n+1) {clear:left;}
.page-make-a-difference-campaigns .list-campaigns .newsCont .item:nth-child(3n+1) {clear:none;}
.page-make-a-difference-campaigns .list-campaigns .campaings-column {width:100%;}
.page-make-a-difference-campaigns .list-campaigns .campaings-column li a,
.page-make-a-difference-campaigns .list-campaigns .campaings-column h4 {font-size: 18px;}
.page-make-a-difference-campaigns .list-campaigns .newsCont {width: 100%;}
.page-make-a-difference-campaigns .list-campaigns .campaings-column {display:none;}
.page-make-a-difference-campaigns .toolbar .filters select {display: block;}
.left-column .colors-text p {overflow: hidden;}
}

@media all and (max-width: 920px) {
.left-column,
.archive.woocommerce .left-column,
.archive.woocommerce .left-column.sidebar, .single-product .left-column { width: 90%; padding: 0 5%;}
.right-column, .counterCont { width: 50%; margin: 0 25%; float: left;}
.right-column.partenrsListRow {margin-top:40px;}

}

@media all and (max-width: 800px) {
.checkoutSelectionBox .lists-container {width: 100%;}
.woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr,
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td { float: left; width: 98%;}
#order_review { overflow: hidden;}
.page-checkout .woocommerce .col2-set .col-1 .formBox .form-row input.input-text,
.page-checkout .woocommerce .col2-set .col-1 .formBox .form-row textarea,
.page-checkout .woocommerce .col2-set .col-1 .formBox .form-row select,
.page-checkout .woocommerce .col2-set .col-2 .formBox .form-row input.input-text,
.page-checkout .woocommerce .col2-set .col-2 .formBox .form-row textarea,
.page-checkout .woocommerce .col2-set .col-2 .formBox .form-row select,
.page-checkout  #payment .formBox .form-row input.input-text,
.page-checkout  #payment .formBox .form-row textarea,
.page-checkout  #payment .formBox .form-row select,
.woocommerce-page form .formBox .form-row .chosen-container,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {	float: left !important;	width: 100% !important;}
.page-checkout .woocommerce .col2-set .col-1 .formBox .form-row select,
.page-checkout .woocommerce .col2-set .col-2 .formBox .form-row select,
.page-checkout  #payment .formBox .form-row select,
.woocommerce-page form .formBox .form-row .chosen-container,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {	float: left !important;	width: 98% !important;}
.woocommerce-checkout .order_details li {	width: 100%;border-bottom: 1px dashed #dfdbdf;border-right: 0;}
.sliderHome.owl-theme .owl-controls {bottom:46%;}
.left-column,
.archive.woocommerce .left-column,
.archive.woocommerce .left-column.sidebar, .single-product .left-column { width: 90%; padding: 0 5%;}
.archive.woocommerce .left-column.sidebar, .category-banners, .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {display:none;}
.right-column, .counterCont { width: 50%; margin: 0 25%; float: left;}
.counterCont {width: 44%;  margin-bottom: 20px;  padding-right: 3%;  padding-left: 3%;}
.single-product .right-column,
.single-campaign .right-column { margin-top: 20px;}
.row.cricket-ball .center-column h3 {font-size:30px;}
.row.cricket-ball .center-column h4 {font-size:25px;}
.row.cricket-ball .center-column p {width: 60%;}
.row.cricket-ball .center-column p {font-size:16px;line-height:1.2;}
.page-become-a-partner-new .row.banners .item h3,
.page-become-a-partner-new .row.banners .item.title h3 {font-size:20px;line-height:1;}
.row.cricket-ball .center-column a.button {font-size:20px;}
.timeLineBecome .item.first .image {}
.page-become-a-partner-new .timeLineBecome .item.first .texts .title p {font-size:50px;line-height:1;}
.page-become-a-partner-new .timeLineBecome .item.first .texts { margin-top: 70px;}
.page-become-a-partner-new .timeLineBecome .item.first .texts .title {margin-bottom:10px;}
.timeLineBecome .item.first .texts p {font-size:16px;}
.lightbox {
	padding: 20px 3% 20px 3%;
	position: fixed;
	top: 5%;
	left: 3%;
	margin-left: 0;
	width: 88%;
	height: 400px;
	overflow-y:scroll;}
	.lightbox .closeBtn {margin-right:0;}

	.fade-mexico-message { }
	.mexico-purchase-lightbox {height: auto; overflow:auto;
    top: 50%;
    margin-top: -100px;
	width:82%;left:5%;margin-left:0;}

.ourProgressRow .item { padding: 0 80px 10px 80px;}
.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left !important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left; clear: none;}
.checkoutSelectionBox .checkoutoptionsBox ul li .image { width:12%; margin: 0 2%;}
.page-partnership .lightbox-content input.button {position:static;}
}
@media all and (max-width: 750px) {
.cartPage .highlights { display: none;}
.cartPage .column { width: 25%;}
.cartPage .firstColumn { width: 100%;}
.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { float: left;}
.get-involved-Pills .item .infoCont, .get-involved-Pills .item:hover .infoCont {background-position: center -205px;}
.get-involved-Pills .item:hover .infoCont {background-position: center -195px;}
.timeLineBecome .item.first .texts {width:40%;}
.page-projects div.news.list-campaigns .item { width: 97%; background: none; text-align: center;}
.bigbanner {float: left; width: 100%;}
.smallbanners {float: left; width: 100%; margin-top: 20px;}
.smallbanners .bigbanner {float: left; width: 50%;}
.checkoutSelectionBox .option .check {width: 17%;}
.row.play-projects-video #video {height: 350px!important;}
.single-partner .pageImage .container {margin-top: 80px;}
.single-partner .pageImage {height: 350px;}

}
@media all and (max-width: 650px) {

.row.with-margins {padding:20px 0;}
.right-column .form div input.btn-select-campaign { display: none!important;}
.footerCont {float: left; width: 94%; padding: 0 3%;}
.container .container { padding: 0!important;overflow:hidden;}
.pageImage {height:auto;min-height: 200px}
.siteShadown {height:150px; background-size:auto 100%;}
.sliderHome .item .textBannerCont {top:40%;}
.sliderHome .item .button {margin-top:20px;}
.sliderHome .item {height: 700px;}
.pillsCont,.news .item,.banners { width: 90%; margin: 0 5% 20px;}
.news .item .image {max-height:none;}
.banners { margin-bottom: 10px;}
.pillsCont {margin-top: 20px;}
.sliderHome .item img {max-width:100%;height:auto;}
.pillsCont .item, .banners .item {width: 48%; margin:0 1%;}
.banners .item { margin-bottom: 10px;}
.sliderHome .item .textBannerCont h3 {font-size: 35px; line-height: 1;}
.footerCont .footerMenu .col-25 {width: 90%; padding: 0; float: none; margin: 0 auto;}
.footerBottom .right {width: 100%; text-align: center; margin-top: 40px;}
.home .sliderHome, .show-desktop {display:none!important;}
.home .sliderHome.mobile, .show-mobile {display:block!important;}
.bigBanner .infoText { width: 96%; padding: 0 2%;}
/*.right-column .form div .mobile-campaign-selector {display:block!important;}
.right-column .form div .mobile-campaign-selector.hidden {display:none!important;}
.right-column .form div .mobile-campaign-selector p {color:#333; padding: 0px;box-sizing: border-box;width: 100%;    height: 43px;
    line-height: 43px;
    overflow: hidden;
    margin: 0;
}*/
.single-campaign .right-column .form #pa_campaign {
	position: static;display:block;
}
.right-column .form {margin-top:-1px;}
.campaign-content .container h3.title, .campaign-content .container .text-cont {width:100%;}
iframe {max-width:100%!important;}
.page-media-center .gallery-cont { float: left; width: 100%;}
.page-media-center .gallery-cont .item { width: 90%;}
/* About */
.bigText .title p {font-size:26px;}
.center-column .title { font-size: 50px; line-height:1;}
.center-column p {font-size:14px;}
.timeLine .item { width: 46%; padding: 0 2%;}
.timeLine .item .image .date { font-size: 90px;}
.page-become-a-partner-new .tab .item {width: 29%;}
.tab .item { width: 46%; padding: 0 2%;}
.line-clear { display: none;}
.line-clear-mobile { float: left; width: 100%; display: block;}
.page-title { padding-top: 100px;top: 70%;}

.single-product .page-title,
.single-campaign .page-title {font-size:60px;}

.gallery-slider { width: 96% !important; margin: 0 2%;}
.about-play-gallery .item { width: 100%; padding: 0;}
.sliderHome.owl-theme .owl-controls {bottom:61%;}
/* Campaings */
.campaignsSlider .logoImageCont {width: 20%;}
.campaignsSlider .textCont { width: 60%;}
.sliderImpact .textsliderCont h3, .sliderImpact .textsliderCont h3 { font-size: 40px;}
.sliderImpact .textsliderCont p { width: 100%; font-size: 16px;}
.campaignsSlider .textsliderCont p { width: 100%; font-size: 12px;}
.sliderImpact { padding: 0 2%;width:96%;}
.textsliderCont h3, .campaingsList .textsliderCont h3 { font-size: 20px;}
.news .item .image img {height: 100% !important; max-height: 185px;}
div.news .item .image img {width:100%!important; height:auto; max-height:none;}
.page-title { font-size: 50px; line-height: 50px;}
.bigBanner .container { position: inherit;}
.footerCont .footerMenu ul li {text-align:center;width: 90%; padding: 0 5%; margin: 0; margin-bottom: 40px; text-align: center;}
.footerCont .footerMenu ul li ul li { padding: 0; margin-bottom:0;}
.footerCont .footerMenu ul li a { float: none; display: inline-block;}
.cartPage .column.triplecolumn,
.cartPage .column.doublecolumn { width: 100%;margin-bottom:20px;}
.woocommerce-page #content .coupon input.button { display: inline-block; margin-top:0px;}

.camapignsformRow #baseCampaignApplicationForm label,
.camapignsformRow #baseCampaignApplicationForm .col-7 label {padding-left:0;width: 100%;}
#baseCampaignApplicationForm .col-7 input {width: 100%; box-sizing:border-box;}
.camapignsformRow #baseCampaignApplicationForm label:empty, .camapignsformRow #baseCampaignApplicationForm .col-7 label:empty {display: none;}
.giving-bottom-contents .item { width: 100%; margin-bottom: 30px;}
.wpcf7-form .formBox li input, .wpcf7-form .formBox li textarea, .wpcf7-form .formBox li select {width: 90%;}
.col-3 { width: 100%; padding: 0 0 20px 0;}
.col-7 { width: 100%;}
.givingAplicationBanner { padding-right: 0; width: 100%;}
.formBox li input.check, .woocommerce-page form .formBox .form-row input.check, .titleRight input.check, .formBox li .check input { width: auto !important;}
.right-column .form label span, .right-column .form label strong { font-size: 20px;}
.woocommerce-cart #primary #content .cartPage .checkout-button { display: none;}
.woocommerce-cart #primary #content .cartPage .triplecolumn .checkout-button { float: none; display: inline-block;}
.welcome-modal h1 {margin: 0 30px 40px; font-size:40px;}
.welcome-modal p {margin: 0 30px 40px;font-size:16px;}
.toolbar {text-align:center;}
.toolbar a {float:none;text-align:center;padding:0; margin: 5px 15px;line-height:1;height:auto;display: inline-block;}
.get-involved-Pills .item {width:70%;margin: 0 15% 20px;}
div.news .item, .page-make-a-difference-campaigns .list-campaigns .newsCont .item {  width: 95%;}
.sliderImpact .textsliderCont h3, .sliderImpact .textsliderCont h3, .textsliderCont h3, .campaignsSlider .textsliderCont h3, .campaingsList .textsliderCont h3 {font-size:20px;}

.row.cricket-ball .center-column p {width: 100%;}
.timeLineBecome .item.first .image {float:none;margin:0 auto;}
.page-become-a-partner-new .timeLineBecome .item.first .texts {width:100%; margin:0 0 20px;}

.page-become-a-partner-new .timeLineBecome .item.first .texts .title p {font-size:50px;}
.page-become-a-partner-new .timeLineBecome .item.first .texts { margin-top: 70px;}
.page-become-a-partner-new .timeLineBecome .item.first .texts .title {margin-bottom:10px;}
.timeLineBecome .item.first .texts p {font-size:16px;}
.page-become-a-partner-new .row.banners {background: #fff; }
.map-desktop {display:none;}
.map-mobile {display:block;}
.page-mallforafrica .pageImage.videoCont {height: 260px;}
.row.timeLine.only-two .container .item.only-two {margin-left:0;}
.checkoutSelectionBox .checkoutoptionsBox ul li {width: 98%; padding: 0 1%;}
.checkoutSelectionBox .checkoutoptionsBox ul {margin-bottom: 0;}
.checkoutSelectionBox .checkoutoptionsBox ul li {margin-bottom: 10px;}
.checkoutSelectionBox .option {width: 96%; margin: 0; margin-bottom: 10px;}
/* bulk */ .page-buy-bulk-soccer-balls .formBox li .wpcf7-submit {position:relative; float:left; margin-top:20px;}
.single-product.woocommerce div.product {margin-top:50px;}
.single-product .left-column p.woocommerce-main-image.with-gallery {width:65%; margin: 0 17.5%;}
.single-product.woocommerce div.product div.images div.thumbnails {margin-top:20px;width:100%;}
.single-product.woocommerce div.product div.images div.thumbnails a {width:17%!important;}
.single-product.woocommerce div.product div.images div.thumbnails a.video span {    margin: -11px 0 0 -13px; width: 26px; height: 20px;}
.toolbar .filters {float:left; width:100%; margin-top:10px;}
.toolbar .filters select, .toolbar .filters input {margin-left:0; }
.toolbar .filters input {max-width:130px;}
.toolbar .filters select {max-width:100px;margin-right:10px;}

.block-fiveCont .blocks-five,
.blocks-thirdCont .blocks-third { width: 100%; }
.mainBannerRow h3 {font-size: 70px; margin-top: 100px;}
h3.withTopLine:before { width: 200px; margin-left: -100px;}

}
@media all and (max-width: 550px) {
	.sliderHome.owl-theme .owl-controls {bottom:60%;}
	.timeLineBecome .item.first {margin-top:30px;}
	.page-become-a-partner-new .timeLineBecome .item.first .texts { margin-top: 0px;}
.page-become-a-partner-new .timeLineBecome .item.first .texts .title p {font-size:30px;}
.single-play-project .campaign-content .container .text-cont .meet-person { width: 94%; margin: 0 1% 20px 1%;}
.row.play-projects-video #video {height: 230px!important;}
.pillsCont {margin-top: 20px;}
.pillsCont .item, .banners .item  {width:100%; margin:0; margin-bottom: 20px;}
.pillsCont .item .imageCont {margin-top: -40px;}
.pillsCont .item:hover .infoCont { }
.pillsCont .infoCont { background: url(images/bluePillArrowBig.png) no-repeat; background-position: center -155px;}
.pillsCont .green .infoCont { background: url(images/greenPillArrowBig.png) no-repeat; background-position: center -155px;}
.pillsCont .orange .infoCont { background: url(images/orangePillArrowBig.png) no-repeat; background-position: center -155px;}
.pillsCont .black .infoCont { background: url(images/blackPillArrowBig.png) no-repeat; background-position: center -155px;}
.pillsCont .item .infoCont {padding-bottom: 60px;background-position: center -155px;}

.right-column  { width: 70%; margin: 0 15%;}
#baseCampaignApplicationForm .col-7 {margin-left: 0; width: 100%; padding: 20px 10%;}
.page-application form.wpcf7-form .center-column { padding: 0 3%;  width: 94%; }
div.wpcf7-response-output {width:300px;margin-left:-150px!important;top:40%;    box-sizing: border-box;}
.cartPage li .text-right, .cartPage li .text-right.nomargin {float:left;margin-top:10px;}
.woocommerce-cart.woocommerce-page .cartPage li .text-right a.button {width:auto;text-align:center; white-space:normal; line-height:1; height:auto;padding: 6px 20px;}
.cartPage li.cart_item  {text-align:center;}
.woocommerce .cartPage .cart_totals table, .cartPage .column.triplecolumn th {text-align: left;}
.cartPage .column {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.toolbar a {margin:0 5px;}
.campaignStepsRow .step .image { width: 100%; }
.campaignStepsRow .step .text { width: 100%; }
.camapignsformRow .formBox li label.towlines { padding-bottom: 10px; }


.currentStudentRow .studentForm li,
.currentStudentRow .studentForm li.last { width: 100%; margin-bottom: 10px;}
.currentStudentRow .studentForm .wpcf7-form-control-wrap.wpgdprc {position: static;}
.currentStudentRow .studentForm li input {border-radius: 5px !important;}
.currentStudentRow p {font-size: 14px;}
.infographicRow {zoom:0.2;}
.info-wrapper {margin-bottom:150px;}
h3.infografia.mobile {display: block;float:left;width: 100%;}
.infographicRow .detail, .infographicRow h3 {display: none;}
.infographicRow .mapsinfo .info {
    top: 370px!important;
    left: 0%!important;
    margin-left: 0px!important;
    zoom: 3;
}
.infographicRow .mapsinfo .info:before {display: none;}
}
@media all and (max-width: 450px) {
.woocommerce .siteShadown {top:0;}
.nav ul li.getInvolvedBtn {display:none;}

.get-involved-Pills .item .infoCont .text { font-size: 12px; width:90%; margin-left: 5%;}
.get-involved-Pills .item .infoCont h3 { width: 90%; margin-left: 5%; font-size: 24px;}
.pillsCont .item:hover .infoCont {background-position: center -145px;}
.footerCont .footerMenu .col-15 { width: 100%; min-height: 120px; text-align: center;}
.timeLine .item { width: 96%;}
.tab .item {width: 96%;}
.right-column {width: 90% !important; margin: 0 5%;}
.page-mallforafrica .right-column {margin: 0 5% 40px;}
.counterCont {width: 80% !important;  margin: 0 5% 20px; padding-right: 5%;  padding-left: 5%;}
.right-column .arrow {background-size: 100%;}
.page-title { font-size: 40px; line-height: 1; text-shadow: #222 0 0 5px;}
.titleSection p {font-size: 60px;line-height:50px;}
.titleSection {margin-bottom:0;}
.sliderImpact .textsliderCont h3, .sliderImpact .textsliderCont h3 {font-size: 20px;}
.toolbar .container {padding-left: 2%;}
.page-title p { font-size: 60px;}
.campaingsList .item { width: 98%;}
.applicationsBanner .banner { width: 96%; padding: 40px 2% 60px 2%;}
.applicationsBanner .bannerRight { margin-left: 0; margin-top: 20px;}
.formBox li label, .woocommerce .loginCart form .form-row label, .woocommerce-page form .formBox .form-row label { width: 100%; height:auto;}
.footerCont .footerText { line-height: 40px;}
.blue-back p a.button { margin-top: 20px;}
.formBox li.long-radios span.wpcf7-list-item-label { width: 80%;}
.news .item .view { bottom: 0px;}
.login .center-column { width: 100%; padding: 0;}
.login .center-column .col-10 { display: none;}
.login .center-column .col-8 { width: 100%; padding: 0;}
.single-partners .right-column { margin-top: 20px;}
.page-sponsors-partners .campaignsSlider .logoImageCont { display: none !important;}
.campaignsSlider .textsliderCont .textCont { width: 100%;}
.about-play-gallery .newsPageCont { float: left; width: 100%;}
.about-play-gallery .item { width: 100% !important; margin-bottom: 10px;}
.formBox li .check span.wpcf7-list-item-label { width: 84%;}
.page-give-soccer-balls-application .formBox li .check span.wpcf7-list-item-label { width: auto;}
.woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-error { width: 330px; left: 60%;}
.socialsNumbers .shareTwitter { margin-left: 50px;}
.blue-back p { margin-top: 0px !important;}
.bigBanner { background: #404040 !important;}
.single-campaign .socialsNumbers { margin-bottom: 30px;}
.sliderHome.owl-theme .owl-controls {bottom:61%;}
.get-involved-Pills .item .infoCont, .get-involved-Pills .item:hover .infoCont {background-position: center -205px;}
.get-involved-Pills .item:hover .infoCont {background-position: center -195px;}
.get-involved-Pills  .item .imageCont {margin-top:-50px;}
.timeLineBecome .item.first {width:96%;margin-top:-40px;}
.page-become-a-partner-new .tab .item {width:96%;}
.lightbox-content ul.formBox li {width:100%;margin-right:0;}
.center-column p.imageContainer { float: left !important; width: 60% !important; margin: 0 20%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 98%; margin: 0 1% 30px;}
.checkoutSelectionBox .checkoutoptionsBox ul li .check {width: 15%;}
.checkoutSelectionBox .checkoutoptionsBox ul li .image {width: 15%;}
.checkoutSelectionBox .checkoutoptionsBox ul li .text {width: 64%;}
.woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr, .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th {float: left; width: 96%;}
.headerCont {border:0; background: rgba(0,0,0,.5);}
}


/* parent-campaigns */
@media all and (max-width: 1100px) {
.page-make-a-difference-campaigns .total-balls-counter .number,.single-campaign .total-balls-counter .number {width:25%;}
.page-make-a-difference-campaigns .total-balls-counter .desc, .single-campaign .total-balls-counter .desc{width:63%; padding-right:5%;}
.page-make-a-difference-campaigns .child-campaigns-list .item {margin: 0 0 30px;}
.single-campaign .child-campaigns-list .item {margin: 0 auto 30px;float:none; display:inline-block;vertical-align:top;}
.single-campaign  .child-campaigns-list .item:nth-child(3n+1) {clear:none;}
.single-campaign  .child-campaigns-list .item:nth-child(2n+1) {clear:left;}
.single-campaign  .child-campaigns-list {text-align:center;vertical-align:top;width:100%;margin:0;}

}
@media all and (max-width: 800px) {
.page-make-a-difference-campaigns .total-balls-counter .desc {padding-right:5%;}
.page-make-a-difference-campaigns .child-campaigns-list {text-align:center;vertical-align:top;}
.page-make-a-difference-campaigns .child-campaigns-list .item {margin: 0 auto 30px;float:none; display:inline-block;vertical-align:top;}
.page-make-a-difference-campaigns .child-campaigns-list .item:nth-child(3n+1) {clear:none;}
.page-make-a-difference-campaigns .child-campaigns-list .item:nth-child(2n+1) {clear:left;}
.camapignsLinksRow .linkBox { width: 49%; margin-bottom: 20px;}
}
@media all and (max-width: 700px) {
	.product-snapshot .container {width:100%; padding:0;}
	.product-snapshot .image {width:100%; min-height:245px;height:245px;}
	.product-snapshot .texts {height:auto;min-height:0;width:96%;padding-right:2%;}
	.row.videos .item {    width: 100%;     margin-bottom: 20px;}
}
@media all and (max-width: 600px) {
.page-make-a-difference-campaigns .makelife-campaigns .center-column .title {margin-bottom:20px;}
.page-make-a-difference-campaigns .total-balls-counter .number, .page-make-a-difference-campaigns .total-balls-counter .desc,
.single-campaign .total-balls-counter .number, .single-campaign .total-balls-counter .desc {width:100%; text-align:center;padding:0;    margin: 0 0 10px;}
.child-campaigns-list.single-child .item {width:240px;}
.child-campaigns-list.single-child .item .image {height:210px; background:url(images/campaign-percent.png) 0 0 no-repeat;}
.child-campaigns-list.single-child .item .image.bar-10 {background-position: -240px 0;}
.child-campaigns-list.single-child .item .image.bar-20 {background-position: -480px 0;}
.child-campaigns-list.single-child .item .image.bar-30 {background-position: -720px 0;}
.child-campaigns-list.single-child .item .image.bar-40 {background-position: -960px 0;}
.child-campaigns-list.single-child .item .image.bar-50 {background-position: 0px -210px;}
.child-campaigns-list.single-child .item .image.bar-60 {background-position: -240px -210px;}
.child-campaigns-list.single-child .item .image.bar-70 {background-position: -480px -210px;}
.child-campaigns-list.single-child .item .image.bar-80 {background-position: -720px -210px;}
.child-campaigns-list.single-child .item .image.bar-90 {background-position: -960px -210px;}
.child-campaigns-list.single-child .item .image.bar-100 {background-position: -1200px -210px;}
.child-campaigns-list.single-child .item .image a { margin:40px; width:160px; height: 160px;}
/* animal */
.page-template-template-animal-charities .child-campaigns-list .item {width: 90%; margin: 0 5% 30px;}
.bigText .title p {width:96%;}
.page-template-template-animal-charities .row .center-column.wide {width:100%;padding-left:0;padding-right:0;}
.page-template-template-playbook .center-column.text-page p {font-size: 16px;line-height: 1.3;}
.center-column {width:100%; padding: 0;}
}
@media all and (max-width: 1079px) {
	.benefictBox .mark, .benefictBox.box-1 {display:none;}
	.benefictBox.box-1 h3, .benefictBox.box-3 h3, .benefictBox.box-5 h3 { padding-right: 20px; float: left;}
	.benefictBox.box-1 p, .benefictBox.box-3 p, .benefictBox.box-5 p, .benefictBox.box-1 span, .benefictBox.box-3 span, .benefictBox.box-5 span {text-align:left;}
	.benefictBox {left:50%!important; margin-left: -185px!important; padding: 20px; margin-top:65px; background: #fff; box-shadow: #999 0 0 5px;  z-index: 100;}
	.benefictBox:before {position:absolute;     right: 3px;     top: 3px;    content: '✖';    font-weight: bold;    background: #ddd;    width: 22px;    height: 22px;    line-height: 22px;    border-radius: 50%;}
}
@media all and (max-width: 550px) {
.camapignsLinksRow .linkBox { width: 99%;}
.campaignStepsRow .step .image { width: 100%; }
.campaignStepsRow .step .text { width: 100%; }
.camapignsformRow .formBox li label.towlines { padding-bottom: 10px; }
.sliderLogos.owl-theme .owl-controls, .sliderIdeas.owl-theme .owl-controls,
.sliderLogos.owl-theme .owl-controls , .sliderIdeas.owl-theme .owl-controls {display: none;}
.campaignPageRow .textBox p, .campaignPageRow .setpsBox p {font-size: 18px;}
}
@media all and (max-width: 460px) {
.coupon .input-text { margin-right: 0;width: 100%;  margin: 0;  box-sizing: border-box;}
.woocommerce-page #content .coupon input.button {display: block; float:left; margin-top:5px;}
.shipping-calculator-form select, .shipping-calculator-form input {max-width: 99%!important;}

.woocommerce-page input.button,  .woocommerce-page #content input.button, .woocommerce-page a.button {padding: 0 20px;}

}
@media all and (max-width: 370px) {
	.benefictBox {left:0!important; margin-left: 0!important; width:100%;}
	.currentStudentRow .studentForm li.last { width: 100%; box-sizing: border-box; margin-left: 0;}
}