@media (max-width: 1400px){

.app-download-left {
  top: 20px;
}

}


@media (max-width: 1199px){
	.footer-buttons a{
		font-size: 16px;
	}

	.app-mobile-detail {
		font-size: 28px;
		line-height: 34px;
	}

	.explore-icons ul li a {
	    width: 55px;
	    height: 55px;
	    line-height: 50px;
	}
	.explore-icons ul li a img {
	    width: 30px;
	}
	.explore-icons ul li a img.arrow-hover {
	    width: auto;
	}
	.explore-icons ul li a img.arrow-hover{
		left: 20px;
	}
	.explore-icons ul li{
		margin-bottom: 10px;
	}
	.navbar-toggle{
		display: block;
		padding: 9px 0;
	}
	.header nav ul li{
		float: none;
		border:none;
		padding: 8px 0;
		border-bottom: 1px solid #fff;
	}
	.header #menus {
		display: none;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 18px;
		z-index: 9;
		background-color: rgba(0,0,0,0.9);
	}
	.header nav{
		float: none;
		position: absolute;
		width: 100%;
	}
	.collapse.in{
		display: block !important;
	}
	.menu-button .fa{
		font-size: 26px;
		color: #ff8000
	}
	.header .col-sm-3{
		z-index: 9;
	}
	.bottom-arrow-title img{
		left: 48%;
	}
	.app-mobile-detail{
		font-size: 26px;
	}
	.app-mobile-detail{
		padding-top: 0px;
	}
}

@media (min-width: 991px) and (max-width: 1199px){
	.featured-tab-block {
	    width: 33.33333333%;
	}
	.featured-img img{
		width: 100%;
	}
	.featured-img-icon img{
		width: auto;
	}
	.app-download-left .col-sm-4.app-mobile-detail {
		width: 44.333%;
	}
}
@media (min-width: 768px) and (max-width: 1199px){
	.header .col-sm-9{
		padding: 0;
		width: 100%;
		position: absolute;
		left: 0;
	}
	.footer-subscribe{
		width: 45%;
		margin-top: 15px;
	}
}
@media (min-width: 768px){
	.donate-drop{
		margin-bottom: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.footer-rights .col-md-7{
		width: 40%;
	}
	.footer-rights .col-md-5{
		width: 60%;
	}
	.footer-menu{
		width: 25%;
		min-height: 211px;
	}
	.main-banner h1{
		font-size: 32px;
		top: 35%;
	}
}
@media (min-width: 992px){
	.donate-inner .container{
		width: 904px;
	}
}
@media (max-width: 991px){
	.file-img img{
		width: auto !important;
		height: auto !important;
	}
	.challenge-list li{
		padding: 0 6px;
	}
	.challenge-list li img{
		width: 70%
	}
	.fundraiser-block .challenge-list li img{
		width: auto;
	}
	.small-banner h1{
		top:50% !important;
	}

	.help-ghana,
	.help-together {
	  height: calc(100vh - 50vh);
	  background-position: center center !important;
	}

	.app-download-left .col-sm-4 {
		width: 25%;
	}

	.app-download-left .col-sm-4.app-mobile-detail {
		width: 75%;
	}

	.app-mobile-detail{
		font-size: 26px;
	}

	.app-mobile-detail p {
		margin: 0 0 17px 0;
		font-size: 18px;
		line-height: 1.2;
	}

	.app-mobile-detail a {
		font-size: 14px;
	}

	.app-mobile-detail img {
		max-width: 150px;
	}

	.app-mobile-detail a {
		margin-left: 0;
	}

	.help-ghana-txt .start-button {
	    margin: 15px auto 0 auto;
	}
	.featured-tab-block img{
		width:100%;
	}
	.fundraiser-overlay img{
		max-width: 100%;
		width: auto;
	}
	.featured-img-icon img{
		width: auto
	}
}
@media (max-width: 1024px){
	.challenge-list li img {
	    width: auto !important;
	    max-width: 100%;
	    margin: auto;
	}
	.fixed-social-icons a, .fixed-social-icons a:link{
		font-size: 22px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	.fixed-social-icons{
		width: 45px;
	}
}
@media (max-width: 991px){
	.owl-carousel{
		margin-top: 50px;
	}
	.donate-title h1, .donate-title h2{
		margin: 0;
	}
	.fixed-social-icons a, .fixed-social-icons a:link{
		font-size: 16px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.fixed-social-icons{
		width: 30px;
		left: auto;
		right: 0;
	}
	.app-mobile-detail a.take-tour, 
	.app-mobile-detail a.take-tour:link {
	  font-size: 14px;
	  padding: 7px 15px;
	}

	.start-button {
		font-size: 14px;
	}

	.involved-contents p {
		font-size: 14px;
		line-height: 20px;
	}

	.partners-block {
		padding: 30px 0 20px 0;
	}

	.partners-block li{
		padding: 15px;
	}

	.app-download{
		height: auto
	}
	.app-mobile-detail{
		font-size: 20px;
	}
	.app-mobile-detail{
		padding-top: 35px;
	}
}
@media (max-width: 767px){
	.get-involved .start-button{
		font-size: 14px;
	}
	.icon-txt{
		bottom: 0;
		padding: 0 15px
	}
	.explore-icons ul{
		padding-bottom: 125px;
	}
	.next-btn .back-btn{
		width: 100px !important;
	}
	.txt-area,.i-want-bottom,.i-want{
		max-width: 100%;
	}
	.shop-main-block{
		padding-top: 40px;
	}
	.fundraiser3 .invite-form .myinput-placeholder{
		font-size: 12px;
	}
	.dates-block .input-group{
		width: 100%;
	}
	.dates-block .date-and p{
		margin: 0;
	}
	.donate-title h1, .donate-title h2{
		font-size: 18px;
	}
	.donate-drop > .dropdown-menu{
		width: 100%;
	}
	.want-input-block{
		width: 100%;
		margin-top: 15px;
	}
	.i-want .aed,.want-dropdown{
		width: 100%;
		margin: 10px 0;
	}
	.challenge-list li{
		display: block;
		margin-bottom: 25px;
		padding-bottom: 15px;
		border:none;
		border-bottom: 2px solid #e4e4e4;
	}
	.fundraiser-block .challenge-list li{
		width: 100%;
		margin: 0;
	}
	.next-btn .start-button{
		width: 150px;
	}
	.challenge-list li img{
		width: auto;
		max-width: 100%;
	}
	.donate-inner .footer-subscribe{
		width: 80%;
	}
	.start-button.orange-bodr-btn, .orange-bodr-btn{
		margin-bottom: 3px;
		width: 100%;
	}
	.footer-subscribe{
		width: 47%;
	}
	.footer-menu.footer-social-media {
		min-height: inherit;
	}

	.app-download > img {
	    display: none;
	}

	.app-download {
	    height: auto;
	    background: #000;
	}

	.app-download-left {
		position: static;
		padding: 20px 0 20px 0;
	}

	.header{
		position: static;
		background: rgba(0,0,0,1);
	}
	.header nav ul li{
		float: none;
		border:none;
		padding: 8px 0;
		border-bottom: 1px solid #fff;
	}
	.header #menus {
		display: none;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 18px;
		z-index: 9;
		background-color: rgba(0,0,0,0.9);
	}
	.header nav{
		float: none;
		position: absolute;
		width: 100%;
	}
	.collapse.in{
		display: block !important;
	}
	.menu-button .fa{
		font-size: 26px;
		color: #ff8000
	}
	.header .col-sm-3{
		z-index: 9;
	}
	.header .col-sm-9{
		padding: 0
	}
	.logo img{
		width: 150px;
	}
	.footer-bottom-contents img{
		max-width: 50%;
	}
	.footer-buttons a{
		font-size: 14px;
	}
	.footer-buttons img{
		width: 15px;
	}
	.bottom-arrow-title img{
		left: 45%;
	}
	.main-banner h1{
		top: 15%;
		font-size: 24px;
	}
	.app-mobile-detail{
		font-size: 22px;
	}
	.app-mobile-detail{
		padding-top: 0;
	}
	.fixed-social-icons{
		top:40%;
	}
	.start-button{
		font-size: 13px;
		width: 185px;
	}
	.shop-item{
		width: 100%;
	}
	.help-ghana-txt h3{
		font-size: 28px;
	}
	
	.carousel-caption p{
		width: 60%;
		font-size: 12px;
	}
	.carousel-caption textarea.form-control {
	    height: 110px;
	}
	.carousel-control{
		width:30px;
		height: 30px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	    margin-right: -10px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	    margin-left: -10px;
	}
	.twitt-slider,.carousel-inner > .item > img{
		height: 300px;
	}
	.footer-rights .text-right{
		text-align: center;
	}
	.footer-social-media ul li{
		float: left;
	}
	.footer-menu{
		width: 33%;
		min-height: 211px;
		margin-bottom: 15px;
	}
	.i-want{
		margin-top: 15px;
		padding: 0 15px;
	}
	.txt-area textarea,.check-box{
		width: 100%;
	}
	.want-dropdown .dropdown-menu{
		max-width: 100%;
		min-width: auto;
		width: 100%;
	}
}
@media (max-width: 640px){
	.giving-planer img{
		left: 100px;
	}
	.giving-planer a{
		font-size: 14px;
	}
	.giving-planer {
    	width: 290px;
    }
    
    .help-ghana-txt h3{
		font-size: 22px;
	}
	.footer-social-media{
		min-height: auto
	}
	.footer-subscribe{
		width: 100%;
	}
}
@media (max-width: 639px){
	.donate-drop {
	    float: none;
	    margin-bottom: 10px;
	    margin-right: 0;
	}
	.challenge-filter .donate-drop{
		float: none;
		margin-bottom: 10px;
	}
	.challenge-filter .start-button.dropdown-toggle{
		width: 100%;
	}
	.app-download-left .col-sm-4.app-mobile-detail {
		width: 75%;
	}	

	.footer-menu{
		width: 50%;
		min-height: 211px;
	}
}
@media (max-width: 600px){
	.featured-tab-block{
		width: 100%;
	}
}
@media (max-width: 480px){
	.involved-image, .involved-contents{
		width:100%;
	}
	.involved-contents{
		margin-top: 25px;
	}
}
@media (max-width: 480px){
	.shop-main-block ul li a{
		font-size: 13px;
	}
}

@media (max-width: 479px){
	.owl-carousel.owl-drag .owl-item{
		border: none;
	}
    .app-download-left .col-sm-4.app-mobile-detail,
    .app-download-left .col-sm-4 {
		width: 100%;
		float: left;
	}	

	.app-download-left .col-sm-4.app-mobile-detail {
		padding-top: 20px;
	}
	.footer-buttons a{
		width: 140px;
	}
	.web-ad .myinput-placeholder,.fund-aed .myinput-placeholder{
		top: 5px;
	}
}