/* All mid-screen and vertical tablet sizes (devices and browser) between 650 and 800 pixels
{*/

@media only screen and (max-width: 900px) {
/* top slideshow */



/* Navigation menu - */

.topnav nav ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.topnav nav ul li {
float: left;
list-style: none;
position: relative;
margin: 0px;
padding: 0px;
}
.topnav nav ul a:link {
font-size: 22px;
font-size: 3vw;
}
.topnav nav ul li:first-child a {
padding-left: 0px;
}




/* footer */


footer .col:first-child {
width: 55%;
margin-left: 2.5%;
}
footer .col:last-child {
margin-right: 2.5%;
width: 40%;
}

/* ---------- interior ---------- */

 header.interior .logo {
 /*width:45%;*/
  width:35%;
 position:relative;
}
 header.interior .inner {
 padding-left:2.5%;
 padding-right:2.5%;
 padding-top:60px;
}
 .topnav nav ul {
 text-align:right;
}
 .topnav nav ul li {
display: inline-block;
float: none;
text-align:right;
}
header.interior .topnav nav ul a:link {
 font-size:1rem;
 font-size: 16px;
 margin:0px;
 padding:0px;
 padding-left:.5rem;
 padding-right:.5rem;
}
 header.interior .topnav nav ul li:last-child a {
 padding-right:0px;
}
 header.interior .col {
 /*width:54%;*/
 
  width:64%;
 margin:0px;
 padding:0px;
 padding-top:1.8%;
 float:right;
 position:relative;
}
 header.interior .pagetitle {
 width:95%;
 padding-left:2.5%;
 padding-right:2.5%;
}
 header.interior .pagetitle h1 {
 padding-left:32.5%;
 font-size:2.7vw;
}
 .wrapper {
 padding-left:2.5%;
 padding-right:2.5%;
 padding-top:16px;
 padding-bottom:16px;
}

/* ---------- sidebar ---------- */
.sidebar {
 width:25%;
}


/* ---------- main ---------- */

.main-wide {
 width:100%;
 float: none;
}
 .main .titlebar .pagetitle {
 float:none;
 width:100%;
}
 .main .titlebar .pagetitle h1 {
 font-size:28px;
}
.main .titlebar .pagetitle h1 span {
 font-size:1.38vw;
 font-size:18px;
 padding-left:1rem;
}
 .main .titlebar .page-tools {
 display:none;
}
 .page-tools.mobile {
 display:block;
 text-align:right;
 width:100%;
 margin-bottom:6px;
}
 .page-tools.mobile img {
 display: inline-block;
float: none;
text-align:right;
 margin-left:8px;
 height:22px;
 width:auto;
}
 .page-tools.top {
 display:block;
 text-align:right;
 width:100%;
 padding:0px;
 margin:0px;
 padding-bottom:15px;
}
 .page-tools.top img {
 display: inline-block;
float: none;
text-align:right;
 margin-left:8px;
 height:22px;
 width:auto;
}
}
/* iPad horizontal */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}
@media only screen and (min-width: 751px) {
}
/* All smart phones and small tablets up to 650 pixels */
/* uses mobile navigation and smaller expanding search */


@media only screen and (max-width: 768px) {
 .attorney {
 width:45%;
 margin-right:2%;
 padding-bottom:15px;
}
}
 @media only screen and (max-width: 750px) {
 .sidebar .sidenav {
 margin-left:10%;
}
 .tab-container {
 display:none;
}
/* footer */

footer .col {
float: none;
display: block;
width: 100%;
text-align:center;
}
footer .col:first-child {
width: 100%;
margin-left: 0px;
}
footer .col:first-child ul {
display: block;
padding-left: 0px;
}
footer .col:last-child {
margin: 0px;
padding: 0px;
padding-top: 0px;
margin-right: 0px;
float: none;
width: 100%;
text-align: center;
}
}
@media only screen and (min-width: 768px) {
#mobile_menu {
display: none;
}
 .sidebar h1 {
 display: none;
}
}
@media only screen and (max-width: 767px) {
#mobile_menu {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
z-index: 5000;
}
 .topnav {
display: none;
}
 header.interior .logo {
 width:100%;
 position:relative;
}
 header.interior .inner {
padding-left:3.125%;
 padding-right:3.125%;
 padding-top:80px;
 padding-bottom:20px
}
 header.interior .col {
 display:none;
}
 header.interior .pagetitle {
 width:93.75%;
 padding-left:3.125%;
 padding-right:3.125%;
}
 header.interior .pagetitle h1 {
 padding-left:0px;
 font-size:4.5vw;
}
 .wrapper {
 padding-left:3.125%;
 padding-right:3.125%;
 padding-top:16px;
 padding-bottom:16px;
}
 .content {
 background-image: none;
}

/* ---------- sidebar ---------- */
.sidebar {
 width:100%;
 float:none;
 display:block;
 margin-bottom:20px;
 overflow:hidden;
}
 .sidebar h1 {
 /*font-size:28px;
 font-size:1.75rem;*/
  font-size:1.2rem;
 line-height:100%;
 margin-bottom:10px;
}
.sidebar h1 span {
 font-family: 'Roboto', sans-serif;
 font-weight:400;
 text-transform:none;
 /*font-size:1.125rem;*/
 font-size:.8rem;
 letter-spacing:normal;
 padding-left:.5rem;
}
 .sidebar figure {
 float:left;
 width:35.7%;
 margin-bottom:0px;
}
 .sidebar .bio-contact {
 float:right;
 width:56%;
}
 .sidebar h3 {
 display: none;
}
.bio .sidebar h3 {
 display:block;
 font-family: 'Oswald', sans-serif;
 font-size:16px;
 font-weight:400;
 color:#F19D23;
 text-transform:uppercase;
 letter-spacing:.05em;
}
 .sidebar p {
 font-size:13px;
}
.sidebar p span {
 width:18px;
}
 .sidebar .sidenav {
 display:none;
}


/* ---------- main ---------- */
 .main {
 width:100%;
 float:none;
}
 .main .titlebar {
 display:none;
}
 .main p {
 font-size:13px;
}
 .main ul li {
 margin:0px;
 padding:0px;
 padding-left:10px;
 margin-bottom:9px;
 background-image: url(../images/black-bullet.gif);
 background-repeat: no-repeat;
 background-position: left 4px;
}
 .attorney h3 {
 font-size:14px;
}


/* attorney form */

.contact-form {
 padding-bottom:30px;
}
 form fieldset input {
 width:96%;
}
form fieldset select {
 width:98%;
}
form fieldset textarea {
 width:96%;
}
 form fieldset .submit {
 width:99%;
}
 footer.interior {
 margin-top: 10px;
 padding-bottom:30px;
}
}
 @media only screen and (max-width: 320px) {
 .attorney h3 {
 font-size:13px;
}
 .sidebar p {
 font-size:12px;
}
}