.product-hero-container-dark {
  border-bottom: none !important;
}

#features img.img-logo:not(:last-of-type) {
  margin-right: 10px;
}

.img-logo {
  height: 72px;
  max-height: 72px;
}

.logo-battery {
  width: 45%;
  max-width: 150px;
}
.img-icon {
  width: 11vw;
  height: auto;
  min-width: 108px !important;
  max-width: 170px !important;
}

.feature-header {
  margin: -120px auto 40px auto !important;
}

.show {
  /*-webkit-transition: all 2s ease;
  transition: opacity 2s ease;*/
  opacity: 1 !important;
}

.flex-container {
  display: flex;
  flex-direction: column;
}

.background-animation > div {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100vw;
}

.Img1 {
  background: url('./metallixplus_connectivity_2A.jpg') no-repeat;
  background-size: 100% auto;
  height: calc(100vw * 961 / 2560);
  max-height: 961px;
}

.Img2 {
  background: url('./metallixplus_connectivity_2B.jpg') no-repeat;
  background-size: 100% auto;
  height: calc(100vw * 961 / 2560);
  max-height: 961px;
}


/*goodlooks container*/

.goodlooks {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}


/*first image, pdt body*/

.goodlooks .body {
  max-width: 100%;
  height: auto;
}


/*second image, pdt cover*/
.wrapper.features-contents .goodlooks img.cover,
.goodlooks .cover {
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid #429DFF;
  width: 15px;
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}


/*last image, arrow*/

.goodlooks .arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px) !important;
  left: 0;
  cursor: pointer;
}

.section-battery {
  background: url('/inline/products/23166/metallixplus_battery.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 1146 / 2560);
  max-height: 1146px;
}

.section_stayconnected {
  background: url('./metallixplus_audio_2.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 1410 / 2560);
  max-height: 1410px;
}

.section_stayconnected.section_overlay > div {
  background: rgba(54, 57, 66, 0.6);
  width: 40%;
  height: 100%;
}

.section_stayconnected_content {
  display: flex;
  align-items: center;
}

.section_portability {
  background: url('./metallixplus_portability.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 642 / 2560);
  max-height: 642px;
}

.section_portability.section_overlay > div {
  width: 100%;
  height: 100%;
  background: rgba(42, 51, 78, 0.6);
}

.section_portability_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-IPX5 {
  background: #2D3434;
  /*margin-top: -1px;*/
  padding-bottom: 1px;
}

.section-IPX5 p {
  color: #fff;
}

.section-connectivity {
  background: url('./metallixplus_connectivity_1.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 818 / 2560);
  max-height: 818px;
}

.section-smartassistant {
  height: calc(100vw * 961 / 2560);
  max-height: 961px;
  position: relative;
}

.section-smartassistant-content {
  height: calc(100vw * 961 / 2560);
}

.section-CrossSell {
  background: url('/inline/products/23166/footer_metallix.jpg') no-repeat;
  background-size: cover;
  height: calc(100vw * 710 / 2560);
  max-height: 710px;
}

.storepage_1 .section-CrossSell,
.storepage_19 .section-CrossSell,
.storepage_38 .section-CrossSell,
.storepage_1 .section-CrossSell-header,
.storepage_19 .section-CrossSell-header,
.storepage_38 .section-CrossSell-header {
  display:none !important;
}

.section-CrossSell .button.button-medium {
  background: #1BAABA !important;
  color: #fff !important;
  width: auto;
}
/*reduce side spacing for conversion section*/

.section-conversion .container-fluid {
  padding: 0;
  max-width: 1000px;
}

.section-conversion .row {
  margin-left: 0;
  margin-right: 0;
}

.section-conversion .row > div {
  padding: 0;
}

.section-conversion h4,
.section-conversion p {
  color: #000 !important;
}

.section-conversion h4 {
  font-weight: 700;
  font-size: 19px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.section-conversion a {
  background: #000;
  color: #fff;
}


/*relative txt box to make it in front of the bg layer*/

.section-conversion .txt {
  position: relative;
  padding: 20px;
}


/*relative all element inside the txt box and not the div*/

.section-conversion .txt > *:not(div) {
  position: relative;
}

.section-conversion .section-learnhow .bg {
  background-color: #ffd202;
}

.section-conversion .section-getintouch .bg {
  background: #a1c6d8 url('/inline/products/23166/metallixplus_support.jpg?crop=(0,331,500,570)') no-repeat;
  background-size: 100% auto;
  opacity: 0.5;
}

.section-conversion .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.section-conversion .section-getintouch .txt p:last-of-type,
.section-conversion .section-learnhow .txt p:last-of-type {
  text-align: right !important;
}

@media (max-width: 1440px) {
  .section-CrossSell-header {
    margin-bottom: 0;
  }
}
@media(max-width:1199px) {
  .section-connectivity .row.breakout {
    margin-top: 0 !important;
    margin-bottom: 60px !important;
  }
  .section-connectivity {
    background-size: 100% auto;
    padding-top: calc(100vw * 818 / 2560);
    height: auto;
  }
  .section-smartassistant {
    height: auto;
  }
  .section-smartassistant-content {
    background-size: 100% auto;
    padding-top: calc(100vw * 961 / 2560);
    height: auto;
    margin-bottom: 40px;
  }
  .section-connectivity .feature-subheader,
  .section-connectivity p,
  .section-smartassistant-content .feature-subheader,
  .section-smartassistant-content p {
    color: #000;
  }
  .section-portability p,
  .section-stayconnected p,
  .section-portability .feature-subheader,
  .section-stayconnected .feature-subheader {
    color: #000 !important;
  }
  .section-IPX5 {
    background: #fff !important;
  }
  .section-IPX5 .feature-subheader,
  .section-IPX5 p {
    color: #000 !important;
  }
  .section-IPX5 .row > div:nth-child(2) {
    padding: 30px 40px;
  }
  .flex-container > .flex-item-1 {
    order: 2;
  }
  .flex-container > .flex-item-2 {
    order: 1;
  }
  .section-CrossSell {
    padding-top: calc(160vw * 710 / 2560);
    height: auto;
    background-size: 160% auto;
    background-position: 100% 0;
  }
}

@media(max-width:991px) {
  .section_overlay > div {
    padding: 30px 40px !important;
  }
  .mobile-custom {
    width: 100%;
  }
  .section_overlay > div {
    width: auto !important;
  }
  .section-battery {
    padding-top: calc(100vw * 1146 / 2560);
    height: auto;
    background-size: 100% auto;
  }
  .section-battery.product-info-container-light.section_overlay > div {
    background: #fff;
  }

  .section-CrossSell.product-info-container-light.section_overlay > div {
    background: #fff;
  }

  .flex-container > .flex-battery-1 {
    order: 2;
  }
  .flex-container > .flex-battery-2 {
    order: 1;
  }
  .section_stayconnected {
    padding-top: calc(100vw * 1410 / 2560);
    height: auto;
    background-size: 100% auto;
  }
  .section_portability {
    padding-top: calc(100vw * 642 / 2560);
    height: auto;
    background-size: 100% auto;
  }
  .section_portability.section_overlay > div,
  .section_stayconnected.section_overlay > div {
    background: #fff !important;
  }
  .section_portability.section_overlay > div,
  .section_stayconnected.section_overlay > div {
    padding-top: 0;
  }
}

@media(max-width: 768px) {
  #features .row p + img,
  #features .row img + img {
    float: left;
    margin-left: 0;
  }
}

@media(max-width:767px) {
  .product-hero-container > .container {
    padding: 0;
  }
  .hero-wrapper img {
    margin-bottom: 0;
  }
  .product-hero-container.product-hero-container-dark {
    background: #fff !important;
  }
  .product-hero-container-dark .product-name-large {
    color: #000 !important;
  }
  .product-hero-container-dark .product-tagline {
    color: #595959 !important;
  }
  .section_overlay_h3 .margin-top-60,
  .section-connectivity-header .margin-top-60 {
    margin-top: 0 !important;
  }
  .section-smartassistant .feature-subheader,
  .section-smartassistant p,
  .flex-item-1 .feature-subheader,
  .flex-item-1 p {
    padding: 0 40px;
  }
  .section-smartassistant-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /*to create more space on mobile view so the button not so close to the nx section*/
  .section-conversion .row > div {
    margin: 0 auto 60px auto;
    max-width: 500px;
  }
}

@media(min-width:768px) {
  .hero-wrapper img {
    display: none !important;
  }
  .product-hero-container {
    background: url('/images/products/hero/creative-metallix-plus/hero-metallix-plus.jpg') no-repeat center;
    background-size: cover;
    background-position: 89%;
  }
  .section-conversion .section-learnhow .txt,
  .section-conversion .section-getintouch .txt {
    min-height: 291px;
  }
  .section-conversion .txt {
    padding-bottom: 80px;
  }

  .section-battery-header {
    margin-bottom: -145px;
    margin-top: -71px;
    position: relative;
    z-index: 1;
  }
  
  .section-connectivity-header .flex-item-1 {
    padding: 30px 55px !important;
  }

  .section-conversion .txt p:last-of-type {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }

}

@media(min-width:992px) {
  .section_stayconnected p,
  .section_portability p {
    color: #fff;
  }
  .section_stayconnected.section_overlay .feature-subheader,
  .section_portability.section_overlay .feature-subheader {
    margin-top: 0;
  }
  .section-battery.section_overlay > div {
    background: rgba(255, 255, 255, 0.6);
  }
}

@media(min-width:1060px) {
  .section-conversion .section-learnhow {
    left: -1%;
  }
  .section-conversion .section-getintouch {
    right: -1%;
  }
}

@media(min-width:1200px) {
  .section-IPX5 .row {
    margin-bottom: 0;
  }
  .section-IPX5 .row.breakout > div.col-xs-12:nth-of-type(2) {
    padding-left: 2%;
    padding-right: 3%;
  }
  .section_stayconnected.section_overlay > div {
    width: 40%;
    height: 100%;
  }
  .section-smartassistant-content {
    background-color: rgba(43, 29, 17, 0.6);
    width: 35%;
  }
  .section-smartassistant-content p {
    color: #fff;
  }
  .section-smartassistant .feature-subheader,
  .section-smartassistant p {
    padding: 0 10%;
  }
  .section_portability.section_overlay > div {
    padding: 5% 35% 0 35%;
  }
  .section-battery-header .feature-header {
    color: #fff;
  }
  .section-CrossSell.product-info-container-light .feature-subheader,
  .section-CrossSell.product-info-container-light p {
    color: #fff !important;
  }
  .section-CrossSell .col-lg-4 {
    max-width: 600px;
  }
}

@media(min-width: 1441px) {
  .section-CrossSell-header {
    margin-bottom: -145px;
    margin-top: -71px;
    position: relative;
    z-index: 1;
  }
}
@media(min-width:1500px) {
  .section-connectivity p {
    padding: 0 20%;
  }
}

@media(min-width: 1600px) {
  .section_overlay_h3 .row {
    margin-top: 5vw !important;
  }
}

@media(min-width:1800px) {
  .section_stayconnected.section_overlay > div {
    padding: 0 8%;
  }
  .section-IPX5 img {
    margin: 0 !important;
  }
  .section-IPX5 .col-xs-12:nth-of-type(1) {
    width: 60%;
  }
  .section-IPX5 .col-xs-12:nth-of-type(2) {
    width: 40%;
  }
  .section-IPX5 .row.breakout > div.col-xs-12:nth-of-type(2) {
    padding-left: 5%;
    padding-right: 12%;
  }
  .section-connectivity .col-lg-3 {
    width: 16.66666667%;
  }
}

@media(min-width: 1920px) {
  .section_stayconnected.section_overlay > div {
    width: 40% !important;
  }
}

@media(min-width:769px) and (max-width:1199px) {
  .section-connectivity-header {
    margin-bottom: 0;
  }
  .section-battery-header {
    margin-bottom: 0;
  }
  
}

@media(min-width: 769px) and (max-width: 991px){
  .section-battery h4,
  .section-battery p {
    text-align: center !important;
  }
  .section-CrossSell h4,
  .section-CrossSell p {
    text-align: center !important;
  }

  .section-battery img {
    margin: 0 auto !important;
  }
}

@media(min-width: 768px) and (max-height: 1199px) {
  .section-smartassistant-content h4,
  .section-smartassistant-content p {
    padding: 10px 40px 0 40px !important;
  }
}
@media(min-width:992px) and (max-width:1199px) {
  .section_portability.section_overlay > div {
    padding: 5% 15% 0 15%;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .section_overlay_h3 .row {
    margin-top: 3vw !important;
  }
}

@media (min-width: 1200px) and (max-width: 1799px) {
  .section_stayconnected.section_overlay > div {
    padding: 30px 40px !important;
  }
}

/* Product hero container */

@media(min-width:768px) {
  .product-hero-container {
    min-height: 500px !important;
  }
  .product-tagline {
    color: #fff !important;
  }
}

@media(min-width:992px) {
  .product-hero-container {
    min-height: 600px !important;
  }
}

@media(min-width:1200px) {
  .product-hero-container {
    min-height: 700px !important;
  }
}