

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

@media (max-width:1120px)
{
/*Main Structural*/
.innerWrapper{width: 90%;}
.contentWrapper{width: 90%;}

/* HOME ICONS */
.iconDiv{text-align: center; width: 100%;}

}


@media (max-width: 1000px)
{
  /*ACCOMMODATION - DETAILS*/
  #accGalleryWrapper{width: 90%; margin-left: auto; margin-right: auto;}

}




@media only screen and (max-width: 970px)
{
  /*was 870*/
  
/* NAVIGATION */
#navWrapper{display: none; clear: both; padding-top: 0px; text-align: center;}

a.nav{display: block; background-color: #68985c; font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; font-size: 19px; color: #FFFFFF; text-transform: capitalize; padding: 10px 25px; margin-right: 0px; border-style: solid; border-color: #acb17d; border-width: 1px;}
a.nav:link {color: #FFFFFF; text-decoration: none;} 
a.nav:visited {color: #FFFFFF; text-decoration: none;}
a.nav:active {color: #FFFFFF; text-decoration: none;}
a.nav:hover {color: #FFFFFF; background-color: #84b678; cursor: pointer; cursor: hand; text-decoration: none;}

a.navLive{display: block; background-color: #52724a; font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; font-size: 19px; font-weight: bold; color: #FFFFFF; text-transform: capitalize; padding: 10px 25px; margin-right: 0px; border-style: solid; border-color: #acb17d; border-width: 1px;}
a.navLive:link {text-decoration: none;} 
a.navLive:visited {text-decoration: none;}
a.navLive:active {text-decoration: none;}
a.navLive:hover {text-decoration: none;}

/*MOBILE NAV*/
#menuMobileDiv{display: block; clear: both; text-align: center;}

}

@media only screen and (max-width: 850px)
{
 /*MAIN STRUCTURAL DIVS*/
#txtKouga{font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; text-align: center; font-size: 45px; padding-top: 30px; line-height: 140%; color: #202020;}


  /*ACCOMMODATION - DETAILS*/
  #accGalleryWrapper{width: 100%; margin-left: auto; margin-right: auto;}
  
  /* TABLE RATES*/
  .tblRates td.Desc{width: 40%;}
  
}

@media only screen and (max-width: 800px)
{
  
/*FOOTER*/
#footerBadges div{margin-left: auto; margin-right: auto; text-align: center;}
#footer p{float: none; margin-right: 0px; text-align: center;}

}



@media only screen and (max-width: 760px)
{
 
 /* LINKS */
 a.big{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-size: 18px; color: #52724a; text-decoration: underline;}
/* BOOKING FORM */
fieldset{padding: 10px;}
div.formInput{display: block; color: #EEEEEE; vertical-align: top;}
label{display: block; width: auto; color: #020202; text-align: center; font-weight: normal; line-height: 120%; margin-bottom: 3px;}
label.error{display: block; width: auto; text-align: center; color: #FF0000;}

}


@media only screen and (max-width: 700px)
{
  
 /*MAIN STRUCTURAL DIVS*/
#header{text-align: center;}

#logo{float: none; display: block; margin-left: auto; margin-right: auto;}
#route62{float: none; display: block; margin: 30px auto 0px auto; width: 50px;}
#txtKouga{font-family: PTSansNarrowRegular, arial, helvetica, sans-serif; text-align: center; font-size: 45px; padding-top: 10px;  line-height: 110%; color: #FFFFFF;}
#txtKouga span{color: #68985c; font-style: italic;}

#byline{margin: 20px 0px 20px 0px; font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; color: #FFFFFF; font-style: italic; font-size: 25px; text-align: center;}

/* CORE */          
p.intro{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-style: italic; font-size: 20px; text-align: center; background-color: #EFEFEF; padding: 20px 30px;}

/* BREADCRUMB */
div.breadcrumb{background-color: #FFFFFF; padding: 20px 0px; text-align: center;}

  /*ACCOMMODATION - DETAILS*/
  #accLeft{float: none; width: 100%;}
  #accRight{float: none; width: 100%; border-style: dotted; border-width: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; margin-top: 15px;}
  #accRight p{text-align: center;}
  #accRight h3{text-align: center;}
  #accGalleryWrapper{width: 100%; margin-left: 0px; margin-right: 0px;}
  #selectAccommodation{float: none; width: 100%; margin-top: 10px; text-align: center;}
  #accSelect{margin-left: auto; margin-right: auto; text-align: center;}

}


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

  /* IMAGES */
  img.picThird{width: 32%; margin-right: 2px;}
  
  
  /*ACCOMMODATION MAIN*/
  .aDescription{float: none; width: 100%;}
  .aDescription h2{margin-top: 5px;}
  .aImg{float: none; width: 100%;}
  

}




@media only screen and (max-width: 550px)
{
  
/*MAIN STRUCTURAL DIVS*/
/*Main Structural*/
.innerWrapper{width: 92%;}

.innerPadding{padding: 10px 10px 10px 10px; overflow: hidden;}
.innerPadding2{padding: 0px 10px 10px 10px; overflow: hidden;}
.greyDiv{background-color: #EFEFEF; padding: 0px 10px 10px 10px; overflow: hidden;}
.greyDiv2{background-color: #EFEFEF; padding: 10px 10px 10px 10px; overflow: hidden;}


/* CONTENT */
.contentWrapper{width: 92%;}

/* CORE */        
p.intro{font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; font-style: italic; font-size: 20px; text-align: center; background-color: #EFEFEF; padding: 20px 10px;}

/* GALLERIA*/
.galleria{margin: 0px 0px 10px 0px;} /*10 also added in the galleria css*/

/* HOME ICONS */
.icon{margin-right: 8px; margin-bottom: 8px;width: 100px;}

/*BOOKING FORM recapture
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);}*/

}


@media only screen and (max-width: 450px)
{
  
  /* IMAGES */
  img.picThird{width: 90%;}
  
    /* TABLE RATES*/
  .tblRates td.Desc{width: 45%;}
  
  /*FOOTER*/
  #footer p{float: none; text-align: center; margin-right: 0px;}

}

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

  /* IMAGES */
  img.picThird{width: 100%;}  

}


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

}
