@include media-breakpoint-up(md) { %body_d3_extsearch_navigation_list_item_select { width: 100%; } body { .d3_extsearch_navigation { &.d3theme_#{$d3_class_themeid} { &.d3sidebar { h3 { margin-top: 20px; margin-bottom: 10px; } #d3searchfilterform .item { @include make-col($grid-columns * 1); float: left; } } } .list { .item { margin-bottom: 10px; float: left; width: 100%; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; select { @extend %body_d3_extsearch_navigation_list_item_select; } } } } #d3searchfilterform { .item { select { @extend %body_d3_extsearch_navigation_list_item_select; } } } .xajax_resp_#{$d3_class_themeid} { &.suggestVisible { display: block; } } &.cl-search, &.cl-alist, &.cl-manufacturerlist, &.cl-vendorlist { .d3_extsearch_navigation { &.d3theme_#{$d3_class_themeid} { @include make-col(($grid-columns / 12) * 3); } } #productList { @include make-col(($grid-columns / 12) * 9); } .content-box { .row { > div { &.col-md-3, &.col-md-9 { /* fix bad sidebar position from left to top */ @include make-col($grid-columns) } } } } .content { .col { &.text-right { flex-grow: 1.4; } } } .sidebarleft, .sidebarright { .list-container { .row { .productData.col-md-4 { /* fix three columned product boxes to two columned if sidebar is displayed */ @include make-col(($grid-columns / 12) * 6) } } } } } &.cl-search { .list-container { @include make-col(($grid-columns / 12) * 9) } } } } @include media-breakpoint-only(md) { } @include media-breakpoint-down(md) { }