/* Wrapper */
.detail-wrapper .section:first-child { padding-top: 120px; }

/* Side bar */
#detail-specifics { padding-right: 30px; }
#detail-specifics img { max-width: 180px; margin-bottom:20px; width: 100%; }
#detail-specifics h1 { margin-bottom: 0px; }
#detail-specifics .column-content p.slight { margin-bottom: 20px; }
#detail-specifics p, #detail-specifics h2 { color: #666666; }
#detail-specifics span { color: #111; }
#detail-specifics h2#summary, #detail-specifics h2#categories { font-size: 18px; line-height: 22px; color: #111111}
#detail-specifics a.btn { margin: 20px 0 12px 0; }
#detail-specifics a:last-of-type.btn { margin: 0px 0 30px 0; }
#detail-specifics #category-list a { border: 1px solid #666666; border-radius: 20px; padding: 8px 6px 8px 6px; margin:0 0 12px 0; color: #666666; font-size:11px; }
#detail-specifics #category-list a:hover { color: #ffffff; background-color: #666666; }

#detail-specifics .detail-specific-summary { padding: 16px; background-color: #f2f2f7; }

.detail-specific-summary a.btn.more:lang(it) { font-size: 14px; }
.detail-specific-summary a.btn.more:lang(de) { font-size: 15px; }
.detail-specific-summary a.btn.more:lang(fr) { font-size: 14px; }

/* Slider */
.screenshot-slider { text-align: center; overflow: hidden; max-height: 560px; }
.slick-arrow { border-radius: 26px; opacity: 0; }
.screenshot-slider:hover .slick-arrow { opacity: .5; }
.screenshot-slider:hover .slick-arrow:hover { background-color: #333; opacity: .7; }
.screenshot-slider .slick-disabled { opacity: 0; }
.screenshot-slider:hover .slick-disabled { opacity: 0; display: none !important; }
.screenshot-slider:hover .slick-disabled:hover { opacity: 0; display: none; }
.slick-slider { margin: 0px auto 50px; }
.slick-slider img { max-width: 100%; max-height: 560px; margin: 0 auto; }

.slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

/* Arrow button */
.slick-prev, .slick-next { top: 50%; background-color: #333; z-index: 1; }
.slick-prev { left: 30px; }
.slick-next { right: 30px; }
.slick-prev::after { font-family: "SF Pro Icons"; content: "\f300"; cursor: pointer; font-size: 20px;     font-size: 50px;
  color: #fff;
  position: absolute;
  line-height: 50px;
  top: 50%;
  margin-top: -25px;
  margin-left: -11px; }
.slick-next::after { font-family: "SF Pro Icons"; content: "\f301"; cursor: pointer; font-size: 20px;     font-size: 50px;
  color: #fff;
  position: absolute;
  line-height: 50px;
  top: 50%;
  margin-top: -25px;
  margin-left: -9px; }

/* Short Description */
#detail-description h2.short-desc { font-size:18px; line-height: 22px; margin-top: 50px;}
/* Description */
#detail-description #whats-new { margin-top: 10px; }

/* Next Steps */
.next-step p { color: #999999; }
.d2 .next-step .content-image .image.icon-checkmark { background-image: url(/images/detail/icon_checkmark.png); background-size: 60px 52px; width: 60px; height: 62px; }
.d2 .next-step .content-image .image.icon-folder { background-image: url(/images/detail/icon_folder.png); background-size: 63px 62px; width: 63px; height: 62px; }
/* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */
@media only screen and (min-width: 1442px) {

}

/* LARGE SCREENS (SPECIFIC) */
@media only screen and (min-width: 1069px) and (max-width:1441px) {

}

/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {

}

/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
  
}

/* SEMI-MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:880px) {
  #detail-specifics { padding-right: 12px; }
  #detail-specifics .detail-specific-summary { padding: 12px; }
  a.btn.icon { padding: 8px 9px 8px 12px; }
  #detail-description { padding-left: 18px; }
}

/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
  /* Side bar */
  #detail-specifics { padding-right: 0px; }
  #detail-specifics p#summary, #detail-specifics p#categories { margin-top:10px; }
  #detail-specifics .detail-specific-summary { margin-bottom: 24px; }
  #detail-specifics a.btn { margin-top: 10px; }

  /* Slider */
	.screenshot-slider { max-height: 280px; }
	.slick-slider img { max-height: 280px; }
}

/* EXTRA SMALL SCREENS < 400px */
@media only screen and (max-width: 400px) {

}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
  /* Next Steps */
  .d2 .next-step .content-image .image.icon-checkmark { background-image: url(/images/detail/icon_checkmark_2x.png); }
  .d2 .next-step .content-image .image.icon-folder { background-image: url(/images/detail/icon_folder_2x.png); }
}