.tinynav {position: absolute; right: 40px;  overflow: hidden; display: none;}
.tinynavs {position: absolute; right: 0px;  overflow: hidden; display: none;}
.tinynav select, .tinynavs select { } 
   select, .select
{
    background-color: #000;  
    color: #fff; /*default styling of input*/
    line-height: 40px;
    height: 40px;
    width: 30px;
}
select
{ 
	width: 30px;
}
.arrow
{
	height: 40px; width: 30px;
    background-image: url('../img/icons/white/menu_small.png'); 
	background-position: center center;
	background-repeat:  no-repeat;
}
.tinynavs .arrow { background-image: url('../img/icons/white/people.png'); } 



/* Tablet CSS */
@media only screen and (max-device-width: 769px), only screen and (max-width: 769px) {

html {padding: 10px;}

#branding {width: 100%; height: 50px; float: left; } 
#branding #logo {position: absolute; top: 0; left: 0; padding: 0px 0; height: 40px; width: auto; max-width: 50%; 
overflow: hidden;border: none;}
#branding #logo img {height: 40px; margin: 0px 0 0 0; padding: 0; max-width: 100%;}
#branding #logo span {display: none;}


#social {display: none;} 

.tinynav, .tinynavs { display: block; }
#access, .desc, #desc { display: none; }



#wrap { overflow: hidden;  padding:  40px ;  
outline: 0px solid #ffffff;outline-offset: 0px;  }
#primaryContent {height: 100%; width: 100%;}
 
.postWrapper {padding: 40px ;}
 
 

 
 .flex-direction-nav   {bottom: 40px; left: 20px; padding: 20px 10px 0 10px; } 
.flex-direction-nav .flex-next img,
.flex-direction-nav .flex-prev img,
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next { width: 40px; height: 40px; margin: 0px 0 20px 0;} 
.flex-direction-nav  p {float: left; padding: 5px 10px 5px 10px ; color: white; width: auto;line-height: 16px;
font-size: 18px; margin:  0px 0 20px 10px;  border-left: 1px solid rgba(255,255,255,0.25);}
.flex-direction-nav  p a {float: left;   font-size: 11px; color: white; margin: 0px 0 0px 0; 
background: none; text-indent: 0; padding: 0 10px 0 0;}
 
 
 

 .sidebar_wrap  { width: 100%; padding: 40px 20px;} 
 .sidebar .widget {float: left; width: 100%;  }
 

 .sidebar { width: 100%; margin: 0 0 0 -40px; padding: 0 40px;
outline:  0px solid #fafafa; 
outline-offset: 0px;}
 .sidebar_wrap  { padding: 40px 0;} 
 .sidebar .widget {float: left; width: 100%; }
 .port {float: left;}
 #wrap.noPadding .sidebar { float: left; margin: 0; padding: 0px  0px; width: 100%;} 
 #wrap.noPadding  .sidebar_wrap  { width: 100%; padding: 40px ;}  
 
  

#about_me {bottom: 20px; left: 20px; padding: 40px 40px 0 40px;}

}


/* Mobile CSS */
@media only screen and (max-device-width: 320px), only screen and (max-width: 320px) { 
  
#wrap { overflow: hidden;  padding: 40px 20px ;  
outline: 0px solid #ffffff;outline-offset: 0px;  }
#primaryContent {height: 100%; width: 100%;}
 
.postWrapper {padding: 20px ;}

#commentform input {margin-left:  0px;}

h1 a, h1{font-size:  36px; line-height: 40px;  color: black;  } 

h2 {font-size: 21px;  }

h3 {font-size:18px;}

h4 {font-size: 13px; }  
 
 .flex-direction-nav   {bottom: 20px; left: 10px; padding: 10px 5px 0 5px; } 
.flex-direction-nav .flex-next img,
.flex-direction-nav .flex-prev img,
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next { width: 30px; height: 30px; margin: 0px 0 10px 0;} 
.flex-direction-nav  p {float: left; padding: 0px 10px 0 10px ; color: white; width: auto;line-height: 16px;
font-size: 13px; margin:  0px 0 10px 10px;  border-left: 1px solid rgba(255,255,255,0.25);}
.flex-direction-nav  p a {float: left;   font-size: 11px; color: white; margin: 0px 0 0px 0; 
background: none; text-indent: 0; padding: 0 10px 0 0;}


input, textarea {max-width: 100%; width: 100%; padding: 10px 0;}

 .sidebar_wrap  { width: 100%; padding: 40px 20px;} 
 .sidebar .widget {float: left; width: 100%;  }
 

 .sidebar { width: 100%; margin: 0 0 0 -40px; padding: 0 40px;
outline:  0px solid #fafafa; 
outline-offset: 0px;}
 .sidebar_wrap  { padding: 40px 0;} 
 .sidebar .widget {float: left; width: 100%; }
 .port {float: left;}
 #wrap.noPadding .sidebar { float: left; margin: 0; padding: 0px  0px; width: 100%;} 
 #wrap.noPadding  .sidebar_wrap  { width: 100%; padding: 40px 20px ;}  


#about_me {bottom: 10px; left: 10px; padding: 20px 20px 0 20px;}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,
.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {margin-right: 0px; width: 100%;}
 
}