/* CSS Document */

@media only screen and (min-width:768px) and (max-width:1023px){
.container {
  width: 96%;
  margin: 0 auto;
  }
.banner{width:99% !important;}
.banner img{width:100%;}
.center-text{left:0;width:750px;max-width:100%;margin:0 auto;}
h1 {font-size: 22px;}
h3 {font-size: 20px;}
.long_island {
  margin: 0 3% 0 0;
  max-width: 47%;border:0;width:270px;}
.long_island img{width:99% !important;border: #fff 3px solid;width:auto;height:auto;}
ul.island {width:50%;}
ul.island li{padding: 0 0 20px 34px;}


.section_left {    
    float: left;
    font-size: 16px;
    margin: 0 1%;
    width: 31%;
	text-align:left;
}
.section_middle {
    color: #fff;
    float: left;
    font-size: 37px;
    text-align: center;
    width: 32%;
}
.section_right {   
    font-size: 16px;
    margin: 0 1%;
    padding: 15px 0;
    text-transform: uppercase;
    width: 33%;
	text-align:right;
}

.pool {width: 50%;float:left;}

.footer-caption {
  width: 96%;
  float: none;
  padding: 30px 2%;
}


.footer_inner1 ul {
    margin: 0;
}

.footer_inner2 ul {margin:12px 0 0 0px;}
.footer_inner2 ul li {margin:0 4px;}
}

@media only screen and (min-width:480px) and (max-width:767px){
.container {
  width: 96%;
  margin: 0 auto;
  }

.logo-top {font-size: 25px;}
.logo-top span.caption {font-size: 18px;}
.strip{font-size:22px;line-height:28px;  padding: 10px 2%;width:96%;}
.highlight {background: url() repeat-y #4172a6;}
.center-text h2 {font-size: 21px;}
.banner{width:99% !important;}
.banner img{width:100%;}
.center-text{left:0;width:100%;margin:0 auto;bottom:10px;height:auto;}
h1 {font-size: 19px;  padding: 15px 16px;}
h2 {font-size: 24px;}
h3 {font-size: 19px;}
h4 {font-size: 18px;}
.long_island {
  margin: 15px auto;
  max-width: 100%;border:0;width:270px;float:none;}
.long_island img{width:99% !important;border: #fff 3px solid;height:auto;}
ul.island {width:100%;float:none;margin-top:20px;}
ul.island li{padding: 0 0 20px 34px;}

.section_left {   
    float: none;
    font-size: 16px;
    margin: 0;    
    text-align: center;  
    width: 100%;
}
 .section_middle {
 	font-size: 30px;
	float: none;   
    text-align: center;
    width: 100%;
	}
 .section_right {  
    float: none;
    font-size: 16px;
    margin: 0;   
    text-align: center;   
    width: 100%;
}

.pool {width: 100%;float:none;margin-top:15px;}

.right-image {
  float: none;
  margin: 10px auto;
  width: 391px;
  max-width:100%;
  }
 .right-image img{width:100%;}
.footer-caption {
  width: 96%;
  float: none;
  padding: 30px 2%;
}


.footer_inner1 {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  }
 .footer_inner1 ul li { 
  float: none;
  padding: 0 0 5px 0;
  margin: 5px auto; 
  line-height: 16px;  
  text-align: center;
  border-bottom:1px solid #4172a6;
  width:150px;
}

.footer_inner1 ul {
    margin:0;padding:0;
}
.footer_inner1 ul li a:hover{text-decoration:none;color:#4172a6;}

.footer_inner2{float:none;width:100%;margin-top:20px;}
.footer_inner2 ul {margin:0;padding:0;}
.footer_inner2 ul li {  
  float: none;
  padding: 0;
  margin: 5px auto;
  line-height: 16px;
  text-align: center;
 
}
}

@media only screen and (min-width:320px) and (max-width:479px){
.container {
  width: 96%;
  margin: 0 auto;
  }
.highlight {background: url() repeat-y #4172a6;}
.logo-top {font-size: 16px;}
.logo-top span.caption {font-size: 15px;  line-height: 17px;margin-top:10px;}
.strip{font-size:16px;line-height:28px;  padding: 10px 2%;width:96%;}

.center-text h2 {font-size: 12px;}
.banner{width:99% !important;}
.banner img{width:100%;}
.center-text{left:0;width:100%;margin:0 auto;bottom:10px;height:auto;}
h1 {  font-size: 15px;
  line-height: 22px;padding:15px;}
h2 {font-size: 18px;}
h3 {font-size: 17px;}
h4 {font-size: 14px;}
.long_island {
  margin: 0 auto 10px auto;
  max-width: 100%;border:0;width:270px;float:none;}
.long_island img{width:99% !important;border: #fff 3px solid;width:auto;height:auto;}
ul.island {width:100%;float:none;margin-top:20px;}
ul.island li{padding: 0 0 20px 34px;font-size:12px;}

.pool {width: 100%;float:none;margin-top:15px;}

.right-image {
  float: none;
  margin:0 auto 10px auto;
  width: 96%;
  }
 .right-image img{width:100%;}
 
 .section_left {   
    float: none;
    font-size: 16px;
    margin: 0;    
    text-align: center;  
    width: 100%;
}
 .section_middle {
 	font-size: 30px;
	float: none;   
    text-align: center;
    width: 100%;
	}
 .section_right {  
    float: none;
    font-size: 16px;
    margin: 0;   
    text-align: center;   
    width: 100%;
}
 
.footer-caption {
  width: 96%;
  float: none;
  padding: 30px 2%;
}
.footer_inner1 {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  }
 
 .footer_inner1 ul {
    margin:0;padding:0;
}
 .footer_inner1 ul li { 
  float: none;
  padding: 0 0 5px 0;
  margin: 5px auto; 
  line-height: 16px;  
  text-align: center;
  border-bottom:1px solid #4172a6;
  width:150px;
}
.footer_inner1 ul li a:hover{text-decoration:none;color:#4172a6;}

.footer_inner2{float:none;width:100%;margin-top:25px;}
.footer_inner2 ul { margin:0;padding:0;}
.footer_inner2 ul li {  
  float: none;
  padding: 0;
  margin: 5px auto;
  line-height: 16px;
  text-align: center; 
}
}