@-moz-document url-prefix() {

}    

@media only screen and (max-width:800px){

    .smalldiv{
        display:table;
    }

    .bigdiv{
        display:none;
    }

    ul#menu-v, #menu-v ul{
        width:220px; /* Main Menu width */
        /*border:1px solid rgba(190,190,190,0.3);*/
        list-style:none; 
        margin:0; 
        padding:0;
        z-index:9;
    }     

    #menu-v li{
        margin:0;
        padding:0;
        position:relative;    
        /*background-color:#DDDDDD; /*fallback color*/
        background-color: #000;
        transition:background 0.5s;
    }
    #menu-v li:hover{
        background-color:rgba(170,170,170,0.3);
    }

    #menu-v a{
        font:normal 12px Arial;
        /*border-top:1px solid rgba(190,190,190,0.3);*/
        display:block;
        color:#888;
        text-decoration:none;
        line-height:25px;
        padding-left:22px; 
        position:relative;           
    }

    #menu-v li:first-child a{
        border-top:0;
    }

    #menu-v a.arrow:hover{
        color:#ddd;
    }

    #menu-v a:hover{
        color:#ddd;
    }

    #menu-v a.arrow::after{
        content:'';
        position:absolute;
        display:inline;
        top:50%;
        margin-top:-4px;
        right:8px;
        border-width:4px;
        border-style:solid;
        border-color:transparent transparent transparent white;
        transition:border-color 0.5s;  
    }
                    
    #menu-v li a.arrow:hover::after{
        border-color:transparent transparent transparent #CCCCCC;
    }
            
    /*Sub level menu items
    ---------------------------------------*/
    #menu-v li ul{
        min-width:180px; /* Sub level menu min width */
        position:absolute;
        display:none;
        left:100%;
        top:180%; transform:translateY(-50%);
    }

    #menu-v li:hover > ul{
        display:block;
    }
}

@media only screen and (min-width:800px){

    .smalldiv{
        display:none;
    }

    .bigdiv{
        display:table;
    }

    /* top level
    --------------------------------------------*/
    .menuTemplate3{ 
        margin-left:auto;
        margin-right:auto;
        height: 20px;
        width: auto; 
        float: center;
        behavior: url("/horizontal/menuh/cssmenu.htc"); 
        position:relative;
        z-index: 24;  
        background: #000;
        border: 1px solid #222;
        font-family: Arial, Helvetica, sans-serif;
        list-style: none;
        padding: 10;
    }

    .menuTemplate3 li{
        top:-20px;
        padding: 0;
        float: left;
        height: 36px;
        position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
        color: #EEE;
        z-index: 25;
    }

    .menuTemplate3 li:hover, .menuTemplate3 li.onhover{
        border-top:0;
    }

    .menuTemplate3 a{
        padding: 0 15px;
        line-height: 36px; /*Note: keep this value the same as the height of .menuTemplate3 li */
        font-size: 13px;
        font-weight: normal;
        display: inline;
        outline: 0;
        text-decoration: none;
        color: #777;
        position: relative;
    }

    .menuTemplate3 li:hover a, .menuTemplate3 li.onhover a{
        background: #000;
        color: #FFF;
        z-index: 29;
    }

    .menuTemplate3 a.arrow{
        background: url(arrow.gif) no-repeat right center;
    }
     
            
    /*Used to align a top-level item to the right*/        
    .menuTemplate3 li.menuRight{
        float: right;
        margin-right: 0px;
    }
            
    /*for the top-level separators*/
    .menuTemplate3 li.separator{
        font-size:0;
        overflow:hidden;
        border-left:1px solid #aaa;
        height:20px;
        margin-top:8px;
        z-index: 24;
    }
                   
            
    /* sub level
    --------------------------------------------*/
            
    .menuTemplate3 .drop{
        position: absolute;
        z-index: 25;
        left: -9999px;
        background: #000;           
        text-align: left;
        padding: 20px;  
        top:30px;
        color:#999;
    }

    .menuTemplate3 .drop a{
        padding-left: 0px;
        padding-right: 0px;
        line-height: 26px;
        font-size: 12px;
        font-weight: normal;
        display: inline;
        text-align: left;
        
        position: static;
        z-index: 20;
    }

    .menuTemplate3 li:hover .drop, .menuTemplate3 li.onhover .drop{
        left: -1px;/*Use this property to change offset of the dropdown*/
    }

    .menuTemplate3 li:hover .dropToLeft, .menuTemplate3 li.onhover .dropToLeft{
        left: auto;
        right: -1px;
    }

    .menuTemplate3 li:hover .dropToLeft2, .menuTemplate3 li.onhover .dropToLeft2{
        left: auto;
        right: -60px;
    }

    /* Elements within the drop down sub-menu
    --------------------------------------------*/

    .menuTemplate3 div.drop div div{
        padding: 6px 20px;
    }

    .menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a{
        background: none;
        background-image:none;
        padding:0 0;
    }

    .menuTemplate3 div.drop div a{
        line-height: 24px;  
        color:white;
        background:none;
    }

    .menuTemplate3 div.drop div a:hover{
        text-decoration:underline;
        cursor:pointer;
        color:Red;
    }

    .menuTemplate3 div.left {
        float:left;
    }

     
    /* CSS3 effects
    --------------------------------------------*/
     
    /*for top-level*/ 
         
    .decor3_1 {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;

        -moz-box-shadow: -8px -6px 3px 2px #191919;
        -webkit-box-shadow: -8px -6px 3px 2px #191919;
        box-shadow: -8px -6px 3px 2px #191919;
    }

    /*for submenu.*/   
    .decor3_2 {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;

        -moz-box-shadow: 8px 6px 6px 2px #161616;
        -webkit-box-shadow: 8px 6px 6px 2px #161616;
        box-shadow: 8px 6px 6px 2px #161616;   
    }
}