.showmobilepool
{
display: none;
}


@media only screen and (max-width: 1218px) {
  .searchbox {
        width: 100%;
        text-align: right;

    }

}

/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
    .hero-text-box {
        width: 100%;

    }
    
    .row { width : 96%; padding: 0 2%; }
    .rowlogo { width : 96%; padding: 0 2%; }
    .row900 { width : 96%; padding: 0 2%; }
    .row1200 { width : 96%; padding: 0 2%; }



    img
    {
    max-width: 100%;
    }

.registrationbutton
{ 
    font-size : 16px;

}
}

@media only screen and (max-width: 1030px) {
  .mobile
{
display: inline-block;
padding-right: 20px;
}
.nomobile
{
display: none;
}  

}
 
 
 
 
 

/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {

    section { padding: 10px 0; }
    section.nopadding {padding: 0;}
    
    section.stickypadding{
     margin-top: 158px;
}
    div#wrapper
    {
     height : auto;
     min-height: auto;
    }

    .registrationbutton
{ 
    font-size : 16px;

}

  .mobile
{
display: inline-block;
padding-right: 20px;
}
.nomobile
{
display: none;
} 
 
    .long-copy {
        width: 80%;
        margin-left: 10%;
    }
    
    .steps-box { margin-top: 10px; }
    .steps-box:last-child { margin-top: 10px; }
    .works-steps { margin-bottom: 40px; }
    .works-step:last-of-type { margin-bottom: 60px; }
    
    .app-screen { width: 50%; }
    
    .icon-small { 
        width: 17px;
        margin-right: 5px;
    }

    .contact-form { width: 80%; }




#footer
{
    width : 100%;
}

.searchpaddingbottom
{
    padding-bottom: 4px;
}

}




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

section.stickypadding{
     margin-top: 146px;
}


.paddingbottom966
{
    padding-bottom: 8px; 
}
.register
{
    margin-top: 4px;
}
.searchpaddingtop12
{
    padding-top: 0;
}

}

@media only screen and (max-width: 962px) {
.searchbox {
    padding-bottom: 20px;
}

}


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


.registrationbutton
{ 
    font-size : 16px;

}

h1.intro
{
    line-height : 30px;
}
h1
{

    margin: 4px 0 0 0 ;

}

div .margintop50
{
     margin-top: 10px;
}

.margintop30,
.margintop50
{
     margin-top: 10px;
}
.marginbottom12
{
margin-bottom: 6px;
}
#footer
{
    width : 90%;
}
.maxwidth90
{
max-width : 95%;
}
.maxwidth60
{
max-width : 95%;
}
    }
@media only screen and (max-width: 780px) {
    section.stickypadding{
     margin-top: 180px;
}
.smallercolumn,
.smallercolumn div, 
.smallercolumn p
{
      padding: 0 0.5% 10px 0.5%;
      font-size : 13px;
}

       }
       

/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    body { font-size: 16px; }
    section { padding: 0; }
    
    .row,

    .col { 
        width: 100%;
        margin: 0 0 0 0;
        padding-bottom: 2px;
    }
    section.stickypadding{
     margin-top: 280px;
}

.borderright {
    border: transparent;
}
.aquaticsbox
{
    width : 40%;
}
    
.greenregisterbutton
{
    margin: 8px auto;
}

.paddingrightconcert
{
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
    margin: auto;
}

.concert
{
    text-align: center;
    margin: auto;
}




.sidenav
{
    margin: 0 auto 10px auto;
    width: 60%;
}


div.mobileenews
{
    border-left : none;
    display: block;
    max-width : 475px;
    margin: 0 auto;
}


div.enews
{
    display: none;
}
div.rightnav
{
    border-left : none;
    display: none;
}


div.rightnavhome
{
    border-left : none;
}

.right768
{
text-align: left;
}


   #fourbox {

    width : 60%;
    margin: 0 auto;
    height: auto;

} 
#fourbox .one {

    height : auto;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

#fourbox .two {

    height : auto;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
#fourbox .three {

    height : auto;
    padding-bottom: 10px;
    margin-bottom: 8px;
}

#fourbox .four {

    height : auto;
    padding-bottom: 10px;
}
    .mobileclick
    {
    display: inline-block;
    }

.asppaddingleft20 {
    padding-left: 0;
}  


.asppaddingtop20 {
    padding-top: 20px;
} 
    .mobilepaddingleft20
    {
    padding-left : 20px;
    }
.paddingleft60
{
    padding-left : 10px; 
}

.marginleft60, 
.marginleft20,
.marginright20
{
    margin: auto;
}


    
    .row40{
    padding-top: 10px;
    }
    
    .row1000{
    padding-top: 0;
    }
    

    .logo {
        margin: 0 auto 0 auto;
        text-align: center;
        padding-top: 0; 
    }

    
    h2 {
        font-size: 110%;
        margin-bottom: 4px;
    }
    section .story {
        padding: 0;
    }

     section .instafeed {
        padding: 0;
    }

    .registrationbutton
{ 
    font-size : 14px;

}

    
    .long-copy {
        width: 100%;
        margin-left: 0%;
    }
    
    .app-screen { width: 40%; }
    .steps-box:first-child { text-align: center; }

  .paddingtop20
    {
        padding-top: 4px; 
    }

  .paddingtop36,
  .paddingtop100
    {
        padding-top: 4px; 
    }
    .paddingtop40
     {
        padding-top: 4px; 
    }
    
       .paddingtop60
    {
        padding-top: 4px; 
    }
    
.col .paddingtop60
{
    padding-top: 4px;
}   

.col .paddingleft100,
.paddingleft100
{
    padding-left: 20px; 
}
.secondarypage .paddingtop70
{
    padding-top: 4px;
}   

div .col .paddingtop70
{
    padding-top: 4px;
}

.paddingbottom24
    {
        padding-bottom: 24px; 
    }
.paddingbottom60 {
    padding-bottom: 12px;
}
    
.faqpadding
{
    padding-left : 0;
    margin: 0 auto;
}


.faqimage img
{
    width : auto;
    height : 400px;
    margin: auto;
    text-align: center;
}

    
    .logo {
    width : 90%;
}

    .logo img{
    width : 90%;
}

/* vision */
span.text-content {

  width: 100%;

}

ul.img-list li {
  width: 100%;
}


/* FORMS */

.formrow { margin-left: 2%; width: 90%;}
.formrow .label { width: 90%; font-weight: bold; text-align: left; }
.formrow .input, .formrow .input input { width: 90%; margin-right : 2%; }
.formrow .comment { width: 90%; margin-right : 2%; }

.formrow select { max-width: 90%; }
.formrow .input .formrow_80 { width: 86%; }

.formrow .center {padding-left: 1%;}
.formrow .padding35 {padding-left: 1%;}


footer {
    padding: 0;

    margin-top: 0;
    height : auto;

}

.footer-nav {
    float: none;
    padding-top: 10px; 
    font-size : 100%;
    text-align: center;
}


.social-links {
    float: none;
}


.phoneicon
{
padding-left : 20px;
}


.footer-nav li,
.social-links li {
    margin-right: 10px;
}

footer p {
    margin-top: 6px;
}


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

.nomobilepool
{
display: none;
}

.showmobilepool
{
display: block;
}
}

@media only screen and (max-width: 600px) {
    section.stickypadding{
     margin-top: 250px;
}

}
/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {

    section { padding: 0; }
    .contact-form {width: 100%; }

#fourbox {

    width : 80%;
    margin: 0 auto;

} 
.margintop20,
.margintop30, 
.margintop50,
.margintop60 
{
margin-top: 10px;
}
.aquaticsnotice
{
    width : 70%;
}
.marginbottom12
{
margin-bottom: 6px;
}
 .aquaticsbox
{

    text-align: center;
    margin: 0 auto;
}

.paddingbottom30
{
    padding-bottom: 6px;
}
  
.paddingright30 
{
padding-right : 6px;
}
.paddingright150
{
padding-right: 10px;
}

.paddingleft150
{
padding-left: 10px;
}


.dancewide table { 

        width: 100%;

}

.width700
{
    width : 90%;
}

.width450
{
    width : 90%;
}
.width500
{
    width : 90%;
}


.textrightgym
{
    text-align: left;
}
.textrightmobile
{
text-align: center;
}

.event
{
    width: 90%;
    margin-left : 10px;
}

.compplanbox
{
    width: 90%;
}

.imageright
{
margin: auto;

}

.imageright:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


.waterbottle
{ 
    margin: 0 auto 10px auto;
    width: 70%;    
}

.mobilecenter
{
margin: auto;
text-align: center;

}


.width400
{
width: 100%;
margin: auto;
}


.prop1title
{
 padding-top: 8px; 
 padding-bottom: 8px; 
 font-size : 20px;
}
.levytext
{
font-size : 20px;
}

}