@media only screen and (max-width: 1500px) {
	.teeth-diagram-ndShade .shades-row .space

{
	width: 21%;
}

}

@media only screen and (max-width: 1400px) {
	.teeth-diagram-ndShade-main.rounded {
		overflow-x: auto;
	}

	.teeth-diagram-ndShade-main .teeth-diagram-ndShade .shades-row .space {
		width: 21.5%;
	}

	.teeth-diagram-ndShade .shades-row {
		padding: 0 0 0 2%;
	}

	/*.teeth-diagram-ginShade-main .teeth-diagram-ndShade .shades-row .space {
		width: 12.5%;
	}*/

	.teeth-diagram-ginShade-main .teeth-diagram-ndShade,
	.teeth-diagram-ginShade-main .shades-img2,
	.teeth-diagram-ndShade-main.rounded .shades-img2,
	.teeth-diagram-ginShade-main .teeth-diagram-ndShade,
	.teeth-diagram-ndShade-main .teeth-diagram-ndShade {
		width: 1300px;
	}

	.teeth-diagram-ginShade-main {
		overflow-x: auto;
	}
}

@media only screen and (max-width: 1024px) {
	.teeth-swiper .infos .img {
		max-width: 60%;
		margin: 0 auto;
	}

	h3,
	.h3 {
		font-size: calc(1.2875rem + 0.10vw) !important;
	}

	.tooth.last .box, .tooth.first .box {
		width: 100%;
	}
	ul.top_btns {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.teeth-swiper .infos .img {
		max-width: 120%;
		margin: 0 -9% 20px;
		padding: 0;
	}

	.teeth-swiper .infos {
		padding-bottom: 70px;
	}

	.teeth-swiper .custom-check-box {
		top: auto;
		bottom: 20px;
	}

	.swiper.teeth-swiper .swiper-slide {
		position: relative;
		padding: 0 1.5rem;
	}

	.teeth-swiper .shade-gradient {
		width: 16px;
		right: 10px;
		top: 18px;
	}

		.teeth-swiper .shade-gradient img {
			width: 100%;
		}

	.price-holder .price-box {
		padding: 1rem !important;
	}

	.top_btns {
		display: flex;
		flex-wrap: wrap;
		grid-gap: 10px 0;
	}

	.bs-stepper .bs-stepper-content {
		padding: 1.5rem 0;
	}

	.custom-select2 {
		margin-bottom: 12px;
	}

	.teeth-diagram {
		overflow-x: auto;
	}

		.teeth-diagram .inner {
			width: 900px;
		}

	.plus-confirm-div.card {
		margin: 0 -1.5rem;
		flex-direction: column !important;
		padding: 1.5rem !important;
	}

		.plus-confirm-div.card .item {
			width: 100%;
			grid-gap: 20px;
		}

	ul.top_btns {
		margin: 20px 0 40px;
	}

	.custom-check-box-full.form-check {
		margin: 0 0 14px;
	}

	.user-profile-header-banner {
		position: relative;
		z-index: 1
	}

	.user-profile-header {
		position: relative;
		z-index: 2
	}

	.user-profile-header-banner img {
		width: auto;
		left: -50%;
		position: relative;
		z-index: 1;
	}

	.system-banner .infos {
		z-index: 2;
	}

	.body-dark .teeth-style-main p {
		font-size: 12px;
	}

	

	.body-dark .teeth-swiper-main.pb-5.px-4 {
		background: #000;
		border-radius: 6px;
		overflow: hidden;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.arrows-pagination {
		padding: 0 1.5rem;
	}

	.top_btns li {
		display: flex;
	}

	.gps-btn {
		padding: 12px 40px !important;
		box-shadow: none !important
	}

	.priceRdaio-holder .form-check-inline:last-child {
		margin-right: 0 !important
	}

	.shade-gradient .teeth-swiper .infos .img {
		max-width: 90% !important;
		margin: 0 auto 20px !important
	}

	.teeth-diagram-shade {
		overflow-x: auto;
	}

	.teeth-diagram-shade .shades-img,
	.teeth-diagram-shade .inner {
		width: 1000px;
	}

	.form-select.bg-transparent {
		margin: 0 0 20px;
	}

	.content-header.gpsbg {
		flex-direction: column;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		grid-gap: 10px 0;
	}

	.content-header.gpsbg h3 {
		margin: 0 0 20px;
	}

	.gingiva-shades-head {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0 0 20px;
	}

	.gingiva-shades-head > div {
		width: 100%;
	}
	.div-gingiva-shades .gingiva-shades-head {
		display:flex;
	}
	.div-gingiva-shades .gingiva-shades-head > div {
		width: 100%;
		margin:0 0 10px;
	}
	.div-shades h5 + div,
	.div-ndShades h5 + div {
		padding-left: 0 !important;
		padding-right: 0 !important
	}
	.div-shades h5 + div .col-sm-9,
	.div-ndShades h5 + div .col-sm-9 {
		margin: 0 0 20px;
	}
	.desktopDes {
		display: none
	}

	.mobileDes {
		display: block
	}
	.body-dark .newChatDesign .small,
	.body-dark .newChatDesign .user-avatar span {
		color: #000;
	}
	.price-holder .col-12:first-child {
		margin-bottom:15px;
	}
	.authentication-wrapper.authentication-cover {
		background-color: #DDDACF !important;
		align-items: center !important;
	}
	.authentication-cover .login-img-left {
		display: block !important;
		padding: 0 !important;
		height: auto;
		margin: 0 0 20px;
	}
	.authentication-wrapper.authentication-cover .authentication-inner {
		height: auto !important;
	}
	.login-img-left .login-holder .info h2 {
		font-size: 4.5vw !important;
	}
	.login-img-left .login-holder .info .inner {
		padding-left: 20px !important;
	}
	.login-img-left .login-holder .info .line {
		margin: -12px 0 40px !important;
	}
	.case-summary {
		padding-top: 20px;
	}
	.bar-code-img {
		position: absolute;
		top: -15px;
		right: 0;
		width:30%;
	}
	.bar-code-img .img {
		margin:32px 20px 0 0;
	}

	#drawflow {
		overflow-y: scroll;
		width: 100%;
		height: 70vh !important;
	}
	th.sorting {
		padding-right: 26px !important;
	}
	.appointment-table .btn-light,
	.appointment-table .gps-btn {
		white-space: nowrap;
	}
	.btns-book {
		flex-direction: column;
		grid-gap: 10px 0;
	}
	.btns-book .btn{
		width:100%;
	}
	.appointment-table select {
		width: 180px;
	}
	.mySlot-header {
		flex-direction: column;
		grid-gap: 10px 0;
	}
	.ranks-holder .rank-box .img img {
		transform: rotate(0deg);
	}

	.ranks-holder .rank-box h2 {
		text-align: center;
		font-size: 10vw;
	}
}