
/*==================================Media styles===================================*/
	@media screen and ( max-width: 1200px ) 
	{
		.header h1{font-size:20px;}
		.banner-content h2,
		.welcome-block h2,h2,
		.shl-benefits h2{font-size:32px;line-height:normal;}
		.shl-benefits p{margin:0px 80px 0px;}
		.srv-grid{width:25%;}
		.main-menu > ul > li > a{font-size:14px;padding:26px 12px;}
		.shl-benefits .wrapper .notes{margin-right:10px;}
		.benefits-block{padding-bottom:40px;}
		.grid-item{width:31%;}
		
	}
		
	@media screen and ( max-width: 991px ) 
	{
		.treatment-core{width:180px;height:180px;padding-top:100px;}
		.treatment-core h3{font-size:18px;}
		.treatment-core:before{width:50px;height:50px;}
		.treatment-block .wrapper{width:520px;height:600px;}
		
		.main-menu {
			display:none;	
		}
		.mobile-menu{display:block;}
		.mobile-menu .menu-toggle{display:block;}
		.mobile-menu ul.menu-list{display:none;}
		.mobile-menu ul.menu-list li a.login{
			color:#FFF;
			font-family: 'aileronbold';
			font-size:12px;
			text-transform:uppercase;
			padding:8px 37px;
			background:#ffb516;
			display:inline-block;
			line-height:normal;
			vertical-align:middle;
			position:relative;
			top:-3px;
			-webkit-border-radius: 35px;
			-moz-border-radius: 35px;
			border-radius: 35px;
			margin:10px 0px;	
			color:#000;
		}
		.mobile-menu ul.menu-list li a.login:hover{background:#ffc23e;}
		.header{min-height:62px;}
		
		.header .logo {
			width: 172px;
			height: 186px;
			background: url(../img/logo-bg.png) no-repeat top center;
			background-size:cover;
			
		}
		.header .logo img{max-height:60%;}
		.header h1 {
			font-size: 20px;
			margin-left: 146px;
			margin-top: 18px;
		}
		.srv-grid{width:47.5%;}
		.ft-contact{margin-left:0;}
		.grid-item{width:30.5%;}
		
	}
	@media (max-width:991px) and (min-width:767px) {
		
		.treatement-wrapper .binder .img-box{float:none;margin:30px auto 0px auto;}
		.treatement-wrapper .binder .img-box:after {
			top: inherit;
			bottom: -4px;
			right: 0px;
			left:0;
			width:70%;
			height: 4px;
			content: '';
			background: #b5c933;
			margin: auto;
		}
		.treatement-wrapper .binder .para{text-align:center;padding: 15px 20px 10px 20px;}
		
	}
	@media screen and ( max-width: 767px ) 
	{	
		.treatment-block .wrapper{width:400px;height:560px;}
		.treatment-block .wrapper .cm-items h4{font-size:15px;}
		.treatment-block .wrapper .cm-items.item2 {
			width: 120px;
			height: 120px;
			top: 115px;
			left: 70px;
		}
		.treatment-block .wrapper .cm-items.item7 {
			width: 130px;
			height: 130px;
			bottom: 122px;
			left: 30px;
		}
		.treatment-block .wrapper .cm-items.item6 {
			bottom: 170px;
			right: 20px;
		}
		.treatment-block .wrapper .cm-items.item4{top:100px;}
		.treatment-block .wrapper .cm-items.item5 {
			width: 80px;
			height: 80px;
			top: 50px;
			right: 0px;
		}
		.treatment-block .wrapper .cm-items.item8 {
			bottom: 96px;
			right: 137px;
		}
		.treatment-block .wrapper .cm-items.item9 {
			bottom: 253px;
			left: -23px;
		}
		.treatment-block .wrapper .cm-items.item3 {
			width: 80px;
			height: 80px;
			top: 40px;
			right: 155px;
		}
		.srv-grid{width:100%;}
		.shl-benefits .wrapper .notes{margin-right:0px;}
		.benefit-mid{display:none;}
		.shl-benefits .wrapper .benefit-block{margin-top:0;}
		.shl-benefits .wrapper .benefit-block{padding-bottom:40px;}
		.shl-benefits { padding: 50px 0px 50px 0px;}
		.shl-benefits .wrapper .notes{margin-top:20px;}
		.container > p{font-size:16px;line-height:26px;}
		.bnr-booking{max-width:480px;}
		.shl-benefits p { margin: 0px 30px 0px;}
		.testimonail-content { padding: 20px 50px 0px 50px;}
		.bnr-booking{padding-bottom:70px;}
		.bnr-booking{bottom:10px;}
		
		.benefits-wrapper #benefits > ul{display:none;}
		.resp-vtabs .resp-tabs-container{width:100%;}
		
		.benefits-wrapper h2.resp-tab-active{color:#FFF;background:#b5c933;font-size:20px;font-weight:600;}
		.benefits-wrapper .resp-tab-active{border:none !important;}
		.grid-item{width:29.5%;}
		.contact-block .wrapper .mid-logo{display:none;}
		.form-base{padding-top:0;}
		.location-map #map { min-height: 300px;}
	}
		

	@media screen and ( max-width: 600px ) 
	{
		
		.treatement-wrapper .binder .img-box{float:none;margin:30px auto 0px auto;}
		.treatement-wrapper .binder .img-box:after {
			top: inherit;
			bottom: -4px;
			right: 0px;
			left:0;
			width:70%;
			height: 4px;
			content: '';
			background: #b5c933;
			margin: auto;
		}
		.treatement-wrapper .binder .para{text-align:center;padding: 15px 20px 10px 20px;}
		.bnr-booking{max-width:400px;}
		.shl-benefits p { margin: 0px 20px 0px;}
		.testimonail-content { padding: 20px 30px 0px 30px;}
		.grid-item{width:46%;}
	}
	@media screen and ( max-width: 480px ) 
	{
		.treatment-block .wrapper{
			position:relative;
			display:block;
			width:100%;
			height:auto;	
		}
		.treatment-core,
		.treatment-block .wrapper .cm-items,
		.treatment-block .wrapper .cm-items.item1,
		.treatment-block .wrapper .cm-items.item2,
		.treatment-block .wrapper .cm-items.item3,
		.treatment-block .wrapper .cm-items.item4,
		.treatment-block .wrapper .cm-items.item5,
		.treatment-block .wrapper .cm-items.item6,
		.treatment-block .wrapper .cm-items.item7,
		.treatment-block .wrapper .cm-items.item8,
		.treatment-block .wrapper .cm-items.item9{
			position:relative;
			display:block;
			top:inherit;
			left:inherit;
			right:inherit;
			bottom:inherit;
			
		}
		.treatment-core{
			width:100%;
			border-radius:0;
			-webkit-border-radius:0;
			-moz-border-radius:0;
		}
		.treatment-block .wrapper .cm-items,
		.treatment-block .wrapper .cm-items.item1,
		.treatment-block .wrapper .cm-items.item2,
		.treatment-block .wrapper .cm-items.item3,
		.treatment-block .wrapper .cm-items.item4,
		.treatment-block .wrapper .cm-items.item5,
		.treatment-block .wrapper .cm-items.item6,
		.treatment-block .wrapper .cm-items.item7,
		.treatment-block .wrapper .cm-items.item8,
		.treatment-block .wrapper .cm-items.item9{
			border-radius:0;
			-webkit-border-radius:0;
			-moz-border-radius:0;
			float:left;
			width:33.2%;
			height:100px;	
		}
		.treatment-block .wrapper .cm-items{box-shadow:0px 0px 0px 1px #CCC;}
		.shl-benefits p { margin: 0px 10px 0px;}
		.location-map #map {
			min-height: 300px;
		}
		.header .logo{width: 100px; height: 150px;}
		.header h1{margin-left:90px;}
		
		
	}
	
	@media screen and ( max-width: 400px ) 
		
	{	
		.grid-item{width:100%;}
		
		.header h1 {
			font-size: 16px;
			margin-top: 23px;
		}
		
	}