@media all and (min-width: 1670px) {

}

@media (max-width: 1380px){

}

@media (max-width: 1200px){

	.navbar-dark .navbar-nav .nav-link{
		font-size: 14px;
	}

	.dropdown-menu li a{
		font-size: 14px;
	}

	.steps-container{
		padding-top: 2rem;
    	margin-top: -1rem;
	}

	.banner-form-item.sex{
		flex-wrap: wrap;
	}

	.banner-form-item.sex .banner-form-item-sex:first-child{
		margin-bottom: 10px;
	}

}

@media all and (min-width: 992px) {
	.navbar-nav .nav-item .dropdown-menu{ display: none; margin-top:0; }
	.navbar-nav .nav-item:hover .dropdown-menu{ display: block; }	
}

@media all and (max-width: 992px){
	.navbar-dark .navbar-toggler{
		color: #fff;
		background-color: var(--theme-color-1);
		width: 50px;
		height: 50px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.navbar-collapse{
		position: absolute;
		top: 75px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: auto;
		overflow: auto;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: var(--heading-color);
	}

	.navbar-nav .dropdown-menu{
		box-shadow: none;
	}

	.navbar .nav-item:hover .dropdown-menu{
		box-shadow: none;
	}

	.dropdown .nav-link:after{
		float: right;
	}

	.nav-item.search{
		margin-top: 20px;
	}

	.main-banner-container{
		height: 100%;
		padding: 30px 0px;
	}

	.banner-content-wrapper{
		margin-left: 0;
		padding: 1rem;
	}

	.banner-content-wrapper h4{
		font-size: 28px;
	}

	.banner-content-wrapper h2{
		font-size: 36px;
	}

	.howitworks-content-wrapper h2{
		text-align: center;
		margin-bottom: 2rem;
	}

	.section-heading-wrapper h2{
		font-size: 36px;
	}

	.guarantee-content-wrapper h2{
		font-size: 36px;
	}

	.guarantee-content-wrapper h4{
		font-size: 28px;
	}

	.steps-container{
		background-image: none;
		padding: 60px 0px 0px 0px;
		margin-top: 0;
		background-color: #f2f4fe;
	}

	.steps-container .section-heading-wrapper{
		margin-bottom: 0;
	}

	.mt-8rem {
		margin-top: 3rem;
	}

	.happycustomer-card{
		margin-top: 0rem;
		margin-bottom: 3rem;
	}

	.price-card-wrapper.vip{
		margin-top: 1.5rem;
	}

	.reviews-main-wrapper{
		padding: 30px;
	}

	.funfactoe-item h3{
		text-align: center;
	}

	.funfactoe-item p{
		text-align: center;
	}

	.reviews-content-quote img{
		min-width: 40px;
	}

	.steps-card-wrapper.middle{
		margin-top: 0;
	}

	.appinfo-content h3{
		font-size: 36px;
	}

}

@media all and (max-width: 768px){
	.navbar-dark .navbar-toggler{
		color: #fff;
		background-color: var(--theme-color-1);
		width: 50px;
		height: 50px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	

	.navbar-collapse{
		position: absolute;
		top: 75px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: auto;
		overflow: auto;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: var(--heading-color);
	}

	.navbar-nav .dropdown-menu{
		box-shadow: none;
	}

	.navbar .nav-item:hover .dropdown-menu{
		box-shadow: none;
	}

	.main-banner-container{
		height: 100%;
		padding: 30px 0px;
	}

	.banner-content-wrapper{
		margin-left: 0;
		padding: 1rem;
	}

	.banner-content-wrapper h4{
		font-size: 28px;
	}

	.banner-content-wrapper h2{
		font-size: 36px;
	}

	.howitworks-content-wrapper h2{
		text-align: center;
		margin-bottom: 2rem;
	}

	.section-heading-wrapper h2{
		font-size: 36px;
	}

	.guarantee-content-wrapper h2{
		font-size: 36px;
	}

	.guarantee-content-wrapper h4{
		font-size: 28px;
	}

	.steps-container{
		background-image: none;
		padding: 60px 0px 0px 0px;
		margin-top: 0;
		background-color: #f2f4fe;
	}

	.steps-container .section-heading-wrapper{
		margin-bottom: 0;
	}

	.mt-8rem {
		margin-top: 3rem;
	}

	.happycustomer-card{
		margin-top: 0rem;
		margin-bottom: 3rem;
	}

	.price-card-wrapper.vip{
		margin-top: 1.5rem;
	}

	.reviews-main-wrapper{
		padding: 30px;
	}

	.funfactoe-item h3{
		text-align: center;
	}

	.funfactoe-item p{
		text-align: center;
	}

	.reviews-content-quote img{
		min-width: 40px;
	}

	.btn-main{
		width: 100%;
		max-width: 100%;
	}

	.btn-secondary{
		width: 100%;
		max-width: 100%;
	}

	.banner-form-item .btn-secondary{
		width: auto;
		max-width: 100%;
	}

	.steps-card-wrapper.middle{
		margin-top: 0;
	}

	.appinfo-content h3{
		font-size: 36px;
	}

	/* pages */
	.custom-message-tile{
		flex-direction: column;
		align-items: flex-start;
	}

	.custom-message-tile aside{
		padding-left: 0;
	}

	.custom-message-tile>div{
		flex-direction: column;
		width: 100%;
    	align-items: flex-start;
	}

	.info-counts ul{
		flex-direction: column;
		align-items: flex-start;
	}

	.info-counts ul li{
		margin-bottom: 15px;
	}

	.error-inner h4{
		text-align: center;
		width: 100%;
		font-size: 30px;
	}

	.error-inner h2{
		text-align: center;
		width: 100%;
		font-size: 100px;
	}

	.error-inner p{
		text-align: center;
		width: 100%;
	}

	.page-full-inner{
		width: 100%;
	}

	.soon-counter-list{
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

}

@media all and (max-width: 480px){
	.navbar-dark .navbar-toggler{
		color: #fff;
		background-color: var(--theme-color-1);
		width: 50px;
		height: 50px;
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.navbar-collapse{
		position: absolute;
		top: 75px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: auto;
		overflow: auto;
	}

	.navbar-dark .navbar-nav .nav-link{
		color: var(--heading-color);
	}

	.navbar-nav .dropdown-menu{
		box-shadow: none;
	}

	.navbar .nav-item:hover .dropdown-menu{
		box-shadow: none;
	}

	.main-banner-container{
		height: 100%;
		padding: 30px 0px;
	}

	.banner-content-wrapper{
		margin-left: 0;
		padding: 1rem;
	}

	.banner-content-wrapper h4{
		font-size: 28px;
	}

	.banner-content-wrapper h2{
		font-size: 36px;
	}

	.howitworks-content-wrapper h2{
		text-align: center;
		margin-bottom: 2rem;
	}

	.section-heading-wrapper h2{
		font-size: 36px;
	}

	.guarantee-content-wrapper h2{
		font-size: 36px;
	}

	.guarantee-content-wrapper h4{
		font-size: 28px;
	}

	.steps-container{
		background-image: none;
		padding: 60px 0px 0px 0px;
		margin-top: 0;
		background-color: #f2f4fe;
	}

	.steps-container .section-heading-wrapper{
		margin-bottom: 0;
	}

	.mt-8rem {
		margin-top: 3rem;
	}

	.happycustomer-card{
		margin-top: 0rem;
		margin-bottom: 3rem;
	}

	.price-card-wrapper.vip{
		margin-top: 1.5rem;
	}

	.reviews-main-wrapper{
		padding: 30px;
	}

	.funfactoe-item h3{
		text-align: center;
	}

	.funfactoe-item p{
		text-align: center;
	}

	.reviews-content-quote img{
		min-width: 40px;
	}

	.btn-main{
		width: 100%;
		max-width: 100%;
	}

	.btn-secondary{
		width: 100%;
		max-width: 100%;
	}

	.banner-form-item .btn-secondary{
		width: auto;
		max-width: 100%;
	}

	.steps-card-wrapper.middle{
		margin-top: 0;
	}

	.appinfo-content h3{
		font-size: 36px;
	}

	/* pages */
	.custom-message-tile{
		flex-direction: column;
		align-items: flex-start;
	}

	.custom-message-tile aside{
		padding-left: 0;
	}

	.custom-message-tile>div{
		flex-direction: column;
		width: 100%;
    	align-items: flex-start;
	}

	.info-counts ul{
		flex-direction: column;
		align-items: flex-start;
	}

	.info-counts ul li{
		margin-bottom: 15px;
	}

	.error-inner h4{
		text-align: center;
		width: 100%;
		font-size: 30px;
	}

	.error-inner h2{
		text-align: center;
		width: 100%;
		font-size: 100px;
	}

	.error-inner p{
		text-align: center;
		width: 100%;
	}

	.page-full-inner{
		width: 100%;
	}

}