:root {
  --color-primary: #872618;
  --color-primary-accent: #872618;
  --color-secondary: #fd6900;
  --color-third: #F0F0F0;
  --color-red-warning: #dc3545;

  --font-title: 'Open Sans';
  --font-text: 'Open Sans';
}


body { font-family: var(--font-text); color: #707070; }


h1,h2,h3,h4, p {  }
h1 { font-family: var(--font-title); font-weight: 700; color: var(--color-primary); }
h2 { font-family: var(--font-title); font-weight: 700; color: var(--color-primary); }
h3 { font-weight: 400; color: #B5B5B5; }
h4 { font-weight: 700; }
h5 { color: var(--color-primary); font-weight: 700; }
p {  }
p a { color: var(--color-primary); text-decoration: underline; }
p a:hover { color: var(--color-primary-accent); }
li {padding-left: 0px;}
li strong { color: var(--color-secondary); font-weight: 700; }
img { max-width: 100%; }
.btn { padding: 10px 25px; border-radius: 6px; font-weight: 700; font-size: 18px; text-decoration: none; font-family: var(--font-title); }
/* .btn::after { content: '\f178'; font-family: 'Font Awesome 5 Pro'; margin-left: 25px; transition: transform 0.3s; display: inline-block; }
.btn:hover::after { transform: translateX(5px); } */

.btn-primary { background: var(--color-primary); border: 3px solid var(--color-primary); color: #fff; }
.btn-primary:hover { background: var(--color-primary-accent); color: #fff; border-color: var(--color-primary-accent); }

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active { background: var(--color-primary); }
.btn-primary.focus,
.btn-primary:focus { box-shadow: 0 0 0 0; background: var(--color-primary); }

.btn-secondary { background: var(--color-primary-accent); border-color: var(--color-primary-accent); }
.btn-secondary:hover { background: var(--color-primary); border-color: var(--color-primary); }

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active { background: var(--color-primary); }
.btn-secondary.focus,
.btn-secondary:focus { background: var(--color-primary); box-shadow: 0 0 0 4px rgb(54 169 224 / 50%); }

.btn-search { background: var(--color-secondary); border: none; color: #fff; padding: 6px 12px; border-radius: 5px; }
.btn-search:hover { background: #fda43d; border-color: #fda43d; }
.btn-search::after { display: none; }

.btn-success { background: var(--color-secondary); border-color: var(--color-secondary); text-decoration: none; }
.btn-success:hover { background: #fda43d; border-color: #fda43d; }

.alert { border-radius: 0; border: 0; font-weight: 700; font-size: 14px; display: block; }
.alert:hover { text-decoration: none; color: var(--color-primary); }
.alert-primary { background: rgba(8,114,56,0.1); color: var(--color-primary); }

select,
select.form-control { border-radius: 4px; padding: 8px 12px; border: 1px solid #B5B5B5; }
input[type="number"] { border-radius: 4px; padding: 8px 12px; border: 1px solid #B5B5B5; }
input[type="text"] { border: 1px solid #B5B5B5; border-radius: 4px; padding: 10px 8px; line-height: 1; }

.center { text-align: center; }


/* Topbar */
.store-message { background: #D80000; color: #fff; font-family: var(--font-title); text-transform: uppercase; font-weight: 700; }

.topbar { background: var(--color-third); color: #fff; font-family: var(--font-title); }
.topbar a{ color:#fff; }
.topbar .top-right { font-weight: 800; }
.topbar .fa-stack i { color: #fff; }
.topbar .fa-stack .fa-circle { color: var(--color-primary); }
.topbar .lang-select .dropdown-menu { background: var(--color-primary-accent); }
.topbar .lang-select .dropdown-menu .dropdown-item { font-weight: 700; }
.topbar .lang-select .dropdown-menu .dropdown-item:hover { text-decoration: underline; color: inherit; background: none; color: #fff; }
.topbar .lang-select .dropdown-menu .dropdown-item:active { text-decoration: underline; background: #fff; color: var(--color-primary-accent); }

.topbar .top-link-bold { font-weight: 700; text-transform: uppercase; }

/* Header */
header { color: var(--color-primary); }
header input.form-control { background: none; border-radius: 0; border: none; border: 2px solid #D1D1D1; border-radius: 10px; color: var(--color-primary); }
header input.form-control:active, header input.form-control:focus { color: var(--color-secondary); border-color: var(--color-secondary); }
header input.form-control::placeholder { color: #6F6F6F; }
header .search-btn { background: var(--color-secondary); border-radius: 0 10px 10px 0; color: #fff; border: none; }
header .header-icons .user-icon,
header .header-icons .cartmenu { border: 2px solid var(--color-secondary); color: var(--color-secondary); transition: 0.3s; }
header .header-icons .user-icon:hover,
header .header-icons .cartmenu:hover { background: var(--color-secondary); color: #fff; }


/* Search bar - Magnifying glass in input icon  */
.search-bar .form-group::after { content: '\f002'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; position: absolute; top: 0; right: 10px; width: 25px; height: 100%; display: flex; justify-content: flex-end; align-items: center; pointer-events: none; cursor: auto; }

header > .row > .container > .row > .search-icon-wrap button { color: var(--color-primary); }

/* Search results */
.search-results { margin-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 2px solid var(--color-primary); box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.1); }
.search-results .search-result { border-bottom: 1px solid #B5B5B5; }
.search-results .producttitle { color: var(--color-primary); font-weight: 700; font-family: var(--font-title); }
.search-results .pricestyle { color: var(--color-primary-accent); font-weight: 700; }
.search-results .search-total-results,
.search-results .search-total-results a { color: var(--color-primary); }


/* Nav */
.mainmenu { background: var(--color-primary); padding: 0 15px; }
.mainmenu li {margin-left: 10px;}
.mainmenu .navbar-nav > .nav-item > .nav-link { color: #fff; font-weight: 800; padding: 15px 8px; font-family: var(--font-title); }
.mainmenu .navbar-nav > .nav-item:hover > .nav-link { opacity: 0.7; }
.mainmenu .navbar-toggler { margin-left: 15px; }
.navbar .dropdown .nav-link:hover { color: #fff; }
.dropdown { color: #fff; }
.dropdown > ul { background: var(--color-primary); }
.dropdown a { color: #fff; }
.dropdown > .dropdown-menu > li > a { font-weight: 700; }
.dropdown-toggle::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; border: none; font-size: 12px; margin-left: 8px; vertical-align: middle; font-weight: 700; }

/* Nav - shopping cart */
.cartmenu { justify-content: flex-end; }
.cartmenu svg { flex-shrink: 0; }
.shopping-cart-circle { background: var(--color-primary); color: #fff; }
.msc_amount { background: #2E97AA; color: #fff; }

/* Nav - Menu modal */
.modal.fixed-left .forehead { background: #42b2bd; }
.modal.fixed-left .forehead h5 { color: #fff; }
.modal.fixed-left .forehead .button-filler,
.modal.fixed-left .forehead .close-btn-wrap { color: #fff; }
.modal.fixed-left .menu-content .main-menu .section-title { color: #000; }
.modal.fixed-left .menu-content .main-menu .categories li { color: #000; }
.modal.fixed-left .menu-content .main-menu .categories li .item { color: #000; }
.modal.fixed-left .menu-content .first-sub .sub-header .back-btn { color: #000; }
.modal.fixed-left .menu-content .first-sub .sub-header h5 { color: #000; }
.modal.fixed-left .menu-content .first-sub .submenu-items .sub-menu li a { color: #000; }

/* Home slider */
.home-slider h2 { background: rgb(0 0 0 / 20%); color: #fff; border-radius: 10px; font-weight: 700; }
.home-slider .slick-dots li button::after { background: #fff; border: 1px solid #707070; }
.home-slider .slick-dots li.slick-active button::after { background: var(--color-primary); }

/* Categories */
.category-big { transition: transform 0.3s; }
.category-big:hover { transform: scale(1.1); }
.category-big a { border: 1px solid #B5B5B5; border-radius: 6px; transition: border-color 0.3s; }
.category-big:hover a { border: 2px solid var(--color-primary-accent); }

/* Products */
.usp-product-top { background: #F4F4F4;  }
.usp-product li::before { content: '\f00c'; font-family: 'Font Awesome 5 Pro'; height: 25px; width: 22px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.product { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06); border: 1px solid #C9C9C9; border-radius: 6px; transition: box-shadow 0.3s; }
.product .banner { top: 40%; text-transform: uppercase; color: #fff; background: var(--color-primary); border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid var(--color-primary); border-left: none; font-weight: 700; }
.product .discountinfo { background: var(--color-primary); }
.product .discountinfo span { color: #fff; }
.product .producttitle { color: #454545; font-weight: 800; font-family: var(--font-title); }
.product .productsub { color: #B5B5B5; font-weight: 600; }
.product .pricestyle { font-weight: 800; color: var(--color-primary); font-family: var(--font-title); }
.product .discount-price { color: var(--color-third); }
.product .discount-price .old-price { color: #B5B5B5; }
.product .delivery { font-weight: 500; color: var(--color-primary); }
.product .delivery svg { fill: currentColor; }
.product .stock.in-stock { color: var(--color-primary); }
.product .stock.out-stock { color: var(--color-red-warning); }
.product .order-btn-wrap { color: var(--color-secondary); border: 2px solid var(--color-secondary); width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.product .order-btn-wrap svg { width: 22px; }
.product:hover { box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.1); text-decoration: none;}
.product:hover .producttitle { color: var(--color-primary); }
.product .order-btn-wrap:hover { color: #fff; border-color: var(--color-secondary); background: var(--color-secondary); }

/* Slick */
.slick-dots li button::after { width: 12px; height: 12px; border: 2px solid var(--color-primary); }
.slick-dots li.slick-active button::after { border: 2px solid var(--color-primary); background: var(--color-primary); }


/* Text + image */
.text-image img { border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); }

/* FAQ Accordion */
.faq .card { background: rgb(100 100 100 / 10%); }
.faq .card:nth-child(even) { background: #fff; }

/* Footer */
.usp-bar { background: var(--color-third); color: #454545; }
.usp-bar .usp-icon { color: #fff; transition: transform 0.3s; background: var(--color-secondary); }
.usp-bar .usp-icon:hover { color: #fff; text-decoration: none; transform: scale(1.1); }
.usp-bar .usp-desc h6 { font-weight: 700; }
.usp-bar .usp-desc a { color: #454545; }

.subfoot { background: var(--color-primary); color: #fff; }
.subfoot h2 { color: #fff; font-family: var(--font-title); font-weight: 700; margin: 0; }
.subfoot ul li a { color: #fff; }

.foot { background: #fff; color: #454545; font-weight: 700; font-family: var(--font-title); }
.foot a { color: #454545; }
/* .foot > .container > .row { border-top: 1px solid var(--color-primary-accent); } */





/* ----- CATEGORY PAGE ----- */
/* Breadcrumbs */
.breadcrumbs ul { text-transform: uppercase; font-weight: 500; }
.breadcrumbs ul li::after { content: '\f054'; font-family: 'Font Awesome 5 Pro'; font-size: 8px; color: #B5B5B5; }
.breadcrumbs ul li a { color: var(--color-primary); }

/* Category select */
.filter-side { margin-bottom: 50px; }
.filter-side h4.filter-title { color: var(--color-primary); text-transform: none; font-family: var(--font-title); }
.filter-side h4.filter-title i { color: var(--color-primary); }
.sibling-categories ul { border-color: var(--color-primary); }
.sibling-categories ul li a { color: #707070; }
.sibling-categories ul li a.active { color: var(--color-primary-accent); }
.sibling-categories .see-more { color: var(--color-primary); font-weight: 500; }
.sibling-categories .see-more::before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; font-size: 12px; margin-right: 6px; width: 0px; }
.checkcontainer { user-select: none; color: var(--color-primary-accent); cursor: pointer; }
.checkcontainer .checkmark { display: inline-flex; width: 10px; height: 10px; border-radius: 1px; border: 1px solid var(--color-primary); margin-right: 10px; position: relative; transition: 0.3s; top: 7px; flex-shrink: 0; justify-content: center; align-items: center; }
.checkcontainer:hover .checkmark { background: var(--color-primary); opacity: 0.2; }
.checkcontainer input[type="checkbox"] { position: absolute; height: 0; width: 0; visibility: hidden; }
.checkcontainer input:checked ~ .checkmark { background: var(--color-primary); }
.checkcontainer input:checked ~ .checkmark::after { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; line-height: 11px; font-size: 8px; text-align: center; color: #fff; }
.checkcontainer:hover input:checked ~ .checkmark { background: var(--color-primary); opacity: 0.8; }
.checkcontainer .stock { color: #B5B5B5; }
.filter-price-wrap { color: var(--color-primary-accent); }
.filter-remove-filter button { color: var(--color-primary); border: 1px solid var(--color-primary); background: none; padding: 12px; width: 100%; max-width: 200px; text-align: center; border-radius: 4px; font-size: 16px; line-height: 1; font-weight: 500; }
.filter-remove-filter button:hover { background: rgba(8,114,56,0.06); }

/* Category view-type */
.cat-view-type .view-type-btn { color: #ACACAC; }
.cat-view-type .view-type-btn.active { background: #ACACAC; color: #fff; }
.cat-view-type .view-type-btn:hover { opacity: 0.8; }

.cat-view-type .current-view-desc { color: var(--color-primary-accent); }
.cat-view-type .dropdown-right { color: #4C4441; }
.cat-view-type .dropdown-right select { font-weight: 700; text-transform: uppercase; }

/* Category pagination */
.category-pagination .page-link { border: 1px solid #B5B5B5; border-radius: 4px; color: var(--color-primary); }
.category-pagination .page-link.page-link-active { border-color: var(--color-primary); background: rgba(8,114,56,0.06); }
.category-pagination .page-link:hover { background: rgba(8,114,56,0.06); }

/* Filters button on mobile */
.toggle-filters-mobile .btn { padding: 10px 40px; box-shadow: 0px 5px 25px -10px rgba(0,0,0,0.6); }
.toggle-filters-mobile .btn::before { content: '\f1de'; font-family: 'Font Awesome 5 Pro'; margin-right: 10px; }
.toggle-filters-mobile .btn::after { display: none; }

/* Filters modal */
.filter-side .filter-menu-top button { color: var(--color-primary); opacity: 1; }
.filter-side .filter-menu-title h3 { font-family: var(--font-title); text-transform: uppercase; color: var(--color-primary); }
.filters-contain .show-products { box-shadow: 0px 5px 25px -5px rgba(0,0,0,0.6); }
.filters-contain .show-products .btn { padding: 10px 25px; width: 100%; background: var(--color-primary); color: #fff; border-color: var(--color-primary); transition: opacity 0.3s; }
.filters-contain .show-products .btn:hover { opacity: 0.8; }
.filters-contain .show-products .btn::after { display: none; }



/* ----- PRODUCT PAGE ----- */
/* Product details */
.productdetail .banner-content { background: var(--color-primary); color: #fff; border-radius: 5px; }
.productdetail .productimage .img-thumbs a { border: 1px solid var(--color-primary-accent); }
.productdetail .product-main .currentprice .price { font-weight: 700; color: var(--color-primary-accent); }
.productdetail .product-main .currentprice .discount-price { color: var(--color-secondary); }
.productdetail .product-main .currentprice .oldprice { color: #B5B5B5; }
.productdetail .product-main .currentprice .unit { color: #333333; }
.productdetail .product-main .product-option .product-option-desc { color: var(--color-primary-accent); font-weight: 700; }
.productdetail .product-main .product-option select { padding: 12px; }
.productdetail .product-main .product-option input { padding: 12px; }
.productdetail .product-main .product-option .btn::after { content: '\f291'; }
.productdetail .product-main .btn { border-radius: 6px; font-size: 18px; text-align: left; display: flex; justify-content: space-between; }
.productdetail .product-main .stock { padding: 8px 10px; background: rgba(255,137,0,0.2); color: #707070; border-radius: 6px; border: 1px solid var(--color-secondary); }
.productdetail .product-main .stock::before { content: '\f468'; font-family: 'Font Awesome 5 Pro'; color: var(--color-secondary); margin-right: 10px; }
.productdetail .product-main .stock.green { background: rgb(58 183 104 / 20%); border: 1px solid var(--color-primary); }
.productdetail .product-main .stock.green::before { color: var(--color-primary); }
.productdetail .product-main .stock.red { background: rgb(218 29 29 / 20%); border: 1px solid var(--color-red-warning); }
.productdetail .product-main .stock.red::before { color: var(--color-red-warning); }
.productdetail .product-main .delivery { color: var(--color-primary); font-weight: 500; }
.productdetail .product-main .delivery svg { fill: currentColor; }
.productdetail .discountinfo { background: var(--color-primary); }
.productdetail .discountinfo span { color: #fff; }


.productinfo h2 { color: var(--color-primary-accent); margin-bottom: 25px; }
.productinfo table { color: #4C4441; }
.productinfo table thead th { color: var(--color-primary); }
.productinfo table tbody .tooltip-icon {background: var(--color-secondary); color: #fff; font-weight: 700; cursor: pointer; }
.productinfo table tbody tr:nth-child(odd) { background: rgba(4,51,25,0.1); }

.xactive { border: 2px solid var(--color-secondary); }

/* Shopping cart modal */
.modal.fixed-right {  }
.modal.fixed-right .card-header button { color: var(--color-primary); opacity: 1; }
.modal.fixed-right h4,
.modal.fixed-right h5,
.modal.fixed-right h6 { font-family: var(--font-title); text-transform: uppercase; }
.modal.fixed-right h4 { color: var(--color-secondary); }
.modal.fixed-right h6 { color: var(--color-primary); }
.modal.fixed-right .product { box-shadow: none; border-radius: 0; overflow: hidden; border: none; }
.modal.fixed-right .product:last-child { border-bottom: 1px solid #B5B5B5; }
.modal.fixed-right .product .old-price { color: #B5B5B5; }
.modal.fixed-right .btn { padding: 10px 25px; }
.modal.fixed-right .btn-light { font-size: 14px; background: #fff; border: 1px solid #B5B5B5; color: #B5B5B5; text-transform: uppercase; font-weight: 400; }
.modal.fixed-right .btn-light::after { display: none; }
.modal.fixed-right .btn-light:hover { background: #efefef; }
.modal.fixed-right .btn-secondary { font-size: 16px; }



/* ----- SHOPPING CART PAGE ----- */
.cart-title .btn-light { padding: 10px 25px; font-size: 16px; margin-top: 50px; }
.cart-title .btn-light::after { display: none; }
.cart-title .btn-light::before { content: '\f177'; font-family: 'Font Awesome 5 Pro'; margin-right: 25px; display: inline-block; transition: transform 0.3s; }
.cart-title .btn-light:hover::before { transform: translateX(-5px); }
/* Cart table */
.cartProduct,
.cartTable-bottom { border-bottom: 1px solid rgba(181,181,181,0.3); }
.cartTable-bottom.last-bottom { border-bottom: none; }
.cartTable-bottom:last-of-type { border-bottom: none; }
.cartProduct h4 a { color: var(--color-primary-accent); }
.cartProduct .title a i { color: #000; }
.cartProduct .title a i:hover { color: #888; }
.cart-product-desc input { border: 2px solid #e1e1e1; border-left: none; border-right: none; padding: 3px 0; color: #333; border-radius: 0; font-size: 12px; }
.cart-product-desc button { border: none; background: #e1e1e1; padding: 5px 8px; font-weight: 700; border-radius: 0; font-size: 12px; }
.cart-product-desc button:hover { background: #ccc; }
.cartProduct .sub .price { color: var(--color-primary); font-weight: 700; }
.cartFooter .btn { padding: 10px 25px; font-size: 16px; }
.cartFooter .btn-primary { margin-bottom: 25px; }
.cartFooter .btn-primary::after { display: none; }
.cartProduct .delivery { font-weight: 500; color: var(--color-primary); }
.cartProduct .delivery svg { fill: currentColor; }


/* ----- SHOPPING CART PAGE ----- */
.checkout-btns .btn { padding: 10px 25px; font-size: 16px; }
.checkout-btns .btn-light::after { display: none; }
.checkout-btns .btn-light::before { content: '\f177'; font-family: 'Font Awesome 5 Pro'; margin-right: 25px; display: inline-block; transition: transform 0.3s; }

.checkout-table h4 { font-size: 14px; }
.checkout-table h4 { margin-bottom: 0; }



/* ----- CHECKOUT PAGE ----- */
.checkout-form h4 { color: var(--color-primary); border-bottom: 1px solid var(--color-primary); padding-bottom: 10px; }
.checkout-form .form-group { margin: 0; }
.checkout-form .payoption { border: 1px solid #B5B5B5; }
.checkout-form .payoption input:checked ~ .radiobtn { background: var(--color-primary); }
.checkout-form .payoption input:checked ~ .radiobtn::after { display: block; }
.checkout-form .payoption .extraprice { color: var(--color-primary); font-weight: 700; }
.checkout-form .payMethodes label.active { border: 1px solid var(--color-secondary); }
.btn.addcoupon::after { display: none; }
.form-group a { color: var(--color-primary-accent); }

.InvoiceCalcBox h4 { border-bottom: 0; }
.checkout-form .cart-product-desc .title h4 { border-bottom: 0; }

/* ----- ACCOUNT PAGE ----- */
.checkout-form h2.block { margin-bottom: 25px; }

/* ----- REGISTER PAGE ----- */
.checkout-form .customer-type-label input:checked ~ .radiobtn { background: var(--color-primary); }

/* ----- ORDER PAID PAGE PAGE ----- */
.order-pay-succes {  }
.order-pay-succes .top-details { border-bottom: 1px solid #707070; }
.order-pay-succes .top-details i { color: var(--color-primary-accent); }
.order-pay-succes h2 { color: var(--color-primary-accent); }
.order-pay-succes h3 { color: var(--color-primary); }
.order-pay-succes h4 { color: var(--color-primary-accent); }
.order-pay-succes .cartProduct { border-bottom: none; }
.order-pay-succes .cartProduct .descs { font-style: italic; }
.order-pay-succes .cartProduct .price { font-weight: 400; font-style: italic; color: #707070; }
.order-pay-succes .ordered-products-sub { border-bottom: 1px solid #707070; }
.order-pay-succes .ordered-products-sub .cartTable-bottom { border-bottom: 1px solid rgba(181,181,181,0.3); }
.order-pay-succes .ordered-products-sub .cartTable-bottom.total-price { border-bottom: 0; }
.order-pay-succes .ordered-products-sub .cartTable-bottom.total-price .value { font-weight: 700; }

/* ----- FORMS ----- */
input.form-control.has-danger { border-color: #d9534f; box-shadow: 0px 3px 10px rgb(217 83 79 / 20%); }


@media only screen and (max-width: 1439px) {
  /* nav .container { max-width: 100%; } */
  .mainmenu li { margin-left: 0; padding: 0 15px; }
}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 991px) {
  .mainmenu { padding: 15px; }
}


@media only screen and (max-width: 767px) {
  .msc_amount { width: 15px; height: 15px; font-size: 10px; }
  .product .banner { top: 5px; }

  .mainmenu .navbar-nav > .nav-item > .nav-link { padding: 10px 0;}

  .cartFooter .btn { font-size: 14px; }
}

@media only screen and (max-width: 575px) {
  .mainmenu { padding: 5px 0; }

  .product { box-shadow: none; border-bottom: 1px solid #B5B5B5; border-radius: 0; }
  .product:hover { box-shadow: none; }
  .product .banner { left: 0; font-size: 10px; padding: 5px 8px; }
  .product .order-btn-wrap svg { width: 35px; }

  .category-big:hover { transform: none; }

  .modal.fixed-right .product { border: none; }

  .cart-title .btn-light { font-size: 14px; }
  .cartFooter .btn { width: 100%; margin: 5px 0; }

  .checkout-btns .btn { font-size: 14px; }
}

@media only screen and (max-width: 479px) {
  .cartmenu svg { width: 18px; }
}

@media only screen and (max-width: 360px) {

}