@media all and (min-width: 1670px) {
	.banner-section{
		height: 800px;
	}
}

@media (max-width: 1380px){

}

@media (max-width: 1200px){

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

	.search .btn-main{
		font-size: 13px;
	}

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

	.banner-main-heading{
		font-size: 46px;
		line-height: 50px;
	}

	.dentist-appointment-btns{
		flex-direction: column;
		justify-content: center;
	}
	.dentist-appointment-btns .theme-btn{
		margin-bottom: 15px;
		width: 100%;
		max-width: 100%;
	}
}

@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){
	.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: 77px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: calc(100vh - 79px);
		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;
	}

	.banner-main-heading{
		font-size: 46px;
		line-height: 50px;
	}

	.dentist-appointment-btns{
		flex-direction: column;
		justify-content: center;
	}
	.dentist-appointment-btns .theme-btn{
		margin-bottom: 15px;
		width: 100%;
		max-width: 100%;
	}

}

@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: 77px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: calc(100vh - 79px);
		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;
	}

	.about-section-wrapper{
		margin-top: 5rem;
	}
	
	.contact-section-img{
		width: 100%;
	}

	.contact-award-layer{
		left: -10px;
	}

	.contact-skills-layer{
		right: -10px;
	}

	.section.contact{
		padding-bottom: 20rem;
	}

	.section-main-heading{
		font-size: 34px;
    	line-height: 45px;
	}

	.banner-list-info{
		width: 100%;
	}

	.banner-section{
		background-position: 60% 75%;
		height: 645px;
	}

	.section{
		padding: 40px 0px;
	}

	.error-page-inner h1{
		font-size: 100px;
	}

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

@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: 66px;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		padding: 15px;
		height: calc(100vh - 66px);
		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;
	}

	.about-section-wrapper{
		margin-top: 5rem;
	}
	
	.contact-section-img{
		width: 100%;
	}

	.contact-award-layer{
		left: -10px;
	}

	.contact-skills-layer{
		right: -10px;
	}

	.section.contact{
		padding-bottom: 20rem;
	}

	.section-main-heading{
		font-size: 34px;
    	line-height: 45px;
	}

	.banner-list-info{
		width: 100%;
	}

	.banner-section{
		background-position: 25% 75%;
		height: 645px;
	}

	.section{
		padding: 40px 0px;
	}

	.dentist-appointment-wrapper p{
		font-size: 32px;
	}

	.dentist-appointment-btns{
		flex-direction: column;
	}

	.dentist-appointment-btns .theme-btn{
		margin-bottom: 15px;
		width: 100%;
		max-width: 100%;
	}

	.error-page-inner h1{
		font-size: 100px;
	}

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