ul#boxtabs-one{ padding:0; width:980px; margin:0 auto; }
ul#boxtabs-two{ padding:0; width:980px; margin:39px auto 0; }

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: block; float:left;
    margin: 0; padding:0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 0 0 0; background:#d3d4d4;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.box-avatar{ display:block; position:relative; width:150px; height:150px; margin:0 23px; }
.box-avatar-name{ display:block; position:relative; padding:16px 0 0; text-align:center; color:#333333;  }
.box-avatar-name > div{ font-family: 'thaisans_neueextra_bold'; font-size:20px; text-transform:uppercase;  }


.r-tabs{ position: relative; }
.r-tabs .r-tabs-nav{ }
.r-tabs .r-tabs-nav .r-tabs-tab{ position: relative; top:0px;  }

.r-tabs .r-tabs-nav .r-tabs-anchor {
  padding: 0 0px 0; display: inline-block; text-decoration: none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
 border:none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
 background: url(../../img/tabs-activ-white.png) no-repeat bottom; position:relative; padding-bottom:26px; z-index:29;
}
.r-tabs .r-tabs-panel {
  position:relative; z-index:9; margin-top:0px;

}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  padding: 0 0 0px;
  display: inline-block;
  text-decoration: none;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
 background: url(../../img/tabs-activ-white.png) no-repeat bottom; position:relative; padding-bottom:26px; z-index:29;
}



/* Accordion responsive breakpoint */
@media only screen and (max-width: 960px) {
ul#boxtabs-one{ padding:0; width:100%; margin:0 13px; }
ul#boxtabs-two{ padding:0; width:100%; margin:0 13px; }

.r-tabs .r-tabs-nav{ display: none;  }
.r-tabs .r-tabs-accordion-title {  display:block; position:relative; }

.box-avatar{ margin:0 30px 0 0; float:left;  }
.box-avatar-name{  padding:50px 0 0; text-align:left; float:left; width:auto;   }

.avatar-name-line1{ display:inline-block; }
.avatar-name-line2{ display:inline-block; }
 


.r-tabs .r-tabs-panel {
    padding: 0; background:#d3d4d4;
    display: none;
}

.r-tabs .r-tabs-panel {
  position:relative; z-index:9; margin-top:0px; margin-bottom:0; 
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
padding: 6px 13px 6px; 
display: block;
text-decoration: none;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
 background: url(../../img/tabs-activ-white-m.png) no-repeat 70px bottom; position:relative; padding-bottom:18px; z-index:29;
}


}

@media only screen and (max-width:600px) {
.box-avatar{ width:93px; height:93px; margin:0 16px 0 0; }
.box-avatar img{ max-width:93px; }
.box-avatar-name{ padding:26px 0 0; text-align:left; float:left;    }
.box-avatar-name > div{  font-size:18px; }
.box-avatar-name.txtlong{ padding:16px 0 0; width:180px; }

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
 background: url(../../img/tabs-activ-white-s.png) no-repeat 50px bottom; position:relative; padding-bottom:12px; z-index:29;
}
}

@media screen and (max-width: 480px) {


}

@media only screen and (max-width:320px){

.box-avatar-name > div{  font-size:16px; }
.box-avatar-name.txtlong{ padding:16px 0 0; width:150px; }

}