kbd {
        background-color:#f7f7f7;
        border:1px solid #ccc;
        border-radius:3px;
        box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;
        color:#333;
        display:inline-block;
        font-family:Arial,Helvetica,sans-serif;
        font-size:11px;
        line-height:1.4;
        margin:0 0.1em;
        padding:0.1em 0.6em;
        text-shadow:0 1px 0 #fff;
        white-space:nowrap;
		width: 20px;
		height: 20px;
}

.kdbDiv{
	margin: 3px auto 2px auto;
}

.kdbLeft{
	margin: 5px auto 5px auto;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #000 transparent transparent;
}

.kdbRight{
	margin: 5px auto 5px auto;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #000;
}



@media only screen and (max-device-width: 1000px) {
	kbd {
        background-color:#f7f7f7;
        border:1px solid #ccc;
        border-radius:3px;
        box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;
        color:#333;
        display:inline-block;
        font-family:Arial,Helvetica,sans-serif;
        font-size:30px;
        line-height:1.4;
        margin:0 0.1em;
        padding:0.1em 0.6em;
        text-shadow:0 1px 0 #fff;
        white-space:nowrap;
		width: 50px;
		height: 50px;
}

.kdbDiv{
	margin: 5px auto 5px auto;
}

.kdbLeft{
	margin: 15px auto 15px auto;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 10px 17.3px 10px 0;
	border-color: transparent #000000 transparent transparent;


}

.kdbRight{
	margin: 15px auto 15px auto;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 10px 0 10px 17.3px;
	border-color: transparent transparent transparent #000000;

}
}