/********************************************************/ 
/*** Client : 
/***
/*** Author : Cairns Web Design 
/*** URL :    www.cairnswebdesign.com.au  
/***
/********************************************************/ 

nav select {display:none;}

/** Breakpoint Starts *******************************************/
@media (max-width: 980px) {

  /*body {background: green;}*/ /*Testing*/

    img {max-width: 100%; height:auto;}

    #wrapper {
       max-width: 100%;
    }

    #callout {
      max-width: 100%;
      }

    .col {
      max-width: 25%; 
      margin: 1em;
      background: #EFEFEF;
      }


    #footer {
      max-width: 100%;
    }

    #footer-inner {
      max-width: 100%;
    }

    #footer-inner .col-01 {
        max-width: 100px;
      }

    #footer-inner .col-02 {
    }


    .lb-image, .lb-dataContainer {
     max-width: 100%;
     height: auto !important;
     width: 100%;
    }

    .lb-outerContainer {
     max-width: 100%;
     height: auto !important;
    }

    #author {
      max-width: 100%;
      text-align: center;
    }

    iframe {
    max-width: 100%;
    height: auto;
    width: auto; /*IE8 bug fix*/
    vertical-align: middle;}

}
/** Breakpoint Ends *********************************************/


/** Breakpoint Starts *******************************************/
@media (max-width: 870px) {


nav li:first-child {
  border-left: 1px solid #ccc; 
  margin: 0 0 0 1em; 
}

nav li a {
  padding: 10px 5px;
}

#nav-wrapper {
  border-top: 2px solid #fff;
}

 }

}
/** Breakpoint Ends *********************************************/



/** Breakpoint Starts *******************************************/
@media (max-width: 740px) {

 #googlemap {
  margin: 3em auto;
  width: 100%;
 }

 nav li a {
  padding: 10px 5px;
}

}
/** Breakpoint Ends *********************************************/




/** Breakpoint Starts *******************************************/
@media (max-width: 660px) {

  /*body {background: yellow;}*/ /*Testing*/

  html {font-size: 14px !important;}

  h1 {font-size: 22px !important;} 


 nav li a {
    padding: 12px 8px;
  }

    
  nav {text-align: center;}
  nav ul {display: none;}
  nav select {display: inline-block;}

  #callout {
    width:100%;
    margin: 0 auto;
  }

  .col {
    float:none;
    max-width: 50%;
    margin: 1em auto;
  }

  .noshow {display: none;}

  #title {
    font-size: 100%;
  }


.content-inner-div {
  width:100%;
  }

  #footer-inner {
    max-width: 100%;
  }


  #footer-inner ul li {
    border-bottom: 1px solid #FFF;
    padding: 1em;
  }

  #footer-inner .col-01 {
    float: none;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
  }

  #footer-inner .col-02 {
    float: none;
    text-align: center;
    margin: 2em auto;
  }

 #socialmedia {
  text-align:center;
  float:none;
  margin: 2em 0 1em 0;
}

  input[type="text"],textarea {clear: left;}
  label {margin: 10px 0px;}
  .required {  margin: 10px 25px 10px 5px;}
  .submit {margin:20px 0 0 100px;}



}
/** Breakpoint Ends *********************************************/