/* MEDIA QUERIES ****************************************************************************/

@media (max-width:1000px)
{
  /*page center divs*/
.pageCenter{width: 100%;}
.pageCenterAInner{width: 100%;}

/*content wrapper*/
.contentWrapper{width: 80%; margin-left: auto; margin-right: auto;}

}



@media only screen and (max-width: 850px)
{
  /*nav*/
  #topNav{display: none;}
  #mainNav{display: none;}
  #mobileNav{position: absolute; display: block;}
}



@media only screen and (max-width: 800px)
{
  /*nav*/
  #mainNav{clear: both; margin-left: 350px; color: #FFFFFF; padding-top: 35px;}
  
/*content wrapper*/
.contentWrapper{width: 90%; margin-left: auto; margin-right: auto;}
}



@media only screen and (max-width: 750px)
{
  
  /*main Image- no longer fixed - problems in certain android devices - disappears when scrolling */ 
  #mainImage{position: absolute;  min-width: 550px;}
  
  /*Booking Form */
  fieldset{padding: 10px; text-align: center; margin-bottom: 10px;}

  div.fField{overflow: hidden; height: auto; padding-top: 10px;}
  div.formInput{margin-left: 0px;}
  label{display: block; float: none; width: auto; text-align: center; margin-left: auto; margin-right: auto;}
  label.error{float: none; width: auto; text-align: center; color: #FF0000; font-size: 10px; margin: 0px; padding: 0px;}
  select{display: block; margin-left: auto; margin-right: auto; margin-bottom: 4px;}
  
  #captcha_div{float: none; margin-left: auto; margin-right: auto;}
  #captcha_label{text-align: center;}
  
}


@media only screen and (max-width: 700px)
{
  
  /*content wrapper*/
.contentWrapper{width: 100%; margin-left: auto; margin-right: auto;}
.contentDivInner{padding: 0px 25px 25px 25px;}
  
}


@media only screen and (max-width: 550px)
{
  
   /*main Image*/ 
  #mainImage{position: absolute; min-width: 420px;}
  
  /*content wrapper*/
.contentWrapper{width: 100%; margin-left: auto; margin-right: auto;}
.contentDivInner{padding: 0px 15px 15px 15px;}
  
  /*logo*/
  #logoImg{width: 250px;}
  
  
  /*badge - home*/
  #badge{float: none; margin-left: auto; margin-right: auto;}
  
  /*content wrapper*/
.contentWrapper{width: 100%; margin-top: 20px; margin-left: auto; margin-right: auto;}
  
/*bloc*/
.bloc img{float: none; width: 100%; margin-right: 0px;}
.bloc div{float: none; width: 100%;}

/*menu downloads*/
 .menuDiv{float: none; width: 90%; margin-bottom: 30px;}
 p.downloadCap{display: inline;}
 
}


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

 /*main Image* background-image: url('images/NamibiaSafaris_s.jpg');*/ 
  #mainImage{position: absolute;   min-width: 220px;}

  
  /*Nav*/
  #mobileNavImg{width: 40px;}
  
  /*menu downloads*/
 p.downloadCap{display: block;}
  
  /*footer*/
  p.disclaimer{float: none;}


}

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

  /*logo*/
  #logoImg{width: 200px;}
  
  /*Nav*/
  #mobileNavImg{width: 40px; right: 5px;}

}


@media only screen and (max-width: 250px)
{
  /*logo*/
  #logoImg{width: 180px;}

}