/* HEADER */
.site {
    overflow-x: unset;
}

/* Google Material Symbols configuración general */
.material-symbols-outlined {
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
    vertical-align: middle;
    font-size: 1.5rem;
    margin-right: 0px;
    margin-bottom: 4px;
}

/* Google Material Symbols con relleno para estados activos */
.material-symbols-outlined.filled {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

/* Google Material Symbols más gruesos para destacar */
.material-symbols-outlined.bold {
    font-variation-settings:
    'FILL' 0,
    'wght' 700,
    'GRAD' 0,
    'opsz' 24;
}

/* Estilos específicos para el menú mobile */
.nav-item .material-symbols-outlined {
    margin-right: 8px;
    margin-bottom: 0px;
}

/* Estilos específicos para el menú desktop header */
.pages-menu-header .material-symbols-outlined {
    font-size: 1.5rem;
    margin-right: 6px;
    margin-bottom: 2px;
}

/* Estilo específico para el icono de bebidas */
.pages-menu-header .material-symbols-outlined[data-icon="local_drink"] {
    font-size: 1.25rem;
    margin-right: 5px;
}

/* Estilo específico para el icono de locales */
.pages-menu-header .material-symbols-outlined[data-icon="store"] {
    font-size: 1.75rem;
    margin-right: 5px;
    margin-bottom: 3px;
}

/* Estilo específico para el icono de cuenta/usuario */
.account-button .material-symbols-outlined {
    font-size: 1.375rem;
    margin-right: 5px;
    margin-bottom: 2px;
}

button:focus {
    outline: none!important;
}

#masthead.site-header {
    max-width: 100%;
    position: sticky;
    top: 0;
    padding: 0;
    margin: 0;
    background: #fcfcfc;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
}

.site-header:before {
    display: none!important;
}

.site-header-container {
    max-width: 1360px;
    padding: .8rem 1rem;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0!important;
}

.top-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
}

.top-header p.p-1 {
    padding: .25rem;
}

.header-category, .category-submenu {
    z-index: 998;
}

.site-content .site-header {
    z-index: 99;
}

.header-widget-region {
    max-height: 100vw;
    margin-bottom: 0;
}

.site-header > .col-full {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
}

/* HEADER LOGO */
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 10%;
    min-width: 120px;
    float: left;
    margin: 0;
}

.site-header .site-branding img {
    height: auto;
    max-width: 160px;
    min-width: 130px;
    max-height: none;
    transition: all .3s;
}

.site-header .site-branding img:hover {
    transform: scale(1.1);
}

/* HAMBURGUER MENU */
.navbar-header {
    display: none;
}

/* MENU PAGES */
.menu-header-container {
    /* box-shadow: 1px 1px 6px rgb(0 0 0 / 20%); */
    background-color: transparent;
    padding: 1.3rem 0!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 2rem;
    border-radius: .5rem;
    height: 60px;
}

.menu-delivery-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: .5rem;
    max-width: 190px;
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 0 1rem;
}

.pages-menu-header, .account-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: -webkit-fill-available;
}

.account-text {
    font-size: .9rem;
    font-family: 'AvenirNextLTPro';
    font-weight: 500;
    color: #000084;
    text-decoration: none;
    text-transform: uppercase;
}

.material-symbols-outlined {
    color: #da3832;
    transition: all .3s;
}

.menu-header-container .material-symbols-outlined {
    color: #da3832;
    transition: all .3s;
}

/* Icono de ubicación específico para delivery button */
.delivery-button .material-symbols-outlined {
    color: #da3832;
    font-size: 1.6rem;
    margin-left: 4px;
    margin-right: 8px;
    padding-bottom: .2rem;
}

/* DELIVERY BUTTON */
.menu-delivery-container.grow-scroll {
    margin: 0;
    padding-right: 0;
    transition: .5s;
    min-width: 312px;
}

.menu-delivery-container.grow-scroll .delivery-button.header-delivery {
    max-width: 310px !important;
    transition: .5s;
    width: 23dvw;
}

.delivery-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .5rem;
    width: 100%;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    /* border: 1px solid #000084; */
    border-radius: .5rem;
    height: 60px;
    transition: all .3s;
}

button.delivery-button:hover {
    background-color: #ffffff;
    border: 1px solid #000084;
    color: #000084;
    transform: scale(1.05);
}

.home .menu-delivery-container .delivery-title, .menu-delivery-container .delivery-title {
    line-height: 1;
    font-size: .9rem;
    font-family: 'AvenirNextLTPro';
    font-weight: 500;
    color: #000084;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 136px;
    transition: .2s;
}

button.delivery-button:hover .delivery-title {
    color: #06048d;
    font-weight: 500;
}

.home .menu-delivery-container .delivery-text, .menu-delivery-container .delivery-text {
    font-size: .7rem;
    font-family: 'AvenirNextLTPro';
    font-weight: 400;
    color: #000084;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
    transition: .2s;
}

.home .menu-delivery-container.grow-scroll .delivery-title {
    max-width: 200px;
    width: 100%;
    transition: .6s;
}

.home .menu-delivery-container.grow-scroll .delivery-text {
    max-width: 200px;
    width: 100%;
    transition: .6s;
}

.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
    padding: 1rem 1rem 0;
    margin: 0 0 1rem;
}

/* HEADER CART */
.woocommerce-active .site-header .site-header-cart {
    width: -webkit-fill-available;
    max-width: 160px;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: .5rem;
    background: #ffffff;
    transition: 1s;
}

.site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
    left: -120px;
    display: block;
    padding-top: .8rem;
    background: transparent;
}

.widget_shopping_cart_content {
    background-color: whitesmoke;
    padding-bottom: .1rem;
    border-radius: 0 0 .5rem .5rem;
}

li.header-cart {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    padding: .7rem 1rem;
    /* background-color: #000084; */
    /* background-color: rgba(11, 0, 134, .3); */
    border-radius: .5rem;
    height: 60px;
    transition: all .3s;
}

li.header-cart:hover {
    /* background-color: #000084; */
    transform: scale(1.05);
    box-shadow: 1px 1px 6px rgba(0, 6, 177, 0.15);
    border: 1px solid #000084;
    border-radius: .5rem;
}

li.header-cart .cart-contents {
    display: flex;
    flex-direction: column;
    padding: 0;
    text-decoration: none;
}

.site-header-cart .cart-contents span.amount {
    margin: 0 0 0 2.4rem;
    color: #000084;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'AvenirNextLTPro';
}

.site-header-cart .cart-contents span.count {
    margin: 0 0 0 2.4rem;
    color: #000084 !important;
    font-size: .75em;
    line-height: 1em;
    font-weight: 400;
    opacity: 1;
    font-family: 'AvenirNextLTPro';
    text-transform: uppercase;
}

.site-header-cart .cart-contents:after {
    content: "shopping_cart";
    font-family: 'Material Symbols Outlined';
    font-size: 1.5rem;
    color: #da3832;
    position: absolute;
    top: 5px;
    line-height: 1em;
    transition: all .2s ease-in-out;
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {
    color: #000084;
}

.pages-menu-header:hover p.account-text, .delivery-button:hover .delivery-title, .account-button:hover p.account-text {
    color: #da3832;
    font-weight: 600;
}

.pages-menu-header:hover .material-symbols-outlined, .account-button:hover .material-symbols-outlined, .delivery-button:hover .material-symbols-outlined, li.header-cart:hover .cart-contents::after {
    color: #da3832;
}

.pages-menu-header:hover .material-symbols-outlined, .account-button:hover .material-symbols-outlined, .delivery-button:hover .material-symbols-outlined, .header-cart:hover .cart-contents::after {
    transform: scale(1.2);
}

.widget.woocommerce.widget_shopping_cart {
    width: 300px;
}

.home .homepage-cart-container a.button.wc-forward, .dropdown-cart a.button.wc-forward {
    display: none;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout, .home .added_to_cart.alt, .home .added_to_cart, .home .widget a.button.checkout {
    display: block;
    background-color: #ffffff;
    border-color: #000084;
    color: #000084;
    box-shadow: 1px 1px 6px rgb(0 2 138 / 20%);
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.dropdown-cart a.button.checkout {
    display: block;
    background-color: #f5f5f5;
    border: 1px solid #000084;
    border-radius: .3rem;
    color: #000084;
    box-shadow: 1px 1px 6px rgb(0 2 138 / 20%);
    font-size: .8rem;
    padding: .7rem;
}

.dropdown-cart .wapf-pricing-hint {
    display: none!important;
}

.dropdown-cart img {
    display: none!important;
}

.site-header-cart .widget_shopping_cart a.repeat-display {
    color: #000084;
}

.site-header-cart .widget_shopping_cart a.repeat-display:hover {
    color: #fdfdfd;
}

/* CSS CARRITO BADGE MARCOS */
.carrito-number {
	top: -8px;
	right: -3px;
	width: 2em;
	height: 2em;
	line-height: 2;
	box-sizing: content-box;
	font-size: .75em;
	position: absolute;
	border-radius: 100%;
	border: 0px solid;
	background-color: #eb1c25;
	color: #ffffff;
	border-color: #ffffff;
	display: flex;
	text-align: center;
	justify-content: center;
    font-weight: 700;
    /* ANIMATION */
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

/* HEARTBEAT ANIMATION FOR CART BADGE */
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

/* REMOVE CART ON SCROLL ANIMATION AND CLASSES */
.slide-out-right {
	-webkit-animation: slide-out-blurred-right 0.6s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
    animation: slide-out-blurred-right 0.6s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}

.slide-in-right {
	-webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

/*
 * ----------------------------------------
 * animation slide-out-blurred-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
                transform: translateX(1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
    }
}

@keyframes slide-out-blurred-right {
    0% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(1000px) scaleX(2) scaleY(0.2);
                transform: translateX(1000px) scaleX(2) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
    }
}

/**
 * ----------------------------------------
 * animation slide-in-blurred-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
                transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
                transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
    }
}

.color-change-2x {
	-webkit-animation: color-change-2x 2s linear infinite alternate both;
    animation: color-change-2x 2s linear infinite alternate both;
    height: 40px;
}

/**
 * ----------------------------------------
 * animation color-change-2x
 * ----------------------------------------
 */
@-webkit-keyframes color-change-2x {
    0% {
        background: #000084;
    }
    50%{
        background: #003cff;
    }
    100% {
        background: #0f62fd;
    }
}

@keyframes color-change-2x {
    0% {
        background: #000084;
    }
    50%{
        background: #003cff;
    }
    100% {
        background: #0f62fd;
    }
}

.marquee {
    height: 50px;
    overflow: hidden;
    position: relative;
    color: #333;
    border: 1px solid #4a4a4a;
    width: 100vw;
}

.marquee p {
    position: absolute;
    width: max-content;
    width: -webkit-max-content;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -moz-animation: scroll-left 3s linear infinite;
    -webkit-animation: scroll-left 3s linear infinite;
    animation: scroll-left 30s linear infinite;
    padding:0 1rem;
    font-size: 1rem;
}

.marquee p.second {
    position: absolute;
    width: initial;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    -moz-transform: translateX(150%);
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    -moz-animation: scroll-left 3s linear infinite;
    -webkit-animation: scroll-left 3s linear infinite;
    animation: scroll-left 30s linear infinite;
    animation-delay: 15s;
    padding:0 1rem;
}

@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

/* HEADER MOBILE */
@media (max-width: 992px) {
    .menu-header-container, .menu-delivery-container, #site-header-cart {
        display: none!important;
    }

    .navbar-header {
        display: block;
    }

    .marquee p {
        position: absolute;
        width: max-content;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        -moz-transform: translateX(120%);
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        -moz-animation: scroll-left 3s linear infinite;
        -webkit-animation: scroll-left 3s linear infinite;
        animation: scroll-left 40s linear infinite;
        padding:0 1rem;
        font-size: 1.2rem;
    }

    .marquee p.second {
        position: absolute;
        width: max-content;
        height: 100%;
        margin: 0;
        line-height: 50px;
        text-align: center;
        -moz-transform: translateX(120%);
        -webkit-transform: translateX(120%);
        transform: translateX(120%);
        -moz-animation: scroll-left 3s linear infinite;
        -webkit-animation: scroll-left 3s linear infinite;
        animation: scroll-left 40s linear infinite;
        animation-delay: 20s;
        padding:0 1rem;
    }

    /* HAMBURGUER MENU */
    div.navbar-header {
        display: flex;
        margin: 0 5px;
    }

    .navbar-toggle.second-button {
        height: 36px;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 8px;
        border-radius: .3rem;  
        background-color: transparent;
    }

    .navbar-toggle.second-button.collapsed {
        height: 36px;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 8px;
        border-radius: .3rem;
        background-color: transparent;
    }

    .navbar-toggle.collapsed .animated-icon2 span.bar1, span.bar2, span.bar3 {
        width: 20px;
        height: 2px;
        background-color: #000084;
        margin: 2px 0;
        transition: 0.4s;
    }

    .animated-icon2 {
        width: 20px;
        height: 17px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    .animated-icon2 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .navbar-toggle.collapsed .animated-icon2 span {
        background-color: #000084;
    }

    .navbar-toggle .animated-icon2 span {
        background: #000084;
    }

    .navbar-toggle .animated-icon2.open span {
        background: #eb1c25;
    }

    .animated-icon2 span:nth-child(1) {
        top: 0px;
    }

    .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
        top: 8px;
    }

    .animated-icon2 span:nth-child(4) {
        top: 16px;
    }

    .animated-icon2.open span:nth-child(1) {
        top: 11px;
        width: 0%;
        left: 50%;
    }

    .animated-icon2.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .animated-icon2.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .animated-icon2.open span:nth-child(4) {
        top: 11px;
        width: 0%;
        left: 50%;
    }

    div#navbarSupportedContent23 {
        position: absolute;
        background: #f8f9fa;
        width: 100vw;
        height: 80vh;
        bottom: -80vh;
        left: 0;
        text-align: left;
    }

    div#navbarSupportedContent23 li.nav-item .nav-link {
        color: #000084;
        font-weight: 500;
        text-transform: uppercase;
        font-family: 'AvenirNextLTPro';
        font-size: 1rem;
        padding: 0;
    }

    ul.navbar-nav {
        display: flex;
        justify-content: space-evenly;
        height: 58vh;
    }

    span.close-side-cart.white.navbar-toggle {
        font-size: 2.5rem;
        font-weight: 200;
        font-family: sans-serif;
        padding: 0;
        margin: 0;
        line-height: 0;
        text-align: center;
        background: none!important;
    }

    .nav-item .material-symbols-outlined {
        font-size: 1.5rem;
        padding: .5rem .5rem .5rem 1.2rem;
        margin: 0;
    }
}

@media (min-width: 992px) {
    div#navbarSupportedContent23 {
        display: none;
    }
}