.rowsp30{display: flex; flex-wrap: wrap; row-gap: 30px;}

/* =======Dtl Thumb Slider*/ 
.dtl-lv {position: relative; display: grid; grid-template-columns: 16.4% 76.6%; grid-column-gap: 10px;}
.dtl-lv .p-label{background-color:var(--white);color:var(--cloudy-grey);border:1px solid var(--cloudy-grey); text-transform:uppercase; padding:5px 12px;font-size:10px;line-height:10px;position:absolute;left:20px;top:0px; z-index:1;}
.dtl-lv .dtl-ex .slick-slide{line-height:0px;margin-bottom:10px;}
.dtl-lv .dtl-ex .slick-slide{border: none;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item{padding-right: 1px; position:relative;line-height:0px;cursor:pointer;text-align:center;margin:0px;display:flex!important;align-items:center;justify-content:center;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item img{border: 1px solid transparent; max-height:150px;display: initial; width:auto; height:auto;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item:hover,
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item{border-color: var(--black);}
.dtl-lv .dtl-ex .slick-slide:hover .dtl-ex-item img,
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item img{border-color: var(--black);}

.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play svg{fill:var(--white);width:44px;height:44px;}
.dtl-lv .dtl-ex .slick-slide:hover .dtl-ex-item.dtl-ex-play, 
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item.dtl-ex-play, 
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play{border:0px;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play{background: #333333;background: -moz-linear-gradient(top,  #333333 0%, #939598 100%);background: -webkit-linear-gradient(top,  #333333 0%,#939598 100%);background: linear-gradient(to bottom,  #333333 0%,#939598 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#939598',GradientType=0 );}
.dtl-lv .dtl-ex .slick-slide:hover .dtl-ex-item.dtl-ex-play, 
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item.dtl-ex-play{background: #212121;background: -moz-linear-gradient(top,  #212121 0%, #333333 33%, #6d6e71 69%, #939598 100%);background: -webkit-linear-gradient(top,  #212121 0%,#333333 33%,#6d6e71 69%,#939598 100%);background: linear-gradient(to bottom,  #212121 0%,#333333 33%,#6d6e71 69%,#939598 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#939598',GradientType=0 );}

.dtl-lv .dtl-thumb .slick-arrow{bottom: 50px; top: auto; left: auto;}
.dtl-lv .dtl-thumb .slick-prev{right: 120px;}
.dtl-lv .dtl-thumb .slick-next{right: 60px;}
.dtl-lv .dtl-thumb .slick-arrow.slick-disabled{opacity: 1;}

.dtl-lv .dtl-thumb .slick-slide>div{ line-height:0px; position:relative;}
.dtl-lv .dtl-thumb .dtl-thumb-item .thumb img{display:initial;max-width:100%;max-height:100%;}

.dtl-ex-slider .slick-arrow svg{stroke: var(--blue);}
.dtl-ex-slider .slick-arrow.slick-disabled{opacity: 1;}

@media(min-width:768px){
.dtl-lv .dtl-ex .slick-arrow{left:auto;right:auto;text-align:center;padding:5px 0px;position:relative;width:100%;height:auto;top:auto;-webkit-transform:translate(0, 0%);-ms-transform:translate(0, 0%);transform:translate(0, 0%);}
.dtl-lv .dtl-ex .slick-arrow.slick-prev svg{transform:rotate(270deg); margin-left:0px;}
.dtl-lv .dtl-ex .slick-arrow.slick-next svg{transform:rotate(90deg);margin-right:0px;}
}
@media(max-width:1368px){
  .dtl-lv {grid-template-columns: 16.4% 79.5%;}
}
@media(max-width:1199px){
  .dtl-lv {grid-template-columns: 16.4% 81%;}
}

@media(max-width:991px){
  .dtl-right{padding: 50px;}
  .dtl-thumb-slider .dtl-thumb-item, .dtl-ex .dtl-ex-slider .dtl-ex-item{position: relative;}
  .dtl-thumb-slider .dtl-thumb-item:not(:first-child){display:none;}
  .dtl-ex .dtl-ex-slider .dtl-ex-item:not(:first-child){display:none;}
}
@media(max-width:767px){
.dtl-right{padding: 20px;}
.dtl-lv {grid-template-columns: 100%;}
.dtl-lv .por{order: 1;}
.dtl-lv .dtl-ex-slider{order: 2;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item{padding: 3px;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play svg{width:34px;height:34px;}
.dtl-lv .dtl-ex{width:100%;position:relative; margin:10px 0px;}
.dtl-lv .dtl-ex .slick-slide{margin:0px;height:auto;}
.dtl-lv .dtl-ex .slick-arrow{display:flex;align-items:center;justify-content:center; width:13px;}
.dtl-lv .dtl-ex .slick-arrow.slick-prev svg{transform: scaleX(-1);}
.dtl-lv .dtl-thumb .slick-arrow{bottom: 10px;}
.dtl-lv .dtl-thumb .slick-arrow svg{width: 20px; height: 20px;}
.dtl-lv .dtl-thumb .slick-prev {right: 80px;}
.dtl-lv .dtl-thumb .slick-next {right: 40px;}
}

/* =======Dtl Right*/
@media (max-width:991px){
  .dtl-page{ padding-bottom:80px;}
  .dtl-cart-sec{position:fixed;left:0px;right:0px;bottom:0px;background-color:var(--white);padding:15px;z-index:2;-webkit-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.2);box-shadow:0px -5px 5px 0px rgba(0,0,0,0.2);}
}
/* Dtl-top */
.dtl-top{ padding-bottom:30px; }
.dtl-top .price-dtl{font-size: 24px; font-weight: 400;}
.dtl-top .price-dtl span{color: #A8A8A8;}
.dtl-top .dtl-top-name{line-height: normal; padding-bottom:5px;}
@media(max-width:767px){
  .dtl-top .dtl-top-name{font-size: 32px;}
  .dtl-top{ padding-bottom:20px; }
}

.tile-button{display: flex; flex-wrap: wrap; column-gap: 20px;} 
.tile-button .btn{border-radius: 50px; padding: 20px 20px;}
.tile-button .wishlist-dtl{height: 60px; width: 60px; border: solid 3px var(--blue); display: flex; align-items: center; justify-content: center; border-radius: 50px;}
.tile-button .wishlist-dtl svg{stroke: var(--blue); stroke-width: 2px; fill: none; }

/* =======Dtl Accordion*/
.dtl-tabsec{padding: 40px 0;}
.dtl_accordion{max-width: 480px;}
.dtl_accordion h4{cursor:pointer;font-size:22px; padding:18px 0px;position:relative;border-bottom:solid 1px #C6C6C6;}
.dtl_accordion h4:before, .dtl_accordion h4:after{position:absolute;content:"";right:10px;background-color:#86BBD8;top:50%;}
.dtl_accordion h4:before{right:10px;width:16px;height:2px;margin-top:-1px;}
.dtl_accordion h4:after{right:17px;width:2px;height:16px;margin-top:-8px;}
.dtl_accordion h4.active:after,.dtl_accordion h4.active:before{transform: rotate(45deg);}
.dtl_accordion .accordion_content{margin-bottom:20px; overflow: hidden; padding: 10px 0;}
.dtl_accordion .accordion_content p:last-child{margin-bottom: 0;}
@media(max-width:1199px){
  .dtl_accordion{max-width: 100%;}
}
@media(max-width:767px){
  .dtl_accordion h4{font-size: 18px;}
  .dtl-tabsec{padding: 25px 0;}
}

.detail-list h3{font-size: 22px; font-weight: 300;}
.detail-list ul li{font-size: 20px; font-weight: 300;}
.detail-prdhd{font-size: 30px; border-bottom: solid 2px #C1C1C1; padding-bottom: 20px; margin-bottom: 30px;}
.detail-prdhd.border-none{border-bottom: none; padding-bottom: 10px;}
@media(max-width:767px){
  .detail-list h3{font-size: 18px;}
  .detail-prdhd {font-size: 22px; padding-bottom: 15px;}
  .detail-prdhd.border-none{padding-bottom: 0;}
}

.tabtl-list li{font-size: 16px;}

.download-link ul{column-gap: 25px; font-size: 18px; row-gap: 10px;}

.tab-size {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap:20px; grid-row-gap:20px; }
.tab-size .size-box{background: #EAEAEA; padding: 30px;}
.tab-size .size-box .size-hd{font-size: 20px; padding-bottom: 10px; font-weight: 400;}
.tab-size .size-box .sizetwolist{display: grid; grid-column-gap:40px; grid-template-columns: 1fr 1fr; width: 390px;}
.tab-size .size-box ul li {border-bottom: solid 1px #BFBFBF; padding: 5px; display: flex; justify-content: space-between; font-size: 16px;}
.tab-size .size-box ul li span{font-size: 14px; color: #707070;}

@media(max-width:1599px){
  .tab-size .size-box{padding: 20px;}
}
@media(max-width:1199px){
  .tab-size{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .tab-size .size-box .sizetwolist{width: 100%; grid-template-columns: 1fr;}
}
@media(max-width:767px){
  .tab-size{grid-template-columns: 1fr;}
  .tab-size .size-box ul,.tab-size .size-box .sizetwolist{display: grid; grid-column-gap:10px; grid-template-columns: 1fr 1fr;}
}


.finish-applist ul{display: grid; grid-column-gap:20px; grid-row-gap:20px;  grid-template-columns: 1fr 1fr;}
.finish-applist ul a{display: flex; align-items: center; justify-content: center; height: 70px; background: #EAEAEA; font-size: 23px;}
.finish-applist .blue-list li a{background: #EAEFF4;}
.finish-applist.finish-applist3 ul{display: grid; grid-column-gap:20px; grid-row-gap:20px;  grid-template-columns: 1fr 1fr 1fr;}

@media(max-width:767px){
  .finish-applist.finish-applist3 ul{grid-template-columns: 1fr 1fr;}
  .finish-applist ul a{font-size: 16px; height: 50px;}
}

.materials-used .project-list {grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px;}
.materials-used .project-list .project-list-item .project-hd{padding-top: 20px;}
.materials-used .project-list .project-list-item .project-hd a{font-size: 22px; color: var(--light-grey);}
.materials-used .project-list .project-list-item svg{stroke: var(--white); stroke-width: 2px; fill: none;}
.materials-used.recently-sec .project-list-item .project-hd a{color: var(--blue);}

@media(max-width:1199px){
  .materials-used .project-list .project-list-item .project-hd a{font-size: 18px;}
}

@media(max-width:991px){
  .materials-used .project-list {grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width:767px){
  .materials-used{padding: 20px;}
  .materials-used .project-list {grid-template-columns: 1fr 1fr;}
  .materials-used .project-list {grid-column-gap: 10px; grid-row-gap: 20px;}
  .materials-used .project-list .project-list-item .project-hd{padding-top: 10px;}
  .materials-used .project-list .project-list-item .project-hd a{font-size: 16px;}
  .resp-tabs-container .materials-used{padding: 0;}
  .materials-used{padding: 0;}
}


.youmay-like.materials-used .project-list{grid-template-columns: 1fr 1fr 1fr;}
@media(max-width:767px){.youmay-like.materials-used .project-list{grid-template-columns: 1fr 1fr;} }

.dtl-subhd{font-size: 30px; color: #888;}
.dtl-rightlist{display: grid; grid-template-columns: 75% 25%; grid-column-gap: 5px;}
.dtl-rightlist .thumprd-name{font-size: 22px; color: #707070;}
.prdlist-thumbh,.right-thumbhlist{padding: 2px 0;}

@media(max-width:1599px){
  .dtl-rightlist{display: grid; grid-template-columns: 75% 24%;}
  .dtl-rightlist .thumprd-name{font-size: 18px;}
}
@media(max-width:767px){
  .dtl-rightlist{display: grid; grid-template-columns:100%;}
  .dtl-rightlist .slick-track .prdlist-thumbh{padding:3px;}
}


.deatl-tile-inner{padding-top: 50px;}
.deatl-tile-inner .deatl-tile-top{max-width: 1130px; margin: 0 auto;}
.deatl-tile-inner .deatl-tile-top .dtl-left{max-width: 450px;}
.deatl-tile-inner .dtl-lv{grid-template-columns:100%; row-gap: 40px;}
.deatl-tile-inner .dtl-lv .dtl-ex .slick-slide img{border: solid 2px transparent; padding: 5px;}
.deatl-tile-inner .dtl-lv .dtl-ex .slick-slide.slick-current img,.deatl-tile-inner .dtl-lv .dtl-ex .slick-slide:hover img{border: solid 2px #CFDCE3;}
.deatl-tile-inner .tabtl-list-tile {border-top: solid 1px #C6C6C6; border-bottom: solid 1px #C6C6C6; max-width: 480px; padding: 15px 0; margin-top: 15px; }


.deatl-tile-inner .resp-tabs-list li.resp-tab-active span{color: var(--white); background: var(--blue); font-weight: 300;}
.deatl-tile-inner .resp-tabs-list li{min-width: 185px; padding: 0; width: auto;}
.deatl-tile-inner .resp-tabs-container{border: solid 2px var(--blue);}
.deatl-tile-inner .resp-tabs-list li span:after{display: none!important;}

.deatl-tile-inner #dtl_tab {max-width: 1130px; margin: 50px auto!important;}
.deatl-tile-inner #dtl_tab .resp-tab-content{padding: 0;}
.deatl-tile-inner #dtl_tab tr th,.deatl-tile-inner #dtl_tab tr td{padding: 15px 10px; font-size: 16px; border-bottom: solid 1px var(--white);}
.deatl-tile-inner #dtl_tab tr th{background: #DDDDDD; font-weight: 300; border-right: solid 1px var(--white);}
.deatl-tile-inner #dtl_tab tr th:last-child{border-right: none;}
.deatl-tile-inner #dtl_tab tr td{ background: #F0F0F0;}

@media(max-width:767px){
  .deatl-tile-inner{padding-top: 20px;}
  .deatl-tile-inner .tile-tab-sec{overflow-y: auto;}
  .deatl-tile-inner .tile-tab-sec #dtl_tab{width: 800px!important;}
  .deatl-tile-inner .resp-tabs-list li{min-width: 120px;}
  .deatl-tile-inner .resp-tabs-list li span{height: 60px;}
  .deatl-tile-inner #dtl_tab tr th:nth-child(1){width: 117px;}
  .deatl-tile-inner #dtl_tab tr th:nth-child(2){width: 120px;}
  .deatl-tile-inner #dtl_tab tr th:nth-child(3){width: 119px;}
  .deatl-tile-inner .tab-listsec .resp-tabs-list{width: auto;}
  .deatl-tile-inner .dtl-lv .dtl-ex{order: 1;}
  .deatl-tile-inner .dtl-lv {row-gap: 0px; }
  .deatl-tile-inner .dtl-lv .dtl-ex .slick-slide .dtl-ex-item{padding: 0}
  .deatl-tile-inner #dtl_tab {margin: 20px auto!important; }
}