/* 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) 
{ 
    .ResponsiveDesign div.BackgroundContainer { background: none; }

    .ResponsiveDesign div.PageContainer div.PageHeader,
    .ResponsiveDesign div.PageContainer div.PageHeader div.ContentHeader { width: auto; height: 120px; overflow: hidden; }
    .ResponsiveDesign div.PageContainer div.PageHeader div.ContentHeader { padding: 5px; height: 110px; }

    .ResponsiveDesign div.PageContainer div.PageContent,
    .ResponsiveDesign div.PageContent div.NavigatorContainer,
    .ResponsiveDesign div.PageContent div.NavigatorContainer div.NavigatorContainerGradient,
    .ResponsiveDesign div.PageContainer div.NavigatorContainer div.NavigatorContainerTop,
    .ResponsiveDesign div.PageContent div.NavigatorContainer div.NavigatorContainerBottom { min-height: initial; background: none; width: auto; height: auto; margin: 0; padding: 0;}

    .ResponsiveDesign div.PageContent .LogoContainer { width: auto; display: block; }
    .ResponsiveDesign div.PageContent .LogoContainer img { width: 100%; margin: 0; }

    .ResponsiveDesign div.PageContainer div.PageFooterContainer { width: auto; padding-top: 20px; }

    .ResponsiveDesign div.PageContent div.Navigator { padding: 0; }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel *,
    .ResponsiveDesign ul.DropMenu { color: white; }
    
    .ResponsiveDesign ul.DropMenu a.toplevel,
    .ResponsiveDesign ul.DropMenu a.toplevel:hover { padding: 7px 5px; width: auto; border: 0; }

    .ResponsiveDesign .MainPage .NewsHeader .ParagraphContainer,
    .ResponsiveDesign .MainPage .NewsItem { margin-left: 0; width: auto; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable { width: auto; max-width: 480px; margin: 20px auto; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 140px; padding: 0 10px; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ParagraphContainer  { padding: 0; }
    .ResponsiveDesign .ImageGallery2 .FunctionTable .TextCell,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { width: auto; }
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { margin-left: 60px;}
    
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { font-size: 11pt; }

    .ResponsiveDesign .ImageGallery .Gallery1 .GalleryCell { width: 130px; padding: 5px; }

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

    .ResponsiveDesign .ImageGallery .Slide1 .ImageContainer img,
    .ResponsiveDesign .ImageGallery .Slide2 .ImageContainer img,
    .ResponsiveDesign .ImageGallery .Slide3 .ImageContainer img { width: 100%; }
}