:root {
    --primary-color: #328ae7;
    --primary-color-hover: #55bbff;
    --btn-txt: #fff;
    --tb-txt: #2E333B;
    --tb-accent: #fc325a;
    --tb-bg: #fff;
    --body: #011936;
    --footer: #011936;
    --footer-border: #434D54;
    --table-border: #D3DADF;
    --table-terms: #AEB1BE;
    --disclaimer: #949FA8;
    --body-txt: #fff;
    --heading-color: #ff3d64;
    --star-color: #F5B64B;
    --transition: all .15s ease-in-out;
    --pros-check-c: invert(58%) sepia(63%) saturate(5959%) hue-rotate(72deg) brightness(94%) contrast(101%);
    --cons-x-c: invert(13%) sepia(99%) saturate(5094%) hue-rotate(338deg) brightness(78%) contrast(109%);
    --icon-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    --icon-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
    --tb-basic-color: #fff;
    --intro-box-bg: #071526;
    --header-menu-links-color: #f7fff7;
    --header-menu-links-hover-color: #55bbff;
    --header-icons-f: invert(97%) sepia(12%) saturate(391%) hue-rotate(52deg) brightness(107%) contrast(101%);
}

a {color: var(--primary-color);}
a:hover {text-decoration: none; color: var(--primary-color-hover);}

/*Filter color from black*/
.filter-gray {filter: invert(69%) sepia(9%) saturate(342%) hue-rotate(165deg) brightness(89%) contrast(91%);}
.bg-dark-gray{background: var(--footer);}
/* Main css */
body {overflow-x: hidden;color: var(--body-txt);font-size: 1rem;line-height: 1.4;font-family: 'Open Sans', sans-serif;text-align: left;transition: all 200ms linear;position: relative;background-color: var(--body);}
body.menu-open:after {content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(rgb(0, 0, 0, .75), rgb(0, 0, 0, .75)); }
@media screen and (min-width: 1400px){
    body.img::before {background-image: url(/images/bg-left.svg);}
    body.img::after {background-image: url(/images/bg-right.svg);}
    body.img::before, body.img::after {content: "";background-repeat: no-repeat;background-size: contain;background-position: center center;position: absolute;display: block;max-width: 100%;height: 700px;top: 0;z-index: -1;  opacity: .8;}
    body.img::before {width: 500px;left: 1%;}
    body.img::after {width: 400px;left: 75%;}
}

#article {padding: 10px 20px;overflow:hidden;position: relative;}
.container {width: 1200px; max-width: 100%;}
.clear-none {clear: none;}
h1, h2, h3, h4, h5, h6 {clear: both;font-family: 'Open Sans', sans-serif;}
h1 {font-size: 2.1rem;color: var(--tb-bg);text-align: center;font-weight: 700;margin: 20px 0;}
h1 span {color: var(--primary-color); display: inline;}
h2 {font-size: 1.75rem; font-weight: 700; margin: 20px 0; color: var(--heading-color);}
#footer {background-color: var(--footer);margin-top: 1.5em;padding: 0 20px;}
#footer .title {color: var(--tb-accent); font-size: 1rem;}
#footer .disclaimer {color: var(--disclaimer); font-size: 12px;}
#footer .links {border-bottom: 1px solid var(--footer-border);}
#footer a {color: var(--tb-bg); line-height: 1.5; font-size: 13px;}
#footer .copyright {font-size: 12px;}
#footer a:hover {color: var(--disclaimer);}
.company-130[class*="bg-"] {width: 130px;height: 80px;}
.company-180[class*="bg-"] {width: 180px;height: 80px; max-width: 100%;}
[class*="company-"][class*="bg-"] {margin: 0 auto;padding: 5px;border-radius: 6px;}
[class*="brand-"] {display: block;text-indent: -9999px;text-align: left;background-repeat: no-repeat;background-size: 70%;background-position: center center;}

.mod{font-size: 12px;}
.header-area{position:relative;left:0;right:0;z-index:900;height:100px;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;-o-transition:all .5s ease 0;transition:all .5s ease 0;}
.header-area:not(.background-header) .container{border-bottom: 1px solid #DBDBDB;}
.header-area .main-nav{min-height:80px;background:transparent}
.header-area .main-nav .logo{-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;line-height:100px;float:left;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.background-header .main-nav .logo{line-height:80px}
.background-header .main-nav .nav{margin-top:20px!important}
.header-area .main-nav .nav{
    float:right;
    margin-right:0;

    -webkit-transition:all .3s ease 0;
    -moz-transition:all .3s ease 0;
    -o-transition:all .3s ease 0;
    transition:all .3s ease 0;
    position:relative;
    z-index:999
}
.header-area .main-nav .nav li{padding: 0 3px}
.header-area .main-nav .nav li a{display:block;font-weight:500;font-size:15px;color:var(--header-menu-links-color);text-transform:capitalize;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;height:40px;line-height:40px;border:transparent;letter-spacing:1px; border-radius: 3px;
  height: auto;  line-height: initial;  padding: 5px 10px;}
.header-area .main-nav .nav li:hover a,.header-area .main-nav .nav li a.active{color:var(--header-menu-links-hover-color);text-decoration: none;}
.header-area .main-nav .nav li.submenu{position:relative;padding-right:30px}
.header-area .main-nav .nav li.submenu:after{font-family:FontAwesome;content:"\f107";font-size:12px;color:#2a2a2a;position:absolute;right:18px;top:12px}
.background-header .main-nav .nav li.submenu:after{color:#2a2a2a}
.header-area .main-nav .nav li.submenu ul{position:absolute;width:200px;box-shadow:0 2px 28px 0 rgba(0,0,0,0.06);overflow:hidden;top:50px;opacity:0;transform:translateY(+2em);visibility:hidden;z-index:-1;transition:all .3s ease-in-out 0s,visibility 0 linear 0.3s,z-index 0 linear .01s}
.header-area .main-nav .nav li.submenu ul li{margin-left:0;padding-left:0;padding-right:0}
.header-area .main-nav .nav li.submenu ul li a{opacity:1;display:block;background:#f7f7f7;color:#2a2a2a!important;padding-left:20px;height:40px;line-height:40px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;position:relative;font-size:13px;font-weight:400;border-bottom:1px solid #eee}
.header-area .main-nav .nav li.submenu ul li a:hover{background:#fff;color:#009CFE!important;padding-left:25px}
.header-area .main-nav .nav li.submenu ul li a:hover:before{width:3px} 
.header-area .main-nav .nav li.submenu:hover ul{visibility:visible;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s,0s,.3s}
.header-area .main-nav .menu-trigger{cursor:pointer;display:block;position:absolute;top:33px;width:32px;height:40px;text-indent:-9999em;z-index:99;right:40px;display:none;filter: invert(1);}
.background-header .main-nav .menu-trigger{top:23px}
.header-area .main-nav .menu-trigger span,.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after{-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-color:#2a2a2a;display:block;position:absolute;width:30px;height:2px;left:0}
.background-header .main-nav .menu-trigger span,.background-header .main-nav .menu-trigger span:before,.background-header .main-nav .menu-trigger span:after{background-color:#2a2a2a}
.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after{-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;background-color:#2a2a2a;display:block;position:absolute;width:30px;height:2px;left:0;width:75%}
.background-header .main-nav .menu-trigger span:before,.background-header .main-nav .menu-trigger span:after{background-color:#2a2a2a}
.header-area .main-nav .menu-trigger span:before,.header-area .main-nav .menu-trigger span:after{content:""}
.header-area .main-nav .menu-trigger span{top:16px}
.header-area .main-nav .menu-trigger span:before{-moz-transform-origin:33% 100%;-ms-transform-origin:33% 100%;-webkit-transform-origin:33% 100%;transform-origin:33% 100%;top:-10px;z-index:10}
.header-area .main-nav .menu-trigger span:after{-moz-transform-origin:33% 0;-ms-transform-origin:33% 0;-webkit-transform-origin:33% 0;transform-origin:33% 0;top:10px}
.header-area .main-nav .menu-trigger.active span,.header-area .main-nav .menu-trigger.active span:before,.header-area .main-nav .menu-trigger.active span:after{background-color:transparent;width:100%}
.header-area .main-nav .menu-trigger.active span:before{-moz-transform:translateY(6px) translateX(1px) rotate(45deg);-ms-transform:translateY(6px) translateX(1px) rotate(45deg);-webkit-transform:translateY(6px) translateX(1px) rotate(45deg);transform:translateY(6px) translateX(1px) rotate(45deg);background-color:#2a2a2a}
.background-header .main-nav .menu-trigger.active span:before{background-color:#2a2a2a}
.header-area .main-nav .menu-trigger.active span:after{-moz-transform:translateY(-6px) translateX(1px) rotate(-45deg);-ms-transform:translateY(-6px) translateX(1px) rotate(-45deg);-webkit-transform:translateY(-6px) translateX(1px) rotate(-45deg);transform:translateY(-6px) translateX(1px) rotate(-45deg);background-color:#2a2a2a}
.background-header .main-nav .menu-trigger.active span:after{background-color:#2a2a2a}
.header-area.header-sticky{min-height:88px}
.header-area.header-sticky .nav li a.active{color:#009CFE}
@media (max-width: 1200px) {
.header-area .main-nav:before{display:none}
}
@media (max-width: 992px) {
.header-area .main-nav .nav li:nth-child(6),.background-header .main-nav .nav li:nth-child(6){padding-right:0}
.background-header .nav li a.active:after{display:none}
}
@media (max-width: 991px) {
.header-area .main-nav .nav {background-color:var(--body);}
.pre-header ul.info li:last-child{display:none}
.background-header .main-nav .nav{margin-top:80px!important}
.header-area .main-nav .logo{color:#1e1e1e}
.header-area.header-sticky .nav li a:hover,.header-area.header-sticky .nav li a.active{color:#009CFE!important;opacity:1}
.header-area.header-sticky .nav li.search-icon a{width:100%}
.header-area{padding:0 15px;height:100px;box-shadow:none;text-align:center;box-shadow:0 5px 8px rgba(0,0,0,0.03)}
.header-area .container{padding:0}
.header-area .menu-trigger{display:block!important}
.header-area .main-nav{overflow:hidden}
.header-area .main-nav .nav{margin-top:100px;float:right;width:350px;max-width: 100%; display:none;-webkit-transition:all 0 ease 0;-moz-transition:all 0 ease 0;-o-transition:all 0 ease 0;transition:all 0 ease 0;margin-left:0;}
.background-header .nav{margin-top:80px}
.header-area .main-nav .nav li{width:100%;background:var(--header-bg);border-bottom:1px solid #e7e7e7;padding-left:0!important;padding-right:0!important}
.header-area .main-nav .nav li a{transition: var(--transition);height:50px!important;line-height:50px!important;padding:0!important;border:none!important;color:var(--dark-bg-txt-color)!important;border-radius: 0;}
.header-area .main-nav .nav li.submenu ul{position:relative;visibility:inherit;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s,0s,.3s;top:0;width:100%;box-shadow:none;height:0}
.header-area .main-nav .nav li.submenu ul li a{font-size:12px;font-weight:400}
.header-area .main-nav .nav li.submenu ul li a:hover:before{width:0}
.header-area .main-nav .nav li.submenu ul.active{height:auto!important}
.header-area .main-nav .nav li.submenu:after{color:#3B566E;right:25px;font-size:14px;top:15px}
.header-area .main-nav .nav li.submenu:hover ul,.header-area .main-nav .nav li.submenu:focus ul{height:0}
}
@media (min-width: 640px) and (max-width: 991px) {
  .header-area .logo{margin-left:0}
  .header-area .logo{margin-left:30px}
} 
@media (max-width: 609px) {
  .header-area .main-nav .nav{margin-top:0;}
  .header-area .main-nav .menu-trigger{right: 0;}
}
@media (min-width: 992px) {
.header-area .main-nav .nav{display:flex!important;margin-top:30px;}
}

/* .bg-ducky-luck, .bg-spinfinity-casino, .bg-slotsroom, .bg-cafe-casino {background-color: #fff; outline: 1px solid var(--table-border);} */
.bg-fresh {background-color: #272a2d;}
.bg-sol {background-color: #312d2b;}
.bg-jet {background-color: #2e3a47;}
.bg-izzi {background-color: #14141e;}
.bg-legzo {background-color: #252c4c;}
.bg-starda {background-color: #05060a;}
.bg-drip {background-color: #222525;}

.brand-sol {background-image: var(--logo-sol);}
.brand-fresh {background-image: var(--logo-fresh);}
.brand-jet {background-image: var(--logo-jet);}
.brand-izzi {background-image: var(--logo-izzi);}
.brand-legzo {background-image: var(--logo-legzo);}
.brand-starda {background-image: var(--logo-starda);}
.brand-drip {background-image: var(--logo-drip);}

.bg-playtech {background-color: #ccd7e1;}
.bg-netent {background-color: #212426;}
.brand-microgaming {background-image: url('/images/providers/microgaming.svg');}
.brand-playtech {background-image: url('/images/providers/playtech.svg');}
.brand-netent {background-image: url('/images/providers/netent.svg');}

.stars {width: 100px;height: 23px;text-align: center;position: relative;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);left: 50px;top: 15px;}
.stars-ghost {width: 0px;position: relative;float: left;overflow: hidden;height: 100%;z-index: 2;}
.stars .star:nth-child(1) {left: 0;}.stars .star:nth-child(2) {left: 20px;}.stars .star:nth-child(3) {left: 40px;}.stars .star:nth-child(4) {left: 60px;}.stars .star:nth-child(5) {left: 80px;}
.stars .star {width: 20px;position: absolute;top: 0;font-size: 16px;color: var(--star-color);}
.rating {position: relative;}
.rating-txt {position: absolute;top: 25px;left: 115px;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);}
.bold {font-weight: bold;}
.brand-table {max-width: 100%; color: var(--tb-txt); font-size: 0.8rem;}
.brand-table .bonus-text {font-weight: bold; text-transform: uppercase;}
.brand-table .bonus {color: var(--tb-accent); font-size: 1.75rem; font-weight: bold; line-height: 1.2;}
.brand-table .border-t { border-top: 1px solid var(--table-border);}
.brand-table .row {background: var(--tb-bg); color: var(--tb-txt); border-radius: 10px; padding: 10px 0 5px;; margin-bottom: 7px; text-indent: 0;}
.brand-table .rec-rating.top-rev-v {transform: scale(.65);-webkit-transform: scale(.65);margin: 0;left: -6px;position: absolute;}
.go-btn {background: var(--primary-color);color: var(--btn-txt);box-shadow: 0px 2px 5px var(--body);display: block;width: 70%;margin: 0 auto;padding: 10px 0;border-radius: 6px;text-align: center;font-weight: bold;transition: var(--transition);}
.go-btn:hover {background-color: var(--primary-color-hover); color: var(--tb-bg);}
.terms{text-align: right;margin: .5rem 0;font: .65rem 'Open Sans', sans-serif;color: var(--table-terms);}
.brand-table .terms.sp{margin-bottom: 0;text-align: left;}
.table .bonus {color: var(--heading-color);}

@media screen and (max-width: 991px){
	.rating-txt {left: 120px;}
    .brand-table .bonus {font-size: 1.55rem;}
}
@media screen and (max-width: 767px){
	.company-130[class*="bg-"] {width: 110px;height: 65px;}
}
@media screen and (max-width: 575px){
	.brand-table .bkm, .brand-table .rating{ margin-bottom: 1rem;}
    .brand-table .bonus-box {border-top: 1px solid var(--table-border); padding: 1rem;}
	body {font-size: .85rem;}
	h1 {font-size: 1.85rem;}
	h2 {font-size: 1.5rem;}
}
@media screen and (min-width: 992px){
	.brand-table .border-l { border-left: 1px solid var(--table-border);}
    .brand-table .border-r { border-right: 1px solid var(--table-border);}
}
/* @media screen and (min-width: 1400px){
	body.no-webp.img::before {background-image: url(/images/bg-left.png);}
    body.webp.img::before {background-image: url(/images/bg-left.webp);}
    body.no-webp.img::after {background-image: url(/images/bg-right.png);}
    body.webp.img::after {background-image: url(/images/bg-right.webp);}
    body.img::before, body.img::after {content: "";background-repeat: no-repeat;background-size: contain;background-position: center center;position: absolute;display: block;max-width: 100%;height: 719px;top: 15px;z-index: -1;  opacity: .75; filter: grayscale(.5);}
    body.img::before {width: 505px;left: 0;}
    body.img::after {width: 358px;left: 72%;}
} */
@media screen and (min-width: 576px) and (max-width: 991px){
	.go-btn {margin: unset;}
}
@media screen and (min-width: 576px) and (max-width: 991px){.go-btn {margin: unset;}}
.faq {padding: 2.5rem 0;}
.faq .h2-heading {margin-bottom: 2.5rem;text-align: center;}
.faq .card {
	margin-bottom: 1.5rem;
	border: none;
    background: transparent;
}
.faq .card-header {
	padding: 0.75rem;
	border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
	background-color: transparent;
    cursor: pointer;
}
.faq .card-header:has(+ div.show) {border-color: var(--primary-color);transition: 0.3s ease;}
.accordion>.card>.card-header {border-radius: 10px;margin-bottom: 0;}
.faq .card button {
	padding: 0;
	color: #fff;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
    text-decoration: none;
}
.faq .card button:not(.collapsed) {color: var(--primary-color);transition: 0.3s ease;}
.faq .card button:hover {text-decoration: none;}
.faq .card button:before {
	float: left;
	margin-right: 0.625rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f078";
	transition: all 0.2s;
}
.faq .card button.collapsed:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 
.faq .card-body {padding: 0.75rem 1.5rem 0.5rem 1.5rem;}
.card-group .card {background: transparent; border-radius: 10px; border: 2px solid var(--primary-color);}
.op-box {margin: 3.25rem 0;}
.op-box .row {border-bottom: 1px solid var(--body-txt);}
.op-box h2 {margin-bottom: 10px;text-align: center;}
.op-box p:last-of-type:not(.sub-heading) {margin-bottom: 0;}
.op-box .sub-heading {font-size: 24px;margin-bottom: 0.75rem;}
.list-col-2 {margin: 1.5rem 0;}
.list-box ul, .list-box ol {margin: 0;}
.list-box ul span, .list-box ol span {color: var(--primary-color);}
.list-box ul li, .list-box ol li {margin: 1.25rem 0;}
.list-box ol li {position: relative; padding-left: 0.75rem;}
.list-box ol li:before {
    position: absolute;
    top: -2px;
    left: -24px;
    content: '';
    width: 26px;
    height: 26px;
    background: var(--primary-color);
    border-radius: 50%;
    z-index: -1;
}
@media screen and (min-width: 768px) {.list-col-2 {columns: 2;}}
.company-180.brand-slotocash {background-size: 50%;}
.how-to-choose h3 {text-align: center;margin-top: 2.75rem;}
.img-styled { outline: 2px solid var(--primary-color);border-radius: 5px;}
@media screen and (max-width: 767px) {
    .op-box .row {border-bottom: none;}
    .op-box h2 {text-align: center;}
    .list-box ol {padding-left: 1.5rem;}
}
.company-130.brand-spinfinity-casino {background-size: 100%;}
.intro-box{ background-color: var(--intro-box-bg); border: 1px solid var(--intros-border-color);}
.intro-box .img-link{ background: var(--intro-box-bg);}
.intro-box .img-link img{ opacity: .75;transition: var(--transition);}
.intro-box .img-link:hover img{ opacity: 1;}
.intro-box .go-btn{width: 250px;max-width: 100%;}
.intro-box .list-box{ list-style-type: none;}
.intro-box .list-box .heading { background: var(--light-bg);  font-weight: bold;}
.intro-box .list-box li:not(.heading) {position: relative;padding-left: 20px;font-size: 14px;}
.intro-box .list-box li:before {position: absolute;content:'';width: 15px;height: 15px;top: 50%;transform:translateY(-50%);left: 0;}
.intro-box .list-box.pros li:not(.heading):before {background: var(--icon-check) no-repeat center; filter: var(--pros-check-c)}
.intro-box .list-box.cons li:not(.heading):before {background: var(--icon-x) no-repeat center; filter: var(--cons-x-c)}
.table.table-basic{color: var(--tb-basic-color);}
.table-responsive-md table, .table-responsive-lg table, .table-responsive-xl table, .table-responsive-xxl table {
    width: 768px;
    margin: 0 auto;
}
@media screen and (min-width: 992px) {
.table-responsive-sm table, .table-responsive-md table, .table-responsive-lg table, .table-responsive-xl table, .table-responsive-xxl table {
    width: 992px;
    max-width: 100%;
}
}
.table-cta a{color: var(--primary-color);transition: var(--transition);}
.table-cta a:hover{color: var(--primary-color-hover);}

.list-group-item {background: none;}

.quick-nav .list-group { max-width: fit-content; width: 90%; }
.quick-nav .list-group li.list-group-item { min-width: 260px; font-size: 14px; text-align: center; border: none; border-right: 1px solid rgb(247 255 247 / 70%); background: transparent; }
.quick-nav .list-group li.list-group-item:last-child { border-right: none; }
.quick-nav .list-group li a { color: var(--header-menu-links-color); text-decoration: none; }
.quick-nav .list-group li a:hover { color: var(--header-menu-links-hover-color); text-decoration: none; }
.quick-nav .list-group::-webkit-scrollbar { height: 4px; background: rgb(247 255 247 / 45%); border-radius: 6px; }
.quick-nav .list-group::-webkit-scrollbar-thumb { background: rgb(247 255 247 / 70%); border-radius: 6px; }
.quick-nav i { margin-left: 5px; vertical-align: middle; filter: var(--header-icons-f);}
@media screen and (max-width: 767px) {
	.quick-nav .list-group { width: 100%; }
}

/* Breadcrumbs */
/* .breadcrumbs-wrapper {padding-top: 90px;} */
.breadcrumbs { padding: 0; margin-bottom: 0; }
.breadcrumbs li { display: inline-block; position: relative; margin-right: 15px; padding-right: 10px; font-size: 14px; }
.breadcrumbs li a {text-decoration: none; font-weight: bold;}
.breadcrumbs li:not(:last-child):after {
	position: absolute;
	content: ">>";
	font-weight: 900;
	font-size: 10px;
	color: #585858;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	line-height: 1;
}
.breadcrumbs li:last-child {padding: 0; margin: 0;}
@media only screen and (max-width: 767px) {
	.breadcrumbs li:not(:last-child):after { top: .5rem; }
	.breadcrumbs li { margin-right: 10px; padding-right: 5px; font-size: 12px; }
}
@media screen and (max-width: 575px){
	.breadcrumbs { overflow-x: scroll; display: block; white-space: nowrap; position: relative; }
}