/* 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 { background-repeat: repeat; }

    .ResponsiveDesign .ContainerTable,
    .ResponsiveDesign .NavigatorColumn,
    .ResponsiveDesign .ContentColumn { 
        position: static;
        min-height: initial;
        background: none;
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
        border: 0;
        float: none;
    }

    .ResponsiveDesign .LogoField { display: none; }

    .ResponsiveDesign .ContentHeader,
    .ResponsiveDesign .ContentHeader .HeaderField { margin: 0; min-height: initial; height: auto; }
    .ResponsiveDesign .ContentHeader .HeaderField h1 { margin: 0; padding: 10px 5px; }
    .ResponsiveDesign .ContentHeader .HeaderField p { margin: 0; padding: 5px; }

    .ResponsiveDesign .DropMenu,
    .ResponsiveDesign .DropMenu ul { width: 100%; }

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

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

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

    .ResponsiveDesign .Contact .RightColumn .ImageContainer,
    .ResponsiveDesign .Contact .RightColumn .ParagraphContainer { margin-bottom: 10px; }

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

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

}