/*****************************************************************
***** Extra small devices (portrait phones, less than 576px) *****
*****************************************************************/
/* No media query for `xs` since this is the default in Bootstrap*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
/*    .text-box,
    .dropdown{
        min-width: 450px;
    }*/
}

/******************************************************************
************* Medium devices (tablets, 768px and up) **************
******************************************************************/
@media (min-width: 768px) {
    .text-box.text-box-sm{
        max-width:300px;
    }

    .text-box.text-box-md{
        max-width:500px;
    }

    .text-box.text-box-lg{
        max-width: 800px
    }

    .text-box.text-box-xl{
        max-width:1200px;
    }
}

/*****************************************************************
************* Large devices (desktops, 992px and up)**************
*****************************************************************/
@media (min-width: 992px) {
    .navBlock .card {
        display: block;
    }

    .navBlock .btn {
        background-color: initial;
        border: none;
        text-align: left;
        color: var(--Neutral-900) !important;
    }

    .navBlock{
        display:block !important;
    }

    .header-logo{
        margin-top:-26px;
        max-width:238px;
    }

    /*Desktop Nav*/

    .header-upper {
        border-bottom: solid 4px var(--Neutral-400);
    }

    /***********Mobile Mega Menu**********/

    .header-menu {
        position: relative;
    }

    .menu .with-subcategories {
        width: max-content;
    }

    .menu .submenu {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
        padding:20px
    }

    .dropdown-header-between{
        border-top-left-radius:7px;
        border-top-right-radius:7px;
    }

}

/*****************************************************************
***** Extra large devices (large desktops, 1200px and up) ********
*****************************************************************/
@media (min-width: 1200px) {

}