.heading { background-color:var(--grey-light); }
.heading .boundary { padding:30px 0; max-width:960px; }

.owl-carousel .owl-nav button.owl-next {right:0;}

.product-detail {background:url(../images/article-bg.png) top left; padding-bottom:4em;}
.product-detail .boundary { max-width:960px; margin: 20px auto 0; background-color: #FFF; box-shadow:0 0 3px #666; }
.product-detail .boundary img, .product-detail .boundary video {max-width:100%;height:auto;}

.product-detail .col { text-align: left; padding: 0; }

.product-detail .pd-container {padding:10px;}
.product-detail .image-slider { position: relative; margin-bottom: 100px; }
.product-detail .image-slider:before { content: ""; display: block; padding-top: 100%; }
.product-detail .image-slider .owl-carousel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; }
.product-detail .image-slider .owl-next, .product-detail .image-slider .owl-prev, .topic.products .owl-next, .topic.products .owl-prev {position:absolute;top:50%;left:0;transform:translateY(-50%);}
.product-detail .image-slider .owl-next i, .product-detail .image-slider .owl-prev i, .topic.products .owl-next i, .topic.products .owl-prev i{font-size:3em;color:#FFF;text-shadow:0 0 3px #333;}
.product-detail .image-slider .owl-next, .topic.products .owl-next {left:unset;right:0;}
.product-detail .image-slider .square-image { width: 100%; border:0; }
.product-detail .image-slider .slider-thumbs { position: absolute; left: 0; top: 100%; width: 100%; height: 72px; text-align: left; margin-top: 10px; overflow-x:auto; white-space:nowrap; }
.product-detail .image-slider .slider-thumbs .square-image { width: 64px; display: inline-block; margin-right:5px;}
.product-detail .image-slider .pd-youtube { position: relative; width: 100%; height: 100%; }
.product-detail .image-slider .pd-youtube:before { content: ""; padding-top: 100%; display: block; }
.product-detail .image-slider .pd-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.product-detail .pd-content h1 { color:var(--brown); margin:0 0 1em; font-size:1.5em; font-family:var(--f-ultra-light); position:relative; line-height:1.5em; letter-spacing:2px; }
.product-detail .pd-content h1 span {display:inline-block; background-color:#333; color:#FFF; font-size:0.7rem; font-weight:normal; margin:0 3px; padding:0 3px; line-height:1.5em; font-family:verdana; vertical-align:middle; }
.product-detail .pd-content .pd-description {padding:20px 0;}
.product-detail .pd-content table { width: auto !important; height: auto !important; max-width: 100%; }
.product-detail .pd-content table, .product-detail .pd-content table td { border: 0; }
.product-detail .pd-content table td { padding: 0; }
.product-detail .pd-content .pd-sub-title { display: block; padding-bottom: 5px; border-bottom: 1px solid #DDD; margin: 20px 0; text-transform: uppercase; font-size: 1.2em; }

.topic.pd-description { margin: 20px 0 0; line-height: 1.5em; }
.topic .topic-title {margin:0 0 1em; font-size:1.5em; color:var(--brown); display:block; padding:10px 0; text-transform:capitalize; }
.topic.pd-description .topic-content { padding:20px; text-align: left; border:0; border-top:1px solid #DDD; }
.topic.pd-description .topic-content h2, .topic.pd-description .topic-content h3, .topic.pd-description .topic-content h4, .topic.pd-description .topic-content h5 { line-height:1.3em; font-size:1.6em; }
.topic.pd-description .topic-content h3 { font-size:1.4em; }
.topic.pd-description .topic-content h4 { font-size:1.2em; }
.topic.pd-description .topic-content h5 { font-size:1em; }

.topic.pd-description .topic-content blockquote {border-left:5px solid var(--brown); padding:10px 20px; display:inline-block; margin:1em auto;}
.topic.pd-description .topic-content figure.image { display: inline-block; margin:0; }
.topic.pd-description .topic-content figure.image img { margin: 0; max-width:unset; }
.topic.pd-description .topic-content figure.image figcaption { margin: 10px 0 0; text-align: center; }
.topic.pd-description .topic-content figure.align-left { float: left; margin-right:20px;}
.topic.pd-description .topic-content figure.align-right { float: right; margin-left:20px;}

.topic.pd-description .topic-content a {color:var(--orchid);}
.topic.pd-description .topic-content a:hover {color:var(--violet);}
 
.topic.pd-description .topic-content table {border-collapse:collapse; width:100% !important; }
.topic.pd-description .topic-content table tr td, .topic.pd-description .topic-content table tr th {border:1px solid #DDD; padding:10px;}

.topic.products .boundary {padding:20px;}

#pd_other_products .owl-stage-outer {padding: 20px 0;}

.products .product {text-align:center;}
.products .product .p-title {padding:10px 0 0; margin:0; font-size:1em; box-sizing:border-box;}
.products .product .p-title a {display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;}
.products .product .square-image:before {padding-top:100%;}

.topic.products .owl-next {right:0;}
.topic.products .owl-prev {left:0;}

.products .owl-nav .owl-next, .products .owl-nav .owl-prev { top:40%!important; }

@media (min-width:576px){
	.product-detail .image-slider { margin-bottom: 130px; }
}

@media (min-width: 768px){
	.product-detail .image-slider { margin-bottom: 80px; }
	.product-detail .image-slider .owl-prev {left:-10px!important;}
	.product-detail .image-slider .owl-next {right:-10px!important;}
	
	.product-detail .pd-content { padding: 20px; }
	.product-detail .pd-content h1 {font-size:1.8em;}
	
	.product-detail .pd-container {padding:0;}
	.product-detail .pd-container .table .col:first-child {padding:20px;}
	
	.products .product {width:30.666%; margin-right:4%;}
	.products .product:nth-child(3n+0) {margin-right:0;}
}

@media (min-width:992px){
	.product-detail .image-slider .owl-prev {left:10px!important;}
	.product-detail .image-slider .owl-next {right:10px!important;}
	.product-detail .image-slider .slider-thumbs {height:82px;}
	
	.product-detail .pd-content { padding-left: 40px; }
	
	.topic.pd-description .topic-content table {width:auto!important; vertical-align:top; margin:0 0 20px; }
	.topic.pd-description .topic-content table tr td {width:auto!important;}
	
	.product-detail .pd-content .buttons {width:auto;}
	.product-detail .pd-content .buttons .button {padding:5px 20px;}
}