@media screen and (max-width: 960px) {
    nav {
        width: 100%;
        overflow: hidden;
        float: left;
        clear: none;
        margin: 44px 0 0
    }
    nav ul {
        width: 100%;
        display: none;
        justify-content: space-between;
        overflow: hidden;
        float: left;
        clear: none;
        margin: 0 0 0 -40px
    }
    nav li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-family: "HelveticaNeueLT Std Lt Cn";
        font-size: 14px;
        color: #696868;
        font-weight: 400
    }
    nav li a {
        text-decoration: none;
        color: #696868
    }
    nav li a:hover {
        text-decoration: none;
        color: #451807
    }
}
@media (max-width: 1000px) {
    .tabs {        
        background: 0 0;
        border: none;
        float: left;
        height: auto;
        margin: 0px 0 -1px;

        margin-bottom: 20px;

        overflow: visible;
        width: 100%;
        position: relative
    }
    .tabs .active {
        height: auto
    }
    .tabs li {
        border-bottom: 1px solid #E3E3E3;
        border-right: 1px solid #e3e3e3;
        border-top: none;
        float: none;
        height: auto;
        margin: 0 0 0 -1px;
        padding: 0;
        word-wrap: break-word;
        text-align:left;
    }
    .tabs li:last-child {
		border-bottom: 1px solid #E3E3E3;
    }
    .subtabs {
        background-color: #eee;
        font-family: "HelveticaNeueLT Std Lt Cn";
        list-style: none;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-transform: uppercase;
        width: 100%
    }
    .subtabs li {
        background: #f2f2f2;
        float: left;
        font-size: .9em;
        line-height: 1em;
        margin-right: 40px;
        text-align: center;
        width: 100%
    }
    .tabs li a {
        background-color: #CCC;
        display: block;
        float: none;
        height: auto;
        letter-spacing: 0.5px;
        min-width: 100%;
        padding: 10px 0 10px 18px;
        white-space: normal
    }
    .tabs li a:after
    {
      content: '+';  
      /*content: '';  */
      font-size: 19px;
      position: absolute;
      right: 6%;
      color: rgb(102, 102, 102);
      font-weight: bold;
    }
    .tabs li.active a {
        background-color: #fff
    }
    .tabs li.active {
        border-right: none
    }
    .padder {
        border: none;        
        padding: 0;
        width: auto
    }
    .padder,
    .tabs {
        border-top: 1px solid #fff
    }
    #product_technologies_contents {
        margin-top: -35px
    }
    #cur_product_technology_contents {
        margin-top: -25px
    }
    .comp-list-subtabs {
        float: left;
        margin-top: 0!important;
        position: relative;
        width: 100%!important
	}
}