.single_product{border-bottom:1px solid var(--border_b);padding-top:var(--section-p);padding-bottom:calc(var(--section-p)/ 2)}
.single_grid{grid: auto/minmax(0,1fr);row-gap: 40px;grid-column-gap: 40px;}
@media (min-width:992px){
  .single_grid{display: grid;grid-template-columns:50% auto;}
}
@media (min-width: 768px){
.single_grid{display: grid;grid-template-columns:40% auto;}
}
@media (max-width: 768px){
  .single_grid{display: grid;}
}

@media (max-width:992px){
  .page-title{display:none}
}



.p_hidden{display:none}
#p_main_img{display:block;border: 1px solid rgba(0,0,0,.08);}
#p_main_img figure{ display:none}
#p_main_img img{max-width:100%; height:auto;}
#p_main_img .b-img-current{display:block}

.p_thumb{margin-top:10px;display: grid;grid: auto/minmax(0,1fr);row-gap: 10px;grid-column-gap: 10px;grid-template-columns: repeat(5,1fr);}
.p_thumb li{display:block;border:1px solid rgba(0,0,0,.08);}
.p_thumb li img{max-width:100%; height:auto;}

.p_thumb .s-img-current{border:1px solid var(--theme);}
#p-video{max-width:100%;}
video{ max-width:100%;height:auto;}



.pro_single_info {display: grid;grid: auto/minmax(0,1fr);row-gap: 20px;grid-column-gap: 20px;align-content: baseline;}

.pro_single_title{font-size:25px;line-height:1.1;}
@media (max-width:768px){
  .pro_single_title{padding-top:25px;font-size:16px;line-height:1.4;}
}
@media (min-width:993px){
	.pro_single_info{padding-left:2vw}
  }


.p_detail {padding-top: 25px;}
.p_detail .tab-content{overflow-x: auto;}
.p_detail .tab-content img{max-width:100%;height:auto;}
.p_detail h3{font-size: 22px;padding-bottom: 15px;margin-bottom:20px; position: relative;border-bottom: 1px dashed #dae2ee;}
.p_detail table{border: 2px solid #dee2e6;border-collapse:collapse;border-spacing:0}
.p_detail table thead th {border-bottom: 2px solid #dee2e6;font-weight: bold;}
.p_detail th{border: 1px solid #dee2e6;padding: 0.75rem;font-weight: bold;}
.p_detail td{border: 1px solid #dee2e6;padding: 0.75rem;}
.p_detail img{max-width:100%;}

.single_form{padding:25px 0;max-width:100%;text-align:center; }
.single_form form{max-width:800px;  margin:auto;display: grid;grid: auto/minmax(0,1fr);row-gap: 20px;grid-column-gap: 20px;grid-template-columns: repeat(1,1fr);}
.single_form .form_group{display: flex;}
.single_form .form_group label{flex: 0 0 25%;padding:7px 0;text-align:left; max-width:120px;}
.single_form  .g-recaptcha{padding-bottom:15px;}

.single_form h5{margin-bottom:20px;color:#666666}
.form_control::-webkit-date-and-time-value{height:1.5em}
.form_control::-moz-placeholder{color:#6c757d;opacity:1}
.form_control::placeholder{color:#6c757d;opacity:1}
.form_control{display:block;width:100%;line-height:1.5;background-color:#fff;border:1px solid var(--border_b);border-radius:3px;font-size:13px;padding:10px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form_control:focus{color:#495057;background-color:var(--box_bg_w);border-color:var(--theme);outline:0;box-shadow:none}



.single_recommend{padding:30px 0}
.single_recommend h3{margin-bottom:15px;font-size: 18px;font-weight: 400;}
.p_related{border:1px solid var(--border_b);background:var(--box_bg_w);border-radius:3px;}
.p_related:hover{box-shadow:0 4px 20px rgba(0,0,0,.19)}
.p_related img{max-width:100%;height:auto} 
.p_related h4{padding:15px 10px;text-align:center}
.p_related h4 a{font-size:16px;-webkit-line-clamp:2;line-height:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}


.pswp{position:fixed;width:100%;height:100%;left:0;background:#666;top:0;
	overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;
	-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
#swiffy-slider li img{max-width:100%;height:auto;}
#p_img_modal .swiffy-slider{height: 100%;}
#p_img_modal li{display: flex;align-items: center;justify-content: center;}
#p_img_modal_close{top:0;border: none;right: 15px;cursor:pointer;top: 20px;right: 10px;height: 40px;width: 40px;position:fixed;display: block;background-color: transparent;}
#p_img_modal_close:after,
#p_img_modal_close:before{position:absolute;right:20px;width:22px;left: 10px; height:3px;border-radius:2px;background-color:#fff;content:"";}
#p_img_modal_close:before{top:7px;-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);}
#p_img_modal_close:after{top:21px;-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);}