.container.breadcrump { padding: 20px 0 0; background: initial !important; box-shadow: initial !important; font-size: 12px; }
.breadcrump a { font-weight: 600; }
.breadcrump span { color: #ddd; padding: 0 6px; }

section.products { padding: 80px 0 0; text-align: center; }
section.products .container { padding: 0 60px; }
section.products .owl-carousel { padding: 20px 0px 20px; text-align: center; }
section.products .owl-carousel .item { padding: 30px 15px; margin: 0 auto 0px; }
.thumbnail-container img { cursor: pointer; }
.product-page .container { background: white; box-shadow: 0 0 25px rgba(0,0,0,0.15); }
.product-head { margin: 20px 0; padding: 6rem; display: flex; align-items: flex-start; }
.main-image { padding: 0 3rem 6rem; }
.main-image img { width: 100%; }
.thumbnail-container { }
.thumbnail-container .item { padding: 10px; border: 1px solid #ddd; }
.thumbnail-container img { width: 100%; }
h1 { font-size: 32px; font-weight: 700; color: #333; }
.product-head .images { width: 45%; }
.product-head .contents { width: 55%; padding: 0 0 0 4rem; }
.lead { line-height: 150%; padding: 1rem 0; }
.price { font-size: 32px; font-weight: 700; padding: 1rem 0; color: #333; }
.description { padding: 3rem 3rem; background: white; line-height: 150%; border-top: 1px solid #ddd; }
.description ul { margin: 20px 0 0; }
.owl-carousel .owl-stage { display: flex; align-items: center; }
.qty-wrapper { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dbdbdb; margin-right: 10px; border-radius: 40px; overflow: hidden; background: #f8f8f8; }
.qty-wrapper > * { display: flex; align-items: center; justify-content: center; }
.qty-wrapper span { width: 46px; height: 100%; color: black; font-size: 2.2rem; transition: 0.25s; cursor: pointer; user-select: none; }
.qty-wrapper span:hover { background: #e4e4e4; }
.qty-wrapper span:active { transform: scale(0.5); border-radius: 100%;  }
.qty-wrapper span.minus { padding-bottom: 6px; }
.qty-wrapper input { background: white; width: 64px; height: 100%; text-align: center; border:0; border-radius: 0; position: relative; z-index: 3; }
.qty-wrapper input[type="text"]:focus, .qty-wrapper input[type="text"]:active { box-shadow: initial !important; }
button.add-to-cart { font-size: 1.25rem; }
.add-wrapper { display: flex; padding: 2rem 0 0; align-items: center; justify-content: flex-start; }
.review-wrapper { padding: 3rem; border-top: 1px solid #ddd; display: flex; align-items: flex-start; }
.review-wrapper .reviews { width: 54%; }
.review-post-wrapper { width: 46%; }
.review-container { padding: 2rem 6rem 2rem 0; }
.review-box { border-bottom: 1px solid #ddd; padding: 1rem 0; margin: 1rem 0; }
.review-box .head { display: flex; align-items: flex-start; }
.review-box .right { margin: 0 0 0 auto; }
.review-box .name { font-size: 1rem; font-weight: 600; line-height: 24px; }
.review-box .date { font-size: 0.74rem; font-weight: 500; }
.stars { display: flex; align-items: center; }
.stars span { padding: 0 2px; font-size: 1.2rem; font-weight: normal; cursor: pointer; }
.stars span:before { font-family: "Fontawesome"; content: "\f006"; color: #ccc; }
.review-box .content { padding: 1rem 0; }
.stars span.filled:before { content: "\f005"; color: #eee000; }
.review-count { margin-left: 10px; }
.form { padding: 2rem 1rem 2rem 0; }
.form .floating { margin-bottom: 0.6rem; }
.form .stars span { font-size: 2.4rem; }
.form .floating textarea.text { height: 140px !important; resize: none; }
.form button { margin-top: 20px; }
iframe.otphitel { width: 100%; border: 0; height: 483px; padding: 0 40px; }

@media (max-width: 1280px){
.container.breadcrump { padding: 20px 0 0 20px; line-height: 150%; }
}

@media (max-width: 1024px){
iframe.otphitel { height: 360px; padding: 0 20px; }
.product-head { flex-direction: column; padding: 20px; }
.product-head .images { width: 100%; order: 2; }
.product-head .contents { padding: initial; width: initial; order: 1; }
.main-image { padding: 20px; }

.add-wrapper { flex-direction: column; padding: 20px; align-items: center; gap: 20px 0;  }
.description { padding: 20px; }
.review-wrapper .reviews, .review-post-wrapper { width: 100%; }
.review-wrapper { flex-direction: column; padding: 20px; }
.review-container { padding: initial; }
.form { padding: 20px 0; }
section.products { padding: 20px 0 0; }
section.products .owl-carousel { padding: 20px 0 0; } 
section.products .owl-carousel .item { width: 100%; }
}