@media screen and (max-width: 480px) {
    
}

@media screen and (max-width: 600px) {
    .content-left { display:none; }
}

@media screen and (max-width: 782px) {
    .to_left {
        font-size:80%;
        width:auto;
        min-width:150px;
        margin-top:4%;
    }
    .srv{
        padding-top:3%;
        clear:both;
    }
    .mn{}
    h1 { font-size: 200%;}

    div#bottom-menu ul li{ display:block; }
    div#bottom-menu ul li.first{border-radius:0 !important;}
    div#bottom-menu ul li.last{border-radius:0;}
    .content-right{ }
    
    #slideshow .cnt { visibility:hidden; }
    #slideshow .text { font-size:0.8em; }

}


@media screen and (min-width: 840px) {
    body { background: #FFF url("/jpg/bg.jpg") no-repeat center 0;}
    #nav_helper {
      display:none;
    }

    div#nav{
        display:block;
        position: relative;
        z-index: 1000;
        width:100%;
        background:none;
        padding:0;
        border:none;
        margin: 0;
    }
    
    #nav ul { overflow:visible; }
    
    div#nav ul.sub_1 {
        margin: 10px 0 0 0;
        padding: 0;
        height: 43px;
        display:table;
        width:100%;
    }

    div#nav ul.sub_1 > li {
        background: url("/png/bg_li_sep.png") 100% 0 no-repeat;
        display:table-cell;
        height: 43px;
        position:relative !important;
        padding: 0 3px 0 0;
        margin:0;
    }

    div#nav ul.sub_1 > li.last{
        background: none;
    }
    div#nav ul.sub_1 > li.active > a, div#nav ul.sub_1 > li.first.active > a, div#nav ul.sub_1 > li.last.active > a{
        background-position: 0 -44px;
    }
    div#nav ul.sub_1 > li.first > a{
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
    }

    div#nav ul.sub_1 > li.last a{
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
    }

    div#nav ul.sub_1 a{
        background: url("/png/li.png") 0 0 repeat-x;
        color: #434346;
        display: table;
        overflow:hidden;
        font: 13px/12px Arial,Tahoma,Helvetica,sans-serif;
        height: 14px;
        width:100%;
        height:43px;
        text-align: center;
        text-decoration: none;
        z-index:30;
        position:relative;
    }
    div#nav ul.sub_1 a span {
        display: table-cell;
        vertical-align:middle;
        text-align:center;
        padding: 0;
    }
    
    div#nav ul.sub_1 a:hover{
        background: url("/png/li.png") 0 -44px repeat-x;
        font: normal 13px/12px Arial, Tahoma, Helvetica, sans-serif;
        color: #000;	
        text-decoration: none;	
    }
    .sub_2{
        position:absolute; margin-top:0 !important; left:auto !important; display:none;
    }
    div#nav ul.sub_1 li:hover{position:relative;}
    div#nav ul.sub_1 li:hover .sub_2{
        display:block !important;
    }
    div#nav .sub_2 li{display:block;}
    div#nav .sub_2 li{max-width:none !important;height:auto !important;	}
    div#nav .sub_2 li a{
        height:auto !important;
        width:auto !important;
    }
    .sub_2 li a{text-align:left !important; height:auto; overflow:visible;}
    
    * html div#menu ul.menu li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
    }
    
    div#menu ul li{
        position: relative;
    }

    /* 1st sub level menu*/
    div#nav ul.sub_2{
        position: absolute;
        top: 40px !important;
        left: 0;
        z-index: 1000;
        padding:0 0 10px 0;
        display: block;
        visibility: hidden;
        width: 192px !important;
        background:#fff !important;
        border:1px solid #e7e7e7;
        border-radius:5px;
        margin:0;
    }
    /* Sub level menu list items (undo style from Top level List Items)*/
    div#nav ul.sub_2 li{
        background:none;
        list-style: none;
        display: block;
        float: none;
        margin: 0;
        padding: 2px 11px 2px 9px;
        border: none;
    }
    div#nav ul.sub_2 li.fst{
        background:url("/png/bg_top_arrow.png") 10px top no-repeat !important;
        height: 9px !important;
        padding: 0;
        position:relative;
        top:-9px;
    }


    /* Sub level menu links style */
    div#nav ul.sub_2 li a{
        background-image: none;
        font: normal 13px Arial, Helvetica, sans-serif;
        color: #404040;
        list-style: none;
        display: block;
        text-decoration: none;
        margin: 0;
        border-radius:0;
        padding: 5px 10px 6px 10px;
    }

    div#nav ul.sub_2 li.active a, div#nav ul.sub_2 li a:hover{ /*sub menus hover style*/
        background: #99cc66;
        font: normal 13px Arial, Helvetica, sans-serif;
        color: #FFF;
        text-decoration: none;
        padding: 5px 10px 6px 10px;
    }
    
    div#nav ul.sub_2 { visibility: hidden; }
    div#nav ul.sub_1 li:hover ul.sub_2 { visibility:visible; }

    h1{font-size:200%;}
}



/* 1020 */
@media screen and (max-width: 1020px) {
    #slideshow, #slideshowContainer { display:none; }
}