.sb-slidebar {

}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 50px;
}

#fixed-top {
	position:fixed;
	top: 0;
    left:0;
	width: 100%;
	height: 50px;
	background-color: red;
	z-index: 4;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}




header{
position:relative;
}

.sb-toggle-left,
.sb-toggle-right{
/*width:45px;
height:45px;
position:absolute;
top:10px;
text-indent:-9999px;*/
}

.sb-toggle-left{
/*left:2%;
border-radius:5px;
background:#333 url(menu.png) no-repeat center center;
background-size:80%;*/
}

.sb-toggle-right{
/*right:2%;
border-radius:5px;
background:#333 url(search.png) no-repeat center center;
background-size:80%;*/
}




.sb-slidebar h2{
    width: 100%;
    background: #2462a2;
    color: #fff;
    padding: 2% 3% 2% 3%;
    font-size: 130%;
}

.sb-slidebar ul{
margin:0;
padding:0;
}
.sb-slidebar ul li{
margin:0;
list-style:none;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
font-size:90%;
}

.sb-slidebar ul li a{
display:block;
padding:3%;
text-decoration:none;
color:#333;
}


.sb-slidebar.sb-right p{
width:88%;
margin:3% auto 0 auto;
font-size:90%;
}




.sb-toggle-left,
.sb-toggle-right{
width:60px;
height:60px;
top:0px;
text-indent:-9999px;
}

.sb-toggle-left{
left:2%;
border-radius:5px;
background: url(menu.png) no-repeat center center;
background-size:95%;
    z-index: 999;
}

.sb-toggle-right{
right:2%;
background: url("../../images/top_menu.jpg") no-repeat center center;
background-size:100%;
}







/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/




/******************/
/* for Tablet    */
/* 600px-999px    */
/******************/
@media only screen and (min-width: 600px) and (max-width: 999px) {








}





/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {









}