@media(max-width:1140px){
	.container{
		width: 100%;
		padding: 0 25px;
	}
	header{
		padding: 25px 0;
	}
	header.fixed{
		padding: 15px 0;
		background: rgba(18,10,137,1);
	}
	header a.logo{
		margin-top: 5px;
	}
	header a.logo img{
		width: 190px; height: auto;
	}
	.menucontrols{
		display: block !important;
		float: right;
		margin: 0 0 0 0;
		position: relative;
		z-index: 12;
	}
	.menucontrols a{
		float: left;
		width: 36px; height: 36px; line-height: 36px;
		text-align:center;
		color:#fff;
		font-size:30px;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.menucontrols a:hover{
	}
	nav{
		display: none;
		position: fixed;
		width: 100%; height: 100%;
		background: rgba(0,0,0,0.9);
		z-index: 10;
		left: 0; top: 0;
		padding:150px 60px;
		overflow-y: scroll;
	}
	nav ul{
		float: none;
		display: table;
		width: 220px;
		margin: 0 auto;
	}
	nav ul li{
		float: left;
		width: 100%;
		margin:15px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	nav ul li a{
		font-weight: 300;
		padding:10px 22px;
		border-radius:30px;
	}
	nav li.active a,
	nav li a:hover{
		background: #1c1288;
	}



	.banner{
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.banner:before{
		height: 21%;
	}
	.banner h2{
		font-size: 36px;
		padding:0 50px;
		margin-bottom: 40px;
	}
	.phonebox{
		width: 260px;
		padding: 12px;
		border-radius:31px;
		-webkit-border-radius:31px;
	}
	.phonebox .screenarea{
		border-radius:21px; -webkit-border-radius:21px;
	}
	.phonebox .camerabox{
		width: 30%;
		height: 26px;
		top: 24px; 
	}
	.phonebox .timebox{
		font-size: 40px;
	}
	.phonebox .circlebtn{
		width: 50px; height: 50px;
		left: 0; right: 0; bottom: 45px;

	}



	.about{
		padding: 0 50px;
	}
	.donate{
		padding: 50px 0;
	}
	.appbtns{
		padding-top: 45px;
	}
	.appbtns a{
		width: 200px; height: 70px;
		padding-left: 30px;
		padding-top: 8px;
	}
	.appbtns a:hover{
	}
	.appbtns a img{
		width: 36px;
		height: auto;
		left: 10px; top: 17px;
	}
	.appbtns a span.smtext{
		font-size: 10px;
	}
	.appbtns a span.lgtext{
		font-size: 21px;
	}



	.features{
		padding-top: 70px; padding-bottom: 45px;
	}
	.features .itemswrap .item{
		flex-basis: 32%;
		padding: 30px 20px;
		margin-bottom: 18px;
	}
	.features .itemswrap .item span{
		font-size: 25px;
		margin-bottom: 20px;
	}
	.features .itemswrap .item h3{
		font-size: 16px;
		margin: 0 0 20px 0;
	}
	.features .itemswrap .item p{
		font-size: 13px;
		padding: 0 10px;
	}



	.reviews h3{
		font-size: 30px;
		margin: 0 0 25px 0;
	}
	.tslider .itemwrap{
		padding: 20px 80px;
	}
	.tslider.quote .itemcontent:before{
		right: 20px;
		bottom: 10px;
		width: 90px; height: 90px;
	}
	.tslider .itemcontent .visual .image{
		width: 80px;
		height: 80px;
	}
	.tslider.alignleft .itemcontent .text{
		padding-left: 40px;
	}
	.tslider .itemcontent .text p{
		font-size:15px;
		line-height: 130%;
	}
	.tslider_buttons a{
		width: 40px; height: 40px;
		font-size:12px;
	}




	.support{
		padding: 40px 40px;
		margin-top: 40px;
	}
	.support h3{
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	.support p{
		font-size: 15px;
	}


	footer{
		padding:40px 0;
	}
}






@media(max-width:640px){
	.features .itemswrap .item{
		flex-basis: 48%;
	}
}




@media(max-width:520px){
	.banner h2{
		font-size: 27px;
		padding:0 0;
		margin-bottom: 40px;
	}
	.phonebox{
		width: 200px;
		padding: 10px;
		border-radius:31px;
		-webkit-border-radius:31px;
	}
	.phonebox .screenarea{
		border-radius:21px; -webkit-border-radius:21px;
	}
	.phonebox .camerabox{
		width: 30%;
		height: 26px;
		top: 15px; 
	}
	.phonebox .timebox{
		font-size: 36px;
	}
	.phonebox .circlebtn{
		width: 40px; height: 40px;
		left: 0; right: 0; bottom: 35px;

	}


	.about{
		padding: 0 0;
	}
	.about p{
		font-size: 15px;
	}
	.appbtns{
		width: 200px;
	}
	.appbtns a{
		margin: 5px 0;
	}



	.features .itemswrap .item{
		padding: 30px 15px;
	}
	.features .itemswrap .item span{
		font-size: 21px;
	}
	.features .itemswrap .item h3{
		font-size: 16px;
		margin: 0 0 20px 0;
	}
	.features .itemswrap .item p{
		font-size: 11px;
		padding: 0 0;
	}



	form.dtcenter{
		width: 100%;
		margin-top: 50px;
	}


	footer .copyright{
		float:left;
		width: 100%;
		text-align: left;
		font-size: 15px;
		margin-bottom: 20px;
	}
	footer .socialmedia{
		float:left;
	}
}