/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	.merchantSlider{
		flex-wrap: wrap;
	}
	.merchantSlider .merchantBox{
		width: 100%;
		margin: 5px 0;
	}
	.merchant-content.all-merchant .merchantBox{
	width: 100%;
	margin: 4%;
}
}

/* Smartphones (portrait) ----------- */
@media (min-width : 320px) {
	.loginRegister{
		max-width: 360px;
	}


}
/** Small devices (landscape phones, 576px and up)**/
@media (min-width: 576px) {
	.contentLoginRegister {
		height: 80vh;
		padding-top: 0;
	}
	.container{
		max-width: 580px;
	}

	.btnSmedia{
		font-size: 12px;
	}
	.navbar-collapse {
		width: 50%;
	}
	.bannerImage img{
		width: 100%;
		right: 0;
	}
	.or-sep{
		margin: 0;
	}	
	.or-sep span::before{
		content: "";
		height: 100px;
		width: 1px;
		background: #D8D8D8;
		position: absolute;
		bottom: 20px;
		left: 50%;
	}
	.or-sep span::after{
		content: "";
		height: 100px;
		width: 1px;
		background: #D8D8D8;
		position: absolute;
		top: 20px;
		left: 50%;
	}
	


}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.dashBoard .logo {
		text-align: center;
	}

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/** Medium devices (tablets, 768px and up)**/
@media (min-width: 768px) {
	header{
		padding: 10px 0;
	}
	header.dashBoard{
		padding: 0;
	}
	footer{
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
	}
	#dashboardContent, #singleContent, #profileContent{
		padding-top: 75px;
		padding-bottom: 100px;
		min-height: 95vh;
	}
	#pills-tab{
		display: flex;
		justify-content: center;
		overflow: hidden;
		white-space: nowrap;
	}
	.walletAccount {
		font-size: 24px;
	}
	.walletTitle{
		font-size: 20px;
	}
	.walletsubTitle {
		font-size: 12px;
	}
	.walletPoints {
		font-size: 60px;
	}
	.walletUSD {
		font-size: 20px;
	}
	.walletBtn{
		font-size: 16px;
		height: 50px;
		line-height: 50px;
		width: 120px;
	}
	.myWalletSection{
		padding: 30px 40px;
	}
	.walletAccount{
		width: 160px;
	}
	.featuredNews .newsBox img{
		max-width: 115px;
		max-height: 90px;
		object-fit: cover;
	}
	.newsBox img {
		max-width: 180px;
		height: 140px;
		object-fit: cover;
	}
	.featuredNews .newsBox p{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.newsBox p{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.section1 .sectionTitle, .section2 .col-md-5 .sectionTitle{
		margin-top: 0;
	}
	.section2{
	flex-direction: row
}
	.sectionTitle h2{
		font-size: 18px;
	}

	.container{
		max-width: 700px;
	}
	.loginRegister p{
		font-size: 13px;
	}
	.btnSmedia {
		font-size: 16px;
	}

	.navBottom .nav-item{
		padding: 0 20px;
	}
	.bannerText{
		text-align: left;
		margin-bottom: 0;
	}
	#bannerContent .container{
		font-size: 16px;
	}
	.navbar-light .navbar-nav .nav-item .nav-link{
		height: 40px;
		line-height: 38px;
		padding: 0 30px;
		margin: 0 5px;
	}
	.loginRegister img{
		max-width: 225px;
		margin-bottom: 50px;
	}
	.news-Single .featuredImage{
		max-height: 300px;
	}
	.box-merchantName, .box-details{
		flex-direction: row;
	}
	.box-merchantName div, .box-details div{
		margin-bottom: 0;
	}	
	.nav-item1 .nav-link{
		padding: 0 20px;
	}
}

/** Large devices (desktops, 992px and up)**/
@media (min-width: 992px) {
	h1{font-size: 48px;}
	h2{font-size: 20px;}
	h3{font-size: 16px;}.
	.nav-item1 .nav-link{
		font-size: 16px;
	}
	.section1, .section2, .section3{
		margin-bottom: 50px;
	}
	.btn{font-size: 16px;} 
	.logo {
		text-align: left;
	}
	.mobile-nav{
		flex-direction: row;
	}
	.nav .nav-item{
		border-bottom: 0;
		padding: 0 20px;
	}
	.nav .nav-item a{
		padding: 25px 0;
	}
	.nav .nav-item.active{
		border-bottom: 4px solid #1A73E8;
		border-left: 0;
	}
	.nav .nav-item .nav-link{
		border-bottom: 0;
	}
	.nav .nav-item:first-child .nav-link{
		border-top: 0;
	}
	.navbar{
		padding: 0;
	}
	.right-menu{
		margin-bottom: 4px;
	}
	#dashboardContent, #singleContent{
		padding: 95px 0 50px;
	}
	.dashBoard .logo {
		text-align: left;
	}
	.container{
		max-width: 880px;
	}
	.container.loginRegister {
		max-width: 780px;
	}
	.logo .navbar-brand img {
		max-width: 100%;
	}
	.bannerTitle{
		font-size: 60px;
	}
		.readMore{
		display: block;
	}
	.collapse:not(.show) .navbar-nav {
		height: auto;
		justify-content: flex-end;
	}
	.navbar-collapse{
		position: unset;
		background: none;
		padding: 0;
		border-right: 0;
		justify-content: center;
	}
	.navbar-expand-lg .navbar-nav .nav-item{
		padding:0;
		min-width: auto;
		border: none;
	}
	.navBottom{
		justify-content: flex-start;
	}
	.language{
		text-align: right;
	}
	.merchantBox{
		padding: 30px;
	}
	footer img{
		margin: 0;
		max-width: 75%;
	}
		
	#bannerContent{
		padding: 50px 0;
	}
	#bannerContent .container{
		display: flex;
		align-items: center;
		font-size: 16px;
	}

	#featuresContent .card{
		border: none;
	}
	#featuresContent .card-img-top{
		max-width: 92px;
		margin: auto;
	}
	.bannerBtn{
		height: 50px;
		line-height: 50px;
		padding: 0 30px;
		font-size: 16px;
	}
	.btnBlue{
		background: #1E75E8;
		color: #fff !important;
		margin-right: 0;
	}
	
	.accordion .item .item-header h2 button{
		font-size: 20px;
	}
	.t-p{
		font-size: 16px;
		line-height: 24px;
	}
	.news-Single .featuredImage{
		max-height: 380px;
	}
	.card-featured .card-img {
		height: 400px;
	}
	.transact1-details {
		padding: 40px 60px;
	}
	.transact-details-list{
		width: 60%;
	}
	#startDate{
		border-radius: 25px 0 0 25px ;
		border: 0;
		box-shadow: 0 0 1px #0000000f;
	}
	#endDate{
		border-radius: 0 25px 25px 0;
		border: 0;
		box-shadow: 0 0 1px #0000000f;
	}
	.merchantSlider .merchantBox{
		width: 225px;
	}
}

/** X-Large devices (large desktops, 1200px and up)**/
@media (min-width: 1200px) {
	.container{
		max-width: 1180px;
	}
	.bannerTitle{
		font-size: 70px;
	}
		#dashboardContent, #singleContent{
		padding-top: 105px;
	}
	.transact-details-list{
		width: 50%;
	}
	.transactionHistory li span.amountPlus span, .transactionHistory li span.amountMinus span{
		display: inline-block;
	}
	.nav-item1 .nav-link{
		padding: 0 40px;
	}
	.merchantSlider .merchantBox{
		width: 205px;
	}
	.merchantSlider .merchantBox:last-child{
		display: block;
	}
	.merchant-content.all-merchant .merchantBox {
		width: 18%;
		margin: 1%;
	}
}

/** XX-Large devices (larger desktops, 1400px and up)**/
@media (min-width: 1400px) {
	.transact-details-list{
		width: 40%;
	}
}