.pro-d-main .page-main {width:100%;padding:0;}
.sprodetails-maylike {margin-top:30px;}
.prodetails-title {font-size:20px;font-weight:var(--fontbold7);color:var(--fontcolor);margin-bottom:20px;}
.prodetails-inquiry {margin-top:40px;}
.sprodetails-maylike .sidebarhot-list {display:flex;flex-wrap:wrap;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item {width:15.5%;margin:0 1.4% 30px 0;display:flex;flex-direction:column;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(6n) {margin-right:0;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-img {position:relative;display:block;width:100%;padding-bottom:100%;border:1px solid #ccc;overflow:hidden;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-img img {width:100%;height:100%;display:block;position:absolute;top:0;left:0;transition:.5s;object-fit:contain;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-info {padding-top:10px;flex:1;display:flex;flex-direction:column;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-info .title {font-weight:bold;line-height:1.4;font-size:17px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-info .more {margin-top:auto;color:#555;text-transform:capitalize;font-size:15px;transition:.5s;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:hover .sidebarhot-img{border-color:var(--color)}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:hover .sidebarhot-img img {transform:scale(1.05)}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:hover .sidebarhot-info .more {color:var(--color)}
@media (max-width:1024px){.sprodetails-maylike .sidebarhot-list .sidebarhot-item {width:32%;margin:0 2% 30px 0;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(3n) {margin-right:0;}}
@media (max-width:768px){.sprodetails-maylike .sidebarhot-list .sidebarhot-item {width:48%;margin:0 4%% 30px 0;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(3n) {margin-right:4%;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(2n) {margin-right:0;}}