/* 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 .NavigatorContainer,
    .ResponsiveDesign .NavigatorContainer .NavigatorContainerTop,
    .ResponsiveDesign .NavigatorContainer .NavigatorContainerMiddle,
    .ResponsiveDesign .NavigatorContainer .NavigatorContainerBottom,
    .ResponsiveDesign .ContentContainer,
    .ResponsiveDesign .ContentContainer .ContentContainerTop,
    .ResponsiveDesign .ContentContainer .ContentContainerMiddle,
    .ResponsiveDesign .ContentContainer .ContentContainerBottom {
        width: auto;
        height: auto;
        min-height: initial;
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
    }
    .ResponsiveDesign .HeaderField { padding: 10px; }
    .ResponsiveDesign .ContentContainer {
        background-color: white;
        margin: 0 5px;
        border: 2px solid black;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel,
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel *,
    .ResponsiveDesign ul.DropMenu * {	background: none; color: white !important; }

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

    .ResponsiveDesign .TextLayout2 .RightColumn { padding-top: 15px; }

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

    .ResponsiveDesign .ImageGallery2 .FunctionTable .TextCell,
    .ResponsiveDesign .ImageGallery3 .FunctionTable .TextCell { min-height: initial; width: auto; }
    
    .ResponsiveDesign .Contact .ContactForm input.ContactSubmit { margin-left: 0; }

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

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

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

}