@media (min-width: 1200px) {
  .xl-desktop-only {
    display:block !important;    
  }
}
@media (min-width:992px) and (max-width: 1199px) {
  .desktop-only {
    display:block !important;
  }
  .xl-desktop-only {
    display:none !important;
  }  
}
@media (max-width: 991px) {
  .mobile-only {
    display:block !important;
  }
  .desktop-only {
    display:none !important;
  }
  .xl-desktop-only {
    display:none !important;
  }  
}

ol.rounded-list {
 counter-reset: li; /* Initiate a counter */
 list-style: none; /* Remove default numbering */
 *list-style: decimal; /* Keep using default numbering for IE6/7 */
 font: 14px 'trebuchet MS', 'lucida sans';
 padding: 0;
 margin-bottom: 4em;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol.rounded-list ul {
 margin: 0 0 0 -2em; /* Add some left margin for inner lists */
 font-size:12px;
 list-style-type: none;
}	  
ol.rounded-list li {
 opacity: 0.9;
}
li.currentNavSection {
 font: 18px 'trebuchet MS', 'lucida sans';
 opacity: 1.0;
}
li.navSubSection div { 
 /*border:1px solid white;*/
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
.currentNavSubSection {
 font: 12px 'trebuchet MS', 'lucida sans';
 opacity: 1.0;
}
.rounded-list div{
 position: relative;
 display: block;
 padding: .3em .3em .3em 3em;
 *padding: .4em;
 margin: .3em 0;
 background: #bbb;
 color: #444;
 text-decoration: none;
 border-radius: .3em;
 border: 2px solid #fcfcfc;
 transition: all .3s ease-out;
 -webkit-box-shadow: -3px 2px 1px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: -3px 2px 1px 0px rgba(0,0,0,0.75);
 box-shadow: -3px 2px 1px 0px rgba(0,0,0,.75);
}
.currentNavSection div{
 background: #fcfcfc;
 border: .2em solid #87ceeb;
}
.currentNavSubSection div{
 background: #fcfcfc;
 border: .2em solid #87ceeb;
}
.rounded-list div:hover{
 background: #eee;
}
.rounded-list li.navSection div:before,
.rounded-list li.currentNavSection div:before{
 content: counter(li);
 counter-increment: li;
 position: absolute; 
 left: -1.3em;
 top: 50%;
 margin-top: -1.3em;
 background: #87ceeb;
 height: 2em;
 width: 2em;
 line-height: 2em;
 border: .25em solid rgba(40, 38, 135, 0.8);
 text-align: center;
 font-weight: bold;
 border-radius: 2em;
 transition: all .3s ease-out;
 -webkit-box-shadow: -3px 2px 1px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: -3px 2px 1px 0px rgba(0,0,0,0.75);
 box-shadow: -3px 2px 1px 0px rgba(0,0,0,.75);
}