/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1921px) {
	body::before {
		background-size: cover;
	}
}

@media (min-width: 768px) and (max-width: 1920px) {
	.container {
		max-width: 692px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.banner-main {
		padding: 0 110px;
	}
	.banner-bottom .social-media {
		padding: 55px 0 73px 0;
	}

	.content {
		background-position: 100% 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-main {
		padding: 0 50px;
	}
	.banner-bottom .social-media {
		padding: 55px 0 73px 0;
	}

	.content {
		background-position: 100% 100%;
	}
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
	.banner-bottom .bottom-link {
		color: #fcffff;
		text-align: left;
	}
	/* .banner-bottom {
		text-align: left !important;
	} */

	.banner-bottom__text br {
		display: none;
	}

	.banner-bottom .social-media {
		padding: 10px 0 25px 0 !important;
	}
	.app-links {
		padding-bottom: 25px;
	}
	.banner-top .main-title {
		padding: 84px 0 72px 0;
		line-height: 28px;
	}
	.main-title span {
		padding-top: 10px;
	}
	.banner-bottom .social-media {
		padding: 65px 0 88px 0;
	}

	.content {
		background-image: url('../images/mobile-background.png');
		background-position: 100%;
	}
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
	.banner-middle br {
		display: block;
	}
	.container {
		max-width: 685px;
	}
	.banner-bottom .social-media {
		padding: 65px 0 78px 0;
	}
}

@media (min-width: 240px) and (max-width: 575px) {
	.banner-bottom .social-media ul {
		flex-wrap: wrap;
	}
	.banner-top .main-title {
		font-size: 34px;
	}

	.banner-top .main-title {
		font-size: 20px;
		padding: 44px 0 52px 0;
	}
	.main-title span {
		padding-top: 0;
	}
	.banner-bottom .social-media {
		padding: 45px 0 38px 0;
	}
	.banner-bottom .social-media ul li a svg {
		width: 32px;
		height: 32px;
	}
	.content {
		padding: 47px 0 46px 0;
	}
}

/*height media query*/
@media screen and (max-height: 1199px) {
	.content {
		padding: 46px 0 46px 0;
	}
}

@media screen and (max-height: 1040px) {
	.banner-top .main-title {
		padding: 50px 0 38px 0;
	}
}

@media screen and (max-height: 980px) {
	.banner-bottom .social-media {
		padding: 55px 0 52px 0;
	}
	.content {
		padding: 46px 0 16px 0;
	}
	.banner-top .main-title {
		padding: 40px 0 28px 0;
	}
}