/*************************
*******Header******
**************************/
.header{
	background-color: rgba(0,0,0,0.49);
	background-image: url(../images/banner_1.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
	min-height: 100vh;
	background-blend-mode: multiply;
}
.navbar {
	background: rgba(0,0,0,0.34);
	box-shadow: initial;
}

/*************************
*******Content******
**************************/
.banner-2{
	background-image: url(../images/banner_2.jpg);
	background-size: cover;
	background-position: center center;
	width: 100%;
	text-align: center;
	height: 35vw;
	min-height: 550px;
	position: relative;
}
.banner-2-icon{
	margin-top: 58px;
	width: 90px;
}
.banner-2-text{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.banner-3{
	background-color: #fff;
	background-image: url(../images/banner_3.jpg);
	background-size: cover;
	background-position: top center;
	width: 100%;
}
.banner-3-container{
	padding: 132px 0 80px;
}
.banner-3-container .banner-3-logo{
	width: 217px;
	height: 218px;
}
.banner-3-container .google-play{
	width: 219px;
	margin-top: 66px;
}
.banner-3-pb1{
	padding-bottom: 129px;
}
.banner-3-container h4{
	font-size: 40px;
	font-weight: 900;
	color: #000;
	line-height: 47px;
	margin: 0 0 30px;
}
.banner-3-container p{
	font-size: 36px;
	color: #000;
	line-height: 47px;
	margin: 0;
}
/*************************
*******Footer******
**************************/
.footer{
	background: rgba(4,7,23,.96);
}

@media (min-width: 1200px) and (max-width: 1680px) {
    /*************************
    *******Header******
    **************************/

    /*************************
    *******Content******
    **************************/
    

}
@media (min-width: 992px) and (max-width: 1199px) {
    /*************************
    *******Header******
    **************************/
	.header{
		min-height: inherit;
		height: 45.3vw;
	}

    /*************************
    *******Content******
    **************************/
    .banner-2{
    	min-height: inherit;
    }
    .banner-2-icon{
    	margin-top: 28px;
    	width: 50px;
    }
    .banner-3-container{
    	padding: 80px 0 120px;
    }
	.banner-3-container .banner-3-logo{
		width: 105px;
		height: auto;
	}
	.banner-3-container .google-play{
		width: 107px;
		margin-top: 44px;
	}
	.banner-3-pb1{
		padding-bottom: 75px;
	}
	.banner-3-container h4{
		font-size: 30px;
		margin: 0;
	}
	.banner-3-container p{
		font-size: 26px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    /*************************
    *******Header******
    **************************/
	.header{
		min-height: inherit;
		height: 45.3vw;
	}

    /*************************
    *******Content******
    **************************/
    .banner-2{
    	min-height: inherit;
    }
    .banner-2-icon{
    	margin-top: 28px;
    	width: 35px;
    }
    .banner-3-container{
    	padding: 70px 0 100px;
    }
	.banner-3-container .banner-3-logo{
		width: 105px;
		height: auto;
	}
	.banner-3-container .google-play{
		width: 107px;
		margin-top: 44px;
	}
	.banner-3-pb1{
		padding-bottom: 75px;
	}
	.banner-3-container h4{
		font-size: 30px;
		margin: 0;
	}
	.banner-3-container p{
		font-size: 26px;
	}
}
@media (max-width: 767px) {
    /*************************
    *******Header******
    **************************/
	.header{
		background-image: url(../images/m_banner_1.jpg);
	    background-size: cover;
	    background-position: center center;
	    width: 100%;
		min-height: 93.87vw;
		background-blend-mode: initial;
	}
	.navbar {
		background: transparent;
	}

    /*************************
    *******Content******
    **************************/
    .banner-2{
    	background-image: url(../images/m_banner_1.jpg);
    	background-size: cover;
    	background-position: center center;
    	width: 100%;
    	text-align: center;
		height: 37.34vw;
    	/* height: 50vw; */
    	min-height: initial;
    }
    .banner-2-icon{
    	margin-top: 26px;
    	width: 23px;
    }
	.banner-3{
		background-color: #fff;
		background-image: url(../images/m_banner_1.jpg);
		background-size: cover;
		background-position: top center;
	}
	.banner-3-container{
		padding: 26px 0 20px;
		flex-direction: column;
		background: rgba(255, 255, 255, 0.93);
	}
	.banner-3-container .banner-3-logo{
		width: 72px;
		height: 72px;
	}
	.banner-3-container .google-play{
		width: 74px;
		margin-top: 22px;
	}
	.banner-3-pb1{
		padding-bottom: 0;
	}
	.banner-3-container h4{
		font-size: 18px;
		font-weight: 700;
		line-height: 18px;
		margin: 26px 0 5px;
	}
	.banner-3-container p{
		font-size: 14px;
		line-height: 14px;
	}
}