/* Mobile Portrait */
@media only screen and (max-width: 460px) {

    #LogoContainer {
        width: 60%;
        margin: 1em auto;
        float: none;
    }

    #SiteSearch {
        display: none;
    }

    #TopNavigation {
        width: auto;
        float: none;
        text-align: center;
        margin: 1em 0 .5em 0;
        padding: .5em 0;
    }

    #SocialIcons {
        display: none;
    }

    .mlddm, .footerMenu {
        display: none;
    }

    #MainNavigation {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: .5em 0;
        font-size: 1.125em;
        line-height: 2em;
    }

    .mainMenuToggle {
        margin-left: 1em;
    }

    .expandMainMenu {
        max-height: 900em;
        display: block;
        background: rgba(56,116,159,0.00);
    }

    .mlddm li {
        display: block;
        width: 100%;
        padding: 0; 
        margin: 0;
        border-bottom: solid thin #FFF;
        border-right: none;
        text-align: center;
    }

    .mlddm li:last-child {
        padding-right: 0;
        border-right: none;
        border-bottom: none;
    }

    .mlddm li a {
        padding: 1em 0;
    }

/* Home Page */

    #HomeHero figcaption {
        width: 100%;
        bottom: 0;
        text-align: center;
        font-size: 1.125em;
    	padding: .25em 0;
    }

    #HomeHero figcaption div {
        width: 96%;
        float: none;
        margin: 0 auto;
    }

    .rslides_tabs {
        display: none;
    }

    #LeftPanel {
        display: none;
    }

    #LeftPanel, #LeftCenterPanel, #RightCenterPanel, #RightPanel {
        width: 100%;
        margin: 1em auto 0 auto;
        border: none;
    }

    #RightPanel {
        margin-bottom: 1em;
    }

    li.slideHolder {
        width: 100%;
        padding: 0;
        background: tan;
        text-align: center;
    }

    #LeftCenter {
        border: none;
    }

    #LeftPanel .HomeImage, #RightPanel .HomeImage {
        width: 70%;
        margin: 0 auto 1em auto;
        text-align: center;
        padding: 0 .5em;
    }

    #LeftBottom {
        width: 80%;
    }

    #Copyright li {
        display: block;
        border-right: none;
        border-bottom: solid thin #888;
        padding: .5em 0
    }

    #Copyright li:last-child {
        border-bottom: none;
    }
/* Generic */
    #MainContent {
        
    }

    #MainContent img {
        max-width: 96%;
        height: auto;
    }

/* Lawyer Directory */

    #SearchForm {
        width: 100%;
    }

    #searchbox {
        padding-left: .5em;
        border: solid thin #DDD;
        border-radius: .25em;
        width: 100%;
        line-height: 2em;
    }

    .SearchText {
        clear: both;
        width: 100%;
        float: left;
        margin: 0 0 1em 0;
    }

    .SearchRadio {
        width: 48%;
        margin-right: 0;
        text-align: left;
        padding: 0 0 .75em .25em;
    }
    
    .SearchRadio:nth-child(even) {
        float: left;
    }

    .SearchRadio:nth-child(odd) {
        float: right;
    }

    .SearchButton {
        clear: both;
        margin: 1em auto;
        width: 100%;
        float: left;
        text-align: center;
    }

    .SearchButton button {
        border: none;
        border-radius: .25em;
        color: #FFF;
        background: #993700;
        width: auto;
        height: auto;
        margin: 0 auto 0 auto;
        text-decoration: none;
        padding: .5em 2em;

    }

    #Alphabet {
        margin: 0;
        background: none;
        text-align: center;
    }

    #Alphabet a {
        display: inline-block;
        padding: .5em .5em;
        margin: 0 .5em 1em 0;
        background: #DDD;
        width: 1em;
        border: solid thin #DDD;
        border-radius: .25em;
    }

    #LawyerSearchResults {
        padding: 0;
    }

    .LawyerInformation {
        width: 100%;
        float: none;
        margin: 0 auto 1em auto;
        border-top: solid thin #DDD;
        font-size: .9em;
    }

    .LabelHolder {
        clear: both;
        width: 37%;
        float: left;
        text-align: right;
        padding: 0;
        margin-top: .25em;
    }

    .DataHolder {
        width: 60%;
        float: right;
        padding: 0;
        margin-top: .25em;
    }

    .LawyerInformation:nth-child(3n) {
        clear: both;
        margin-left: 0;
    }

/* Photo Gallery */
    /* First, the parent page */
    #Galleries {
    }

    .GalleryThumb {
        width: 45%;
        float: left;
        margin: 1em 1em 0 0;
    }

    /* then the gallery page */

    #PhotoGallery {
    }

    .GalleryImage {
        width: 42%;
        margin: 1em 0 1em 0;
        float: left;
    }

    .GalleryImage:nth-child(odd) {
        clear: both;
        margin: 1em 1.25em;
    }

/* Terms */

    #TermsMain {
        margin-top: 0;
    }

    #TermsMain h1 {
        font-size: 1.25em;
        color: #000;
        padding-left: 0;
        cursor: pointer;
    }

    .TermsItem {
        clear: both;
        width: 100%;
        float: none;
        margin: 0 auto 1em auto;
    }


    .TermsItem:nth-child(3n+1) {
        clear: none;
        margin: 0 auto 1em auto;
    }

    .TermsItem:nth-child(3n) {
        margin: 0 auto 1em auto;
    }

    .TermsItem:nth-child(odd) {
    }

    .TermDefinition {
        padding-left: 1em;
        display: none;
    }

/* FormsPass */

    #FormsPassContainer {
        width: 96%;
    }

    .FormsPassHeader {
        font-size: 1.125em;
        padding-bottom: 1em;
    }

    #FormsPassLogin, #FormsPassNotRegistered {
        float: none;
        text-align: center;
        width: 70%;
        margin: 0 auto 1em auto;
    }

    #FormsPassNotRegistered img {
        max-width: 80%;
        margin: 0 auto;
    }

    #FormsPassDemo {
        clear: both;
        margin: 1em auto;
        width: 70%;
        text-align: center;
    }

    #FormsPassDemo img {
        max-width: 80%;
        margin: 0 auto;
    }

    #FormsPassOther {
        clear: both;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

/* Local Associations */

    #LocalBarCol1 , #LocalBarCol2, #LocalBarCol3 {
        width: 96%;
        float: none;
        margin: 0 auto 1em auto;
    }

    #ioltaPastPresidents {
        width: 100%;
    }

    #ioltaPastPresidents td {
        font-size: .9em;
    }

    #ioltaPastPresidents td:nth-child(1) {
        width: 15%;
        white-space: nowrap;
    }

    #ioltaPastPresidents td:nth-child(2) {
        padding-left: .25em;
        width: auto;
    }

    #ioltaPastPresidents td:nth-child(3) {
        width: auto;
    }

} /* END Mobile Portrait */

/* Small Mobile Landscape */
@media only screen and (min-width: 461px) and (max-width: 760px) {

    #LogoContainer {
        width: 30%;
        margin: 1em auto;
        float: none;
    }

    #SiteSearch {
        display: none;
    }

    #TopNavigation {
        width: auto;
        float: none;
        text-align: center;
        margin: 1em 0 .5em 0;
        padding: .5em 0;
    }

    #SocialIcons {
        display: none;
    }

    .mlddm, .footerMenu {
        display: none;
    }

    #MainNavigation {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: .5em 0;
        font-size: 1.125em;
        line-height: 2em;
    }

    .mainMenuToggle {
        margin-left: 1em;
    }

    .expandMainMenu {
        max-height: 900em;
        display: block;
        background: rgba(56,116,159,0.00);
    }

    .mlddm li {
        display: block;
        width: 100%;
        padding: 0; 
        margin: 0;
        border-bottom: solid thin #FFF;
        border-right: none;
        text-align: center;
    }

    .mlddm li:last-child {
        padding-right: 0;
        border-right: none;
        border-bottom: none;
    }

    .mlddm li a {
        padding: 1em 0;
    }

/* Home Page */

    #HomeHero figcaption {
        bottom: 15%;
    }

    #LeftPanel, #LeftCenterPanel, #RightCenterPanel, #RightPanel {
        width: 48%;
        margin: 1em 0 0 0;
        border: none;
    }

    #LeftPanel, #RightCenterPanel {
        clear: both;
        float: left;
    	border-right: solid 2px #BEC5EF;
    }

   #LeftCenterPanel, #RightPanel {
        float: right;
    }


    #RightPanel {
        margin-bottom: 1em;
    }

    li.slideHolder {
        width: 100%;
        padding: 0;
        background: tan;
        text-align: center;
    }

    #LeftCenter {
        border: none;
    }

    #LeftPanel .HomeImage, #RightPanel .HomeImage {
        width: 70%;
        margin: 0 auto 1em auto;
        text-align: center;
        padding: 0 .5em;
    }

    #LeftBottom {
        width: 80%;
    }

    #Copyright li {
        display: inline-block;
        border-right: none;
        border-bottom: none;
        padding: .5em
    }

    #Copyright li:last-child {
        border-bottom: none;
    }
/* Generic */
    #MainContent {
        
    }

    #MainContent img {
        max-width: 96%;
        height: auto;
    }

/* Lawyer Directory */

    #SearchForm {
        width: 100%;
    }

    #searchbox {
        padding-left: .5em;
        border: solid thin #DDD;
        border-radius: .25em;
        width: 100%;
        line-height: 2em;
    }

    .SearchText {
        clear: both;
        width: 100%;
        float: left;
        margin: 0 0 1em 0;
    }

    .SearchRadio {
        width: 48%;
        margin-right: 0;
        text-align: left;
        padding: 0 0 .75em .25em;
    }
    
    .SearchRadio:nth-child(even) {
        float: left;
    }

    .SearchRadio:nth-child(odd) {
        float: right;
    }

    .SearchButton {
        clear: both;
        margin: 1em auto;
        width: 100%;
        float: left;
        text-align: center;
    }

    .SearchButton button {
        border: none;
        border-radius: .25em;
        color: #FFF;
        background: #993700;
        width: auto;
        height: auto;
        margin: 0 auto 0 auto;
        text-decoration: none;
        padding: .5em 2em;

    }

    #Alphabet {
        margin: 0;
        background: none;
        text-align: center;
    }

    #Alphabet a {
        display: inline-block;
        padding: .5em .5em;
        margin: 0 .5em 1em 0;
        background: #DDD;
        width: 1em;
        border: solid thin #DDD;
        border-radius: .25em;
    }

    #LawyerSearchResults {
        padding: 0;
    }

    .LawyerInformation {
        width: 100%;
        float: none;
        margin: 0 auto 1em auto;
        border-top: solid thin #DDD;
        font-size: .9em;
    }

    .LabelHolder {
        clear: both;
        width: 37%;
        float: left;
        text-align: right;
        padding: 0;
        margin-top: .25em;
    }

    .DataHolder {
        width: 60%;
        float: right;
        padding: 0;
        margin-top: .25em;
    }

    .LawyerInformation:nth-child(3n) {
        clear: both;
        margin-left: 0;
    }

/* Photo Gallery */
    /* First, the parent page */
    #Galleries {
    }

    .GalleryThumb {
        width: 45%;
        float: left;
        margin: 1em 1em 0 0;
    }

    /* then the gallery page */

    #PhotoGallery {
    }

    .GalleryImage {
        width: 42%;
        margin: 1em 0 1em 0;
        float: left;
    }

    .GalleryImage:nth-child(odd) {
        clear: both;
        margin: 1em 1.25em;
    }

/* Terms */

    #TermsMain {
        margin-top: 0;
    }

    #TermsMain h1 {
        font-size: 1.25em;
        color: #000;
        padding-left: 0;
        cursor: pointer;
    }

    .TermsItem {
        clear: both;
        width: 100%;
        float: none;
        margin: 0 auto 1em auto;
    }


    .TermsItem:nth-child(3n+1) {
        clear: none;
        margin: 0 auto 1em auto;
    }

    .TermsItem:nth-child(3n) {
        margin: 0 auto 1em auto;
    }

    .TermsItem:nth-child(odd) {
    }

    .TermDefinition {
        padding-left: 1em;
        display: none;
    }

/* FormsPass */

    #FormsPassContainer {
        width: 96%;
    }

    .FormsPassHeader {
        font-size: 1.125em;
        padding-bottom: 1em;
    }

    #FormsPassLogin, #FormsPassNotRegistered {
        float: none;
        text-align: center;
        width: 70%;
        margin: 0 auto 1em auto;
    }

    #FormsPassNotRegistered img {
        max-width: 80%;
        margin: 0 auto;
    }

    #FormsPassDemo {
        clear: both;
        margin: 1em auto;
        width: 70%;
        text-align: center;
    }

    #FormsPassDemo img {
        max-width: 80%;
        margin: 0 auto;
    }

    #FormsPassOther {
        clear: both;
        width: 80%;
        text-align: center;
        margin: 0 auto;
    }

/* Local Associations */

    #LocalBarCol1 , #LocalBarCol2, #LocalBarCol3 {
        width: 96%;
        float: none;
        margin: 0 auto 1em auto;
    }

    #ioltaPastPresidents {
        width: 100%;
    }

    #ioltaPastPresidents td {
        font-size: .9em;
    }

    #ioltaPastPresidents td:nth-child(1) {
        width: 15%;
        white-space: nowrap;
    }

    #ioltaPastPresidents td:nth-child(2) {
        padding-left: .25em;
        width: auto;
    }

    #ioltaPastPresidents td:nth-child(3) {
        width: auto;
    }

} /* END Small Mobile Landscape */

/* Tablet Portrait */
@media only screen and (min-width: 761px) and (max-width: 890px) {

    #SiteHeaderContainer {
        height: auto;
        width: 96%;
    }

    #LogoContainer {
        width: 35%;
    }

    #SiteSearch {
        width: 30%;
        float: right;
    }

    .mlddm li a {
        display: block;
        color: #EBE3C7;
        padding: 0 .25em;
    }

    .mainMenuToggle {
        display: none;
    }

} /* END Tablet Portrait */

/* Adjusting the Figcaption for huge screens */

@media only screen and (min-width: 1300px) and (max-width: 1480px) {
	#HomeHero figcaption {
		bottom: 20%;
	}
}

@media only screen and (min-width: 1481px) and (max-width: 1690px) {
	#HomeHero figcaption {
		bottom: 10%;
	}
}

@media only screen and (min-width: 1691px) and (max-width: 1960px) {
	#HomeHero figcaption {
		bottom: 10%;
	}
}

@media only screen and (min-width: 1961px) and (max-width: 2920px) {
	#HomeHero figcaption {
		bottom: 10%;
	}
}

@media only screen and (min-width: 2921px) and (max-width: 50000px) {
	#HomeHero figcaption {
		display: none;
	}
}


/*

	.menuToggle {
	}
	
	.topMenu, .footerMenu {
		display: none;
	}
	
	.topMenu li {
		display: inline-block;
		text-align: center;
		width: 100%; 
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	
	.topMenu a {
		color: #332A20;
	}
	
	.expand {
		max-height: 900em;
		display: block;
		background: rgba(0,0,0,0.20);
	}

*/