@charset "utf-8";
/* CSS Document */

/*---For Laptop---*/
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.header .main-nav .top-nav .top-nav-content p {
		font-size: 13px;
		letter-spacing: 0px;
	}
}

/*---For Horizental iPad---*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.main-nav a {
		font-size: 12px;
		padding: 8px;
	}

	.main-nav .btn-success,
	.mobile-nav .btn-success {
		padding: 10px 10px;
	}

	.header .main-nav .top-nav .top-nav-content p {
		font-size: 13px;
	}
}

/*---For Vertical iPad---*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mobile-nav-toggle {
		top: 65px;
	}
}

/*---For Mobile---*/
@media only screen and (max-width: 767px) {
	
	.tour-package-tabs .nav-link{
		padding: 10px;
		font-size: 12px;
	}
	
	.header .main-nav .top-nav {
		display: none;
	}

	.crousel-inner-content {
		top: 35%;
	}

	.crousel-inner-content h2 {
		font-size: 56px;
	}

	.crousel-inner-content h1 {
		font-size: 56px;
	}

	.massage-section-content {
		top: 0;
	}

	.current-massage-content {
		margin-top: 20px;
	}

	.blog-section-content {
		margin-top: 0px;
	}

	.my-section .my-content-1 h6 {
		margin-bottom: 5px;
	}

	.my-section .my-content-1 p {
		margin-bottom: 15px;
	}

	.gallery-content {
		margin-bottom: 20px;
	}

	.package-section {
		margin: 0px auto;
	}

	.header.header-scrolled .logocolor {
		width: 60%;
	}

	.header .logowhite {
		width: 60%;
	}

	body.pagescroll .mobile-nav-toggle {
		top: 45px;
	}

	.mobile-nav-toggle {
		top: 65px;
	}
}

@media only screen and (max-width: 414px) {
	.skin-care-section .skin-care-content-1 {
		padding: 40px 20px;
	}

	.footer-content-1 {
		text-align: center;
	}

	.footer-content-2 {
		text-align: center;
	}

	.footer-content-2 {
		text-align: center;
	}

	.footer-section-1 {
		padding: 40px 0px;
	}

	.mobile-nav .top-nav-content {
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}

	.mobile-nav .top-nav-content p {
		margin-bottom: 10px;
	}

	.same_number p {
		justify-content: center;
	}

	.mobile-nav .top-nav-content ul li {
		display: inline-block;
	}

	.mobile-nav .top-nav-content ul li i {
		font-size: 15px;
		margin-right: 10px;
	}

	.main-nav .btn-success,
	.mobile-nav .btn-success {
		width: 100%;
		padding: 9px;
		font-size: 14px;
		letter-spacing: 1px;
	}

	.mobile-nav a {
		font-size: 15px;
	}

	.megamenu-col .mg-title {
		padding-left: 20px;
	}

	.mobile-nav-toggle {
		top: 45px;
	}

	.welcome-section-1-content h3 {
		font-size: 25px;
	}

	.massage-section-1-content h2 {
		font-size: 35px;
	}

	.massage-section-1-content p {
		text-align: center;
	}

	.what-you-get-section-content h3 {
		font-size: 35px;
	}

	.our-center-title {
		font-size: 35px;
	}

	.header-section-content {
		padding: 170px 0px 100px 0px;
	}

	.header-section-content h1 {
		font-size: 47px;
	}

	.get-in-touch-section {
		padding: 50px 0px;
	}

	.get-in-touch-section-content h1 {
		font-size: 29px;
	}

	.get-in-touch-section-form h2 {
		font-size: 29px;
	}

	.current-contact-content-1 {
		margin-top: 20px;
		box-shadow: none;
	}

	.what-you-get-section {
		padding: 30px 0px;
	}

	.massage-section-1 {
		padding: 30px 0px;
	}
}

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

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

@media only screen and (max-width: 360px) {
	.skin-care-section {
		padding: 0px;
	}

	.skin-care-section .skin-care-content-1 h3 {
		font-size: 34px;
	}

	.skin-care-section .skin-care-content-1 h2 {
		font-size: 34px;
	}

	.get-in-touch-section-content h1 {
		font-size: 25px;
	}
}

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