/* tablets and desktop
@media only screen and (min-width: 768px) {
}
*/

/* phones
@media only screen and (max-width: 768px) {
}
*/

/* portrait phones 
@media only screen and (max-width: 768px) and (orientation: portrait) {
    
}
*/

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

    body.ResponsiveDesign { height: auto;}

    .ResponsiveDesign .PageHeader .LogoField { display: none; }

    .ResponsiveDesign .PageHeader .HeaderField { padding: 10px 5px; }
    .ResponsiveDesign .PageHeader .HeaderField h1 { font-size: 20pt; padding: 0; }

    .ResponsiveDesign ul.DropMenu ul,
    .ResponsiveDesign ul.DropMenu ul ul,
    .ResponsiveDesign ul.DropMenu li, 
    .ResponsiveDesign ul.DropMenu li ul li, 
    .ResponsiveDesign ul.DropMenu li ul li ul li, 
    .ResponsiveDesign ul.DropMenu li a, 
    .ResponsiveDesign ul.DropMenu li li a, 
    .ResponsiveDesign ul.DropMenu li li li a 
    {
        background-color: white;
    }
    .ResponsiveDesign ul.DropMenu li:hover,
    .ResponsiveDesign ul.DropMenu a:hover,
    .ResponsiveDesign ul.DropMenu li.sfhover {
        background-color: white !important;
    }

    .ResponsiveDesign .Diary .DiaryList .GroupByMonth .LevelOneDate,
    .ResponsiveDesign .Diary .DiaryList .GroupByYear .LevelOneDate,
    .ResponsiveDesign .Diary .DiaryList .GroupByYear .LevelTwoDate,
    .ResponsiveDesign ul.DropMenu li a.expandable,
    .ResponsiveDesign ul.DropMenu li a.parent { background-image: url('/resources/functions/images/downarrow-gray.png'); }

    .ResponsiveDesign .ContentContainer { padding-bottom: 20px; }

    .ResponsiveDesign .TextLayout1 .RightColumn .ParagraphContainer * { font-size: 9pt; }

    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ParagraphContainer * { font-size: 9pt; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 140px; margin: 5px; }

    .ResponsiveDesign .Contact .RightColumn .ImageContainer,
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { margin-bottom: 10px; }
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer * { font-size: 9pt; }

    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryCell { width: 125px; margin: 4px; }

    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImageCell,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImageCell { margin-bottom: 10px; }

}