#product{
	display:flex;
	padding-left:20px;
}

#product>div:first-child{
	width:350px;
	margin-right:30px;
	  flex-shrink: 0; /* Запретить сжатие */
  box-sizing: border-box; /* учёт padding и border в ширине */
}
#hid0{
	margin:0;
	padding:0;
}
.datblock {
  width: 1150px;
  margin: 0 auto; /* Центрирует блок по горизонтали */
  padding: 0; /* Если нужно убрать внутренние отступы, иначе задайте нужное значение */
}





.text_hide_wrap {
    max-width: 100%;
}

.item_text {
    width: 100%;
    padding: 0px;
}

.item_text p {
    margin-bottom: 20px;
}

.io_item {
    width: 100%;
    padding-bottom: 20px;
}

.io_button_wrap {
 
    margin-top: 10px;
}

.io_button {
    width: 300px;	 
	line-height: 30px;
 
    background-color:#F4F4F4;
    border: 1px solid #E8E8E8;
    font-style: normal;
    padding: 0;
height: 37px;
    vertical-align: top;
    color: #555659 !important;
    cursor: pointer;
    font-size: 13pt;
 
	font-weight:100!important;
 
	    margin-right:10px;
	border-radius:5px!important;
	text-align:center;

}

a.io_button:hover {
    text-decoration: none;
}

.io_item .btn_close {
    display: none;
}

.io_item .btn_open {
    display: inline-block;
}

.io_item.open .btn_close {
    display: inline-block;
}

.io_item.open .btn_open {
    display: none;
}

.io_trans {
    width: inherit;
    position: absolute;
    height: 80px;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 1) 100%);
    transition: 1s;
}

.io_item.open .io_trans {
    height: 0;
    transition: 1s;
}

.io_item_wrap {
    position: relative;
    overflow: hidden;
    max-height: 100px;
    width: inherit;
    transition: max-height 0.5;
}
.io_item.open .io_item_wrap {
    max-height: 2500px !important;
    transition: max-height 1s;
}

.imhidden {
  display: none;
}

.imshow {
  display: block;
}

 
.item-param-content {
	margin: auto 0px !important;
}
 
 
 #table0{
 padding-left:20px;
 }
 
#table0 table {
 border: 1px solid black !important;
}

#table0 table td {
  border: 1px solid black  !important;
 
}
 #table0 table tr>td:last-child{
	 text-align:left  !important;
 }
 
#offers {
    padding: 20px 0px;
	width:100%
}

@media (max-width: 768px) {
	
	.io_button {
    width: 100%
	}	
	
	
	

#product>div:first-child{
	width:100% ;
	
}

.datblock {
  width:100% ;
 
}
	
	#product{
	display:block;
	padding:0px 20px 0px 20px;
}
	
	

#offers {
    padding: 20px 0px;
	width:100%
}

 

#table0{
	padding: 0 20px 20px 20px;
}
#table0 table tr>rd:first-child{
	border-right:1px solid #000000;
}
.io_item {

    padding-bottom: 0px;
}


}


@media (min-width: 768px) {
	
#table0  #offers{
display:none	
}
}