/* 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 .PageRow,
    .ResponsiveDesign .PageContainer,
    .ResponsiveDesign .PageContainer .RightContainer,
    .ResponsiveDesign .PageContainer .RightContainer .PageHeaderTop,
    .ResponsiveDesign .PageContainer .RightContainer .ContentContainer,
    .ResponsiveDesign .PageContainer .LeftContainer,
    .ResponsiveDesign .PageFooterBottom 
    {
        display: block;
        position: static;
        min-height: initial;
        background: none;
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        border: 0;
    }
    .ResponsiveDesign .PageContainer .RightContainer .ContentContainer .FunctionContainer { padding: 0; padding-bottom: 10px; }

    .ResponsiveDesign .PageHeader { padding: 10px 5px; min-height: 60px;}

    .ResponsiveDesign .MobileMenuContainer { background-image: none; }

    .ResponsiveDesign ul.DropMenu { width: 100%; margin: 0; padding-bottom: 8px; }
    .ResponsiveDesign ul.DropMenu a:hover { background: none; }
    .ResponsiveDesign ul.DropMenu *,
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel * { background: none; color: white !important; }

    .ResponsiveDesign .MainPage .MainContainer .MainPageInlineContainer .ImageContainer { margin-bottom: 10px; }
    .ResponsiveDesign .MainPage .MainContainer .MainPageInlineContainer .ParagraphContainer {  margin-right: 5px; padding: 5px; }
    .ResponsiveDesign .MainPage .NewsContainer .NewsItem { margin-left: 0; width: auto; padding: 5px; }

    .ResponsiveDesign .TextLayout1 .RightColumn .ParagraphContainer * { font-size: 100%; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell { width: 140px; padding: 0; margin: 6px 3px; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageCell img,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageCell img { border: 5px solid white; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .ParagraphContainer,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ParagraphContainer { padding: 5px; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .TextCell { width: auto; margin-left: 135px; margin-bottom: 10px; }
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { width: auto; margin-left: 70px; margin-bottom: 10px; }

    .ResponsiveDesign .Diary .DiaryList a { font-size: 10pt; }
    
    .ResponsiveDesign .FileArea .FunctionTable .FileListContainer { padding: 10px 5px;}

    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { max-width: 290px; margin: 0 auto;}
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer * { font-size: 100%; }
    .ResponsiveDesign .Contact .ContactForm input.ContactSubmit { margin-left: 0; }

    .ResponsiveDesign .Gallery1 .GalleryTable .ImageContainerMiddle img,
    .ResponsiveDesign .Gallery2 .GalleryTable .ImageContainerMiddle img,
    .ResponsiveDesign .Gallery3 .GalleryTable .ImageContainerMiddle img,
    .ResponsiveDesign .Gallery4 .GalleryTable .ImageContainerMiddle img,
    .ResponsiveDesign .Gallery5 .GalleryTable .ImageContainerMiddle img { border: 5px solid white; }

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

    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryTextCell { margin-left: 135px; }
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryTextCell { margin-left: 65px; }
    
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImageCell,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImageCell { margin-bottom: 10px; }

    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow .GalleryTextCell { margin-left: 135px; }
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow .GalleryTextCell { margin-left: 65px; }

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

}