/* 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 .PageContainer .ctl,
    .ResponsiveDesign .PageContainer .ctr,
    .ResponsiveDesign .PageContainer .cbl,
    .ResponsiveDesign .PageContainer .cbr,
    .ResponsiveDesign .PageContainer .cbody {
        background: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        min-height: initial;
    }

    .ResponsiveDesign .PageContainer .ctclear,
    .ResponsiveDesign .PageContainer .cbclear { margin: 0; padding: 0; }

    .ResponsiveDesign .PageHeader,
    .ResponsiveDesign .ContentBody { width: auto; padding: 0;}
    .ResponsiveDesign .PageHeader .LogoField { display: none; }

    .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-black.png'); }

    .ResponsiveDesign .PageContainer { 
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin: 5px;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .ResponsiveDesign .MainPage .MainContainer .MainPageInlineContainer { float: right; margin-right: 0; }

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

    .ResponsiveDesign .TextLayout2 .RightColumn { padding-top: 15px; }
    .ResponsiveDesign .TextLayout2 .InlineImageContainer .ParagraphContainer * { font-size: 9pt; }

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

    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel * { 
        font-family: Verdana, Sans-serif; 
        font-weight: normal; 
        color: black; 
        border: 0 !important; 
        background-color: transparent !important; 
    }
    .ResponsiveDesign .Diary .DiaryCommentListItemContainer .DiaryCommentListItemContainerMiddle h2 { margin: 0; }
    
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer * { font-size: 9pt; }

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

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

}