﻿.ttuc { text-transform: uppercase; }
/*10-pdp*/ #hero, #design, #camera, #audio, #performance, #control, #battery, /*10-design*/ #section-1, #bold-look, #refined, #built-strong, /*10-camera*/ #dual-ois, #low-light, #selfies, #certified, #magic, #flash, #photography, /*audio*/ #audiophiles, #speakers, #heaven, #tuned, /*10-performance*/ #touch, #security, #boost, #best, /*control*/ #space, #theme, #leaner, #app-control, /*battery*/ #battery-life, #charger, #flagship { height:800px; } 
#hero img.mobile-only { visibility: hidden; display: none; }
#space div.caption, #theme div.caption, #control div.caption { margin-top: 100px; }
#dual-ois p.disclaimer, #certified p.disclaimer { margin-top: 20px; font-size: x-small; line-height: 20px; }
#certified p.disclaimer a { font-size: x-small; }
/*Mary added*/ #magic { background-image: url("/managed-assets/shared/desktop/smartphones/htc-10/ksp/htc-10-ksp-camera-05-mobile.jpg"); }
#flash div.caption { margin-top: 80px; }
#boost div.caption { margin-top: -80px; }
#hero .disclaimer, #battery .disclaimer, #battery-life .disclaimer, #audiophiles p.disclaimer, #heaven p.disclaimer { margin-top: 20px; font-size: x-small; line-height: 20px; }
#audiophiles img { margin-top: 20px; }
#heaven .caption { margin-top: 70px; }
#disclaimer { font-style: italic; }
#battery-life div.caption { margin-top: 100px; }
#battery-life p.disclaimer, #charger p.disclaimer { margin-top: 20px; font-size: x-small; line-height: 20px; }

#battery-life sup.caption { font-size: 50%; }
#touch div.caption { margin-top: 50px; }
#hero .cta-pdp { margin-top: 20px; }
body.htc-10 .htc-chrome .main .info-bar .right-info .ksp-links { padding-right: 0px; } /*remove space from top menu*/
body.template_free_scroll_2016_perfume .main .info-bar .logo-text { font-size: 15px; text-decoration: none; }
body.template_free_scroll_2016_perfume .main .info-bar .logo-small { font-size: 60%; display: block; float: right; position: inherit; left: 4px; top: 20%; }
body.template_free_scroll_2016_perfume .main section p { margin: 80px auto 80px auto; }
div.main.product_perfume .section-wrapper .caption-block p.disclaimer-area a { font-size: x-small; }

@media only screen and (max-width:1368px) {
/*10-pdp*/ #hero, #design, #camera, #audio, #performance, #control, #battery, /*10-design*/ #section-1, #bold-look, #refined, #built-strong, /*10-camera*/ #dual-ois, #low-light, #selfies, #certified, #magic, #flash, #photography, /*audio*/ #audiophiles, #speakers, #heaven, #tuned, /*10-performance*/ #touch, #security, #boost, #best, /*control*/ #space, #theme, #leaner, #app-control, /*battery*/ #battery-life, #charger, #flagship {height:700px}

}

@media only screen and (max-width:720px) {
  body.htc-10 .main section.image-with-overlay .image-container { height: 280px; }
  #flagship .image-container { height: 270px; background-position: -20px -30px; }
  #selfies .image-container, #tuned .image-container, #audiophiles .image-container{ height: 310px; }
  #section-1 { height: auto; }
  #flagship, #hero, #design, #camera, #audio, #performance, #control, #battery, #bold-look, #refined, #built-strong, #dual-ois, #low-light, #certified, #magic, #flash, #photography, #speakers, #heaven, #touch, #security, #boost, #best, #space, #theme, #leaner, #app-control, #battery-life, #charger, #dual-ois, #low-light, #selfies, #certified, #magic, #flash, #photography, #audiophiles, #speakers, #heaven, #tuned { height: auto !important}
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .image-container { background-position: 0px 0px; background-size: 110%; }
  body.htc-10 .main section#hero.image-with-overlay div.image-container { height: 400px !important; background-position: 0px 50px; }
  body.htc-10 .main section#hero.image-with-overlay div.caption.text-black.align-bottom-right { height: 0; background-color: transparent; margin-top: -180px; }
  #hero a.desktop-only { display: block; visibility: visible; position: relative; bottom: 20px; right: 30px; float: right; width: 10%; }
  #hero h3.desktop-only { display: block; visibility: visible; position: relative; bottom: 175px; left: 0; text-align: left !important; }
  #hero img.mobile-only { display: block; visibility: visible; position: relative; bottom: 190px; left: 20px; }
  #hero p.desktop-only { display: none; visibility: hidden; }
  body.htc-10 .main section#design.image-with-overlay div.image-container, body.htc-10 .main section#audio.image-with-overlay div.image-container, body.htc-10 .main section#battery.image-with-overlay div.image-container { background-position: 0px 0px; }
 #bold-look.image-container, #refined.image-container, #built-strong.image-container, #flagship.image-container {height:auto}
  #battery div.caption, #battery-life div.caption { margin-top: -40px; }
  #flash div.caption, #control div.caption, #touch div.caption, #space div.caption, #theme div.caption, #control div.caption { margin-top: 0px; }
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white, div.main.product_perfume .section-wrapper .caption-block.text-white{ background-color: #3f3f3f !important; }
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white a { color: #fff !important; }
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white h3, body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white p, div.main.product_perfume .section-wrapper .caption-block.text-white h3, div.main.product_perfume .section-wrapper .caption-block.text-white p{ color: #fff !important; }
  #low-light .caption h3, #low-light .caption p, #selfies .caption h3, #selfies .caption p, #photography .caption h3, #photography .caption p, #speakers .caption h3, #speakers .caption p, #touch .caption h3, #touch .caption p, #security .caption h3, #security .caption p,  #refined .caption h3, #refined .caption p  { color: #fff !important; }
  body.template_free_scroll_2016_perfume .main section p { margin: 40px auto 40px auto; }
}

@media only screen and (max-width: 400px){
body.htc-10-ksp .main section.image-with-overlay #bold-look, body.htc-10-ksp .main section.image-with-overlay #refined .image-container, body.htc-10-ksp .main section.image-with-overlay #built-strong .image-container {height: 310px;}
}
.ttuc { text-transform: uppercase; }
/*10-pdp*/ #hero, #design, #camera, #audio, #performance, #control, #battery, /*10-design*/ #section-1, #bold-look, #refined, #built-strong, /*10-camera*/ #dual-ois, #low-light, #selfies, #certified, #magic, #flash, #photography, /*audio*/ #audiophiles, #speakers, #heaven, #tuned, /*10-performance*/ #touch, #security, #boost, #best, /*control*/ #space, #theme, #leaner, #app-control, /*battery*/ #battery-life, #charger, #flagship { height:800px; } 
#hero img.mobile-only { visibility: hidden; display: none; }
#space div.caption, #theme div.caption, #control div.caption { margin-top: 100px; }
#dual-ois p.disclaimer, #certified p.disclaimer { margin-top: 20px; font-size: x-small; line-height: 20px; }
#certified p.disclaimer a { font-size: x-small; }
/*Mary added*/ #magic { background-image: url("/managed-assets/shared/desktop/smartphones/htc-10/ksp/htc-10-ksp-camera-05-mobile.jpg"); }
#flash div.caption { margin-top: 80px; }
#boost div.caption { margin-top: -80px; }
#hero .disclaimer, #battery .disclaimer, #battery-life .disclaimer, #audiophiles p.disclaimer, #heaven p.disclaimer { margin-top: 20px; font-size: x-small; line-height: 20px; }
#audiophiles img { margin-top: 20px; }
#heaven .caption { margin-top: 70px; }
#disclaimer { font-style: italic; }
#battery-life div.caption { margin-top: 100px; }
#battery-life p.disclaimer, #charger p.disclaimer { margin-top: 20px; font-size: x-small; line-height: 20px; }

#battery-life sup.caption { font-size: 50%; }
#touch div.caption { margin-top: 50px; }
#hero .cta-pdp { margin-top: 20px; }
body.htc-10 .htc-chrome .main .info-bar .right-info .ksp-links { padding-right: 0px; } /*remove space from top menu*/
body.template_free_scroll_2016_perfume .main .info-bar .logo-text { font-size: 15px; text-decoration: none; }
body.template_free_scroll_2016_perfume .main .info-bar .logo-small { font-size: 60%; display: block; float: right; position: inherit; left: 4px; top: 20%; }
body.template_free_scroll_2016_perfume .main section p { margin: 80px auto 80px auto; }
div.main.product_perfume .section-wrapper .caption-block p.disclaimer-area a { font-size: x-small; }

@media only screen and (max-width:1368px) {
/*10-pdp*/ #hero, #design, #camera, #audio, #performance, #control, #battery, /*10-design*/ #section-1, #bold-look, #refined, #built-strong, /*10-camera*/ #dual-ois, #low-light, #selfies, #certified, #magic, #flash, #photography, /*audio*/ #audiophiles, #speakers, #heaven, #tuned, /*10-performance*/ #touch, #security, #boost, #best, /*control*/ #space, #theme, #leaner, #app-control, /*battery*/ #battery-life, #charger, #flagship {height:700px}

}

@media only screen and (max-width:720px) {
  body.htc-10 .main section.image-with-overlay .image-container { height: 280px; }
  #flagship .image-container { height: 270px; background-position: -20px -30px; }
  #selfies .image-container, #tuned .image-container, #audiophiles .image-container{ height: 310px; }
  #section-1 { height: auto; }
  #flagship, #hero, #design, #camera, #audio, #performance, #control, #battery, #bold-look, #refined, #built-strong, #dual-ois, #low-light, #certified, #magic, #flash, #photography, #speakers, #heaven, #touch, #security, #boost, #best, #space, #theme, #leaner, #app-control, #battery-life, #charger, #dual-ois, #low-light, #selfies, #certified, #magic, #flash, #photography, #audiophiles, #speakers, #heaven, #tuned { height: auto !important}
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .image-container { background-position: 0px 0px; background-size: 110%; }
  body.htc-10 .main section#hero.image-with-overlay div.image-container { height: 400px !important; background-position: 0px 50px; }
  body.htc-10 .main section#hero.image-with-overlay div.caption.text-black.align-bottom-right { height: 0; background-color: transparent; margin-top: -180px; }
  #hero a.desktop-only { display: block; visibility: visible; position: relative; bottom: 20px; right: 30px; float: right; width: 10%; }
  #hero h3.desktop-only { display: block; visibility: visible; position: relative; bottom: 175px; left: 0; text-align: left !important; }
  #hero img.mobile-only { display: block; visibility: visible; position: relative; bottom: 190px; left: 20px; }
  #hero p.desktop-only { display: none; visibility: hidden; }
  body.htc-10 .main section#design.image-with-overlay div.image-container, body.htc-10 .main section#audio.image-with-overlay div.image-container, body.htc-10 .main section#battery.image-with-overlay div.image-container { background-position: 0px 0px; }
 #bold-look.image-container, #refined.image-container, #built-strong.image-container, #flagship.image-container {height:auto}
  #battery div.caption, #battery-life div.caption { margin-top: -40px; }
  #flash div.caption, #control div.caption, #touch div.caption, #space div.caption, #theme div.caption, #control div.caption { margin-top: 0px; }
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white, div.main.product_perfume .section-wrapper .caption-block.text-white{ background-color: #3f3f3f !important; }
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white a { color: #fff !important; }
  body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white h3, body.template_free_scroll_2016_perfume .main section.image-with-overlay .caption.text-white p, div.main.product_perfume .section-wrapper .caption-block.text-white h3, div.main.product_perfume .section-wrapper .caption-block.text-white p{ color: #fff !important; }
  #low-light .caption h3, #low-light .caption p, #selfies .caption h3, #selfies .caption p, #photography .caption h3, #photography .caption p, #speakers .caption h3, #speakers .caption p, #touch .caption h3, #touch .caption p, #security .caption h3, #security .caption p,  #refined .caption h3, #refined .caption p  { color: #fff !important; }
  body.template_free_scroll_2016_perfume .main section p { margin: 40px auto 40px auto; }
}

@media only screen and (max-width: 400px){
body.htc-10-ksp .main section.image-with-overlay #bold-look, body.htc-10-ksp .main section.image-with-overlay #refined .image-container, body.htc-10-ksp .main section.image-with-overlay #built-strong .image-container {height: 310px;}
}