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



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

      #headarea { width:100%; text-align:left; }
      #logo     { max-width:55%; padding-left:2%; }
      #logoxy   { width:90%; height:auto; }

      #menuarea { display:none; }

 
      #bread    { width:96%; margin:0 2% 0 2%; }
      #breadcon { width:94%; }

      .tshadow { display:none; }

      #imgContainer     { height:auto; border:none; background:none; } 
      #imgContainer img { height:auto; }


      .full             { width:96%; padding:2%; margin-top:0; }
      .content          { width:100%; padding: 30px 0px 40px 0px; }
      .contentgrey      { width:100%; }

      .contentGold21      { width:100%; }
      .contentGold12      { width:100%; margin:40px 0 0 0; }

      .blueBox { width: 96%; border-right: none; padding: 2%; font-size:16px; }

      section ul { padding: 0 0 10px 15px; }


      #footbar { width:96%; height:auto; padding:40px 0 80px 0px;}
      .block01  { display:block; float:none; width:100%; }
      .block02  { display:block; float:none; width:100%; }
      .block03  { display:block; float:none; width:100%; }
      .block04  { display:block; float:none; width:100%; }  


      .infoline2 { width:100%; height:28px; padding-bottom:2%; }
      .infoInner2 { width:96%; }

      .bshadow { display:none; }
     
      .scrollup { bottom: 50px; }

}



@media only screen 
and (min-width : 481px) and (max-width : 768px)
{



      #headarea { width:100%; text-align:left; }
      #logo     { max-width:55%; padding-left:5%; }


      #menuarea { display:none; }
 
      #bread    { width:90%; margin:0 5% 0 5%; }
      #breadcon { width:94%; }

      .tshadow { display:none; }

      #imgContainer     { height:auto; border:none; background:none; } 
      #imgContainer img { height:auto; }


      .full             { width:90%; padding:5%; margin-top:0; }
      .content          { width:100%; padding: 30px 0px 40px 0px; }
      .contentgrey      { width:100%; }

      .contentGold21      { width:100%; }
      .contentGold12      { width:100%; margin:40px 0 0 0; }

      .blueBox { width: 90%; border-right: none; padding: 5%; /*font-size:16px;*/ }

      section ul { padding: 0 0 10px 15px; }


      #footbar { width:90%; height:auto; padding:40px 0 80px 0px;}
      .block01  { display:block; float:left; width:40%; }
      .block02  { display:block; float:left; width:60%;  margin-right:0; }
      .block03  { clear:both; display:block; float:left; width:40%; }
      .block04  { display:block; float:left; width:60%; }  


      .infoline2 { clear:both; width:100%; height:28px; padding-bottom:2%; }
      .infoInner2 { width:90%; }

      .bshadow { display:none; }
     


}

@media only screen 
and (min-width : 769px) and (max-width : 979px)
{
     
  /* HIDE ELEMENTS */

     #mobilebox { display:none; }
     #mobilemenu   { display:none; }

      #headarea { width:100%; }

      #logo     { padding-left:2%; }
      #menuarea { width:530px; }

      #infonav  { margin: 0 0 0 124px; }

      nav       { width:460px; float:right; }

      #menuNav > ul {	width: 460px; margin: 0 auto; }

      #bread    { width:100%; margin:0; }
      #breadcon { width:94%; }

      .tshadow { display:none; }

      #imgContainer     { height:auto; border:none; background:none; } 
      #imgContainer img { height:auto; }


      .full             { width:96%; padding: 0% 2% 0% 2%; margin-top:0; }
      .content          { width:100%; padding: 30px 0px 40px 0px; }
      .contentgrey      { width:100%; }

      .contentGold21      { width:52%; }
      .contentGold12      { width:43%; margin:40px 0 0 5%; }

      .blueBox { width: 90%; border-right: none; padding: 5%; /*font-size:16px;*/ }

      section ul { padding: 0 0 10px 15px; }


  /* FOOTER*/

      #footbar { width:90%; height:auto; padding:40px 0 80px 0px;}
      .block01  { display:block; float:left; width:40%; }
      .block02  { display:block; float:left; width:60%;  margin-right:0; }
      .block03  { clear:both; display:block; float:left; width:40%; }
      .block04  { display:block; float:left; width:60%; }  


      .infoline2 { clear:both; width:100%; height:28px; padding-bottom:2%; }
      .infoInner2 { width:90%; }

      .bshadow { display:none; }


}


@media only screen 
and (min-width : 980px)
{
 
  /* HIDE ELEMENTS */

     #mobilebox { display:none; }
     #mobilemenu   { display:none; }
    
     
}