/* @group Min-Width 380px */

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

.nav.tabNav > li + li {
  margin-left: 1.50000000000001%;
}

.nav.tabNav > li  {
  position: relative;
  display: block;
  float: left;
  width: 32.33333333333333%;
}


.nav.tabNav > li:last-child  {
  /*float: right;*/
  /*width: 32.33333333333333%;*/
}

}


/* #### Min-Width 380px #### */

@media screen and (min-width: 380px)  {

.nav.tabNav i {
  display: block;
}


.nav.tabNav > li  {
  position: relative;
  display: block;
  float: left;
  width: 33.33333333333333%;
}


ul.tabNav {
  margin-left: -10px;
  margin-right: -10px;
}


.nav.tabNav > li {
  padding-right: 10px;
  padding-left: 10px;
}


.nav.tabNav.roundedTop > li {
  padding-right: 10px;
  padding-left: 0px;
}


div.inside {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}


.inside span {
  display: block;
  margin-top: 0.5em;
  font-size: 1.889em;
  letter-spacing: 0.05em;
}


a.tabNav {
  display: block;
}


.inside i{
  font-size: 0.5em;
}


.messageSummary.messageList .list-group-item-text {
  width: 18em;
}

}

/* #### ENDE Min-Width 380px #### */

/* @ end Min-Width 380px */


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

.thirdPane div.circle-text {
  margin: 0 auto;
  width: 40%;
}


.blockBtn {
  width: 100%;
  margin-bottom: 15px;
}


.btnList.list-inline li {
  display: list-item;
}


.btnList.list-inline li:first-child {
  float: left;
  border-right: none;
}


.btnList.list-inline li:last-child {
  float: right;
  padding-right: 0;
}


.adressList dt {
  /* width: 50% */
}


.hiddenIcon {
  display: none;
}


.specialLinkCont .btnTxt {
  position: relative;
  left: 0;
  text-decoration: underline;
  color: #FDAB48; 
}


.nav.tabNav.twoTabs > li {
  float: left;
  width: 48.66666666666667%;
}


.nav.tabNav.twoTabs > li:last-child {
  float: right;
}


.nav.tabNav.threeTabs > li > a {
  font-size: 0.80em;
}

.carousel-inner {
  min-height: 425px;
}

}


/* @group Min-Width 400px */

/* #### Min-Width 400px #### */

@media screen and (min-width: 400px)  {

.inside span {
  display: inline-block;
  margin-top: 0em;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}


.inside i{
  font-size: 2.5em;
}


ul.howTo li:last-child {
  float: none;
  background: yellow;
}

.messageSummary.messageList .list-group-item-text {
  width: 20em;
}

}

/* @ end Min-Width 400px */

/* @group min-width: 480px */

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

  ul.howTo li.hidden {
  display: block;
}


div.circleCont {
  width: 22%;
  display: inline-block;
}


.nb_icon.nb_icon-getMail {
  font-size: 1em;
  line-height: 1em;
}


.nb_icon.nb_icon-register {
  font-size: 1em;
  line-height: 1em;
}


.fa.fa-pencil-square-o {
  font-size: 0.75em;
}


div.circleCont > .circle-text {
  width: 100%;
  margin: 0 0;
}


div.txtCont {
  display: inline-block;
  width: 70%;
}


.explainCont > div {
  margin-bottom: 15px;
}


.explainCont > div:nth-child(2) > .txtCont {
  top: -15px;
}


.specialLinkCont .btnTxt {
  margin-left: 10px;
  vertical-align: middle;
  position: relative;
  left: 0px;
}


.scrollInfoPane {
  height: 80px;
}

.messageSummary.messageList .list-group-item-text {
  width: 22em;
}

}
/* @ end Min-Width 480px */

/* #### ENDE Min-Width 400px #### */


/* @group min-width: 600px */

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

.circlesNoText .circleCont {
  display: block;
  width: auto;
}


div.circleCont > .circle-text {
  width: 70%;
  margin: 0 auto;
}


.imgResponsive {
  /* display: none; */
}


.buttonList .inside i {
  font-size: 1.5em;
}


.buttonList .ownPanel {
  height: auto;
}
}


@media screen and (min-width: 450px) and (max-width: 720px) {
  
  .wizardRightBtn.col-xs-21 {
  width: 38.0952381%; 
}

.wizardLeftBtn.col-xs-21 {
  width: 61.9047619%;
}

.carousel-inner {
  min-height: 320px;
}

}

/* #### Min-Width 600px #### */

@media screen and (min-width: 600px)  {

.explainCont > div:nth-child(2) > .txtCont {
  top: 0px;
}

.secondHeaderCont {
  border-bottom: 2px solid #e1e1e1;
}

.carousel {
  margin-top: 70px;
}

.infoUser li{
  display: inline-block;
  margin-top: 8px;
}

.infoUser {
  margin-top: -2px;
}

.btnTxt {
  margin-left: 10px;
  vertical-align: middle;
}

nav.offCanvas {
  top: 32px;
}

.logo {
  background: transparent url("../../assets/img/logo_ds_59.svg") no-repeat 15% 50%;
  height: 59px;
  margin-top: 13px;
}

#ahref-logo, #ahref-logo-login {
  display: block;
  margin-left: -102px;
  height: 58px;
  width: 367px;
}


.inside span {
  font-size: 1.3333em;
}


.inside i{
  font-size: 4.111em;
}


.thirdPane div.col-xs-4 {
  width: 100%;
}


.explainCont > div {
  margin-bottom: 0px;
}


.scrollInfoPane {
  height: 400px;
}


.messageSummary.messageList .list-group-item-text {
  width: 30em;
}


}
/* #### ENDE Min-Width 600px #### */


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

.smallList dt, .smallList dd {
  display: inline-block;
}


.smallList {
  margin-bottom: 0px;
}


.buttonList .inside {
  text-align: left;
  padding-left: 15px;
}


.buttonList.tabNav i {
  display: inline;
  padding-right: 10px;
}


.spaceXsTop {
  margin-top: 2em;
}


h1 {
  margin: 0.315em 0 0.615em 0;
}


.sidebar-offcanvas {
  margin-top: 15px;
}


.contractPanelGroup .list-group-item>.badge {
    float: none;
}


.contractPanelGroup .openPanel .badge {
  padding-bottom: 5px;
  font-family: 'source-sans-pro';
  font-style: normal;
  font-weight: normal;
  color: #002d52;
  margin-bottom: 0;  
}


.contractPanelGroup .badge {
  margin-bottom: 10px;
}

.contractPanelGroup .fa-ul {
  margin-left: 1.54285714em;
}

.featureLeft .circle-text {
  display: none;
}
}
/* @ end Min-Width 600px */