@media (max-width: 1980px) { 
.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {text-align: center;margin-top: 15%;}
.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {text-align: center;margin-top: 9%;}
}
@media (max-width: 1950px) {
.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {text-align: center;margin-top: 9%;}	
} 
@media (max-width: 1600px) { 
	.successstoriesvideo .modal-dialog {padding:0 0 0 15px}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {text-align: center;margin-top: 9%;}
}

@media (max-width: 1439px) {
	.about-content p {font-size:18px; line-height:26px;}
	.rewards-container {max-width:100%;}
	/*.inner-wrapper h1 {font-size: 40px; margin: 0 0 30px;}*/
	.howitworks-content .howitworks-text p, .rewards-container .rewards-text p, .howitworks-bottom-text p {font-size:16px; line-height:22px;}
	.successstoriesvideo .modal-dialog {padding:0 15px}
	.gallery-pop .slick-prev {left: -15px;}
	.gallery-pop .slick-next {right: -15px;}
	.successstoriesvideo .close {right:50px}
	.success-stories-container .success-stories-list .text {padding:25px}
	.success-stories-container .success-stories-list .text h2 {}
	.success-stories-container .success-stories-list .text p {font-size:16px; line-height:21px; padding-top:15px;}
	
	.challenges-container .challenges-box {-ms-flex: 0 0 30.5%; flex: 0 0 30.5%; max-width: 30.5%;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {text-align: center;margin-top: 10%;}
	.challenge-idea-contents-section p br {display: none;}
	td.comment-form-user-input input{width: 780px;}
	
}
@media (max-width: 1439px) {
	/*.mainbanner-block figure {margin:0; padding:0; float:right; width:650px;}*/
	.innovation-feeds-growth div#animation_container canvas{width: 667px !important;height: 644px !important;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {text-align: center;margin-top: 10%;}

	/*.challenge-collage-inner-images img{width: 150px;}*/
	.collage-box{width: 100%;}
	img.collage-large-image {width: 100%;}

}

@media (max-width: 1365px) {
	.innovation-feeds-growth div#animation_container canvas{width: 644px !important;height: 600px !important;}
	.container {max-width: 1120px;}
	.menu li > a {/*padding:10px 15px;*/ font-size:16px;}
	.mainbanner-block .homebanner-list .text {max-width:450px}
	.mainbanner-block .homebanner-list .text p {padding:15px 0 20px}
	.mainbanner-block .homebanner-list .text .banner-btn a {min-width:inherit; padding:17px 75px; font-size:20px;}
	.mainbanner-block figure {width: 625px;}
	
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main {margin:0 -7px}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list {width: 351px; margin:0 7px}
	/*.rewards-content .rewards-box1, .rewards-content .rewards-box3 {padding:90px 10px 70px}
	.rewards-content .rewards-box2 {padding:95px 30px 65px}*/
	
	.inner-wrapper h1 {font-size: 40px;}
	.contact-form {padding: 30px 20px 10px;}
	/*.contact-form figure {padding-left: 110px;}*/
	/*.contact-btn a {padding:22px 70px}*/	
	.howitworks-content .howitworks-text {width:37%;}
	.howitworks-bottom-text p {padding-top:35px;}
	
	.successstoriesvideo .modal-body {padding:80px 30px 50px}
	.successstoriesvideo .close {top: 20px; right: 60px;}
	.successstoriesvideo .close img {width:50px;}
	.gallery-pop .slick-prev {left: 15px;}
	.gallery-pop .slick-next {right: 15px;}
	
	
}

@media (max-width: 1199px) {
	section.wrapper.main-home-wrap {padding-top: 90px;}
	.innovation-feeds-growth div#animation_container canvas {width: 560px !important;height: 520px !important;bottom: auto;}
	.innovation-feeds-growth div#animation_container{height: 510px !important;width: 570px !important;}
	.container {max-width: 1120px;} /*padding: 25px 30px;*/
	.menu li > a { /*padding:10px*/
	}
	.mainbanner-block .homebanner-list .text {padding:0;}
	.text .text-content .text-aria {max-width: inherit;}
	.mainbanner-block .homebanner-list .text h1 {font-size: 50px; line-height: 54px;}
	.mainbanner-block .homebanner-list .text {max-width: 395px;}
	.mainbanner-block .homebanner-list .text p {font-size:15px;}
	.mainbanner-block figure {width: 550px;}
	.ourchallenges-wrapper {padding: 60px 0;}
	.ourchallenges-wrapper .titlecontent h2 figure { bottom: 32px;}
	.ourchallenges-wrapper .titlecontent h2 figure img {width: 70px;}
	.ourchallenges-wrapper figure.leftimg img { width: 110px;}
	.ourchallenges-wrapper figure.leftimg2 {right: 40px; bottom:-40px;}
	.ourchallenges-wrapper figure.leftimg2 img {width: 380px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time {margin-top:20px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .text2 ul li {font-size:16px; line-height:30px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time ul li {font-size:30px; line-height:30px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list figure .text .time ul li span {font-size:11px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-arrow {top:-100px}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-prev {right:115px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-next {right:40px;}
	.titlecontent h1, .titlecontent h2 {font-size: 36px; line-height: 46px;}
	.activities-block {padding:60px 0}
	.activities-content ul li {padding:25px 20px}
	
	.rewards-block {padding: 50px 0 80px;}
	.rewards-block {padding: 50px 0 80px;}
	
	.clienttestimonials-wrapper {background-image:none; padding:100px 0 115px}
	.clienttestimonials-wrapper figure.leftimg img {width: 180px;}
	.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block {margin:0}
	.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul .slick-list {padding:35px 0 0 !important}
	.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul .slick-dots {bottom:-50px}
	
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list .content {padding:20px 15px}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list .content h3 {font-size:24px;}
	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list .content .btn {padding:12px 35px 10px}
	
	.rewards-content .rewards-box1, .rewards-content .rewards-box3 {padding: 25px 10px 35px;}
	.rewards-content .rewards-box2 {padding: 30px 30px 35px;}
	
	.footer ul li > a {font-size:16px; padding:10px 12px}
	
	.contact-form .col-md-5, .contact-form .col-md-7 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	/*.contact-form figure {padding-left: 30px;}*/
	
	.about-content p {font-size: 16px; line-height: 23px; padding-bottom:20px;}
	.howitworks-content .howitworks-text {width: 35%;}
	.gallery-container .gallery-box h2 {font-size:16px;}
	.gallery-container .gallery-tabs .nav-tabs li a {/*padding:12px 20px 9px;*/ font-size:16px}
	.breadcrumb-main {margin:0 0 25px}
	
	.challenges-container .challenges-box {-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
	.challenges-container .challenges-box .content {padding:20px;}
	.challenges-container .challenges-box figure .text .time {margin-top: 13px;}
	.challenges-container .challenges-box figure .text .time ul li {font-size:36px; line-height:30px;}
}

@media (min-width:768px) and (max-width:1024px) {
	.innovation-feeds-growth div#animation_container canvas {
		width: 100% !important;
		height: 100% !important;
		background-color: transparent !important;
		bottom: 0;
		position: static !important;
	}

	.innovation-feeds-growth div#animation_container {
		width: 100% !important;
		height: 100% !important;
		background-color: transparent !important;
	}

	.mainbanner-block .homebanner-list {
		padding-top: 35px;
	}

	.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul li .titlecontent {
		visibility: visible;
		position: static !important;
		padding-bottom: 30px;
		width: 100% !important;
	}

	.clienttestimonials-wrapper .titlecontent p span.left {
		display: none !important;
	}

	.clienttestimonials-wrapper .titlecontent p span.right {
		display: none !important;
	}

	.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block {
		padding: 45px 8px 0 8px;
	}

	.success-stories .year::after, .success-stories .year::before {
		width: 33%;
	}

	.container .flex-left video {
		width: 40%;
	}

	.container .flex-left div {
		max-width: 400px !important;
		width: 45%;
	}

	.success-stories .container .right-content .img {
		width: 350px;
		height: 220px;
		object-fit: contain;
		box-shadow: none;
	}

	.success-stories .right-content .img-ellipse {
		top: -25px !important;
	}

	.img-box span, p {
		font-size: 12px !important;
	}

	.mainbanner-block .homebanner-list .innov-right figure {
		width: 300px;
	}

	.homebanner-list .innov-left {
		width: 55% !important;
	}

	.mainbanner-block .homebanner-list .text {
		padding: 10px 0 35px !important;
	}

	.titlecontent {
		padding-top: 0 !important;
	}

	.mainbanner-block .latest::before, .mainbanner-block .latest::after {
		width: 33%;
	}

	.homebanner-list figure.play-img {
		left: 40%;
	}

		.homebanner-list figure.play-img img {
			width: 60px !important;
			height: 50px !important;
		}

	.homebanner-list .play-video .img-txt {
		left: 10%;
	}

	.homebanner-list .play-video img {
		max-width: 400px !important;
		height: 230px !important;
	}

	.mainbanner-block .homebanner-list .text h1 {
		font: 30px / 35px 'Montserrat' !important;
		font-weight: bold !important;
	}

	.homebanner-list .innov-right .img {
		width: 250px !important;
	}

	.innov-bg-content .innov-bg-right .titlecontent h1, .titlecontent h2 {
		font: 30px / 30px 'Montserrat' !important;
		font-weight: bold !important;
	}

	.right-header .select-section .user-login {
		margin-right: 0px;
		padding-right: 0;
	}

	.form-horizontal {
		padding-top: 30px;
	}

	.dashboard-submit-idea-steps {
		font: 28px / 35px 'Montserrat' !important;
		font-weight: bold !important;
	}

	.proposed-idea-layout h2, .catalog-heading-style {
		font-size: 26px !important;
		font-weight: bold !important;
	}

	.rewards-content .rewards-box .content h3 {
		padding: 10px 0px 10px !important;
		font: 22px / 30px 'Montserrat' !important;
		font-weight: bold !important;
		white-space: nowrap;
	}

	.submit-your-idea-section-popup .choose-innovation-box.choose-innovation-box-one h3 {
		font: 18px / 25px 'Montserrat' !important;
	}

	.submit-btn-wrap {
		height: 50px !important;
		font-size: 16px !important;
		padding: 12px 20px !important;
	}

	header .header .left-header {
		width: 20% !important;
	}



	@media (max-width: 991px) {

		.rewards-box .first {
			width: 150px;
		}
		.rewards-box .second {
			width: 120px;
		}
		.rewards-box .third {
			width: 100px;
		}
		.innovation-head-img {
			height: 18rem !important;
		}

		.mainbanner-block .homebanner-list {
			padding-top: 30px;
		}

		.container {
			padding: 0 15px;
		}
			.responsive-menu {
				top: 28px;
				display: inline-block;
				z-index: 1003;
				right:15px;
			}

		header {
			padding: 0px 0 5px;
			border-bottom: 1px solid #d2ceca;
		}

			header.sticky .header-med {
				padding: 3px 15px 7px
			}

		.responsive-menu {
			top: 28px;
			display: inline-block;
			z-index: 1003;
			right: 15px;
		}

			.responsive-menu.show {
				position: fixed;
			}

		header .main-menu {
			position: static
		}

		header .header-med {
			position: relative
		}

		header .header .header-med-content {
			padding: 0
		}

		.select-section {
			margin-right: 45px;
		}

		header .header figure.logo {
			padding: 0
		}

		.menu-wrapper {
			position: fixed;
			display: inline-block;
			width: 250px;
			right: -255px;
			top: 0;
			bottom: 0;
			padding-top: 20px;
			background: #333333;
			z-index: 1042;
			overflow: auto
		}

		.menu {
			display: block !important;
			margin: 0;
			width: 100%;
		}

			.menu li {
				display: block;
				margin: 0;
				padding: 0 5px;
				z-index:1043;
				float: none;
				text-align: left
			}

				.menu li > a, .menu li.active > a, .menu li > a:hover, .menu > li:hover > a {
					background: none;
					display: block;
					margin: 0;
					padding: 0 5px;
					float: none;
					text-align: left;
					color: #000;
				}

			.menu > li:hover:before, .menu > li.active:before {
				display: none
			}

			.menu li.mobile {
				display: block
			}

		header figure.logo {
			width: 110px;
		}

		.testimonal-block.main {
			margin: 15px 0
		}

		header .main-menu .sale {
			display: none
		}

		header .top-menu ul li {
			margin-left: 20px;
		}

		.becomedistributor {
			position: relative;
			top: 0;
			margin-left: 0;
			left: 0;
			margin-right: 40px;
		}

		header .header-med figure.logo {
			width: 110px;
		}

		header .header-med .main-search.open .search-wrapper {
			width: 340px
		}

		.wrapper {
			padding-top: 82px;
		}

		.mainbanner-block .homebanner-list {
			overflow: hidden
		}

			.mainbanner-block .homebanner-list .text {
				max-width: 100%;
				width: 100%;
				text-align: center;
				padding: 0 35px 35px;
			}

				.mainbanner-block .homebanner-list .text .text-content .text-aria {
					max-width: 100%;
				}

				.mainbanner-block .homebanner-list .text h1 br {
					display: none
				}

		.mainbanner-block figure {
			width: 100%;
		}

		.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main {
			margin: 0 7px
		}

			.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .ourchallenges-list.slick-slide {
				opacity: 1
			}

		.ourchallenges-wrapper figure.leftimg, .ourchallenges-wrapper figure.leftimg2, .clienttestimonials-wrapper figure.leftimg {
			display: none
		}

		.ourchallenges-wrapper .titlecontent p {
			max-width: 440px
		}

		.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-next {
			right: 15px;
		}

		.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-prev {
			right: 65px;
		}

		.rewards-block {
			padding: 25px 0 60px;
		}

		.clienttestimonials-wrapper {
			padding: 55px 0
		}

			.clienttestimonials-wrapper .titlecontent p {
				padding: 0
			}

			.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul .slick-list {
				padding: 20px 0 0 !important
			}

			.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul .slick-dots {
				bottom: -60px;
			}

		.activities-block {
			padding: 50px 0 20px;
		}

		.activities-content ul li {
			width: 100%;
		}

		footer {
			text-align: center
		}

			footer figure {
				margin: 0;
				float: none
			}

		.footer {
			float: none;
			width: 100%;
			text-align: center
		}

			.footer ul {
				display: inline-block;
				padding-top: 20px
			}

				.footer ul li {
					float: none
				}

					.footer ul li > a {
						padding: 5px 12px
					}

		.fooder-bottom p {
			text-align: center
		}

	/*	.rewards-content .rewards-box1, .rewards-content .rewards-box3 {
			padding: 50px 10px 35px;
			margin-top: 30px;
		}*/

		/*.rewards-content .rewards-box2 {
			padding: 50px 20px 35px;
		}*/

		.rewards-content .rewards-box1 img, .rewards-content .rewards-box3 img {
			width: 90px;
		}

		.rewards-content .rewards-box2 img {
			width: 120px;
		}

		.rewards-content .rewards-box .content p {
			font-size: 15px;
		}

		.rewards-content .rewards-box .content h3 {
			font-size: 30px;
			line-height: 30px;
		}

		.activities-content ul li .content h3 {
			font-size: 24px;
			line-height: 30px;
		}

		.inner-wrapper {
			padding: 25px 0 30px
		}

			.inner-wrapper h1 {
				font-size: 36px;
				margin-bottom: 20px
			}

				/*.wrapper {
				padding-top: 60px !important;
			}*/

				.inner-wrapper h1 span {
					padding: 0
				}

		.contact-form .col-md-5 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}

		.contact-form .col-md-7 {
			display: none
		}

		.contact-btn {
			padding: 0
		}

		.rewards-container {
			margin-top: -25px;
		}

			.rewards-container .rewards-box img {
				width: 150px
			}

			.rewards-container .rewards-box h2 {
				font-size: 20px;
			}

		.howitworks-content .howitworks-text {
			width: 32%;
			padding: 0 15px;
		}

			.howitworks-content .howitworks-text p {
				font-size: 15px;
				line-height: 20px;
			}

				.howitworks-content .howitworks-text p br {
					display: none
				}

		.gallery-container .gallery-box {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}

		.gallery-pop, .gallery-pop ul {
			padding: 0
		}

		.successstoriesvideo .close {
			top: 1px;
			right: 1px;
			z-index: 99;
		}

			.successstoriesvideo .close img {
				width: 35px;
			}

		.successstoriesvideo .modal-body {
			padding: 35px 20px;
		}

		.gallery-pop .slick-arrow {
			width: 40px;
			height: 40px;
			background-size: 40px !important;
			margin-top: -20px
		}

		.success-stories-container .success-stories-list figure, .success-stories-container .success-stories-list figure img {
			width: 100%;
		}

		.success-stories-container .success-stories-list .text {
			width: 100%;
			padding: 20px;
		}

			.success-stories-container .success-stories-list .text h2, .success-stories-container .success-stories-list .text p {
				text-align: center
			}

		.challenges-container .challenges-box {
			-ms-flex: 0 0 46%;
			flex: 0 0 46%;
			max-width: 46%;
		}

			.challenges-container .challenges-box figure .text .time {
				margin-top: 10%;
			}

		.contact-form .form-group {
			margin-bottom: 10px;
		}

		.input-error .error-text {
			padding: 8px 5px 0;
		}

		.breadcrumb-main {
			margin: 0 0 20px;
		}

		.gallery-container .gallery-box {
			margin-top: 20px;
		}

		.mainbanner-block .homebanner-list .text p {
			max-width: 100%
		}

		.contact-btn p {
			width: 70%;
			text-align: right;
		}

		section.success-stories-container {
			margin-top: 70px;
		}

		.activities-content ul li {
			padding: 15px 20px;
		}

			.activities-content ul li figure img {
				top: 0px;
			}

			.activities-content ul li:nth-child(8) {
				padding: 10px 20px !important;
			}

			.activities-content ul li:nth-child(7) {
				padding: 10px 20px !important;
			}

		section.wrapper.rewards-wrap {
			padding-top: 100px !important;
		}

			section.wrapper.rewards-wrap section.inner-wrapper h1 {
				margin-bottom: 35px !important;
			}
	}

	@media (max-width: 767px) {
		section.inner-wrapper.gal-album {
			padding: 10px 0 30px;
		}

		.wrapper {
			padding-top: 120px !important;
		}

		section.success-stories-container {
			margin-top: 55px;
		}

		section.gallery-container p.pb-2 {
			margin-bottom: 22px;
		}

		.slick-list.draggable {
			padding-top: 15px !important;
		}

		.mainbanner-block .homebanner-list {
			padding-top: 30px;
		}

			.mainbanner-block .homebanner-list .text {
				padding: 0 0 35px
			}

				.mainbanner-block .homebanner-list .text h1 {
					font-size: 40px;
				}

		.ourchallenges-wrapper .titlecontent h2 figure {
			display: none
		}

		.ourchallenges-wrapper .titlecontent h2 {
			display: block;
			text-align: center
		}

		.ourchallenges-wrapper .titlecontent p {
			text-align: center;
			max-width: 100%;
		}

		.titlecontent h1, .titlecontent h2 {
			font-size: 30px;
			line-height: 35px;
		}

		.ourchallenges-wrapper {
			padding: 40px 0
		}

			.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-arrow {
				width: 37px;
				height: 37px;
				top: -42px;
				background-size: 35px !important;
			}

			.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block .ourchallenges-main .slick-prev {
				right: 70px;
			}

		.rewards-block {
			padding: 10px 0 30px;
		}

		.titlecontent p {
			padding-top: 15px
		}

		.rewards-content {
			padding: 0;
		}

			.rewards-content .rewards-box {
				width: 100%;
				margin-top: 25px;
				padding: 25px !important
			}

		.activities-block {
			padding: 35px 0 20px;
		}

			.activities-block .titlecontent h2, .activities-block .titlecontent p {
				text-align: center
			}

		.inner-wrapper h1 {
			font-size: 30px;
			text-align: center
		}

		.select-section {
			margin-right: 40px;
		}

		.languvage {
			width: 110px;
		}

		.user-login {
			margin-right: 0px;
			padding-right: 28px;
			position: relative;
			top: -4px;
		}

		.about-content p {
			text-align: center
		}

		.about-content figure {
			text-align: center;
			padding: 10px 25px 0
		}

		.user-login img {
			width: 33px;
			height: 33px;
		}

		.rewards-container {
			margin-top: -20px;
		}

			.rewards-container .rewards-box {
				-ms-flex: 0 0 33.333333%;
				flex: 0 0 33.333333%;
				max-width: 33.333333%;
			}

				.rewards-container .rewards-box img {
					width: 125px
				}

			.rewards-container .rewards-text p {
				text-align: center
			}

		.howitworks-container {
			background-size: 850px;
			min-height: 410px
		}

		.howitworks-content .howitworks-text {
			width: 37%
		}

		.howitworks-content .howitworks-boxleft1 {
			top: 75px;
		}

		.howitworks-content .howitworks-boxleft2 {
			top: 148px;
		}

		.howitworks-content .howitworks-boxleft3 {
			top: 240px;
		}

		.howitworks-content .howitworks-boxleft4 {
			top: 343px;
		}

		.howitworks-content .howitworks-boxright1 {
			top: 20px;
		}

		.howitworks-content .howitworks-boxright2 {
			top: 111px;
		}

		.howitworks-content .howitworks-boxright3 {
			top: 206px;
		}

		.howitworks-content .howitworks-boxright4 {
			top: 302px;
		}

		.howitworks-bottom-text p {
			padding-top: 15px;
		}

		.challenges-container .challenges-box {
			-ms-flex: 0 0 45%;
			flex: 0 0 45%;
			max-width: 45%;
		}

			.challenges-container .challenges-box figure .text .time {
				margin-top: 25px;
			}

		.user-login {
			font-size: 0px;
		}

			.user-login:before {
				right: 0px;
			}

		.innovation-feeds-growth div#animation_container canvas {
			width: 100% !important;
			height: auto !important;
			background-color: transparent !important;
			bottom: 0;
			position: static !important;
		}

		.innovation-feeds-growth div#animation_container {
			width: auto !important;
			height: auto !important;
			background-color: transparent !important;
		}

		.activities-content ul li {
			padding: 10px 5px;
		}

			.activities-content ul li figure img {
				top: 0px;
			}

			.activities-content ul li .content {
				padding-left: 10px;
			}

			.activities-content ul li .content {
				margin-left: 0px;
			}

		.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul li figure {
			margin: 0 auto;
			display: block;
			top: 0px;
		}

		ul.slick-dots {
			bottom: -50px !important;
		}

		.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul li .titlecontent {
			visibility: visible;
			position: static !important;
			padding-bottom: 30px;
			width: 100% !important;
		}

		.clienttestimonials-wrapper .titlecontent p span.left {
			display: none !important;
		}

		.clienttestimonials-wrapper .titlecontent p span.right {
			display: none !important;
		}

		.howitworks-content .howitworks-text:nth-child(7) {
			padding-bottom: 0px;
		}

		.howitworks-content .howitworks-text:nth-child(6) {
			padding-bottom: 0px;
		}

		.howitworks-content .howitworks-text:nth-child(2) {
			padding-bottom: 0px;
		}

		.howitworks-content .howitworks-text:nth-child(1) {
			padding-bottom: 0px;
		}

		.gallery-container .gallery-tabs .nav-tabs li {
			margin: 0 7px 10px 00;
		}

		.contact-btn p {
			width: auto;
			text-align: center;
		}

		section.activities-content:last-child {
			padding: 10px 0px !important;
		}

		.activities-content ul li:nth-child(7) {
			padding: 10px 0px !important;
		}

		.activities-content ul li:nth-child(8) {
			padding: 10px 0px !important;
		}

		.rewards-box.rewards-box3 {
			padding-top: 15px !important;
		}

		.rewards-box.rewards-box1 {
			padding-top: 15px !important;
		}

		.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul li .text p {
			padding: 0px 0px 0px 0px;
		}
	}

	@media (max-width: 639px) {
		/*.select-section {position:absolute; top:5px; right:15px; margin:0}*/
		.user-login span {
			width: 33px
		}

		header {
			padding: 15px 0
		}

			header .header {
				padding-top: 35px;
			}

		.languvage .dropdown-toggle {
			padding: 5px 10px
		}

		header .header figure.logo {
			width: 170px
		}

		.wrapper {
			padding-top: 100px;
		}

		.responsive-menu {
			top: 60px;
			z-index: 0
		}

			.responsive-menu.show {
				z-index: 1003;
				top: 20px;
			}

		.mainbanner-block .homebanner-list .text h1 {
			font-size: 36px;
			line-height: 40px;
		}

		.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul li figure {
			width: 90px;
			top: 0
		}

		.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul li .text {
			padding: 25px 0 0 15px;
		}

		.activities-content ul li .content {
			width: 240px;
			margin-left: 15px;
		}

		.successstoriesvideo .modal-dialog {
			padding: 0;
		}

		.howitworks-container {
			background: none;
			min-height: inherit
		}

		.howitworks-content .howitworks-text {
			position: relative;
			left: 0;
			top: 0;
			width: 100%;
			display: table;
			padding: 0 75px 20px;
		}

			.howitworks-content .howitworks-text p {
				width: 75%;
				display: table-cell;
				padding: 0 10px;
				vertical-align: middle;
			}

			.howitworks-content .howitworks-text span {
				width: 25%;
				display: table-cell;
				vertical-align: middle;
			}

		.howitworks-bottom-text p {
			padding-top: 0;
		}

		.clienttestimonials-wrapper .clienttestimonials-content .clienttestimonials-block ul .slick-dots {
			bottom: -45px
		}

		.breadcrumb-main .breadcrumb > li {
			padding: 0 26px 0 0
		}

		.breadcrumb-main .breadcrumb li + li:before {
			left: -25px
		}

		.activities-content ul li {
			padding: 10px 0px;
		}

			.activities-content ul li figure img {
				top: 0px;
			}

			.activities-content ul li .content {
				padding-left: 10px;
			}

			.activities-content ul li .content {
				margin-left: 0px;
			}

		.ourchallenges-wrapper .ourchallenges-content .ourchallenges-block {
			margin: 0;
			padding: 60px 0 0;
		}
	}

	@media (max-width: 567px) {
		.contact-btn {
			text-align: center
		}

			.contact-btn p {
				padding: 0 0 15px;
				float: none
			}

			.contact-btn a {
				float: none
			}

		.challenges-container .challenges-box {
			-ms-flex: 0 0 92%;
			flex: 0 0 92%;
			max-width: 92%;
		}

			.challenges-container .challenges-box figure .text .time {
				margin-top: 25px;
			}
	}

	@media (max-width: 479px) {
		.fooder-bottom p br {
			display: inline-block
		}

		.rewards-container .rewards-box h2 {
			font-size: 14px;
			padding-bottom: 0
		}

		.gallery-container .gallery-box {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}

		.howitworks-content .howitworks-text {
			padding: 0 15px 20px
		}

		.vote-comments-popup {
			right: 0 !important;
		}
	}

	@media (max-width: 374px) {
		.activities-content ul li .content {
			width: 226px;
			margin-left: 0;
		}
	}
	/* Smartphones (iphone6+ - Landscape) ----------- */
	@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
		.contact-btn p {
			width: 70%;
			text-align: right;
		}
	}
	/* Smartphones (iphone6 - Landscape) ----------- */
	@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
		.contact-btn p {
			width: 70%;
			text-align: right;
		}
	}
	/* Smartphones (Samsung - Landscape) ----------- */
	@media only screen and (min-width : 421px) and (max-width : 640px) and (orientation : landscape) {
		.contact-btn p {
			width: 68%;
			text-align: right;
		}
	
		
	}
	/* iphone5 (landscape) ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

		.contact-btn p {
			width: 70%;
			text-align: right;
		}
	}
	/*Responsive*/
	@media (max-width: 1280px) {
		.menu li > a {
			padding: 10px 15px;
			font-size: 15px;
		}

		figure.leftimg-hub img {
			width: 80%;
		}
	}

	@media (max-width: 767px) {
		.text-aria.innovation-text-aria {
			padding-top: 0;
			padding-bottom: 0;
		}

		.innovationhub-left {
			padding-left: 15px;
			padding-bottom: 40px;
		}

		.hackathon-img {
			width: 100%;
			float: none;
		}

		figure.leftimg-hub {
			display: none;
		}

		.col-md-6.play-video {
			padding: 0;
		}

		body.new-account.login section.inner-wrapper.contact-wrap {
			padding-bottom: 160px;
		}

		body.new-account .contact-btn {
			text-align: center;
		}

			body.new-account .contact-btn a {
				float: none;
				margin-top: 20px;
			}

		.reset-text {
			text-align: center;
		}

		body.new-account.login section.inner-wrapper.contact-wrap {
			padding-bottom: 160px;
		}

		h1.account-titl-page span {
			font-size: 32px;
		}
	}

	@media (min-width: 768px) and (max-width: 960px) {
		.innovationhub-left {
			padding-left: 15px;
			text-align: center;
			padding-bottom: 40px;
		}

		.innovationhub-wrapper h2, .innovationhub-wrapper p, .innovationhub-wrapper {
			text-align: center;
			max-width: 100%;
		}

		figure.leftimg-hub {
			display: none;
		}

		.hackathon-img {
			max-width: 100%;
			float: none;
		}

		.text-aria.innovation-text-aria {
			padding-top: 0;
			padding-bottom: 0;
		}

		body.new-account.login section.inner-wrapper.contact-wrap {
			padding-bottom: 160px;
		}

		body.new-account.login section.inner-wrapper.contact-wrap {
			padding-bottom: 160px;
		}
	}

	@media (max-width: 1024px) {
		.innovationhub-left {
			padding-left: 15px;
		}

		figure.leftimg-hub {
			display: none;
		}
	}

	@media (max-width: 1365px) {
		a.login-link {
			padding: 0;
		}
	}
}

	/*Mobile*/
@media only screen and (max-width:767px) {
	/*Innovation hub*/
	.contact-sign-in p {
		white-space: normal;
	}

	.mainbanner-block .homebanner-list, .events-shadow .homebanner-list {
		flex-direction: column;
		gap: 50px;
		padding-top: 25px !important;
		padding: 0 15px;
	}

	.mainbanner-block .mob-list {
		flex-direction: column-reverse;
	}

	.innov-bg {
		background-color: #fff;
	}

	.mainbanner-block figure {
		width: 100%;
	}

	.mainbanner-block .homebanner-list .text h1, .titlecontent h1, .titlecontent h2 {
		font: 16px / 25px 'Montserrat';
		text-align: center;
		font-weight: bold;
	}

	.mainbanner-block .homebanner-list .text {
		padding: 0;
		max-width: 100%;
	}

	.innovationhub-wrapper p {
		max-width: 100%;
	}

	.mainbanner-block .homebanner-list .text p {
		text-align: justify;
	}

	.innov-right img {
		width: 300px;
	}

	.innov-bg-content {
		background: transparent;
		box-shadow: none;
		flex-direction: column-reverse;
		gap: 50px;
		padding: 0;
	}

	.mainbanner-block figure {
		width: 100%;
		text-align: center;
	}

	.homebanner-list .innov-left, .homebanner-list .innov-right {
		width: 100% !important;
		text-align: center;
	}

	.innovationhub-wrapper {
		padding: 0px 15px;
	}

	.titlecontent {
		padding-top: 0;
	}

	.latest::before, .latest::after {
		display: none;
	}

	.mainbanner-block .homebanner-list .text .text-content .text-aria {
		max-width: 100%;
	}

	.videoInsert {
		width: 100% !important;
	}

	.rewards-block.events-innovation {
		padding: 0;
		background-color: transparent !important;
		box-shadow: none !important;
	}

	section.events-shadow p {
		text-align: justify;
		font-size: 14px;
	}

	.innov-right img {
		width: 100%;
	}

	.play-video .img-txt {
		left: 4%;
	}

		.play-video .img-txt h5 {
			font-size: 14px;
		}

		.play-video .img-txt span {
			font-size: 12px;
		}

	figure.play-img {
		top: 22%;
		left: 42%;
	}

	.wrapper {
		background: #fff;
	}

	/*form*/
	.contact-bg {
		padding: 15px;
	}

	.flex-dob label {
		padding-right: 0 !important;
	}

	.flex-dob div:nth-child(1) {
		width: 25% !important;
	}

	.flex-dob div:nth-child(3) {
		width: 30% !important;
	}

	section.contact-form.contact-wrap-form {
		padding: 10px !important;
	}

	.contact-sign-in h6 {
		font-size: 14px;
	}

	.inner-wrapper {
		padding-top: 0px !important;
	}

	.gallery-container .gallery-tabs .nav-tabs li {
		padding: 5px 10px;
	}

	ul.user-idea-activity-popup span:last-child {
		font-size: 11px;
	}

	.popuptable-vote.user-idea-table.user-comment-popup {
		height: 420px;
		overflow: auto;
	}
	/*submit your ideas*/
	.innovation-head-img {
		width: 100%;
		height: 100%;
	}

	.innovation-header-wrap {
		flex-direction: column;
	}

	.submit-btn-list {
		padding-bottom: 0px;
	}

		.submit-btn-list p {
			display: block !important;
			font-size: 13px;
			font-weight: bold;
			margin: 0;
		}

	.innovation-action-wrap, .container {
		padding: 0px !important;
	}

	.innovation-country-wrap {
		flex-direction: column;
		gap: 15px;
	}

	.innovation-heading-wrap {
		justify-content: center;
	}

	.proposed-idea-layout .b-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	.innovate-tile-content {
		font-size: 14px;
	}

	.submit-your-idea-section-popup .choose-innovation-box.choose-innovation-box-one h3 {
		font: 16px / 30px 'Montserrat';
	}

	.submit-your-idea-section-popup .choose-innovation-box.choose-innovation-box-one p {
		font: 14px / 20px 'Montserrat';
	}

	.action-btn {
		justify-content: space-between;
		max-width: 100%;
		padding-top: 0px;
	}

		.action-btn .cancel-btn {
			width: 100%;
			padding: 15px 35px;
		}

		.action-btn .continue-btn {
			width: 100%;
			padding: 15px 20px;
			white-space: nowrap;
		}

	.submit-your-idea-section-popup-right-side section.contact-form.contact-wrap-form {
		padding: 0px !important;
	}
	/*.submit-your-idea-section-popup .contact-form .form-group {
			margin-bottom: 0;
		}*/
	.submit-your-idea-section-popup .contact-form .form-group .form-control, .contact-form .form-group .btn-light {
		font-size: 14px;
	}

	.file-tye-title h3 {
		font: 14px / 20px 'Montserrat';
	}

	.multifile_container .dropdown.bootstrap-select {
		width: 40px !important;
		background-color: transparent;
		top: -10px;
	}

	.uploaded_image .dropdown-toggle::after {
		top: 27px;
	}

	.submit-your-idea-section-popup .form-group.input-material.upload-fields input:before {
		font: 14px / 20px 'Montserrat';
		padding-top: 11px;
		padding-left: 15px;
		padding-bottom: 10px;
	}

	.multifile_container .uploaded_image a {
		font: 20px / 20px 'Montserrat' !important;
	}

	.submit-your-idea-section-popup .form-group.input-material.upload-fields input {
		height: 45px;
	}

	.multifile_container .uploaded_image {
		font: 14px / 20px 'Montserrat';
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.all-details-tab-popup {
		padding: 10px 0;
	}

	.idea-group {
		padding-bottom: 10px;
	}

	.all-details-tab-popup table td {
		padding-bottom: 15px;
	}

	.text-danger {
		font-size: 13px;
	}

	section.contact-form.idea-form-mxW .table-width .idea-group .floating-label-review {
		font-size: 12px;
	}

	section.thank-you-section .thank-you-tab .thank-you-content p {
		font-size: 14px;
	}

	section.thank-you-section .thank-you-tab .thank-you-content img {
		width: 80px;
		height: 80px;
	}

	section.thank-you-section .thank-you-tab .thank-you-content h2 {
		font-size: 30px;
	}

	.country-wrap, .innovation-wrap {
		box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
	}

	.inner-wrapper h1 {
		font-size: 18px;
		margin: 0 0 10px;
	}

	/*Challenges*/
	.challenges-container .challenges-box {
		max-width: 90%;
		margin: 0 15px;
		-ms-flex: 0 0 90%;
		flex: 0 0 90%;
	}

	.challenges-block p {
		padding: 5px 15px 10px;
	}

	.padd {
		padding: 0 15px;
	}

	.card-body {
		padding: 10px;
	}

		.card-body .col-md-3, .card-body .col-sm-3 {
			padding-right: 8px;
			padding-left: 7px;
		}

		.card-body .pull-right {
			float: inline-end;
		}

	.un-authorized h1 {
		font-size: 18px;
	}

	.un-authorized {
		padding: 10px;
	}
	.oic-activities table tbody tr td h3 {
		font-size: 14px;
		max-width: 120px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.oic-activities table tbody tr td.oic-activity-col-td span {
		font-size: 12px;
	}
	.popup-content .close {
		width: 30px;
		height: 30px;
	}
	}