/*
 * Table of Contents:
 * 	 0 - Media Queries
 *   1 - media screen and (max-width: 1170px)
 *   2 - media screen and (max-width: 1024px)
 *   3 - media screen and (max-width: 992px)
 *   4 - media screen and (max-width: 800px)
 *   5 - media screen and (max-width: 768px)
 *   6 - media screen and (max-width: 728px)
 *   7 - media screen and (max-width: 640px)
 *   8 - media screen and (max-width: 500px)
 *   9 - media screen and (max-width: 480px)
 *  10 - media screen and (max-width: 414px)
 *  11 - media screen and (max-width: 375px)
 * 	12 - media screen and (max-width: 360px)
 *  13 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */

/* 1.0 - Common Styles
---------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, a, p, div, article,
aside, details, figcaption, figure, footer,
header, hgroup, nav, section, summary{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
	margin: 0;
	padding: 0;
}
div.staff-member.odd{
	margin-bottom:0;
}
.staff-inner-name h3{
padding:0;
}
a{
	color: #99cc00;
	-webkit-transition: all .25s ease-in;
		-moz-transition: all .25s ease-in;
		 -ms-transition: all .25s ease-in;
		  -o-transition: all .25s ease-in;
		     transition: all .25s ease-in;
             outline:none !important;
}
a:hover,
a:focus,
a:active{
	text-decoration: none;
	color: #ff0142;
}

ul{
	list-style: disc;
}
li { padding:4px 0;}
li span { color:#f79320;}

ol, ul {
    margin-bottom: 10px;
    margin-top: 0;
	padding-left:25px;
}


p { line-height: 20px;
    margin:0 0 20px 0;
    text-align: justify;font-weight:normal;}
	
p a { text-decoration:none;}
p a:hover { text-decoration:none;}

/*h1 { color:#003399; font-size:24px; line-height:30px; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; margin:0px; padding:0 0 10px 0;}
h2 { color:#0065CB; font-size:20px;font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:26px; font-weight:600; display:block; margin:0px; padding:5px 0 10px 0;}
h3 { color:#333; font-size:15px; line-height:24px; font-weight:600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; margin:0px; padding:5px 0 10px 0;}*/

h1 { color:#0066cc; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:30px; font-weight:bold;  display:block; margin:0px; padding:0 0 10px 0;}
h2 { color:#0066cc;  font-family:Arial, Helvetica, sans-serif;  font-size:18px;font-weight:normal;    line-height:26px; font-weight:600; display:block; margin:0px; padding:5px 0 10px 0;}
h3 { color:#3399FF;  font-family:Arial, Helvetica, sans-serif;  font-size:18px; line-height:24px; font-weight:600; display:block; margin:0px; padding:5px 0 10px 0;}

h4 { color:#99cc00; font-size:18px; line-height:24px; font-weight:600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; margin:0px; padding:5px 0 0px 0;}
h5 { color:#fff; font-size:15px; line-height:22px; font-weight:600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; margin:0px; padding:5px 0 10px 0;}


.container {
	width: 1440px;
	padding:0px;
}


/* 2.0 - Header
---------------------------------------------------------------------- */

.Headercontainer-fluid{ width: 100%; height:132px; background:url(../images/header-bg.jpg); background-repeat:no-repeat; background-position:top center; margin:0px; padding:0px;}

.header-left{ float:left; margin:0px; padding:0px;}

.logo{ margin:0 0 0 -103px; padding:0px;}

.header-right{float:right; margin:0px; padding:0px;}

.callustoday{ margin:25px 0; padding:0px 0px; font-family:"trebuchet MS"; font-size:26px; font-weight:bold; width:288px; line-height:31px;text-align:right; float:right;    color: #f1f1f1;}
body .callustoday a { font-family:"trebuchet MS"; font-size:26px; font-weight:bold; text-align:right;  color: #f1f1f1;}
body .callustoday a:hover { color:#f1f1f1;}

.fleft{ float:left; }


#Banner { min-height:524px; width:100%; padding:0px; margin:0px; position:relative}


#supersized { left:0; top:133px; padding:0px;}

#prevslide{ margin-left:30px; top:400px;}
#nextslide{ margin-left:1380px; top:400px;}

#Banner #prevslide,#Banner #nextslide {
    top: 40% ;
}



.Menucontainer-fluid{ height:65px; padding:0px; background-image:url(../images/menu-bg.png); background-repeat:repeat-x; background-position:top left;}


.bannerservices-fluid{margin:0px 0 0; padding:423px 0 0; width:100%; min-height:76px;}
.schedulesers{ width:280px; height:76px; float:left; margin:0px 10px 0 0; padding:5px 0 0; background-image:url(../images/shecdul-bg.jpg); 
background-repeat:repeat-x; color:#333; font-size:14px;}
.schebig{ font-size:20px; font-weight:bold; display:block;}
.getintuch{ width:280px; height:76px; float:right; margin:0px;padding:5px 0 0; background-image:url(../images/shecdul-bg.jpg); background-repeat:repeat-x;
color:#333; font-size:14px;}
.schedulesers a{ color:#333;}
.schedulesers a:hover{ color:#f7c51e;}
.getintuch a{ color:#333;}
.getintuch a:hover{ color:#f7c51e;}

.swimming-fluid { margin:0px;padding:33px 0 0;width:100%; min-height:400px; background-color:#333;}

.swimming{ width:32.2222%; min-height:336px; margin:0px; padding:0px; float:left; background:#2B82DB url(../images/swimming-bg.jpg); background-repeat:no-repeat;
background-position:center top; text-align:center;}

.swimming-title{ font-size:22px; color:#062D7A; text-align:center; display:block; margin:0px; padding:10px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


.hottubs{ width:32.2222%; min-height:336px; margin:0 24px; padding:0px; float:left; background:#CC0099 url(../images/hot-tubs.jpg);
 background-repeat:no-repeat;background-position: center top; text-align:center;}
.hottubs-title{ font-size:22px; color:#650033; text-align:center; display:block; margin:0px; padding:10px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.greenegg{ width:32.2222%; min-height:336px; margin:0px; padding:0px; float:left; background:#8FCA16 url(../images/green-eg-bg.jpg); background-repeat:no-repeat;
background-position:center top; text-align:center;}
.greenegg-title{ font-size:22px; color:#336500; text-align:center; display:block; margin:0px; padding:10px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.boder{ border:solid 3px #fff; margin:25px 0 0;}

.HomepageC-fluid { margin:0px;padding:32px 0 37px 0; width:100%; height:auto; background-color:#fff; display:inline-block; float:left; min-height:504px;}
.homeleft{ width:44%; float:left; height:auto; margin:0 48px 0 0; padding:0px;} 
.homeleft ul{ margin:0px 0 0 80px; padding:0px;}
.homeleft li{ margin:0px; padding:5px 10px; font-size:15px; color:#333;}
.HomepageC-fluid .textwidget{ float:right; width:52%}
.HomepageC-fluid .textwidget a{ display:inline-block; width:48%; vertical-align:top}
.spa-saleL{ /*width:342px;*/ width: 100%; float:left; min-height:436px; background:#FF761A url(../images/spa-sale.jpg); background-repeat:no-repeat; background-position:center top; margin:0 0px 0 0; padding:0px;}
.spa-saleLtitle{ font-size:28px; color:#FFF; font-weight:bold; text-align:center; line-height:55px; background-color:#ff812c; padding:0px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.spa{ margin:56px 0 0 0; padding:0 37px; text-align:center;}

.spatitle{font-size:24px; line-height: 28px; margin:15px 0px; display:block; color:#FFF; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.spa p{font-size:24px; margin:13px 0; text-align:center; line-height:30px; color:#FFF; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.spa-saleR{ /*width:342px;*/width:100%; float:left; min-height:436px; background:#990099 url(../images/spa-sale-1.jpg); background-repeat:no-repeat; background-position:center top;margin:0px; padding:0px;}

.spa-saleRtitle{ font-size:25px; color:#FFF; font-weight:bold; text-align:center; line-height:55px; background-color:#ab0cab;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.spagirl{  margin:59px 0 0 0; padding:0 37px; text-align:center;}
.spagirltitle{font-size:26px; margin:15px 0px; display:block; color:#FFF; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.spagirl p{font-size:24px; margin:13px 0; text-align:center; line-height:30px; color:#FFF; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
 
.mbot15{ margin-bottom:20px;}
 
.footercontainer-fluid{ background:url(../images/footer-bg.png); background-repeat:no-repeat; background-position:center top;
margin:0px;padding:0px;width: 100%; min-height:140px; display:inline-block; float:left;}

.footecont{ width:1167px; height:auto; margin:0px auto;}
 
.foote-left{ float:left; width:35%; margin:0px; padding:20px 0;} 
.foote-left1{ float:left; width:20%; margin:0px; padding:20px 0;} 
.foote-left2{ float:left; width:25%; margin:0px; padding:20px 0;}
.foote-left3{ float:left; width:20%; margin:0px; padding:20px 0;}

.textwidget { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:17px;}
.textwidget a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:17px;}
.textwidget a:hover { color:#0066cc;}
.textwidget img { width:auto;}

.textwidget div.img2 { display:inline-block; float:left; margin:3px;}



/* 2.0 - for inner pages 
---------------------------------------------------------------------- */

.bannerservices-fluid_inner{ /*background:url(../images/inner_image.jpg); background-repeat:no-repeat; background-position:center bottom; */margin:0px 0 0;padding:0px 0 0;width:100%; height:203px;}

.page-template-default { background:url(../images/inner_image.jpg); background-repeat:no-repeat !important; background-position:center 132px;}
.page-template-product-template-php { background:url(../images/inner_image.jpg); background-repeat:no-repeat !important; background-position:center 132px;}
.single-format-standard { background:url(../images/inner_image.jpg); background-repeat:no-repeat !important; background-position:center 132px;}
.page-template-blog-template-php{  background:url(../images/inner_image.jpg); background-repeat:no-repeat !important; background-position:center 132px;}
.zoom_innerpage{ width:353px; float:right; margin:25px auto 0 auto;}
.fix_height{ min-height:220px;}
.HomepageC-fluid_innerpage{ padding:45px 0 37px 0; width:100%; display:inline-block; float:left;}

.spa-saleR_inner{min-height:436px; background:#990099 url(../images/spa-sale-1.jpg); background-repeat:no-repeat; background-position:center top;margin:0 auto; padding:0px;}

.spa-saleRtitle_inner{ font-size:28px; color:#FFF; font-weight:bold; text-align:center; line-height:55px; background-color:#ac0cac; padding:0px;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.spagirl_inner{ width:266px; margin:80px auto 0;text-align:center;}
.spagirltitle_inner{font-size:26px; margin:15px 0px; display:block; color:#FFF; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.spa-saleL_inner{min-height:436px; background:#FF761A url(../images/spa-sale.jpg); background-repeat:no-repeat; background-position:center top; margin:30px auto; padding:0px;}
.spa-saleLtitle_inner{ font-size:28px; color:#FFF; font-weight:bold; text-align:center;}
.inner_row{ text-align:center;}
.inner_row img{ padding:10px 5px; display:inline;}
.form-horizontal .control-label{ color:#333; text-align:left;}
.right_part{ width:100%; border:1px solid #ddd; height:300px;
}
label{ color:#222;}


.allproducts { width:100%; display:inline-block; float:left; margin:0px; padding:0px; list-style:none;}


.single-staff { display:inline-block; /*float:left;*/ width:100%; border-bottom:solid 1px #ccc; padding:15px 0;}
.single-staff:last-child { border-bottom:none;}
.single-staff .photo {
    float: left; width:17%; margin:0px; padding:0 20px 0 0;
}
.single-staff .photo img {
    width: 100%;
}
.outer-staf-deatl {
    width:83%; float:left; padding:0px; margin:0px;
    color: #F59A00 !important;
}
.staff-inner-name {
    color: #F59A00; display:inline-block; float:left; width:50%; text-align:left; margin-bottom:10px;
}
.single-staff .name {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #333; font-weight:600; font-size:17px;
}
.single-staff .position {
    color: #F59A00;
}
.staff-inner-email {
	color: #F59A00; display:inline-block; float:left; width:50%; text-align:right; margin-bottom:10px;
}
.single-staff .email {
    color: #F59A00;
}
.single-staff .phone {
    color: #F59A00;
}

/* Product listing
---------------------------------------------------------------------- */
.allproducts li { width:23.8888%; display:inline-block; float:left; padding:0px; margin:15px 15px 5px 0; min-height:280px;}
.allproducts li h4 { text-align:center; font-size:16px; color:#333; padding:0px; margin:0px; line-height:22px; padding:0px; min-height:45px; vertical-align:text-bottom;}
.allproducts li:nth-child(4n+4) { margin-right:0px;}
.pro-img {border:solid 2px #c1e081;}
.pro-img a { display:block; text-align:center; vertical-align:middle; min-height:200px; line-height:200px;}
	
.allproducts li .more { text-align:center; line-height:30px; background-color:#EAE6EA;}
.allproducts li .more a{ color:#0066cc;}
.allproducts li .more a:hover{ color:#c1e081;}

.code img{ padding:10px 0;}
p img{ max-width:100%;}


.thumbnail{ width:50%; float:left; margin-right:20px;}
.code{ float:left; width:45%;}
.entry-content{ width:100%; display:block; float:left;}


/* page Left-Right
---------------------------------------------------------------------- */
.page-left { width:72.3333%; float:left; padding:0px; margin:0 48px 0 0;}
.page-right { width:23.7777%; float:left; padding:0px; margin:0 0 0 1px;}


.element_9 .image-block_9 img { width:100% !important; height:auto !important;}
.element_9 { height:340 !important;}

/* Media Queries
---------------------------------------------------------------------- */
/* media screen and (max-width: 1360px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1360px)
{
.container { width:100%; padding:0 15px;}

#prevslide{ left:10px; margin-left:inherit;}
#nextslide{ right:10px; margin-left:inherit;}

.schedulesers{ width:19.3%;}
.getintuch{ width:19.3%;}
.schebig{ font-size:18px;}
  
.swimming-fluid{min-height:360px;}
  
.swimming{ padding:0 10px 10px 10px;}
.hottubs{ padding:0 10px 10px 10px;}
.greenegg{ padding:0 10px 10px 10px;}
  
.swimming-fluid { margin:0px; padding:33px 0; width:100%; min-height:inherit; background-color:#333;}

.swimming{ width:32.1111%; min-height:inherit;}
.hottubs{ width:32.1111%; min-height:inherit;}
.greenegg{ width:32.1111%; min-height:inherit;}

.hottubs img{ width:100%;}
.swimming img{ width:100%;}
.greenegg img{ width:100%;}
  
.homeleft{ width:570px; }
  
.footecont{ width:100%;}
  
.allproducts li{ width: 23.7777%;}
 
.bannerservices-fluid{margin:0px; padding:338px 0 0; width:100%; min-height:75px;}

.page-left { width:70.6666%;}
.page-right { width:25.5555%;}

}

/* media screen and (max-width: 1337px)
---------------------------------------------------------------------- */

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

.schedulesers{ width:19.3%;}
.getintuch{ width:19.3%;}
.schebig{ font-size:18px;}
  
.swimming{ width:32%;}
.hottubs{ width:32%;}
.greenegg{ width:32%;}
  
 
  .hottubs img{ width:100%;}
  .swimming img{ width:100%;}
  .greenegg img{ width:100%;}
  
  .homeleft{ width:547px; }
  

  .footecont{ width:100%;}
   
  
}
/* media screen and (max-width: 1280px)
---------------------------------------------------------------------- */

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

.schedulesers{ width:19.3%;}
.getintuch{ width:19.3%;}
.schebig{ font-size:18px;}
  
 
.homeleft{ width:490px; }
  
.footecont{ width:100%;}
.allproducts li{ width: 23.6666%;}
  
.page-left { width:69%;}
.page-right { width:27%;}
  #cssmenu > ul > li > a{font-size: 18px;}
}

/* media screen and (max-width: 1170px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1170px)
{
.allproducts li {
    width: 23.4444%;
}
.swimming{ width:31.8888%;}
.hottubs{ width:31.8888%;}
.greenegg{ width:31.8888%;}	

.homeleft{ width:380px; }

.page-left { width:65.5555%;}
.page-right { width:30%;}  #cssmenu > ul > li > a{font-size: 18px;}

	
}

/* media screen and (max-width: 1152px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1152px)
{
.homeleft{ width:362px; }	
}

/* media screen and (max-width: 1024px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1024px)
{
	
.page-left { width:61%;}
.page-right { width:34%;}

.Menucontainer-fluid { height:auto;}
.Menucontainer-fluid .container { padding:0px;}

.schedulesers{ width:19.1%;}
 .getintuch{ width:19.1%;}
 
.spa-saleL { margin:0 0 32px 0;}
.spa-saleR { float:right;}
  .spa{ width:100%;}
  .spagirl{ width:100%;}


.allproducts li{ width: 23.3333%; min-height:300px;}

.swimming{ width:31.6666%;}
.hottubs{ width:31.6666%;}
.greenegg{ width:31.6666%;}	

.homeleft {
    width: 59%;
}

.foote-left{ float:left; width:30%; margin:0px; padding:20px 0;} 
.foote-left1{ float:left; width:20%; margin:0px; padding:20px 0;} 
.foote-left2{ float:left; width:25%; margin:0px; padding:20px 0;}
.foote-left3{ float:left; width:25%; margin:0px; padding:20px 0;}
.HomepageC-fluid .textwidget{ float: right; width: 35%;}

table { width: 100%;}
table td{ width:auto}
.HomepageC-fluid .textwidget a {
    width: 100%;
}
}


/* 16.2 - media screen and (max-width: 992px)
---------------------------------------------------------------------- */

@media screen and (max-width: 992px)
{
.schedulesers{ width:19.1%;}
  .getintuch{ width:19.1%;}
  .schebig{ font-size:15px;}


  .allproducts li:nth-child(3n+3) { margin-right:0px;}
  .allproducts li:nth-child(4n+4) { margin-right:15px;}
  .allproducts li {
    width: 30.7777%;
} 
.swimming{ width:31.5555%;}
.hottubs{ width:31.5555%; margin:0 20px}
.greenegg{ width:31.5555%;}	

/*.homeleft{ width:560px; }*/

.page-left { width:54.667%;}
.page-right { width:35%;}
.homeleft {
    width: 58%;
}

.spagirl, .spa {
    padding: 0 30px;
}
 
}


/* 16.3 - media screen and (max-width: 800px)
---------------------------------------------------------------------- */

@media screen and (max-width: 800px)
{
  .homeleft{ width:100%; float:inherit; margin:0 0 28px 0;}
  
 .spa-saleL{ width:100%; margin-left:0px; margin-bottom:0px; margin-right:28px; float:left;}
 .spa-saleR{ width:100%; float:left;}
 .HomepageC-fluid .textwidget a {
    width: 49% !important;
}
.footercontainer-fluid { background-image:none; background-color:#00245a; height:auto;}
.foote-left{ float:left; width:50%; margin:0px; padding:20px 0;} 
.foote-left1{ float:left; width:50%; margin:0px; padding:20px 0;} 
.foote-left2{ float:left; width:50%; margin:0px; padding:20px 0;}
.foote-left3{ float:left; width:50%; margin:0px; padding:20px 0;}
 
 .bannerservices-fluid{padding:253px 0 0 0;}
 
 .schedulesers{ width:30%; margin-bottom:5px;}
 .getintuch{ width:30%; float:left;}
  .allproducts li:nth-child(3n+3) { margin-right:15px;}
  .allproducts li:nth-child(4n+4) { margin-right:15px;}
  .allproducts li:nth-child(2n+2) { margin-right:0px;}
  .allproducts li {
    width: 48.4444%;
}
.swimming{ width:31.2222%;}
.hottubs{ width:31.2222%;}
.greenegg{ width:31.2222%;}	

.page-left { width:49.556%;}
.page-right { width:43%;}
.g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.hottubs {    margin: 0 20px;}
.HomepageC-fluid .textwidget {
    width: 100%;
}

}


/* 16.4 - media screen and (max-width: 768px)
---------------------------------------------------------------------- */

@media screen and (max-width: 768px)
{
  .allproducts li {
    width: 48.3333%;
}
.swimming{ width:31.1111%;}
.hottubs{ width:31.1111%;}
.greenegg{ width:31.1111%;}	

.page-left { width:48.2222%;}
.page-right { width:45%;}
.HomepageC-fluid .textwidget {
    width: 100%;
}
.HomepageC-fluid .textwidget a {
    width: 48% !important;
}
.spa-saleL, .spa-saleR{ width:100%}
}


/* 16.5 - media screen and (max-width: 728px)
---------------------------------------------------------------------- */

@media screen and (max-width: 767px)
{
.header-left{ width:45%;}
.header-right{ width:45%;}	

.spa-saleR_inner{ width:50%; margin:30px auto;}
  .spa-saleL_inner{ width:50%; margin:0px auto;}
  .textwidget { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:17px;}
  .spa-saleR_inner {
    margin: 30px 0;
    width: 80%;
}
.allproducts li {
    width: 48.7777%;
}
.spa-saleR_inner {
    float: left;
    margin: 30px 15px 0 0;
    width: 49%;
}
.spa-saleL_inner {
    float: left;
    margin: 30px 0;
    width: 48.5555%;
}
.hottubs { margin:0 23px;}

/*.spa-saleL{ width:47.7777%;}
.spa-saleR{ width:47.7777%;}*/
 
.page-left { width:100%; float:left; padding:0px; margin:0px;}
.page-right { width:100%; float:left; padding:0px; margin:0px;}
.hottubs-title, .greenegg-title, .swimming-title{ font-size:20px}
.swimming, .hottubs, .greenegg{  width: 30.111%;}

}


/* 16.6 - media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width: 640px)
{
.Headercontainer-fluid{ background:none; background-repeat:no-repeat; background-position:center top;
margin:0px;padding:0px;width: 100%; height:auto; background-color:#2AAAEC;}
.header-left{ width:100%; text-align:center;}

.logo {margin:0px; padding:0px; width:100%; text-align:center;}

.header-right{ width:100%; float:left;}

.callustoday{ margin:15px auto; width:300px; float:inherit; text-align:center;}

  .swimming-title, .hottubs-title, .greenegg-title{font-size:18px;}
  
  .footercontainer-fluid{background-position:center top;
  	margin:0px;padding:0px;width: 100%; height:auto; background-color:#003072;}
	.foote-left{ float:left; width:50%;}
	.foote-left1{ float:left; width:50%;}
	.foote-left2{ float:left; width:50%;}
	.foote-left3{ float:left; width:50%; text-align:left;}

 .schedulesers{ width:48%; margin-bottom:5px;}
 .getintuch{ width:48%; float:left;}
 .allproducts li {
    width: 48.6666%;
}

#supersized { left:0; top:226px;}

#prevslide{ top:500px;}
#nextslide{ top:500px;}

.swimming{ width:31%;}
.hottubs {
    margin: 0 10px;
    width: 34%;
}
.greenegg{ width:31%;}	

.spa { padding:0 20px;}
.spa img { width:100%;}

.spagirl { padding:0 20px;}
.spagirl img { width:100%;}

.spa-saleL{ margin-right:27px;}
.page-template-default {
    background-position: center 223px;    
}

.spa-saleR_inner {
    width: 48.5555%;
}
.spa-saleL_inner {
    width: 48.5555%;
}
}


/* 16.7 - media screen and (max-width: 500px)
---------------------------------------------------------------------- */
@media screen and (max-width: 500px)
{
.logo img { width:100%;}
.boder{ margin-bottom:15px;}
  
.bannerservices-fluid{padding:52px 0 45px 0;}
	
.schedulesers{ width:47%; margin-bottom:5px;}
.getintuch{ width:45%; float:left;}
 
.fix_height {
    min-height: 380px;
}

.allproducts li {
    width: 48.2222%;
}
.swimming{ width:100%; margin:0 0 21px 0;}
.hottubs{ width:100%; margin:0 0 21px 0;}
.greenegg{ width:100%;}

 .spa-saleL{ width:100%; margin-right:0px; margin-bottom:28px;}
 .spa-saleR{ width:100%;}
 
.spa { padding:0 37px;}
.spagirl { padding:0 37px;}

.page-template-default {
    background-position: center 206px;
    
}

.spa-saleR_inner {
    width: 100%; margin-right:0px;
}
.spa-saleL_inner {
    width: 100%;
}
.HomepageC-fluid .textwidget a {
    width: 100% !important;
}

}



/* 16.8 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px)
{
	.foote-left{ float:inherit; width:100%; text-align:center; border-bottom:solid 1px #004AAE; padding-bottom:10px;}
	.foote-left1{ float:inherit; width:100%; text-align:center;border-bottom:solid 1px #004AAE; padding-bottom:10px;}
	.foote-left2{ float:inherit; width:100%; text-align:center;border-bottom:solid 1px #004AAE; padding-bottom:10px;}
	.foote-left3{ float:inherit; width:100%; text-align:center; padding-bottom:10px;}
	
 .schedulesers{ width:47%; margin-bottom:5px;}
 .getintuch{ width:47%; float:left;}
 .spa-saleR_inner{ width:100%; margin:30px auto;}
  .spa-saleL_inner{ width:100%; margin:0px auto;}

.allproducts li h4{ min-height:25px;}
.allproducts li {
    width: 100%;
}
  .textwidget { font-family:Arial, Helvetica, sans-serif; width:100%; font-size:14px; font-weight:normal; color:#FFF; line-height:17px; float:none;}
.HomepageC-fluid .textwidget {
    width: 100%;
}
.HomepageC-fluid .textwidget a {
    display: block;
    width: 100%;
}
.HomepageC-fluid_innerpage img{ display:block; width:100%; margin:10px 0 20px !important; height:auto;}

.outer-staf-deatl {
    color: rgb(245, 154, 0) !important;
    float: none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.single-staff .photo {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.thumbnail {
    float: left;
    margin-right: 20px;
    width: 100%;
}

.page-template-default {
    background-position: center 201px;
    
}
.hottubs {
    width: 100% !important;
}

}


/* media screen and (max-width:414px)
---------------------------------------------------------------------- */
@media screen and (max-width:414px)
{
	
.page-template-default {
    background-position: center 185px;
    
}

}

/* media screen and (max-width:375px)
---------------------------------------------------------------------- */
@media screen and (max-width:375px)
{
	
.zoom_innerpage {
    display: block;
    float: none;
    margin: 20px auto;
    overflow: hidden;
    width: 100%;
}
#nextslide {right: 3px;}
#prevslide {left: 3px;}

.textwidget div.img2 { margin:3px 2px;}

.page-template-default {
    background-position: center 175px;
    
}

}

/* media screen and (max-width: 360px)
---------------------------------------------------------------------- */
@media screen and (max-width: 360px)
{
.logo img{ width:100%;}
.spa-saleL{ width:100%; float:inherit; margin-left:0px;}
 .spa-saleR{ width:100%; float:inherit;}	
	.bannerservices-fluid{padding:20px 0 0;}
 .schedulesers{ width:100%; margin-bottom:5px;}
 .getintuch{ width:100%; float:left;}

.page-template-default {
    background-position: center 172px;
}	
#inner_Banner .container { padding:0 8px;}

}



/* media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px)
{
.page-template-default { background:url(../images/slide1.jpg); background-repeat:no-repeat !important; background-position:center 163px;}
.bannerservices-fluid_inner { height:366px;}
	
}

/*-----------------------------My CSS------------------------------------------*/
.single-staff .name {
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 4px;
}


.single-staff .position {
    line-height: 0.9em;
    margin-bottom: 10px;
}

.single-staff .email {
    line-height: 0.9em;
    margin-bottom: 10px; word-break:break-all
}

.single-staff .phone {
    line-height: 0.9em;
}