@media(max-width:1199px){
	.container{
		max-width: 960px;
	}
	.main-title{
		font-size: 35px;
	}
	.mobile-app-area{
		padding: 60px 0;
	}
	.featured-section{
		margin: 40px 0;
	}
}
@media(max-width:991px){
	.container{
		max-width: 720px;
	}
	.phoneContent{
		display: none;
	}
	.featured-bottom-sec {
		display: grid;
		grid-template-columns: repeat(3,3fr);
		grid-gap: 15px;
		margin-top: 50px;
	}
}
@media(max-width:767px){
	.container{
		max-width: 550px;
	}
	.featured-bottom-sec {
		display: grid;
		grid-template-columns: repeat(2,2fr);
		grid-gap: 15px;
		margin-top: 30px;
	}
	.main-title{
		font-size: 30px;
		line-height: 45px;
	}
}
@media(max-width:540px){
	.container{
		max-width: 500px;
	}
}
@media(max-width:500px){
	.container{
		max-width: 420px;
	}
	.main-title {
		font-size: 26px;
		line-height: 40px;
	}
	.featured-bottom-wrap{
		width: 200px;
		padding: 30px;
	}
	.featured-bottom-wrap h3{
		font-size: 18px;
		line-height: 26px;
	}
	.featured-top-sec h2{
		font-size: 30px;
	}
	.featured-top-sec p{
		font-size: 20px;
		line-height: 30px;
	}
}
@media(max-width:450px){
	.container{
		max-width: 380px;
	}
	.point-list li{
		width: 100%;
	}
	.featured-bottom-wrap h3{
		font-size: 17px;
		line-height: 22px;
	}
	.featured-bottom-wrap{
		width: 180px;
	}
	.mobile-app-area{
		padding: 50px 0;
	}
}
@media(max-width:400px){
	.container{
		max-width: 320px;
	}
	.featured-bottom-wrap{
		width: 100%;
	}
	.featured-bottom-sec {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-gap: 15px;
		margin-top: 30px;
	}
	.row.footer-sec{
		display: block;
		text-align: center;
	}
}
@media(max-width:320px){
	.container{
		padding: 0 15px;
	}
	.main-title {
		font-size: 22px;
		line-height: 36px;
	}
	.pre-btn{
		width: 135px;
	}
}