@media only screen and (max-width: 600px) {
.sof_other_products.sof_alternatives > div.sof_products_inline >.sof_product_inline{
min-height: 0px!important;
}
.sof_other_products.sof_alternatives > div.sof_products_inline > div.sof_product_inline > a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 10px;
padding-left: 70px;
}
.sof_other_products.sof_alternatives > div.sof_products_inline > div.sof_product_inline > a > .sof_product_img {
top: 5px;
left: 5px;
width: 50px;
height: calc(100% - 10px);
position:absolute;
}
.sof_other_products.sof_alternatives > div.sof_products_inline > div.sof_product_inline > a > h3{
text-align: left;
}
.sofc_btnsconversie {
gap: 10px;
display: flex;
flex-direction: column;
align-items: stretch;
float: left;
width: 100%;
}
.sofc_btnsconversie > a {
width: 100%;
text-align: center;
padding: 10px;
margin: 0px;
font-size: 14px;
}
.product_page_content{
position:relative;
}
.product_tabs {
overflow-x: scroll;
overflow-y: hidden;
padding-right: 40px;
position: relative;
height: 55px;
}
.product_page_content::after{
position: absolute;
content: '';
top: 0;
right: 0;
width: 40px;
height: 70px;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
pointer-events: none;
}
*::-webkit-scrollbar {
height: 3px;
width: 3px;
background-color: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--secondary);
border-radius: 0px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: var(--secondary);
}
*::-webkit-scrollbar-track {
background-color: transparent;
} *::-webkit-scrollbar:vertical {
width: 5px;
background-color: transparent;
}
div.sof_view_toggle {
}
div.sof_view_toggle > a {
}
.sof_product_page > .sof_page_inner > .sof_head.sof_2col > div.sof_col{
width: 100%;
padding: 0px;
}
div.product_tabs > input{
display: none;
}
.sofp_breadcrumb_cats > *{
display: none;
}
.editor_body > h2{
font-size: 20px;
}
article.offerte > div.entry-content > div.sof_page > .sof_page_inner{
width: 100%;
padding: 10px;
}
.sof_productmodal_col2 > .sof_productadd_modal_inner,
.sof_productadd_modal_inner {
height: calc(100% - 100px);
overflow-y: scroll;
overflow-x: hidden;
padding-bottom: 40px;
position:relative;
}
.sof_buttons_offerteeditor {
display: flex;
flex-direction: column;
align-content: center;
align-items: flex-end;
}
.sof_buttons_offerteeditor > button.sof_btn_primary,
.sof_buttons_offerteeditor > button.sof_btn_secondary {
width: 100%!important;
text-align: center;
padding: 10px;
margin: 0px;
font-size: 14px;
height: 40px!important;
}
}