/* 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 .MobileMenuContainer {
        background: url('images/bg-dark-75.png');
    }
    .ResponsiveDesign .MobileMenuContainer .show-menu { 
        color: white;
    }
    .ResponsiveDesign .PageContainer { margin: 10px 5px; }
    .ResponsiveDesign ul.DropMenu {
        background: url('images/bg-dark-75.png');
        border-bottom: 2px solid white;
    }
    .ResponsiveDesign ul.DropMenu a:hover,
    .ResponsiveDesign ul.DropMenu * {
        background: none;
    }

    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel {
        color: white !important;
        background: transparent url('images/bg-dark-75.png');
        border-bottom: 2px solid white;
    }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel li li,
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel li li li {
        background: none;
    }

    .ResponsiveDesign .ParagraphContainer { padding: 0; margin: 0; }
    .ResponsiveDesign .ImageContainer { padding: 0; margin: 0; }

    .ResponsiveDesign .HeaderContainer, 
    .ResponsiveDesign .MenuContainer,
    .ResponsiveDesign .MenuContainerMiddle,
    .ResponsiveDesign .HeaderContainer .HeaderContainerMiddle,
    .ResponsiveDesign .FooterContainer { margin: 0; padding: 0;}

    .ResponsiveDesign .MainPage .MainPageInlineContainer .ImageContainer, 
    .ResponsiveDesign .MainPage .MainPageInlineContainer .ParagraphContainer {
        margin: 0;
        margin-bottom: 5px;
        padding: 0;
    }
    .ResponsiveDesign .MainPage .NewsHeader .ParagraphContainer { padding: 10px; margin-top: 10px; }
    .ResponsiveDesign .MainPage .NewsContainer .NewsItem { padding: 10px; }
    
    .ResponsiveDesign .TextLayout1 .RightColumn { margin: 0 0 5px 5px; }

    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ImageContainer, 
    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ParagraphContainer { margin: 0 5px 5px 0; }

    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell,
    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageRow,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageRow,
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryImagesRow,
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryImagesRow,
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow {
        width: 140px;
        padding: 0;
        margin: 5px;
        background: url('images/bg-dark-50.png');
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell .ImageContainer { background: none; padding: 10px; }
    .ResponsiveDesign .ImageGallery1 .FunctionTable .ImageCell .ParagraphContainer { background: none; padding: 0 10px; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageRow,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageRow,
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryImagesRow,
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryImagesRow,
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow {
        width: auto;
        min-height: 90px;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageRow .ImageContainer,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageRow .ImageContainer,
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryImagesRow .ImageContainer,
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryImagesRow .ImageContainer,
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow .ImageContainer,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow .ImageContainer { background: none; padding: 0; }

    .ResponsiveDesign .ImageGallery2 .FunctionTable .ImageRow .ParagraphContainer,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .ImageRow .ParagraphContainer,
    .ResponsiveDesign .ImageGallery .Gallery2 .GalleryImagesRow .ParagraphContainer,
    .ResponsiveDesign .ImageGallery .Gallery3 .GalleryImagesRow .ParagraphContainer,
    .ResponsiveDesign .ImageGallery .Gallery4 .GalleryImagesRow .ParagraphContainer,
    .ResponsiveDesign .ImageGallery .Gallery5 .GalleryImagesRow .ParagraphContainer { background: none; padding: 0; }

    .ResponsiveDesign .ImageGallery .Gallery6 .GalleryImagesRow .ImageContainer { margin: 1px; }
    .ResponsiveDesign .ImageGallery .Gallery7 { padding: 10px; }
    .ResponsiveDesign .ImageGallery .Gallery7 .GalleryImagesRow .GalleryCell { margin: 2px; padding: 0;}

    .ResponsiveDesign .Diary .DiaryItemContainer,
    .ResponsiveDesign .Diary .ArticleList .EntriesColumn .EntryContainer { padding: 5px; }

    .ResponsiveDesign .Contact .RightColumn .ImageContainer { padding: 0; background: none; margin-top: 10px; }

}