/* #Site Styles // rewrite original
================================================== */
	img{ max-width: 100%; height: auto; }


/* Tablet (Portrait) ------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 960px) {
  body{
    -webkit-text-size-adjust:none;
  	font-size: 100%;
  	line-height: 1em;
  	font-size: 1em;
  }
  .content {
    width: 92%;
  }
	#header {
		position: relative;
		width:100%;
	}
	.menu-btn a {
		padding: 6px 6px 4px;
    margin: 0;
	}
  #logo {
    max-width: 16%;
    height: auto;
  }
	#menu-top-nav {
		float: left;
		margin-top:10px;
	}
	.menu-top-nav-container {
		width: 100%;
		position: absolute;
		top: 0; left:16%;
	}
  #menu-item-62 a,
  #menu-item-61 a,
  #menu-item-60 a {
    font-size: 11px;
		margin-right: 0;

  }
  #menu-main-nav > li {
    margin: 4px 0px;
  }
  #nav {
    font-size: 13px;
  }
  #nav a {
    padding: 6px 4px;
  }
  #footer #first .menu li {
    width: 100%;
  }
  #sidebar .pages-nav .current_page_item, #sidebar .pages-nav .current-menu-item {
    background-position: 0 4px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1100px) {
	#header a { display: inline-block; }
	#header { position: relative; }
	#logo {
    max-width: 200px;
  }
	#menu-top-nav { margin-top:10px; }
	.menu-top-nav-container {
		position: absolute;
		top: 10px; left:220px;
	}
}

/* Mobile (Landscape) ------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body{
    -webkit-text-size-adjust:none;
  	font-size: 100%;
  	line-height: 1em;
  	font-size: 1em;
  }
  .content {
    width: 90%;
  }
  .mobile-nav {
    display: block;
  }
  .menu-top-nav-container {display: none;}
  #nav .menu-header {
    display: none;
    background: #00467f;
    position: absolute;
    top: 30px;
    right: 0;
    border: 0;
    border-top: 0;
    min-width: 200px;
    z-index: 1000;
  }
  #nav .menu-header > ul > li {
    display: block;
    width: 100%;
    border-left: 0;
    border-top: 1px solid #839ac1;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #nav a {
    padding: 10px;
  }
  #nav li ul.sub-menu {
    position: relative;
    top: auto;
    width: 100%;
  }
  #nav li ul.sub-menu li {
    width: 100%;
  }
  #nav li ul.sub-menu li a {
    padding-left: 40px;
  }
  #content, #sidebar {
    width: 100%;
  }
  #content {
    padding-bottom: 10px;
  }
  #blog-nav li {
    padding: 10px 8px;
  }
  #footer .widget-area {
    width: 100%;
    margin-bottom: 20px;
  }
  #bottom {
    text-align: center;
  }
  .copyright {
    float: none;
  }
  .informed {
    float: none;
    padding: 0 2%;
    margin-bottom: 10px;
  }

  .col {
    width: 100%;
    margin: 0;
  }
  #content .person img {
    width: 90%;
    margin-bottom: 20px;
  }
  .person-info {
    margin-left: 0;
  }
}


/* Mobile ((Portrait) ------------------------------------- */
@media only screen and (max-width: 480px) {
  body{
    -webkit-text-size-adjust:none;
  	font-size: 100%;
  	line-height: 1em;
  	font-size: 1em;
  }
  .content {
    width: 90%;
  }
  .mobile-nav {
    display: block;
  }
  .menu-top-nav-container {display: none;}
  #nav .menu-header {
    display: none;
    background: #00467f;
    position: absolute;
    top: 30px;
    right: 0;
    border: 0;
    border-top: 0;
    min-width: 200px;
    z-index: 1000;
  }
  #nav .menu-header > ul > li {
    display: block;
    width: 100%;
    border-left: 0;
    border-top: 1px solid #839ac1;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  #nav a {
    padding: 10px;
  }
  #nav li ul.sub-menu {
    position: relative;
    top: auto;
    width: 100%;
  }
  #nav li ul.sub-menu li {
    width: 100%;
  }
  #nav li ul.sub-menu li a {
    padding-left: 40px;
  }
  #content, #sidebar {
    width: 100%;
  }
  #content {
    padding-bottom: 10px;
  }
  #blog-nav li {
    padding: 10px 8px;
  }
  #footer .widget-area {
    width: 100%;
    margin-bottom: 20px;
  }
  #bottom {
    text-align: center;
  }
  .copyright {
    float: none;
  }
  .informed {
    float: none;
    padding: 0 2%;
    margin-bottom: 10px;
  }
  .blog-thumb {
    width: 100%;
    margin-bottom: 10px;
  }
  .post-all-content {
    margin-left: 0px;
    width: 100%;
  }
  .col {
    width: 100%;
    margin: 0;
  }
  #content .person img {
    width: 90%;
    margin-bottom: 20px;
  }
  .person-info {
    margin-left: 0;
  }
}