/* Breadcrumb */
.breadcrumb {
  overflow: hidden;
}

/* header - START */
#hero-module .card-img-bg{
	background-position: initial !important;
}
.mobile-header {
	display: none;
}
@media (max-width: 767px) {
  .container-fluid > .grid:first-child + .grid > div:first-child  {
    min-height: 350px;
  }
  .container-fluid > .grid:first-child + .grid .card-img-bg {
    background-position: left !important;
  }
  .container-fluid > .grid:first-child + .grid .row {
    padding-top: 0 !important;
  }
  #hero-module .DT-header {
    display: none;
  }
  
  .DT-break {
	display: none;
  }
  .mobile-header {
	display: block !important;
  }
}
@media (max-width: 414px) {
  .mobile-header{
		font-size: 1.6em !important;
  }
}
@media screen and (max-width: 1280px) and (min-width: 768px) {
	.DT-break {
		display: none;
	}
	#hero-module .card-img-bg {
		background-position: 55% 0% !important;
	}
}
@media screen and (max-width: 2200px) and (min-width: 1550px) {
  .DT-header {
    padding-left: 4rem !important;
  }
}
@media (min-width: 2200px) {
  .DT-header {
    padding-left: 10rem !important;
  }
}
/* header - END */
/* Collapsible */
.dls-accent-gray-01-bg, .dls-accent-gray-01-bg-hvr:hover {
  background-color: #fff !important;
}

/* reset text align for other sections */
.container-fluid>.grid>div>.container>.row>.col-md-12>div>.richtext + .collapsible-panels>.row>.col-xs-12.col-md-12.col-lg-12>.accordion>.collapsible {
text-align: left;
}

/* Card */
[class^=dls-card][class*=-lg] {
max-width: 100%;
}
[class^=dls-card][class*=-lg] + h2 {
margin-bottom: 0;
}
@media (max-width: 767px) {
.card-art > div {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
}

b{
  font-weight: 700 !important;
}
sup {
  font-size: .75em !important;
}

.col-md-4.margin-0-tb {
  background-color: #fff !important;
  border: solid #fff;
  border-width: 0 10px;
}
#hero-text {
font-size: 3rem !important;
line-height: 4.5rem;
font-weight: bold;
}

/* Carousal */

#sub-text {
font-size: 1.5rem;
line-height: normal;
}
.hero-carousel-outer {
min-height: 472px !important;
}
.hero-bg {
background-position: initial !important;
}
@media screen and (min-device-width: 414px) and (max-device-width: 736px)
{
#hero-text {
font-size: 3rem !important;
}
#sub-text {
font-size: 1.5rem !important;
}

}
@media screen and (min-device-width: 360px) and (max-device-width: 812px)
{
#hero-text {
font-size: 3rem !important;
}
#sub-text {
font-size: 1.5rem !important;
}

}