.pricebrick { margin-top: 20px }
#whats-included ul { list-style: inherit; padding-left: 30px; }
#whats-included ul li { list-style: inherit; margin-bottom: 5px }
.pdf-links { margin-top: 20px; margin-bottom: 60px }
.pdf-link-icon { background: url(../images/ico-circle-pdf-grey.png) no-repeat left; background-size: 100%; display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin: 0 20px 0 0; padding: 0 }
.pdf-links a { color: #494d56; text-decoration: none; font-size: 16px; margin: 0; }
.pdf-links a:hover { color: #494d56; text-decoration: underline; }
#product-nav .navbar-brand img { height: 14px; }
#product-nav .navbar-brand span { display: block; }
#product-nav.sticky .navbar-brand { padding: 10px 15px; }
.quote { font-size: 16px; margin-bottom: 40px }
.quote p:last-child { font-style: italic }
#overview .intro { background-repeat: no-repeat; background-position: center bottom; position: relative; }
.intro-ui { position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 9; bottom: 0; }
.intro-img { position: relative }
.intro-img .artist-name.name-01 { position: absolute; right: 100px; bottom: 20px }
.intro-img .artist-name.name-02 { position: absolute; right: -120px; bottom: 20px }
.image-bg-01, .image-bg-02 { height: 650px; background-color: #ccc; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#full-video { text-align: center; position: relative; overflow: hidden }
#full-video video { width: 100%; opacity: 1; }
.intro-img .playlink { background: url(../images/ico-play-circle-white.png) no-repeat left; display: inline-block; width: 110px; height: 110px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.intro-img:hover .playlink { background: url(../images/ico-play-circle-grey.png) no-repeat left; }
.loop-video { position: relative; overflow: hidden; }
.wrap-video { position: relative; overflow: hidden; }
.loop-video video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#features .section-intro { margin-bottom: 10px }
#features .bg-dark .section-intro { margin-bottom: 60px }
#features p.playlink span { margin-right: 5px; }
.key-pillars { background: #222; color: #fff; padding: 20px 0 40px }
#beforeAfter { position: relative }
#beforeAfter ul, #beforeAfter li { margin: 0; }
#beforeAfter ul { display: table; padding: 0; }
#beforeAfter li { display: none; list-style: none; }
#beforeAfter .active-image { display: block; }
#beforeAfter .controls { position: absolute; bottom: 0; z-index: 100; width: 10%; right: -120px; }
#beforeAfter .controls .prev, #beforeAfter .controls .next { color: #13ad97; cursor: pointer; }
#beforeAfter .controls .prev { float: left; background: url(../images/static/ptr/product_content/painter/2020/arrows.png) no-repeat 0 0; width: 29px; height: 29px; }
#beforeAfter .controls .next { float: right; background: url(../images/static/ptr/product_content/painter/2020/arrows.png) no-repeat -29px 0; width: 29px; height: 29px; }
#beforeAfter .controls .prev:hover, #beforeAfter .controls .next:hover { opacity: 0.3; }
#beforeAfter .instruction { cursor: pointer; }
#beforeAfter .label { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; bottom: 0; color: #fff; font-size: 14px; font-weight: normal; padding: 0.3em 1em 0.5em; position: absolute; z-index: 9 }
#beforeAfter .label.before { right: 0 }
.slider { width: 100%; padding: 0; position: relative; height: auto }
.slider .right.image { position: absolute; z-index: 1; top: 0; left: 0 }
.slider .left.image { position: relative; z-index: 2; border-right: 3px solid #333; margin-right: -5px; overflow: hidden; height: 0; padding-bottom: 61.5% }
.slider .instruction { position: absolute; top: 50%; z-index: 1000; padding: 0 15px 7px; background: #333; left: 50% !important; transform: translate(-50%, -50%); z-index: 3 }
.slider .instruction p { display: inline; font-size: 2em; text-transform: uppercase; color: #fff !important; line-height: 1.2 }
.performance .graph { margin-bottom: 20px }
.performance .graph h4 { border-bottom: 1px solid #dadada; padding-bottom: 15px; line-height: 1.5 }
.performance .graph p { margin: 6px 0; font-size: 13px; color: #555 }
.performance .graph .icon { padding-left: 40px; background-size: 30px }
.perf-cpu { background: url(../images/static/ptr/product_content/painter/2020/ico-cpu.png) no-repeat 0 0; }
.perf-gpu { background: url(../images/static/ptr/product_content/painter/2020/ico-gpu.png) no-repeat 0 0; }
.perf-doc { background: url(../images/static/ptr/product_content/painter/2020/ico-doc.png) no-repeat 0 0; }
.test-results .bar { height: 20px }
.test-results .bar.accel { background-color: #29a700; width: 100%; margin-bottom: 5px }
.test-results .bar.orig { background-color: #C8C8C8 }
.test-results .bar.val-1 { width: 5% }
.test-results .bar.val-2 { width: 25% }
.test-results .bar.val-3 { width: 20% }
.test-results .col { padding: 0 30px }
.test-results .score { display: block; font-size: 45px; line-height: 1; color: #555 }
.test-results .left { border-right: solid 1px #ccc }
.five-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.col-20 { width: 20%; padding: 0 15px; overflow: hidden; position: relative; float: left }
.workflows .caption { position: absolute; bottom: 20px; width: 100%; text-align: center; }
.workflows .caption h5 { padding-top: 10px; margin-bottom: 5px; color: #fff; font-size: 20px; }
.workflows .caption a:hover { text-decoration: none !important; }
.workflows .img-holder { overflow: hidden; }
.workflows .img-holder:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
#features .main-features img { max-width: 130px; }
#features .main-features a { color: #333; text-decoration: underline; }
#features .caption { margin-bottom: 40px }
#features .caption p { font-size: 15px }
.img-holder { position: relative; }
.img-holder .label { position: absolute; bottom: 0; left: 0; border-radius: 0; font-size: 14px; font-weight: 400; padding: 5px 10px; }
.img-holder .new { background: #00D181; text-transform: uppercase; }
.img-holder .enhanced { background: #d47557; text-transform: uppercase; }
.img-holder .artist-name { position: absolute; font-size: 11px; right: 20px; bottom: 10px }
#features img.icon-small { width: 60px; height: 60px; margin: 20px 0 10px; background-size: 100% }
.ico-brush, .ico-tools, .ico-performance { background-image: url('../images/static/ptr/product_content/painter/2020/sprite-features.png'); background-size: 300% !important }
.ico-tools { background-position: -60px top }
.ico-performance { background-position: -120px top  }
.workflows { max-width: 1600px; margin: 0 auto 40px; padding: 0 15px }
#gallery { padding-bottom: 80px }
#brushes-features, #composition-features, #compare, #sys-reqs, #brush-packs { padding-bottom: 80px }
#brushes-features { background-color: #f2f2f2 }
.bg-dark { background: #1d1d1d; color: #fff; padding-bottom: 80px; }
.req-list { margin-bottom: 20px }
.req-list li ul { margin-top: 5px }
.req-list li ul li { margin-bottom: 5px }
.more { font-size: 18px }
.gal-img span { display: block; margin-bottom: 20px; height: 20px; text-transform: capitalize; }
.filter { margin-bottom: 30px }
.filter [data-filter] { display: inline-block; margin: 0 5px; text-transform: uppercase; padding: 5px 15px; border: 2px solid #000 }
.filter .active { background: #000; color: #fff }
.key-pillars .text-holder { margin-top: 5%; width: 85%; margin-left: 5% }
.key-pillars .text-holder p { font-size: 18px; }
#brush-packs  { padding-top: 40px; background-repeat: no-repeat; background-position: center top; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#brush-packs .row, #brush-packs .row>div { display: -ms-flexbox; display: -webkit-flex; display: flex;  display: table-cell\9; flex-wrap: wrap;-webkit-flex-wrap: wrap; }
#brush-packs .caption { background-color: #fff; text-align: center; padding: 60px 40px 80px; font-size: 18px;  }
.no-margin-bottom { margin-bottom: 0 }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.comparison-chart { width: 100%; }
.comparison-chart .feature-check { background: url(../images/static/ptr/product_content/painteressentials/7/ellipse.png) no-repeat; background-position: center }
.comparison-chart .new { font-weight: bold; color: #000 }
.loc #beforeAfter .controls { bottom: 0 }
.loc .key-pillars .text-holder { width: 90%; }
#performance-vid { position: absolute; top: 5%; left: 5%; width: 90%; }
#performance-vid.lazy-hidden { opacity: 1; }
#promo-bar a {text-decoration: none; }
#promo-bar .link {margin-left: 10px; text-decoration: underline;}
#promo-bar a:hover .link {text-decoration: none;}
#promo-bar p {background: #29A700; color: #fff; text-align: center; padding: 10px 10px; font-size: 18px; -webkit-transition: background-color .8s ease-out; -moz-transition: background-color .8s ease-out; -o-transition: background-color .8s ease-out; transition: background-color .8s ease-out; margin: 0 !important;}
#promo-bar a:hover p {background: #34d400; -webkit-transition: background-color .8s ease-out; -moz-transition: background-color .8s ease-out; -o-transition: background-color .8s ease-out; transition: background-color .8s ease-out;}
#promo-bar .icon { padding-left: 30px; background-size: 22px; vertical-align: middle;}
#promo-bar .call-out {font-weight: 700; text-transform: uppercase; font-style: italic;}
.perf-gpu.white { background: url(../images/static/ptr/product_content/painter/2020/ico-gpu-white.png) no-repeat 0 0; }
#painter-essentials7 .heading {
    display: inline-block;
    margin: 0 20px;
}

#painter-essentials7 .compare .btn-collapse[aria-expanded='true'] {
    background: #000;
    color: #fff;
    border: 2px solid transparent;
}
#painter-essentials7 .compare .btn-collapse {
    background: #fff;
    color: #000;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    min-width: 235px;
    border: 2px solid #000;
}
#painter-essentials7 .compare .panel {
    border: 0;
    box-shadow: none;
    margin-top: 0;
}

#painter-essentials7 .compare .btn-collapse[aria-expanded='true'] {
    background: #000;
    color: #fff;
    border: 2px solid transparent;
}
#painter-essentials7 .btn-collapse {
    background: #fff;
    color: #000;
    border-radius: 0;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    min-width: 235px;
    border: 2px solid #000;
}

/*Performance Test*/
.popup-content { position: relative; background: #fff; width: auto; max-width: 900px; margin: 0 auto; }
.popup-content h2 { padding-bottom: 20px; }

@media (max-width: 1199px) and (min-width: 768px) {
    .pricebrick .styled-select, .pricebrick .styled-select select { width: 220px; }
    .pricebrick .guarantee-badge img { width: 80px; }
    .key-pillars .text-holder p { font-size: 16px; }
}

@media (max-width: 1200px) {
    .col-20 { width: 33.333%; margin-bottom: 30px }
    #beforeAfter .controls { bottom: -50px; right: 10px; width: 65px }
    #brush-packs .caption { font-size: 14px; }
}

@media (min-width: 768px) {
    #prod-hero { background-image: url(../images/static/ptr/product_content/painter/2020/hero-ptr-2020.jpg); }
    .box-shot img { display: none }
    .prod-info { padding-left: 20px }
    .download::after { content: "\e025"; font-family: "Glyphicons Halflings"; font-size: 22px; position: absolute; top: 11px; right: 16px; }
    .performance .test-results { margin-left: 30px }
     body.responsive .popup-content .container { width: 800px; min-width: 0  }
}

@media (max-width: 767px) {
    .pricebrick .styled-select { background: url(../images/static/ptr/product_content/painter/2020/dropdown_arrow_default-xs.png) no-repeat right #fff; border: 1px solid #e6e6e6; }
    .pricebrick .styled-select select { color: #000 }
    .pricebrick { border-top: 1px solid #e6e6e6; }
    .pricebrick .guarantee-badge img { margin-right: 20px; }
    button.Button.blueButton { width: 100%; }
    .h3, h3 { font-size: 20px; }
    .h4, h4 { font-size: 15px; }
    .btn { white-space: normal; }
    .prod-info .btn.download, .prod-info .btn.btn-license { margin-right: 15px; text-transform: none; font-size: 9px; padding: 6px 10px 7px !important; min-width: auto; background: none; color: #333; border: 1px solid #ccc; }
    .prod-desc { font-size: 15px; }
    .download span { display: inline; margin-left: 3px }
    .download div { border: none; padding: 0; }
    .prod-info ul { margin-bottom: 20px; }
    .filter [data-filter] { font-size: 10px; margin: 0 5px 10px; padding: 5px 10px; }
    .col-20 { width: 50%; margin-bottom: 30px }
    #subnav .nav-tabs>li { float: none; }
    .section-intro { margin-bottom: 30px; }
    #features .bg-dark .section-intro { margin-bottom: 0; }
    #dynPrice_topTab { min-height: 300px; }
    #overview .intro { background-image: none !important }
    .intro-ui { width: 97% !important }
    .intro-img .artist-name.name-02 { display: none }
    #beforeAfter .controls { display: none }
    .image-bg-01, .image-bg-02 { height: 550px; background-position: -300px bottom; }
    .key-pillars .text-holder p { font-size: 16px; }
	#brush-packs { padding-bottom: 0 }
	#brush-packs .caption { padding: 20px 40px; margin-bottom: 40px }
}

@media (min-width: 2200px) {
    #overview .intro { background-size: cover; background-position: center 200px; }
}

/*PARTICLESHOP*/
#particleshop .pricebrick #iconbrandbar { margin-top: 30px; }
#particleshop .pricebrick { background: rgba(0, 0, 0, 0.7); }
#particleshop .pricebrick #iconbrandbar img { width: 165px; }
#particleshop .light-bullets .new { font-size: 17px; font-weight: 600; font-style: normal; text-transform: uppercase;}
#particleshop #lto { background: #525252;}
#particleshop #lto { padding: 0;}
#particleshop #lto .inner { padding: 15px 30px;}
#particleshop #lto .msg {  color: #fff; font-size: 15px; }
#particleshop #lto .msg a {  color: #fff; text-decoration: underline; }
#particleshop #lto .msg a:hover {  color: #fff; text-decoration: none; }
#particleshop #product-nav {background: #363636}
#particleshop .intro {margin: 80px 0 40px;}
#particleshop #prod-hero .lto-section.container { width: 100%}
#particleshop #product-nav ul li a {color: #ccc;}
#particleshop #product-nav ul li.active a {color: #494d56;}
.nopadding { padding: 0 !important;}
#particleshop .navbar-brand {font-size: unset}
#particleshop #product-nav.sticky .navbar-brand {padding: 8px 20px 8px 15px;}
#particleshop #product-nav .navbar-brand img { height: 23px;}
#particleshop .video-content #vid { background: url('../../2023-new/images/particleshop/video/bg.jpg') center center / cover no-repeat; height: 400px; text-align: center; position: relative; overflow: hidden;}
#particleshop .video-content span.playlink { font-size: 16px; margin: auto;}
#particleshop .video-content .container { width: 100%}
#particleshop .sec-content .container { width: 100%}
#particleshop .video-content #vid .playlink { background: url(../../2023-new/images/icons/ico-play-circle-white.png) no-repeat left; display: inline-block; width: 110px; height: 110px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; bottom: 0;}
#particleshop .video-content #vid:hover .playlink { background: url(../../2023-new/images/icons/ico-play-circle-grey.png) no-repeat left;}
#particleshop .main-content {background: #000; color: #fff;}
#particleshop .sec-content {background: #01225d; color: #fff; }
#particleshop .screen-content {background: #292929; color: #fff; padding-bottom: 150px;}
#particleshop .pillar p.artist-credit { color: #fff; background-color: rgba(0, 0, 0, 0.6); font-size: 12px; padding: 2px 12px; width: auto; display: inline-block;}
#particleshop .pillar h4 { font-size: 24px; font-weight: normal; line-height: 24px; color: #2c2c2c; margin: 20px 0 12px;}
#particleshop .pillar p {font-size: 16px; color: black; line-height: 24px; }
#particleshop .pillar {padding-bottom: 80px; }
#particleshop #beforeAfter .controls {position: unset; margin: 0 auto;}
#particleshop .screen-content .image { margin-bottom: 20px;}
#particleshop .offer-content { background: #01225d; padding: 70px 0;}
#particleshop .offer-content h3 {font-size: 24px; color: #fff; margin-bottom: 20px;}
#particleshop .offer-content .std-greyButton {background: #959595; min-width: 145px; margin-bottom: 25px;}
#particleshop .offer-content .std-greyButton:hover {background: #A3A3A3; color: #fff;}
#particleshop .tech-content h4, #particleshop .learning-content h4 { font-size: 22px; }
#particleshop .tech-content .sectionDesc, #particleshop .learning-content .sectionDesc { font-size: 14px; }
#particleshop .tech-content p, #particleshop .learning-content p { font-size: 14px; }
#particleshop .tech-content, #particleshop .learning-content { margin-top: 60px; }
#particleshop .learning-content .social-img img {width: auto; margin: 40px 0 30px;}
#particleshop .learning-content .section-intro h4 {font-size: 18px; margin: 20px 0 12px;}
#particleshop .learning-content .greyButton { background: #2c2c2c; min-width: 145px;}
#particleshop .learning-content .greyButton:hover {background: #424242;}
#particleshop .learning-content button { color: #fff; padding-left: 20px; padding-right: 20px; cursor: pointer; line-height: 40px; font-size: 14px; text-transform: uppercase; line-height: 34px; border: none;}


@media (min-width: 992px) {
    #particleshop #prod-hero { background: #00072c url(../../2023-new/images/particleshop/hero-particleshop.jpg); background-repeat: no-repeat; background-position-x: center; background-position-y: center;}
    #particleshop #prod-hero { background-position-x: center; background-position-y: center; }
}
@media (max-width: 991px) {
    #particleshop #prod-hero { background: #00072c url(../images/static/ptr/product_content/particleshop/hero-particleshop.jpg); background-repeat: no-repeat; background-position-x: 60%; background-position-y: center;}
}

@media (min-width: 768px) {
    #particleshop .prod-info  { color: #fff; }
    #particleshop .pricebrick {margin-top: 0}
}

@media (max-width: 768px) {
    #particleshop #prod-hero { background: #fff;}
    #particleshop .light-bullets .new { font-size: 14px; font-weight: normal;}
    #particleshop .pricebrick { background: #363636; }
    #particleshop .pricebrick .priceDisplayNormal, #particleshop .pricebrick .inclVAT {color: #fff;}
    #particleshop #lto {margin-bottom: 20px;}
    #particleshop #lto .msg {font-size: 13px;}
    #particleshop .navbar-header button {color: #ccc;}
    #particleshop .navbar-brand {color: #ccc;}
    #particleshop .nav>li>a:focus, #particleshop .nav>li>a:hover { background: #eaeaea; color: #494d56 !important;}
    #particleshop #product-nav .navbar-brand img {display: block}
    #particleshop .pillar {margin-bottom: 20px;}
    #particleshop #beforeAfter .controls {display: block}
}

/*PAINTER-ESSENTIALS*/
#painter-essentials .tab-content h4 {font-size: 24px;}
#painter-essentials .sectionDesc {font-size: 16px; line-height: 24px;}
#painter-essentials .pricebrick #iconbrandbar { margin-top: 30px; }
#painter-essentials .pricebrick { background: rgba(0,0,0,0.8) }
#painter-essentials .pricebrick #iconbrandbar img { width: 165px; }
#painter-essentials .pricebrick .button .no-select { color: #fff; display: block}
#painter-essentials .pricebrick .button .no-select { color: #fff; display: block}
#painter-essentials .pricebrick .button .blueButton { background: #009cff; margin: 8px 0 9px; min-width: 0; padding-left: 25px; padding-right: 25px; line-height: 34px; border: none;}
#painter-essentials .pricebrick .button .BuyLink {padding-left: 0}
#painter-essentials .std-greyButton { background: #959595; min-width: 145px; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; border: none; color: #fff; cursor: pointer; line-height: 34px; font-size: 14px; text-transform: uppercase}
#painter-essentials .std-greyButton:hover {background: #A3A3A3;}
#painter-essentials .prod-info .new {color: #8600ed; font-weight: 600}
#painter-essentials #product-nav {background: #363636}
#painter-essentials .intro {margin: 80px 0 40px;}
#painter-essentials #product-nav ul li a {color: #ccc;}
#painter-essentials #product-nav ul li.active a {color: #494d56;}
#painter-essentials .navbar-brand {font-size: unset}
#painter-essentials #product-nav.sticky .navbar-brand {padding: 8px 10px 8px 15px;}
#painter-essentials #product-nav .navbar-brand img { width: 69px; height: auto;}
#painter-essentials .intro h2 { font-size: 30px;}
#painter-essentials .intro .sectionDesc { font-size: 16px; line-height: 24px;}
#painter-essentials .intro .introAssets a { font-size: 18px; color: #333; white-space: nowrap; margin: 20px 20px 0 20px; display: inline-block}
#painter-essentials .intro .introAssets a:hover {text-decoration: none}
#painter-essentials .introAssets span.playlink-icon { background: url(/static/ptr/images/icons/ico-play-circle-black-small.png) no-repeat left; display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin: 0 20px 0 0; padding: 0; }
#painter-essentials .main-content#pillar-02 { background: url(../images/static/ptr/product_content/painteressentials/6/pillar-02.jpg) no-repeat rgb(255, 255, 255);  background-position-y: 100%; background-position-x: center;}
#painter-essentials .pillar#pillar-03 { background: url(../images/static/ptr/product_content/painteressentials/6/pillar-03.jpg) no-repeat rgb(255, 255, 255);  background-position-y: 70%; background-position-x: center;}
#painter-essentials .pillar#pillar-04 { background: url(../images/static/ptr/product_content/painteressentials/6/pillar-04.jpg) no-repeat rgb(255, 255, 255);  background-position-y: 70%; background-position-x: center;}
#painter-essentials .main-content .pic-content h4, #painter-essentials .pillar .pic-content h4 {font-size: 24px; color: #fff}
#painter-essentials .main-content .pic-content p, #painter-essentials .pillar .pic-content p {font-size: 16px; color: #fff}
#painter-essentials .main-content .pic-content span.playlink, #painter-essentials .pillar .pic-content span.playlink { display: inline-block; width: 34px; height: 34px; vertical-align: middle; background: url(../images/static/ptr/images/icons/ico-play-circle-white-small.png) left center / 80% no-repeat; margin: 0px 10px 0px 0px; padding: 0px; }
#painter-essentials .pic-content a:hover {color: #fff;}
#painter-essentials .pillar .pic-content {margin: 100px 0;}
#painter-essentials .content-brushes, #painter-essentials .content {padding-bottom: 80px;}
#painter-essentials .content-brushes h4 {font-size: 24px;}
#painter-essentials .content-brushes .sectionDesc {font-size: 16px;}
#painter-essentials .content-brushes .brushes-img {margin-top: 30px; padding: 20px}
#painter-essentials .highlight-content {padding:50px 0 25px; background: #000; color: #fff}
#painter-essentials .highlight-content h3 {margin-bottom: 20px}
#painter-essentials .video-content span  { font-size: 14px; color: #333; white-space: nowrap; margin-top: 20px; display: inline-block}
#painter-essentials .video-content span.playlink-icon { background: url(../images/static/ptr/images/icons/ico-play-circle-black-small.png) no-repeat left; display: inline-block; width: 34px; height: 34px; vertical-align: middle; margin: 0 20px; padding: 0;}
#painter-essentials .content {background: #e2e2e2;}
#painter-essentials .content h4 {font-size: 20px; line-height: 30px; margin: 20px 0 12px;}
#painter-essentials .content p {font-size: 14px; line-height: 21px}
#painter-essentials .subscription-content {background: #fff url(../images/static/ptr/product_content/painteressentials/6/subscription-bg.jpg) no-repeat center bottom;}
#painter-essentials .subscription-content img {width: 50%}
#painter-essentials .features-content .icon {width: auto}
#painter-essentials .features-content .features-list .img-holder .icon { position: absolute; bottom: 0; right: 0;}
#painter-essentials .features-content .features-list .img-holder .label { position: absolute; top: 0; left: 0; padding-top: 4px!important; height: 22px}
#painter-essentials .features-content .features-list h5 { font-size: 20px; margin: 20px 0 10px;}
#painter-essentials .learning-content .caption { text-align: left; padding: 30px 0 0;}
#painter-essentials .learning-content h4 {font-size: 20px;}
#painter-essentials .learning-content, #painter-essentials .features-content  {margin-bottom: 60px;}

@media (min-width: 768px) {
    #painter-essentials #prod-hero { background:#9bb9bd url(../images/static/ptr/product_content/painteressentials/6/hero-painteressentials-6.jpg) no-repeat; background-position-y: 20%; background-position-x: 60%;}
    #painter-essentials .pricebrick {margin-top: 0}
}

@media (min-width: 1900px) {
    #painter-essentials #prod-hero { background:#9bb9bd url(../images/static/ptr/product_content/painteressentials/6/hero-painteressentials-6.jpg) no-repeat; background-position-y: 20%; background-position-x: 80%;}
    #painter-essentials .pricebrick {margin-top: 0}
}

@media (min-width: 2250px) {
    #painter-essentials #prod-hero { background:#9bb9bd url(../images/static/ptr/product_content/painteressentials/6/hero-painteressentials-6.jpg) no-repeat; background-position-y: 20%; background-position-x: left;}
    #painter-essentials .pricebrick {margin-top: 0}
}

@media (max-width: 991px) {
    #painter-essentials #prod-hero  { background-position: right; background-repeat: no-repeat;}
    #painter-essentials .pillar {padding: 30px;}
    #painter-essentials .pillar .pic-content {margin: 45px 0;}
}

@media (max-width: 768px) {
    #painter-essentials .light-bullets .new { font-size: 14px; font-weight: normal;}
    #painter-essentials .pricebrick { background: #363636; }
    #painter-essentials .pricebrick .priceDisplayNormal, #painter-essentials .pricebrick .inclVAT {color: #fff;}
    #painter-essentials .navbar-header button {color: #ccc;}
    #painter-essentials .navbar-brand {color: #ccc;}
    #painter-essentials .nav>li>a:focus, #particleshop .nav>li>a:hover { background: #eaeaea; color: #494d56 !important;}
    #painter-essentials #product-nav .navbar-brand img {display: block}
    #painter-essentials #beforeAfter .controls {display: block}
    #painter-essentials .pricebrick .button {margin-bottom: 20px}
    #painter-essentials .pricebrick .instructions {margin-bottom: 20px}
    #painter-essentials .pricebrick .instructions a {color: #fff}
    #painter-essentials .trial-top .Button {margin-right: 15px; text-transform: none; font-size: 9px; padding: 6px 10px 7px !important; min-width: auto; background: none; color: #333; border: 1px solid #ccc; line-height: normal}
    #painter-essentials .Button:hover {opacity: 0.85;}
    #painter-essentials .pillar .pic-content {margin: 80px 0;}
    #painter-essentials .content-brushes .brushes-img {padding: 5px}
    #painter-essentials .sm-pillar {min-height: 180px}
    #painter-essentials .intro .introAssets a { white-space: normal; font-size: 16px; line-height: normal;}
}

#beforeAfter img {
    max-width: unset;
}