@import url('../../fonts/bonicon5/style.css');

.container-fluid, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {padding-left:1em !important; padding-right:1em !important;}
.row {margin-right: -1em !important; margin-left: -1em !important;}

i.fas {line-height:1.5;}
.cart-indicator .fas {margin-right:.35em;}
.aicon .fas {cursor: pointer;}

h1, .h1 {font-size: 2em !important; font-weight: 400 !important;}
h2, .h2 {font-size: 1.65em !important; font-weight: 400 !important;}
h3, .h3 {font-size: 1.35em !important; font-weight: 400 !important;}
h4, .h4 {font-size: 1.25em !important;}
h5, .h5 {font-size: 1em !important;}
h6, .h6 {font-size: .9em !important;}

.strike {text-decoration: line-through;}

.site-search {background-image: url("/img/e/veggiecoach/search-icon.svg"); background-repeat: no-repeat; background-position: 12px center; background-size: 20px 20px;}
.site-search.form-control {padding-left: 40px !important;}
.navbar .btn, input.site-search {font-size: .975em;}
.navbar .navbar-collapse .active>.nav-link {border-radius:.2em;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1em !important; padding-left: 1em !important;}
.navbar-nav .dropdown-menu {min-width:12em; border-radius:0; padding-top: 1em; border-bottom: .35em solid; box-shadow: 0 0 .5em .15em rgba(0,0,0,.15);}
.navbar-nav .dropdown-menu .dropdown-item {padding:.35em 1em; border-bottom:1px solid rgba(255,255,255,.2);}
.navbar-nav .dropdown-menu .dropdown-item.disabled {font-size:.9em; padding-top:.65em; padding-bottom:0; pointer-events: none;}

.big-header h1 {text-shadow: 0 0 1em rgba(255,255,255,.75);}
.big-header h2 {text-shadow: 0 0 .75em rgba(255,255,255,.75);}
.big-header h1 {font-size: 3em !important; font-weight: 700; margin-bottom:.5em;}
.big-header h2 {font-size: 2em !important; font-weight: 400;}
.big-header .btn-lg {font-size: 1.25em !important; line-height: 1; border: .15em solid !important; border-radius:5em; background-color: rgba(0,0,0,.5); color: #fff;}

a:hover {text-decoration: none !important;}

.custom-control-label:before, .custom-control-label:after {top: 0.75em !important;}

section {padding: 2.85em 0; border-bottom: 2px solid;}
section.no-margin {padding-top: 0; border-bottom: 2px solid;}
footer.footer section {padding:1.5em 0; text-align: left; border-bottom:0;}
footer.footer section.bg-primary {padding:.75em 0;}
footer.footer section.copy {padding:1.25em 0; text-align: center;}
footer.footer section.copy p {margin-bottom: 0;}
footer.footer section.copy p span {margin-left:2em;}
footer.footer section.copy p span a {padding:0 .5em;}
footer.footer hr {margin:2em 0;}
.footer-links a {display:block; font-size: .9em;}

.accordion .card-header {padding:0;}
.accordion .card-header .btn {width:100%; text-align: left; position: relative;}
.accordion .card-header .btn:after {
	content:''; position: absolute; right:.75em; top:.75em; width:1em; height:1em; display: inline-block; border-radius:.1em;
	background-image: url("/img/e/veggiecoach/minus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 55%;
}
.accordion .card-header .btn.collapsed:after, .zoomIn {
	background-image: url("/img/e/veggiecoach/plus.svg"); 
}

.box .btn-link .fa-plus-square:before {content: "\f146";}
.box .collapsed .fa-plus-square:before {content: "\f0fe";}

.zoomOut {background-image: url("/img/e/veggiecoach/minus.svg");}
.zoomOut, .zoomIn {background-size: 60%; background-position: center center;}

.modal-body .close:before, .big-header .swiper-wrapper:after {
	content:''; position:absolute; top:0; height: 2.55em;
}
.modal-body .close:before, .big-header .swiper-wrapper:after,
.bon-icons {display: inline-block; background-position: center center; background-size: contain; background-repeat: no-repeat;}

.list-view-icon {background-image: url("/img/e/veggiecoach/list-view-icon.svg");}
.card-view-icon {background-image: url("/img/e/veggiecoach/card-view-icon.svg");}
.tiny-view-icon {background-image: url("/img/e/veggiecoach/tiny-view-icon.svg");}

.btn .bon-icons {max-width:2em; max-height: 100%; margin-left: 1.5em;}
.btn span {vertical-align: middle;}
.btn .text {display: inline-block; text-align: left;}
.btn .text b {display: block;}

.concept .btn-lg {margin: 1em 0 .5em; min-width: auto !important; padding: .5em 1em; line-height: 1.3; border-radius: .35em;}

.lead {font-size:1.25em !important; font-weight: 300 !important;}

.dropdown-toggle:after {margin-left:0 !important; font-size: 1.5em !important; vertical-align: middle !important;}
label {font-size:.85em !important;}

.modal-content {border-radius:0 !important; border: 2px solid;}
.modal-content, .modal-header, .modal-footer {border-color:rgba(255,255,255,.2) !important;}
.modal-content .close{
	position: absolute; left: 50%; top: -3em; margin-left: -1.5em;
	width: 3em; height: 3em; padding: 0; text-indent:-999em;
}
.modal-content .close:before{
	width:3em; height:3em; left: 0;
	background-image: url("/img/e/veggiecoach/close-icon.svg");
}
.modal-footer {justify-content: center !important; padding: 1em !important; border-radius: 0 0 .2em .2em;}
.modal-footer .btn {
	font-size:1em; min-width:8em; text-align: center; border-radius: 2em;
	/*border: 2px solid rgba(255,255,255,.7) !important; background-color: rgba(255,255,255,.12);*/
}

.content-wrapper {min-height: calc(100vh - 2.5em);}
.footer {min-height: 2.5em;}

/*--[Pan Zoom]--*/
/*#previewCont {position:relative;}
.zoomControls {position:absolute; background-color: rgba(255,255,255,.75); right:.25em; top:.25em; z-index:999;}
.zoomControls .btn {height: 2em !important; padding: 0.25em .55em !important;}*/
/*--[/Pan Zoom]--*/

#imageModal .modal-body {padding: 0 !important;}
.imagePreview {max-width: 100%;}

.btn {
    height: 2.5em !important;
    padding: 0.5em 1em !important;
}
.btn-sm, .btn-md {font-size: .85em !important;}
.btn-lg {font-size: .9em !important; height: calc(3em) !important; padding: .65em 2.5em !important;}

.form-control {
    height: 2.5em !important;
    padding: 0.5em 1em !important;
}
.form-control.textarea, textarea.form-control {
    height: 6.2em !important;
}
.form-control-md {font-size: .85em !important;}
.form-control-lg {font-size: .9em !important;}

.col-form-label {
    padding-top: calc(0.375em + 1px) !important;
    padding-bottom: calc(0.375em + 1px) !important;
}

.motive-info {
	/* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center;
	-webkit-justify-content: right; justify-content: right;
	-webkit-box-align: center; -ms-flex-align: center;
	-webkit-align-items: center; align-items: center;
}


/*--[myBasket]--*/
.myBasket {
	position: fixed; width: 29em; top: 4em; left: 100%; padding:.45em .5em; margin-left: 0; background: #fff; box-sizing: border-box;
	max-height: calc(100% - 4em); overflow: auto;
}
.myBasket.showMyBasket {margin-left: -29em;}
.myBasket h2, .catalogBasket h2, .catalogBasket h1 {margin: .25em 0 .5em;}
.cart-indicator {position: fixed; right:.5em; display: inline-flex; border-radius: .25em; padding: .2em 1.5em .25em 1em; background-color: rgba(0,0,0,.75); border:1px solid rgba(200,200,200,.65); color: #ccc;}
.cart-indicator:hover {background-color: rgba(0,0,0,1); color:#fff; text-decoration: none;}
.filterOn .cart-indicator {display: none;}
.mini-basket td {font-size:.85em;}
.mini-basket .itemTh img {max-height: 100px; max-width: 50px;}

.myFilters, .myBasket, .navbar {z-index: 9999;}
.dropdown-opened .myFilters, .dropdown-opened .myBasket, .navTogglerOn .myFilters, .navTogglerOn .myBasket{z-index: 999;}
.modal-open #filter-opener, .modal-open #cart-opener, .modal-open .myFilters:before, .modal-open .myBasket:before {display: none;}
.myFilters .modal-body {padding: 0;}
.modalBtn.at-top{z-index:99999;}

/*--[modal direction]--*/
.modal.fade:not(.show).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.show).right .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0) !important;
	transform: translate3d(25%, 0, 0) !important;
}
.modal.fade:not(.show).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
/*--[/modal direction]--*/

/*--[myFilters]--*/
.myFilters {
	position: fixed; width: 29em; top: 3.3em; right: 100%; padding:.45em .5em; margin-left: 0; background: #fff; box-sizing: border-box;
	max-height: calc(100% - 4em); overflow: auto; text-align: left;
}
.myFilters.showMyFilters {margin-right: -29em;}
.myFilters .btn-block {padding-top: .5em;}
.myFilters .btn-block .btn {margin-bottom: 1em;}

.filter-indicator {position: fixed; left:.5em; display: inline-flex; border-radius: .25em; padding: .2em 1.5em .25em 1em; background-color: rgba(0,0,0,.75); border:1px solid rgba(200,200,200,.65); color: #ccc;}
.filter-indicator:hover {background-color: rgba(0,0,0,1); color:#fff; text-decoration: none;}

.myFilters h6 {text-transform: uppercase; margin-top: 1em;}
.myFilters .box {padding:.15em .25em .15em 1em; border:1px solid; line-height: 2em; margin-bottom: .5em;}
.myFilters .form-check .btn-link, .myFilters .form-check i.fas {line-height: 1.2;}
.myFilters .form-check-input {margin-top:.75em;}
.myFilters .form-check-label {width:calc(100% - 3.75em);}
.myFilters .form-check-inline .form-check-label {width: auto;}
.myFilters .btn-link {float: right;}

/*--[catalogBasket]--*/
.catalogBasket .list-group-item {padding:0; padding: .25em 1em;}
.catalogBasket .list-group-item>label {display:block; margin-bottom: 0;}
.catalogBasket .list-group-item.active {padding:0;}
.catalogBasket .list-group-item.active>label {padding: .55em 1.15em;}
#password-meter-wrapper, #password-meter-wrapper>div {display: block; height:.5em; background-color: rgba(200,200,200,.75);}
#password-meter-feedback {font-size:.8em;}
.checklist {list-style-type: none; padding-left: .5em;}
.checklist li {margin:.2em 0;}
.paymentOptionBox {padding: 1em 0; background-color: rgba(255,255,255,0.75); margin-top: 1em; border: 2px solid #EEE;}
#anschrift-container .col-lg-6 {border:1px solid #ddd;}
.zipHouse-fix .row>div:first-child {padding-right: .5em !important;}
.zipHouse-fix .row>div:last-child {padding-left: .5em !important;}

#sepa_transfer_result {font-size: .75em; top:0; left: -.5em;}
.table-bordered th {padding:.25em .35em !important; font-size:.9em;}
#accv_check_result {padding:.5em .25em; background-color: rgba(150,150,150,.2);}
.basket-number .form-control {max-width: 60px !important; padding: .2em !important; text-align: center;}

/*--[itemListing]--*/
h3.sect-heading {width: 100%; margin: 0 0 1em 0; padding:.2em .5em .3em; border-radius: .25em; text-align: center; box-sizing: border-box;}
.listing-view .card {width:100%; margin-bottom:1em; border-radius: .25em;}
.listItem h4, .listItem p, .details-view h4, .details-view p {margin-bottom: .25em;}
.listItem h4+h2, .details-view h4+h2 {margin-bottom: .5em;}
.listItem p+p {margin-top: .75em;}
.listItem .img-fluid {max-height: 150px; margin-bottom: 1em; border:1px solid;}
.bestel {margin-top:.5em;}
.bestel .add-remove-item {min-width: 200px; width:10em; margin-bottom:.5em;}
.bestel .add-remove-item .form-control {text-align: center;}
.bestel.in-details-view .add-remove-item {width:12em;}
.bestel .btn {width:2.75em; background-repeat: no-repeat; background-position: center center; background-size:40%;}
.amount_plus {background-image: url("/img/e/veggiecoach/plus.svg");}
.amount_minus {background-image: url("/img/e/veggiecoach/minus.svg");}
.bestel p.small {margin-bottom: .25em;}
.bestel span.h3, .bestel b.h2 {font-family: inherit !important;}
.bestel b.h2 {font-size:1.5em; font-weight: bold !important;}
.bestel b, .bestel+div b {color:#d00;}
.bestel+div i {color:#3B9B00;}

.item-sizes {display:block; padding:.5em 0 1em;}
.item-sizes a {border:1px solid #ddd; border-radius:.2em; margin-right: .25em; padding: .2em .5em; min-width: 4em; display: inline-block; text-align: center; color:#999;}
.item-sizes a.selected {border-color:#666; color:#333;}

.details-view .in-cart-info {font-size:.8em;}
.details-view .legal-box {margin:1em 0; padding: .35em .75em; font-size: .8em;}
.mycart-icon {padding: 0 .55em !important; font-size: 1.25em !important;}
.mycart-icon .fas {line-height: 1 !important;}

.details-btn {position:absolute; right: 1em; bottom:1em; }
.details-btn .btn {border-radius: 3em !important; border-width:2px !important; height: inherit !important; padding: .4em 2.5em !important;}

.rate-this {text-align: right; font-size: .8em;}

.reviews-box {padding: 2em 0;}
.reviews-box h3 {margin-bottom: .25em;}
.reviews-box .ratings {padding-bottom: .25em;}
.cs-review {padding: .65em 1em; margin: .5em 0; font-size:.85em;}
.cs-review p.cs-comments {font-style: italic; margin-top: .65em;}
.like-review {position: relative; display: inline-block; padding: 0 .5em; margin-left: .25em; font-size:1.75em;}
.like-review span {position: absolute; left:0; bottom: 100%; min-width: 100%; display: block; text-align: center; font-size: .65em;}

.item-box a:hover img {box-shadow:0 0 .5em .25em rgba(0,0,0,.08); border:2px solid;}

.item-box .details-full a img {border:0;}
.item-box .details-full a:hover img {box-shadow:none; border:0;}

.card-view .listing-view {justify-content: center;}
.card-view .listing-view .card {width: 18em; margin: 1em .75em; font-size:.9em;}
.card-view .listing-view .listItem .item-box, .card-view .listItem .title-box, .card-view .listItem .legal-box, .card-view .listItem .bestel {text-align: center;}
.card-view .listing-view .listItem .item-box, .card-view .listItem .title-box, .card-view .listItem .legal-box, .card-view .listItem .bestel {flex: 0 0 100%; max-width: 100%;}

.card-view .listing-view .hide-this, .tiny-view .listing-view .hide-this, .tiny-view .listing-view .hide-more {display: none;}

.tiny-view .listing-view .card {border:0; border-bottom:1px solid; border-radius:0; margin-bottom: 0;}
.tiny-view .listing-view .card-body {padding: .55em .75em;}
.tiny-view .listing-view .item-box {flex: 0 0 16.6666666667%; max-width: 16.6666666667%;}
.tiny-view .listing-view .title-box {flex: 0 0 33.3333333333%; max-width: 33.3333333333%;}
.tiny-view .listing-view .bestel-box {flex: 0 0 50%; max-width: 50%; font-size:.9em;}
.tiny-view .listing-view .bestel {flex: 0 0 100%; max-width: 100%; justify-content: flex-end !important;}
.tiny-view .listing-view .add-remove-item {float: right;}
.tiny-view .listing-view .add-remove-item+p {float: right; margin: .35em 1em 0 0;}
.tiny-view .listing-view .title-box h2 {font-size:1.1em !important;}
.tiny-view .listing-view img.img-fluid {max-height: 4em; margin-bottom: 0;}

.switch-view {text-align: right; padding-top: .35em; padding-right: .05em !important;}
.switch-view a span {width:1.7em; height:1.5em;}
.switch-view a {opacity:.35; margin-left: .25em;}
.switch-view a:hover {opacity:.6;}
.switch-view a.active {opacity:1;}
.switch-view .results {display: inline-block; vertical-align: top; margin-right: 1em;}

.quick-shop-listing .card {width: 100%; margin: .5em 0; font-size:.9em; text-align: center;}
.quick-shop-listing h3 {margin-bottom: .25em;}
.quick-shop-listing img.img-fluid {max-height: 5em;}

.quotes {display: block;}
.quotes h2, .quotes div {display: inline-block; vertical-align: middle; padding: 0 1.5em;}
.quotes div {text-align: left; border-left:1px solid; border-right:1px solid; padding: .5em 3em;}
.quotes p {font-family: Georgia, sans-serif; font-size: 1.25em; font-style: italic; margin-bottom: 0; position: relative;}
.quotes p:before, .quotes p:after {font-size: 3em; position: absolute; line-height:1; font-family: Georgia, sans-serif;}
.quotes p:before {content:'\201C'; left:-.75em; top:-.15em;}
.quotes p:after {content:'\201D'; right:-.55em; bottom:-.75em;}
.quotes i {font-style: normal; font-size:.7em;}

.bon-overlay {
	position: fixed; left:0; top:0; z-index: 9999;
	display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);
}
.showing-boxes .bon-overlay {display: block;}
.showing-boxes .myFilters, .showing-boxes .myBasket {z-index: 99999;}
.showing-boxes .myFilters:before, .showing-boxes .myBasket:before {background-color: transparent;}
.haway {display: none;}
.clr {clear: both;}

/*--[Rating]--*/
.ratings {display:block; padding: 0 0 1em;}
.ratings span {vertical-align: middle;}
.ratings span.total-ratings {font-size:.85em;}
.val_display {display:inline-block; margin-right:.25em;}
.val_display span, .val_display span em {float:left; display:inline-block; height:1.15em; background-size:1.15em 1.15em; background-repeat:no-repeat; background-position:0 0;}
.val_display span {width:1.15em; margin-right:.15em; background-image:url("/img/e/veggiecoach/star-outline.svg");}
.val_display span em {background-image:url("/img/e/veggiecoach/star.svg");}
span.val_empty em {width:0;}
span.val_1 em {width:12.5%;}
span.val_2 em {width:25%;}
span.val_3 em {width:37.5%;}
span.val_4 em {width:50%;}
span.val_5 em {width:62.5%;}
span.val_6 em {width:75%;}
span.val_7 em {width:87.5%;}
span.val_full em {width:100%;}
/*--[/Rating]--*/


/*--[transition]--*/
.navbar-toggler, .navbar.sticky-top, .logo span, .myBasket, .myFilters, .bon-overlay, .partners .img-th b {transition: all .22s ease-in-out;}
.auto-slides .swiper-slide b, .swiper-button-prev, .swiper-button-next, .bdr-pic:before {transition: all .1s ease-in;}

#payment_container {
    display: flex; flex-flow: row wrap; align-items: center;	
}
.tHead .price {color: #fff;}

.input1, input#amount, select, button, #payment_selections a, #gatewayform .input1 {
    border: 1px solid; vertical-align: middle;
	height: 2.5em !important;
    padding: 0.5em 1em !important;
}
.input1, input#amount {width: inherit !important; min-width: 80px; border-color:#ced4da;}

select, .form-control {
    display: inline-block;
    width: auto; 
	
	font-size: 1.2rem;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	background-clip: padding-box;
	border-color:#ced4da;
	border-radius: 0;	
}

button, #gatewayform .input1 {
    color: #fff !important; background-color: #58acb7 !important; border-color: #58acb7 !important;
}
button:hover, #gatewayform .input1:hover {
    background-color: #4698a3 !important; border-color: #4698a3;
}
button.close {background-color: transparent !important;}
button.btn-payPal {color: #11559d !important;}

#payment_selections a {color: #58acb7; background-color: transparent; background-image: none; border-color: #58acb7; margin-top: .35em; display: inline-block}
#payment_selections a:hover {color: #fff; background-color: #58acb7}

#payment_selections {padding-top: 1em; display: block;}
#payment_container {margin-top: 1em; padding-bottom: 1em;}
#payment_container button {margin-top: .5em;}

#form-data table {width: auto; border:1px solid #ced4da;}
#form-data table td {padding:.25em;}


@media all and (min-width:660px) {
	.modal .modal-dialog {max-width: 55em;}
}
@media all and (min-width:769px) {
	.mini-basket .table-bordered td, .mini-basket .table-bordered th {font-size:.75em;}
	.mini-basket .btn {font-size:1.12em;}
}
@media all and (min-width:990px) {
	.navbar-nav .dropdown {margin-left:1px;}
	.navbar-nav .dropdown-menu {border-radius: 1em; padding-top: 1em;}
	#dropdownLogin+.dropdown-menu {min-width:20em;}
	.btn-lg {min-width:300px;}
	.details-view .in-cart-info {margin-left:1em; float:left; margin-top: .5em;}
	.details-view .in-details-view .add-remove-item {float:left;}
	.item-sizes {clear: both;}
	.switch-view {position: relative; bottom: -.25em}
	.custom-control.category-heading {left: -1em;}
}
@media all and (min-width:1024px) {
	#left-col {position: static; width: 25%; float: left; box-sizing: border-box; padding-right: .5em;}
	#middle-col {width: 72%; float: right; box-sizing: border-box; padding-left: .5em;}
	#filter-opener {display: none !important;}
	#middle-col.details-view {width: 98%;}
	.modal.fade:not(.show).left .modal-dialog {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
	.myFilters .modal.fade .modal-dialog {-webkit-transform:translate(0); transform:translate(0);}
	.myFilters .modal-dialog {margin-top: 0;}
	.myFilters .modal {display: block !important; position: static !important; opacity:1 !important;}
}
@media all and (min-width:1280px) {
	/*--[Zoom css]--*/
	.img-zoom-container {position: relative; display: inline-block; height: 100%;}
	.img-zoom-container a {cursor: crosshair; display: inline-block; height: 100%; width: 100%;}
	.img-zoom-lens {
		position: absolute; border: 1px solid rgba(255,255,255,.5); background-color: rgba(0,0,0,.15); opacity:0;
		/*lens size*/
		width: 4em; height: 4em;
	}
	.img-zoom-result {
		border: 1px solid #d4d4d4; opacity:0;
		position: absolute; left: 100%; top:0; z-index:0;
		/*zoom box size*/
		width: 30em; height: 30em;
	}
	.show-zoom-box .img-zoom-result {z-index: 999;}
	.show-zoom-box .img-zoom-result, .show-zoom-box .img-zoom-lens {opacity:1;}
	/*--[/Zoom css]--*/
}
@media all and (min-width:1400px) {
	.container {max-width: calc(100vw - 10em) !important;}
	header .navbar {max-width: calc(100vw - 10em);}
	#left-col {width: 20%;}
	#middle-col {width: 77%;}	
}
@media all and (min-width:1920px) {
	body {font-size: .85vw !important;}
	header .navbar {max-width: calc(100vw - 25em);}
	.navbar-brand {font-size: 1.3em !important;}
	.container {max-width: calc(100vw - 25em) !important;}
	.form-control, .btn {font-size:1em !important;}
	.myFilters .form-check .btn-link, .myFilters .form-check i.fas {line-height: 1;}
	.form-control.textarea {
		height: calc(5.75em + 2px) !important;
	}
	.bestel .add-remove-item {width: 10em;}
	.listItem .img-fluid {max-height: 10em;}
}


@media all and (max-width:1600px) {
	.zipHouse-fix .row>div .form-control {padding: 0.5em .5em !important;}
}

@media all and (max-width:1400px) {
	.big-header h1 {font-size: 2em;}
	.big-header h2 {font-size: 1.5em;}
	.tiny-view .listing-view .add-remove-item+p {margin-right:0;}
}

@media all and (max-width:1280px) {
	.col-lg-6.fixRegFull {flex: 0 0 100%; max-width: 100%;}
}

@media all and (max-width:1024px) {
	.navbar {font-size:.9em !important;}
	.myFilters, .myBasket {top: 3.5em;}
	.myFilters:before {
		content: ''; position: fixed; width: 100%;
		height: 2.5em; left: 0; top: 3.75em;
	}
}

@media all and (max-width:990px) {
	.hide-mobi {display:none !important;}
	.hide-mobi+.dropdown-menu {display:block;}
	#left-col-floater {padding: 2.5em .5em 0;}
	#left-col-floater>p.small {margin-bottom: .25em;}
	.listing-view .card {margin-left:.5em; width: calc(100% - 1em);}
	.navbar .dropdown {margin-top: 1px;}
	.navbar .dropdown-divider {display: none;}
	.navbar .navbar-collapse {margin-left: -.5em; margin-right: -.5em;}
	.navbar .navbar-collapse .nav-link {border-bottom:1px solid;}
	.navbar .navbar-collapse .nav-item:last-child .nav-link {border-bottom:0;}
	.navbar .dropdown-menu {margin: 0; padding: 0; border: 0;}
	.big-header h1 {font-size: 1.5em;}
	.big-header h2 {font-size: 1.2em;}
	.btn-lg {min-width:250px;}
	.details-btn {position:static; right:inherit; bottom:inherit; display: block; width: 100%; text-align: center; border-top: 1px solid #fff; padding-top: 1em; margin-top: .5em;}
	.details-btn .btn {min-width:250px !important;}
	
	#moveMobi-234-icons {display: inline-flex; top:.5em; right: 5em; position: fixed;}
	#moveMobi-234-icons .dropdown-menu{border-radius:0; padding: 1em 0; box-shadow: 0 0 .5em rgba}
	.navbar .dropdown-menu .dropdown-item {border-bottom:1px solid; padding: .45em 1.5em;}
	#moveMobi-234-icons .dropdown-menu .dropdown-item:last-child {border-bottom:0;}
	#moveMobi-234-icons>input {background-position: 14px center;}
	#moveMobi-234-icons>input, #moveMobi-234-icons>.dropdown>.btn {
		padding: 0 !important; width:3em !important; height:3em !important; text-indent:-999em; border-radius:1.75em; margin-left: .25em;
	}
	.expandSearch #moveMobi-2 {
		width: calc(100vw - 5em) !important; padding: 0 1em 0 1.5em !important; text-indent: inherit;
		position: fixed; left: 2.5em; top: .5em; z-index: 999;
	}
	.expandSearch .logo, .expandSearch .navbar-toggler, .expandSearch #moveMobi-3, .expandSearch #moveMobi-4 {opacity:.1;}
	#moveMobi-3 .dropdown-menu, #moveMobi-4 .dropdown-menu {width: 100vw; left: 0; position: fixed; top: 3.5em; max-height: calc(100% - 80px); overflow:auto; border-bottom:8px solid;}
	#moveMobi-3::before, #moveMobi-4::before {
		position: absolute; left: 1em; top:.5em; z-index:99; color: #fff;
	}
	#moveMobi-234-icons>.dropdown>.btn {background-position: center center; background-repeat: no-repeat;}
	#moveMobi-3>.btn {background-image: url("/img/e/veggiecoach/user-icon.svg"); background-size: 40%;}
	#moveMobi-4>.btn {background-image: url("/img/e/veggiecoach/cart-icon.svg"); background-size: 50%;}

}
@media all and (max-width:768px) {

	body > .container {padding-bottom: 4em;}
	.navbar .navbar-collapse {position: relative; box-shadow: 0 .35em .5em rgba(0,0,0,.13);}
	
	h1, .h1, .big-header h2 {font-size: 1.45em !important;}
	h2, .h2 {font-size: 1.35em !important;}
	h3, .h3 {font-size: 1.25em !important;}
	h4, .h4 {font-size: 1.1em !important;}
	.big-header h1 {font-size: 1.5em !important;}

	.custom-control-label:before, .custom-control-label:after {top: 0.65em !important;}
	.switch-view {padding-right: .65em !important; margin-top: .2em;}

	.modal .modal-body {padding-bottom: 4.5em;}
	.btnBox .btn {margin:.25em 0;}
	footer {position: static;}

	section:not(.no-margin) {padding: 2.25em 0;}
	.newsletter {text-align: center;}

	/*--[myBasket]--*/
	.myBasket, .myFilters {width: 100%;}
	.myBasket.showMyBasket {left:0; margin-left:0;}
	.myFilters.showMyFilters {right:0; margin-right:0;}
	.mini-basket .btn {display:block; width: 300px; margin:.25em;}

	.bestel.in-details-view .add-remove-item {width:15em;}
	.bestel {margin-top:0;}
	footer.footer section.copy p span {margin:1em 0 0; display: block;}
	
	.tiny-view .listing-view .item-box {flex: 0 0 40%; max-width: 40%;}
	.tiny-view .listing-view .title-box {flex: 0 0 60%; max-width: 60%;}
	.tiny-view .listing-view .bestel-box {flex: 0 0 100%; max-width: 100%; font-size:.9em;}
	.tiny-view .listing-view .bestel {flex: 0 0 100%; max-width: 100%; justify-content: flex-start !important;}
	.tiny-view .listing-view .add-remove-item {width: 40%; float: left;}
	.tiny-view .listing-view .add-remove-item+p {width: 52%; margin: .35em 0 0 0; padding-left: 1em; box-sizing: border-box;}
	.tiny-view .listing-view .title-box h2 {font-size:1em !important; font-weight:400;}
	.tiny-view .listing-view img.img-fluid {margin-bottom: .5em;}
}

@media all and (max-width:480px) {
	#to-old {margin-left: 0; padding:.5em .35em; font-size:.95em;}
	.filter-indicator, .cart-indicator {min-width: 40%; justify-content: center; text-transform: uppercase; font-size:1em;}
	#left-col-floater {padding-bottom: 2.5em;}
	.bestel.in-details-view .add-remove-item {width:13.5em;}
	.quick-shop-listing .bestel.in-details-view .add-remove-item {width:15em;}
	.myFilters.showMyFilters .btn-block {position: fixed; bottom: .1em; left: 0;}
	.rate-this {text-align: center; margin-top: 1em;}
	.thumbs-box {display: block; padding-top: 2.5em;}
	
	.breadcrumb {margin-bottom:0 !important; border-bottom: 1px solid #ddd;}
	.col-4.switch-view {flex: 0 0 100%; max-width: 100%; padding-left: 0 !important;}

	.tiny-view .listing-view .item-box {flex: 0 0 30%; max-width: 30%;}
	.tiny-view .listing-view .title-box {flex: 0 0 70%; max-width: 70%;}
	.tiny-view .listing-view .bestel>div{margin: 0 auto; border-bottom: 1px solid #fff; padding-bottom: .75em;}
	.tiny-view .listing-view .add-remove-item {width: 60%; float: none; margin: 0 auto;}
	.tiny-view .listing-view .add-remove-item+p {width: 100%; text-align: center; padding-left: 0;}
	
	.footer-links {text-align: center;}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){
	.myBasket, .myFilters {top:2em;}
	.myBasket.showMyBasket, .myFilters.showMyFilters {top:1em;}
}