/* 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) 
{ 

    body.ResponsiveDesign { padding-top: 70px; }

    .ResponsiveDesign .LogoFieldContainer { display: none; }
    .ResponsiveDesign .HeaderField { padding: 10px 5px 30px 5px; background: url('images/bg-separator.png') no-repeat bottom center; }
    
    .ResponsiveDesign .MobileMenuContainer { background: url('images/bg-separator.png') no-repeat bottom center; padding-bottom: 30px;}
    .ResponsiveDesign .MobileMenuContainer .show-menu { background: url('images/menu-button.png') no-repeat 5px 5px; color: black; }

    .ResponsiveDesign ul.DropMenu { border-bottom: 2px solid #787878; }

    .ResponsiveDesign ul.DropMenu ul,
    .ResponsiveDesign ul.DropMenu ul ul,
    .ResponsiveDesign ul.DropMenu li, 
    .ResponsiveDesign ul.DropMenu li ul li, 
    .ResponsiveDesign ul.DropMenu li ul li ul li, 
    .ResponsiveDesign ul.DropMenu li a, 
    .ResponsiveDesign ul.DropMenu li li a, 
    .ResponsiveDesign ul.DropMenu li li li a { background-color: white; }
    .ResponsiveDesign ul.DropMenu li:hover,
    .ResponsiveDesign ul.DropMenu li.sfhover { background-color: white; }

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

    .ResponsiveDesign .FooterContainer { padding-top: 40px; }

    .ResponsiveDesign .MainPage .NewsHeader { margin-top: 10px; }
    .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 .Diary .DiaryList .show-blog-menu { background: url('images/menu-blog-button.png') no-repeat 5px 5px; }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel { border-bottom: 2px solid #787878; }

    .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%; }

}