/* 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: #3A5C82; }
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu a { color: #3A5C82; }
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu a:hover { color: #3A5C82; }
    .ResponsiveDesign .Diary .DiaryList .FirstLevel,
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu { border-bottom: 2px solid #3A5C82; }
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu > li { border-bottom: 1px solid #3A5C82; }
    .ResponsiveDesign .Diary .DiaryList .SecondLevelItem,
    .ResponsiveDesign .Diary .DiaryList .ThirdLevelItem,
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu > li > ul { border-top: 1px solid #3A5C82; }
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu ul ul { border-bottom: 1px solid #3A5C82; }
    .ResponsiveDesign .Diary .DiaryList .GroupByDay li.FirstLevelItem,
    .ResponsiveDesign .Diary .DiaryList .GroupByMonth li.FirstLevelItem,
    .ResponsiveDesign .MobileMenuContainer ul.DropMenu li a.parent { border-bottom: 1px solid #3A5C82; }

}