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

}

@media (max-width: 1380px){

}

@media (max-width: 1200px){
	.process-item{
		width: 100%;
	}
}

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

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

@media all and (max-width: 992px){
	.left-header-social{
		display: none;
	}
	.top-header-wrapper{
		flex-direction: column;
		height: auto;
		padding: 5px 0px;
	}
	.top-header-contact{
		margin-bottom: 5px;
	}
	.header .logo{
		padding: 15px 0px;
		background-color: var(--font-white);
	}

	.navbar-toggler{
		border-color: var(--theme-color-2);
		background-color: var(--theme-color-2);
	}
	.navbar-nav .dropdown-menu{
		background-color: transparent;
		border: none;
	}
	.navbar .theme-btn.btn-border-header{
		margin-bottom: 30px;
		margin-top: 20px;
	}

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

	.navbar-nav .nav-item .nav-link{		
		padding: 15px 0px;
	}

	.dropdown-menu .dropdown-item{
		padding: 15px 15px;
	}

	.navbar-collapse {
		padding-bottom: 20px;
	}

	.faq-container .accordion .accordion-item{
		width: 100%;
		margin-right: 0px;
	}
	.navbar {
		background-color: var(--font-white);
	}	

	.banner-container{
		height: 775px;
	}
	
	
}

@media all and (max-width: 768px){
	.left-header-social{
		display: none;
	}
	.top-header-wrapper{
		flex-direction: column;
		height: auto;
		padding: 5px 0px;
	}
	.top-header-contact{
		margin-bottom: 5px;
	}
	.header .logo{
		padding: 15px 0px;
		background-color: var(--font-white);
	}
	.navbar-toggler{
		border-color: var(--theme-color-2);
		background-color: var(--theme-color-2);
	}
	.navbar-nav .dropdown-menu{
		background-color: transparent;
		border: none;
	}
	.navbar .theme-btn.btn-border-header{
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.theme-btn{
		max-width: 100%;
		width: 100%;
	}
	.navbar-collapse{
		padding-bottom: 20px;
	}
	.navbar-nav .nav-item .nav-link{
		padding: 15px 15px;
	}
	
	.banner-wrapper h1{
		font-size: 38px;
		line-height: 48px;
	}
	.faq-container .accordion .accordion-item{
		width: 100%;
		margin-right: 0px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
		color: var(--font-color);
	}
	.bfun-factor-card{
		border-radius: 10px !important;
	}
	.navbar {
		background-color: var(--font-white);
	}	

	.page-banner-wrapper{
		flex-direction: column;
	}
	.page-banner-wrapper h3{
		margin-bottom: 10px;
	}

	.banner-container{
		height: 100%;
	}

	.banner-wrapper{
		padding-top: 115px;
	}

	.achievements-item{
		width: 100%;
		position: relative;
	}

	.achievements{
		flex-wrap: wrap;
	}

	.footer-layer-wrapper{
		flex-direction: column;
		padding-bottom: 20px;
	}

	.footer-bottom-wrapper{
		flex-direction: column;
	}
	
}

@media all and (max-width: 480px){
	.left-header-social{
		display: none;
	}
	.top-header-wrapper{
		flex-direction: column;
		height: auto;
		padding: 5px 0px;
	}
	.top-header-contact{
		margin-bottom: 5px;
	}
	.header .logo{
		padding: 15px 0px;
		background-color: var(--font-white);
	}
	.navbar-toggler{
		border-color: var(--theme-color-2);
		background-color: var(--theme-color-2);
	}
	.navbar-nav .dropdown-menu{
		background-color: transparent;
		border: none;
	}
	.navbar .theme-btn.btn-border-header{
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.theme-btn{
		max-width: 100%;
		width: 100%;
	}
	.navbar-collapse{
		padding-bottom: 20px;
	}
	.navbar-nav .nav-item .nav-link{
		padding: 15px 15px;
	}

	.banner-wrapper h1{
		font-size: 38px;
		line-height: 48px;
	}
	.faq-container .accordion .accordion-item{
		width: 100%;
		margin-right: 0px;
	}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
		color: var(--font-color);
	}

	.navbar {
		background-color: var(--font-white);
	}	

	.page-banner-wrapper{
		flex-direction: column;
	}
	.page-banner-wrapper h3{
		margin-bottom: 10px;
	}

	.banner-container{
		height: 100%;
	}

	.banner-wrapper{
		padding-top: 115px;
	}

	.achievements-item{
		width: 100%;
		position: relative;
	}

	.achievements{
		flex-wrap: wrap;
	}

	.footer-layer-wrapper{
		flex-direction: column;
		padding-bottom: 20px;
	}

	.footer-bottom-wrapper{
		flex-direction: column;
	}
}

@media (max-width: 992px) {
    .navbar-collapse {
        max-height: calc(100vh - 79px);
        overflow: auto;
    }
}
@media (max-width: 768px) {
    .soon-counter-list {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}