.product-section{ width:calc(100% - 20%);margin:0px auto 100px auto;}
.details-line{ height:1px;background:#a7a9ac;}
.details-describe{ font-size:16px !important;}

.tab { width: 20%; }
  
.tab button { display: block; background-color: transparent; color: #58595b; padding: 10px 16px 10px 0px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 16px; font-family:SourceSansPro-Regular; }
  
.tab button:hover { color: #3c2417;font-family:SourceSansPro-Bold; }
  
.tab button.active { color: #3c2417;font-family:SourceSansPro-Bold; }
  
.tabcontent { padding: 0px 12px; border: none; width: 80%; text-align:justify; display:flex; justify-content:flex-start; align-items: flex-start; flex-wrap:wrap;}

.mx-h-200-px{ height:200px;}
@media only screen and (min-width:1400px){
    .mx-h-200-px{ height:300px;}
}
.fill-cover{ object-fit: cover; }
.fill-contain{ object-fit:contain;}
.fill-bottom{ object-position:bottom;}

.workstation-link.active{ text-decoration: underline;}
.workstation-link:link{ font-size:18px;}
.workstation-link:hover{ font-size:18px; text-decoration:underline;font-family:SourceSansPro-Bold;}
.workstation-link:visited{ font-size:18px;}
.workstation-link:active{ font-size:18px;}

.details-header{ font-size:60px;}
.details-word{ font-size:40px; }
.details-slogan{ font-size:20px; }

.details-short{ margin-block-start:0px;}
#accprd1{display:block;}
#accprd2{display:none;}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1150px) {
    .page-title{ width:100%;}
    .product-section>.space-between{ justify-content: flex-start;}
    .details-describe{ width:70%;margin-left:20px; }
}

@media only screen and (max-width: 1000px) {
    .tabcontent>.w-30-p{width:49%;margin:0 0 10px 0;}
    .tabcontent{justify-content: space-between; }
    

}

@media only screen and (max-width: 768px) {
    .tabcontent>.w-30-p{width:100%;margin:0 0 10px 0;}
    .tabcontent>.w-30-p>.mx-h-200-px{height:300px; }
}

@media only screen and (max-width: 500px) {
    .product-row{ flex-wrap:wrap; margin-bottom:0px;}
    .product-set{ width:100%; margin-bottom:20px;margin-left:0px; }
    .product-row > .w-90-p{ flex-wrap:wrap; width:100%; }
    .tab{ width:30%;}
    .tabcontent{width:70%;}
    .tabcontent>.w-30-p>.mx-h-200-px{height:200px; }
    #categoryname{ font-size:20pt;}
    #accprd1{display:none;}
    #accprd2{display:block;}
    .modal-title{width:90%;margin:2.5% 5%;}
    .modal-image>.front-line{display:none;}
    .modal-image{width:90%;margin:10% 5%;}
    .modal-image .w-85-p{width:100%;}
    .details-line{display:none;}
    .details-describe{margin-left:0;}
    .details-describe::before{content:'';display:block;height:1px;width:100px;background:#3c2415;margin-bottom:10px;}
}

@media only screen and (max-width: 380px) {
    .tabcontent>.w-30-p>.mx-h-200-px{height:150px; }
}