.listing-tab-nav { margin-top: 10px; border-bottom: 1px solid  #adadad; }
.listing-tab-nav ul { margin: 0; padding: 0; overflow: hidden; position: relative; margin-bottom: -1px; }
.listing-tab-nav li { list-style-type: none; float: left; margin:0; margin-left: 15px; border: 1px solid #666666; border-bottom: 1px solid #adadad; }
.listing-tab-nav li.ltn-active,
.listing-tab-nav li:hover { border-color: #adadad; border-bottom: 1px solid #ffffff; }
.listing-tab-nav a { 
    display: block; width: 100%; padding: 7px 10px; font-size: 12px; color: #333333; font-family: Avenir-Heavy,sans-serif; 
    text-decoration: none; background-color: #f2f2f2; outline: none;
}
.listing-tab-nav a:hover,
.listing-tab-nav li.ltn-active a { background-color: #ffffff; }
.listing-tab-content { background-color: #ffffff; padding-top: 20px; }

@media (max-width:767px){
    .listing-tab-nav nav { position: relative; }
    .listing-tab-nav ul { width: 100%; border-bottom: 1px solid #666666; }
    .listing-tab-nav li { width: 100%; float: none; margin: 0; border: 1px solid #666666; border-bottom: 1px solid transparent;  }
    .listing-tab-nav:hover,
    .listing-tab-nav li.ltn-active {
        border-color: #adadad; border-bottom: 1px solid #ffffff;
    }
    .listing-tab-nav a { border: none; }
    .listing-tab-nav-s nav { position: static; }
    .listing-tab-nav-s ul { width: auto; border-bottom: none; }
    .listing-tab-nav-s li { width: auto; float: left; margin-left: 15px; }
    .listing-tab-nav-s a { border: 1px solid #666666; border-bottom: 1px solid transparent; }
    .listing-tab-nav-s a:hover,
    .listing-tab-nav-s li.ltn-active a {
        border: 1px solid #adadad; border-bottom: 1px solid transparent;
    }
}