@media screen and(max-width: 1920px){
	.map iframe{
		width:1920px;
		height:500px;
	}
}

@media screen and (max-width: 1024px){
	
	button:focus{
		box-shadow:none;
		outline:0;
	}
	
	.cartLink{
		display:inline-block;
	}
	.aboveHeader{
		padding:0;
	}
	
	.navbar-toggler{
		position:static;
		//right:1em;
	}
	
	.topHeader > .container > ul{
		
	}
	
	.activeNav .navbar-toggler, .activeNav .cartLink{
		top:0;
		}
	.activeNav{
		display:flex;
		justify-content:flex-end;
	}
	
	.headerNav  .siteLogo{
		width:15%;
		position:relative;
	}
	.headerNav  .siteLogo img{
		width:100%;
		padding:0;
		position:static;
	}
	.activeNav > div{
		max-width:70%;
	}
	.activeNav > div > ul{
		padding-left:1em;
		width:80%;
		
	}
	.activeNav > div > ul > .nav-item{
		display:inline-block;
		justify-content:flex-start;
		border-bottom:1px solid rgb(240,240,240);
		padding-left:0;
	}
	
	.activeNav > div > ul > .nav-item:last-child{
		border-bottom:red;
	}
	
	.activeNav > div > ul > .nav-icon{
		display:none;
	}
	.activeNav > div > ul > .nav-icon > .nav-link{
		display:inline;
	}
	
	.headerNav{
		padding:0.5em 1em;
	}
	
	/*------------slider-------*/
	
	.homeSlider .textBox{
		height:100%;
		width:50%;
	}
	
	
	
	.homeSlider .textBox div{
		padding-left:4em;
	}
	.homeSlider .textBox h1{
		font-size:26px;
		width:100%;
	}
	.homeSlider .textBox-right div{
		padding-right:4em;
		width:100%;
	}
	
	/*---------------home-about------*/
	
	.aboutSt{
		height:auto;
	}
	.aboutDesc{
		padding:0;
		padding:4em 2em;
		height:auto;
	}
	.pageTitle{
		letter-spacing:2px;
	}
	
	/*----------------spa-----*/
	
	.spaHeader{
		
	}
	.spaHeader ul li, .galleryHeader ul li{
		padding:1em 1em;
		
	}
	
	.spaSidebar ul{
		padding:2em 1em;
		box-shadow:-5px 0px 10px 0px rgba(0,0,0,0.05);
		border-radius:10px;
	}
	.spaSidebar ul li{
		font-size:13px;
	}
	
	/*---------------------strip----------*/
	.circleBox{
		width:150px;
		height:150px;
	}
	.stripSt{
		padding-top:2em;
		padding-bottom:2em;
	}
	.circleBox h4{
		font-size:14px;
	}
	
	.circleBox h4:before{
		height:70px;
	}
	
	.circlePrice{
		height:40px;
		width:40px;
	}
	.circlePrice h4{
		font-size:14px;
	}
	
	.circlePrice h4 i{
		font-size:13px;
	}
	
	/*--------------product--slider---------------*/
	
	.product-title + .priceBox{
		padding-bottom:0 !important;
	}
	
	.product-title{
		padding-bottom:0.5em !important;
	}
	.product .description{
		max-height:120px;
		font-size:14px;
		overflow-y:scroll;
	}

	.productSlide .appointmentBtn{
		padding:0.5em 1em;
		font-size:13px;
	}
	.galleryImg{
		height:200px;
	}
	
	/*-------------------getin--------*/
	.ginfoBox ul li{
		padding:0.5em 0em;
		font-size:14px;
	}
	
	/*-------------footer------------*/
	.fhalf-1 p{
		padding-right:2em;
	}
	
	.fhalf-2, .fhalf-1{
		padding-top:2em;
	}
	.stripFooter{
		margin-top:1em;
		padding:1em 0em;
	}
	
	
	.package ul{
		list-style:none;
		padding-top:2em;
		padding-bottom:0em;
	}
	
	.packageImg h4{
		font-size:22px;
	}
	.packageImg span{
		height:70px;
		width:70px;
		font-size:20px;
	}
	
	
	.consent-form{
		width:80% !important;
	}
	
	.sidebarList > li > ul{
		padding-left:0 !important;
	}
	
	.sidebarList li big{
		font-size:15px;
	}
	.big-screen{
		padding:1em;
	}
	.big-screen li b + .spaPrice{
		font-size:12px;
		margin-left:0.8em;
	}

}


/*-------------------------------------------small devices-------------------------*/















@media screen and (max-width: 500px){
	
	button:focus{
		box-shadow:none;
		outline:0;
	}
	
	.cartLink{
		display:inline-block;
		right:2.6em;
	}
	.navbar-toggler{
		position:absolute;
		right:1em
	}
	
	.topHeader > .container > ul{
		text-align:center;
	}
	.aboveHeader{
		padding:0em;
	}
	.headerNav{
		padding:0.4em 2em;
		text-align:center;
		justify-content:center;
	}
	
	.headerNav  .siteLogo{
		background:none;
		display:inline-block;
		position:relative;
		width:25%;
		left:-1em;
		top:0;
		//top:-2em;
		
	}
	
	.activeNav .navbar-toggler{
		top:0;
		right:0;
	}
	
	.headerNav  .siteLogo img{
		width:100%;
		position:static;
		padding:0;
	}
	
	.activeNav .siteLogo{
		top:auto;
		left:1em;
		position:absolute;
	}
	.activeNav{
		display:flex;
	}

	
	
	.activeNav > div{
		max-width:80%;
	}
	.activeNav > div > ul{
		padding-left:1em;
		width:80%;
	}
	.activeNav > div > ul > .nav-item{
		text-align:left;
	}
	
	
	.activeNav > div > ul > .nav-icon{
		display:none;
	}
	.activeNav > div > ul > .nav-icon > .nav-link{
		display:inline;
	}
	
	
	/*------------slider-------*/
	
	.homeSlider img{
		
	}
	.homeSlider .textBox{
		height:90%;
		bottom:0;
		top:auto;
		width:50%;
	}
	
	.homeSlider .textBox div{
		padding-left:1em;
	}
	.homeSlider .textBox h1{
		font-size:13px;
		width:100%;
		margin:0;
	}
	
	.sliderBtn{
		padding:0.2em 0.6em;
	}
	.homeSlider .textBox h5{
		margin:0;
		font-size:13px;
		
	}
	.homeSlider .textBox-right div{
		padding-right:1em;
		width:100%;
	}
	
	/*---------------home-about------*/
	
	.aboutSt{
		height:auto;
		padding-left:0;
		padding-bottom:2em;
	}
	
	.aboutImgBorder{
		padding-top:2em;
	}
	.half-1, .half-2{
		padding-top:1em;
	}
	
	.half-2{
		padding-top:2em;
	}
	.border-bold{
		transform:translateX(1em);
		border-bottom:0px;
	}
	.border-bold img{
		padding:1em;
		transform:translateX(0em) translateY(0em);
	}
	.aboutDesc{
		height:auto;
		padding-bottom:0;
	}
	.pageTitle{
		letter-spacing:2px;
	}
	
	/*----------------spa-----*/
	.spaSt{
		padding-top:3em;
		padding-bottom:3em;
	}
	.pageTitle{
		font-size:20px;
	}
	
	.demoTitle{
		font-size:80px;
	}

	.spaHeader{
		
	}
	
	
	.spaHeader ul li, .galleryHeader ul li{
		padding:0.5em 0.8em;
		
	}
	.spaSidebar{
		display:none;
	}
	 .sidebarList{
		padding:1em 1em;
		box-shadow:-5px 0px 10px 0px rgba(0,0,0,0.05);
		border-radius:10px;
		
	}
	.sidebarList li{
		font-size:13px;
		
	}
	
	/*---------------------strip----------*/
	.circleBox{
		width:200px;
		height:200px;
		margin:0 auto;
		margin-top:1em;
	}
	.stripSt{
		padding-top:1em;
		padding-bottom:1em;
	}
	.circleBox h4{
		font-size:14px;
	}
	
	.circleBox h4:before{
		height:70px;
	}
	
	.circlePrice{
		height:40px;
		width:40px;
		left:5em;
	}
	.circlePrice h4{
		font-size:14px;
	}
	
	.circlePrice h4 i{
		font-size:13px;
	}
	
	/*--------------product--slider---------------*/
	
	.product .row{
		padding-top:0em !important;
	}
	
	.product{
		  margin: 10px 10px 10px !important;
	}
	.product-title + .priceBox{
		padding-bottom:0 !important;
	}
	
	.product-title{
		padding-top:1em;
		padding-bottom:0.5em !important;
	}
	.product .description{
		max-height:120px;
		font-size:14px;
		overflow-y:scroll;
	}

	.productSlide .appointmentBtn{
		padding:0.5em 1em;
		font-size:13px;
	}
	
	/*------------------------------customer----------*/
	.customer .pic + div{
		padding:1em !important;
		text-align:left;
		width:100% !important;
	}
	
	.customer .pic{
		width:40% !important;
		border-right:5px solid white !important;
	}
	
	.customer .pic img{
		transform:translateY(1em) translateX(1em) !important;
	}
	.customer .description{
		font-size:13px !important;
	}
	.galleryImg{
		height:150px;
	}
	
	.pinkStrip .container{
		padding:2em 15px;
		height:auto;
		display:block;
	}
	
	.pinkStrip .container h5{
		width:100%;
		padding:0;
	}
	
	.pinkStrip .container h5 + a{
		margin-top:1em;
		display:inline-block;
	}
	
	
	
	
	.bgSt{
		
		padding-top:2em;
		padding-bottom:2em;
	}
	
	
	.experts .pic ul{
		display:none;
	}
	.experts .pic:hover:before{
		display:none;
	}
	/*-------------------getin--------*/
	.ginfoBox ul li{
		padding:0.5em 0em;
		font-size:14px;
	}
	
	.getin .row .col-md-12{
		order:3;
	}
	.getin .row .col-md-8{
		order:2;
	}
	.getin .row .col-md-4{
		order:1;
		margin-bottom:2em;
	}
	
	/*-------------footer------------*/
	.fhalf-1 p{
		padding-right:0em;
		
	}
	.fhalf-1 img{
		width:30%;
		box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
		border-radius:10px;
	}
	.fhalf-2, .fhalf-1{
		padding-top:2em;
	}
	.stripFooter{
		margin-top:1em;
		padding:1em 0em;
	}
	.fhalf-2 > .row > .col-md-6, .fhalf-1 > .row > .col-md-5{
		padding-top:1em;
	}
	
	.fhalf-1 .col-md-7{
		text-align:center;
	}
	
	.stripFooter .col-md-5 ul, .stripFooter .col-md-7{
		text-align:center;
		padding-top:1em;
	}
	
	.map iframe{
		width:500px;
		height:200px;
	}
	
	.banner{
		height:200px;
		z-index:-2;
		background-position:40em;
	}
	

.bannerTitle{
	position:relative;
	z-index:1;
	font-weight:bold;
	text-transform:uppercase;
	font-size:30px;
	margin:0;
	letter-spacing:2px;
	color:white;
	
}

.pageSpace{
	padding-top:3em;
	padding-bottom:3em;
	
}

.packageCard{
	margin-top:2em;
}
.listHeader{
	padding:10px;
	margin:0;
}
.listHeader h4{
	font-size:14px;
	margin:0;
}

.consent-form{
		width:100% !important;
		padding:1em;
	}
	
	.firstSect small{
		padding-bottom:1em;
		display:block;
	}
	
	.form-body h5{
		font-size:15px;
		line-height:20px;
		text-align:justify;
		color:gray;
	}
	.form-body ul li{
		padding:1em 0.5em;
	}
	.form-body ul li input[type=checkbox]{
		margin-top:5px;
		width:8%;
	}
	.form-body ul li span{
		font-size:14px;
		text-align:justify;
	}
	.consent-form .secondSect{
		width:100%;
	}
	.form-body p{
		text-align:justify;
	}
	.form-body .thirdSect small{
		display:block;
		padding-bottom:1em;
	}
	.big-screen{
		display:none;
	}
	.small-screen{
		display:block;
	}
	.sidebarList > li > ul{
		padding-left:0 !important;
	}
}