@media screen and (max-width: 992px) {
	.small {
		display: block;
		transition: all 0.3s ease-in-out;
	}
	#main_header{
		display: none;
	}
	.small nav {
		padding: 15px 0;
	}
	.small img {
		width: 90px;
	}
	.small nav .container-flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

	.small nav .menu {
		width: 40px;
		height: 40px;
		background: var(--theme-color-second);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
	}
	.small nav .menuu {
		width: 40px;
		height: 40px;
		background: var(--theme-color-second);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
	}

	.small nav .menu-2{
		width: 40px;
		height: 40px;
		background: var(--theme-color-second);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #fff;
		cursor: pointer;
		border-radius: 5px;
	}
	.small nav .sidebar {
		position: fixed;
		top: 0;
		left: -100%;
		width: 90%;
		height: 100%;
		background: var(--theme-color-second);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		transition: all 0.4s ease-in-out;
		z-index: 1000;
	}

	.small.show .sidebar {
		left: 0;
	}

	.small nav .sidebar>ul {
		margin-top: 10px !important;
		border-top: 1px solid #f2ede4;
		padding-top: 20px!important;
		height: 80vh;
		overflow-y: scroll;
	}
	.small nav .sidebar>ul>li {
		padding: 10px;
		border-bottom: 1px solid #000;
	}

	.small nav .sidebar ul>li:last-child {
		border-bottom: none;
	}

	.small nav .sidebar ul>li>a {
		color: #000;
		padding: 4px;
		font-size: 17px;
		text-transform: capitalize;
	}

	.small nav .sidebar>ul>li.link-sm {
		position: relative;
	}

	.small nav .sidebar ul li.link-sm i {
		position: absolute;
		top: 3px;
		right: 0px;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 19px;
		color: #1e1e1e;
		font-weight: 700;
	}

	.small nav .sidebar ul.sub-menu-sm {
		max-height: 0;
		overflow: hidden;
		transition: all .3s ease-in-out;
		margin-top: 0px !IMPORTANT;
	}

	.small nav .sidebar ul.sub-menu-sm li {
		padding: 4px 16px;
	}

	.small .times {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: #0e0e0e;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 18px;
		cursor: pointer;
	}

	.small .overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s ease-in-out;
		z-index: 1000;
	}

	.small.show .overlay {
		opacity: 1;
		pointer-events: all;
	}

	ul.list-unstyled.p-0.m-0.sub-menu-sm li a {

		font-size: 14px;
	}

	.small {
		display: block;
		position: absolute;
		width: 100%;
	}

	h1 {
		font-size: 55px;

	} 
	h2 {
		font-size: 45px;

	} 
	h4 {
		font-size: 22px;
	}


	p br{
		display: none;
	}

	header#main_header {
		display: none;
	}
	section{
		padding: 50px 0;
	}

	a.comon-btn {

		width: 14rem;

	}
	.banner_sec h1 {
		color:#fff;
	}

	.banner_sec{
		/*   background: url(../image/mobile-banner.jpg)!important; */
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		text-align: center;
	}
	.banner_sec .rating-box {
		padding-top: 80px;
		width: 100%;
	}
	.banner_sec .rating-box .hd_info{
		justify-content: center!important;
	}

	.banner_sec .rating-box hr{
		color: var(--theme-color-second);
		opacity: 1;
		height: 2px;
	}
	.service_sec .service-box img {
		object-fit: cover;
		height: 380px!important;
		border-radius: 7px;
	}
	.service_sec .service-box {
		text-align: center;
	}
	.service_sec .service-box .overlay-2 {
		width: 100%;
		position: absolute;
		top: 0;

	}
	.service_sec .service-box h3{
		font-size: 35px!important;
		text-shadow: 1px 1px 1px #000000;
	}
	.fixed_info .book-main {

		font-size: 12px;
	}
	.bg-cover {
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	section.why_choose_us.bg-cover {
		/*     background: url(../image/mobile-bg-2.jpg)!important; */
		background-position-x: 100%!important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	.element_nail_bar_sec .img-box img {
		height: auto;
		object-fit: cover;
		border-radius: 25px;
	}
	.margin-top-img {
		margin: 0!important;
	}
	footer .ft_menu_content ul {
		display: flex;
		gap: 15px;
		text-transform: uppercase;
		font-size: 16px;
		justify-content: inherit;
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.signature-service .sign-box {
		color: #000000;
		padding: 15px;
		border: 2px solid var(--theme-color-third);
		border-radius: 5px;
		background: #0e1f0b24;
	}
	.inner-banner {
		padding: 85px 0;
		text-align: center;
	}
	.inner-banner .breadcrumb {
		display: flex;
		flex-wrap: wrap;
		padding: 0 0;
		margin-bottom: 1rem;
		list-style: none;
		justify-content: center;
	}
	.inner-banner .heading {
		background-color: #0e1f0b88;
		padding: 15px;
		border-radius: 10px;
		border: 2px solid var(--theme-color-second);
		text-align: center;
	}
	.inner-banner .heading .breadcrumb{
		justify-content: center;
	}
	.testimonial_sec h3, .custom-sec h3, .Instagram-sec h3 {
		font-size: 45px;
	}
	.signature-service h3, .gall-head, .blog-heading, .faq_sec h3 {
		font-size: 45px;
	}
}

/* =======================890px=======================890px=======================890px=======================890px=======================890px=======================890px=======================890px=======================890px=======================890px=======================890px=======================890px=======================890px */


@media screen and (max-width: 890px) {}


/* =======================840px=======================840px=======================840px=======================840px=======================840px=======================840px=======================840px=======================840px=======================840px=======================840px=======================840px=======================840px */



@media screen and (max-width: 845px) {}

/* =======================820px=======================820px=======================820px=======================820px=======================820px=======================820px=======================820px=======================820px=======================820px=======================820px=======================820px=======================820px */
@media screen and (max-width: 825px) {}

/* =======================770px=======================770px=======================770px=======================770px=======================770px=======================770px=======================770px=======================770px=======================770px=======================770px=======================770px=======================770px */




@media screen and (max-width: 770px) {}

/* =======================567px=======================567px=======================567px=======================567px=======================567px=======================567px=======================567px=======================567px=======================567px=======================567px=======================567px=======================567px */

@media screen and (max-width: 567px) {}

/* =======================430px=======================430px=======================430px=======================430px=======================430px=======================430px=======================430px=======================430px=======================430px=======================430px=======================430px=======================430px */

@media screen and (max-width: 430px) {}

/* =======================420px=======================420px=======================420px=======================420px=======================420px=======================420px=======================420px=======================420px=======================420px=======================420px=======================420px=======================420px */

@media screen and (max-width: 420px) {

}

/* =======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px */

@media screen and (max-width: 320px) {

}



















/* =======================380px=======================380px=======================380px=======================380px=======================380px=======================380px=======================380px=======================380px=======================380px=======================380px=======================380px=======================380px */

@media screen and (max-width: 380px) {

}




















/* =======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px=======================320px */

@media screen and (max-width: 320px) {}

















