@media only screen and (min-width: 900px) {
    .tierthreemenu
    {
        float:right;
        visibility:hidden;
        display:none;
    }
    #tierthreesidemenu, .tierthreequicklinks
    {
        visibility:visible;
        display:inherit;
        margin-top: 70px;
    }
    
    #tierthreesidemenu .menutoplabel
    {
        font-weight:bold;   
    }
    
    #tierthreesidemenu .menubottomlabel
    {
        font-weight:bold;   
        font-size:larger;
    }
    
    /*With the fact that this is now a duplicated menu only displayed on mobile devices, we don't need any of the below styles because the entire thing is not visible
        unless it is viewed on a smaller resolution. */
    
    /*.tierthreemenu li
    {
        display: inline-block;
        cursor:pointer;
        position:relative;
        border: 1px solid #CCCCCC;
        padding: 5px;
        height: 30px;
        
        text-align:right;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        line-height: normal;
    }
    
    .tierthreemenu li:hover
    {
        background-color:#eeeeee;
        color: #2C6A70;
    }
    
    .tierthreemenu a
    {
        display:block;
    }*/
    
    /*
    .tierthreemenu li ul
    {
        
        position:absolute;
        
        top:28px;   
        width:100%;
        display:block;
        margin-left:-6px;
        border: 1px solid #CCCCCC;
    }
    */
    
    /*.tierthreemenu li:hover ul, .tierthreemenu li:focus ul
    {
        visibility:visible;
        display:block;
        margin-left:-6px;
        border: 1px solid #CCCCCC;
    }*/
    
    /*
    .tierthreemenu li ul li
    {
        display:block;
        left: 0;
        background-color: #ffffff;
        list-style-type:none;
        border:none;
        text-align:left;
        font-weight:normal;
    }
    
    .tierthreemenu li ul li:hover
    {
        background-color: #eeeeee;
        color:#6a2222;
    }
    
    .tierthreemenu li ul li a
    {
        color:#000000;
        display:block;
    }
    
    .tierthreemenu li ul li a:hover
    {
        color:#6a2222;
    }
    .menutoplabel
    {
        font-size: 28px;
        color: #662628;
        font-family: Georgia, serif;
    }
    .menubottomlabel
    {
        font-size: 18px;
        color: #662628;
        font-family: Georgia, serif;
    }
*/
}

@media only screen and (max-width: 899px) {
     .clearme
     {
         clear:both; width:100%;
     }
     .tierthreemenu
    {
        float:none;
        width: 100%;
        visibility:visible;
        display:inline-block;
        z-index:1000;
    }
    #tierthreesidemenu, .tierthreequicklinks
    {
        visibility:hidden;
        display:none;
    }
    .tierthreemenu li
    {
        display: inline-block;
        cursor:pointer;
        position:relative;
        border: 1px solid #cccccc;
        
        
        
        text-align:center;
        font-family: "Open Sans", sans-serif;
        font-weight: bold;
        line-height: normal;
        width:100%;
    }
    
    .tierthreemenu li:hover
    {
        background-color: #cccccc;
        color: #2C6A70;
    }
    
    .tierthreemenu a
    {
        display:block;
        padding:5px;
    }
    
    .tierthreemenu li ul
    {
        
        position:absolute;
        
        
        width:100%;
        display:block;
        border:1px solid #cccccc;
        margin-left: 0px;
        z-index:1000;
    }
    
    /*.tierthreemenu li:hover ul, .tierthreemenu li:focus ul
    {
        visibility:visible;
        display:block;
        border:1px solid #cccccc;
        margin-left:-6px;
    }*/
    
    .tierthreemenu li ul li
    {
        display:block;
        left: 0;
        background-color: #ffffff;
        list-style-type:none;
        border:none;
        text-align:left;
        font-weight:normal;
    }
    
    .tierthreemenu li ul li:hover
    {
        background-color: #eeeeee;
        color:#6a2222;
    }
    
    .tierthreemenu li ul li a
    {
        color:#000000;
        display:block;
    }
    
    .tierthreemenu li ul li a:hover
    {
        color:#6a2222;
    }
}