@charset "UTF-8";
/* CSS Document */
/* tab to accordion
===========================================================*/
.demo { width: 100%; margin: 0 auto ;}
.demo ul { margin-bottom:16px;}
.demo li { list-style:square inside;}
.note { position:relative; color:#333; overflow:hidden;}
.note:after {
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    border-width:30px 30px 0 0 ; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#39b5a4 #F5F5F5 #F5F5F5 #39b5a4; /* A bit more verbose to work with .rounded too */
    background:#39b5a4; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
 
@media only screen and (max-width: 768px) {
.demo { margin: 0%; width: 100%;}
.note { background: #39b5a4;padding-bottom:30px;}
}