/* 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: url('images/bg-light-75.png');
    }
    .ResponsiveDesign .MobileMenuContainer .show-menu { 
        color: black;
        background-image: url('images/menu-button.png');
    }

    .ResponsiveDesign ul.DropMenu {
        background: url('images/bg-light-75.png');
        border-bottom: 2px solid black;
    }
    .ResponsiveDesign ul.DropMenu li {
        background: url('images/bg-light-75.png');
    }
    .ResponsiveDesign ul.DropMenu a:hover,
    .ResponsiveDesign ul.DropMenu * {
        background: none;
    }

    .ResponsiveDesign .Diary .DiaryList .show-blog-menu {
        background-image: url('images/menu-blog-button.png');
    }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel {
        color: black !important;
        background: transparent url('images/bg-light-75.png');
        border-bottom: 2px solid black;
    }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel li {
        background: transparent url('images/bg-light-75.png');
    }
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel li li,
    .ResponsiveDesign .Diary .DiaryList ul.FirstLevel li li li {
        background: none;
    }

}