
@media screen and (min-width: 0px) and (max-width: 1199px) {

    /* -------------------Header------------------------------ */

    .header-bottom-wrapper{
        padding: 16px 0;
        position: relative;
    }
    .header-bottom-wrapper #header-bottom-left {
        width: 50%;
    }
    .navbar-brand .site-slogan {
        display: block;
    }
    .header-bottom-wrapper #header-bottom-middle {
        width: 100%;
        order: 2;
        margin-top: 8px;
    }
    #header-bottom-middle .region-header-bottom-middle{
        flex-direction: row;
        align-items: center;
    }
    #header-bottom-middle .region-header-bottom-middle #block-nebel-categories{
        display: block;
        width: auto;
    }
    .header-bottom-wrapper #header-bottom-middle #block-nebel-main-navigation{
        display: none;
    }
    .header-bottom-wrapper #header-bottom-right {
        width: 50%;
    }
    #header-bottom-right .region-header-bottom-right {
        display: flex;
        gap: 18px;
        justify-content: end;
        align-items: center;
    }
    #header-bottom-right #block-nebel-account-menu h5#block-nebel-account-menu-menu{
        margin-top: 0;
    }
    #header-bottom-right .region-header-bottom-right #block-nebel-headerbottomrightimage {
        margin-left: unset;
    }
    #header-bottom-right #block-nebel-headerbottomrightimage p{
        margin-bottom: 0;
    }
    #header-bottom-right #block-nebel-headerbottomrightimage img{
        margin-top: unset;
        width: 45px;
        height: auto;
    }

    /* --------------------------Homepage Featured Categories-------------------- */

    .categories-menu{
        display: none;
    }
    .featured-categories{
        width: 100%;
        min-height: 480px;
    }

    /* -----------Categories Dropdown Menu (Only in tablets and mobiles)-------------- */

    #superfish-categories-accordion{
        display: flex !important;
        flex-direction: column !important;
        position: absolute;
        left: 0 !important;
        top: 100% !important;
        max-width: 100% !important;
        background-color: #fff;
        padding-bottom: 20px;
        transition: left 0.4s ease;
    }
    #superfish-categories-accordion.sf-expanded{
        left: 0 !important;
    }
    #superfish-categories-accordion li{
        padding: 0px 16px 0px 13px;
        transition: background 0.3s ease-out;
    }
    #superfish-categories-accordion li a{
        padding: 12px 0px 6px 0px !important;
        font-size: 16px;
        line-height: 21.86px;
        color: black;
    }
    #superfish-categories-accordion li.sf-depth-1{
        max-width: 960px;
        margin: 0 auto;
        border-left: 3px solid black;
        margin-bottom: 1px;
    }
    #superfish-categories-accordion li.sf-depth-1.sf-expanded{
        background: #C5F2BF;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(1){
        border-left-color: #FD7F01;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(2){
        border-left-color: #FEC81A;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(3){
        border-left-color: #FFFF03;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(4){
        border-left-color: #D1D103;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(5){
        border-left-color: #C2F950;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(6){
        border-left-color: #71E727;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(7){
        border-left-color: #73CEFE;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(8){
        border-left-color: #0385E7;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(9){
        border-left-color: #4147FF;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(10){
        border-left-color: #8603FF;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(11){
        border-left-color: #EA15FF;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(12){
        border-left-color: #DF0303;
    }
    #superfish-categories-accordion li.sf-depth-1:nth-child(13){
        border-left-color: #8B96A8;
    }
    #superfish-categories-accordion li.sf-depth-1 a.sf-depth-1{
        border-bottom: 1px solid #1111114D;
    }
    #superfish-categories-accordion li.sf-depth-1:last-child a.sf-depth-1{
        border-bottom: none;
    }
    #superfish-categories-accordion li.sf-clone-parent{
        display: none;
    }
    #superfish-categories-accordion .sf-sub-indicator{
        right: 0 !important;
    }
    #superfish-categories-accordion .sf-sub-indicator::after{
        content: '';
        background: url('../images/angle-arrow-right-green.png') center no-repeat;
        height: 100%;
        width: 100%;
        transition: transform 0.3s ease;
    }
    #superfish-categories-accordion li.sf-expanded > a .sf-sub-indicator::after{
        transform: rotate(90deg);
    }

    /* -----------------Slideshow------------------- */

    #block-nebel-views-block-homepage-product-slideshow-block-1 .slideshow-product .content{
        top: 28%;
    }
    #block-nebel-views-block-homepage-product-slideshow-block-1 .slideshow-product .content .slideshow-title{
        font-size: 24px;
        line-height: 30px;
    }

    /* -----------Companies------------------ */

    #block-nebel-views-block-homepage-companies-block-1 .views-view-responsive-grid .views-view-responsive-grid__item{
        width: 25%;
    }

    /* ---------Our Categories----------- */

    #block-nebel-views-block-our-categories-block-1 .views-view-responsive-grid{
        --views-responsive-grid--column-count: 2 !important;
    }

    /* -------------------Footer------------------- */

    .footer-contact-us .footer-contact-banner .col-lg-4{
        width: 30%;
    }
    .footer-contact-us .footer-contact-banner .col-lg-4.border-separated{
        border: none;
    }

    .footer-middle .row{
        --bs-gutter-y: 1rem;
    }
    .footer-middle .col-sm-2{
        width: 25%;
    }
    .footer-middle .col-sm-4{
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #superfish-categories-accordion li.sf-depth-1{
        max-width: 720px;
    }
}
@media screen and (min-width: 0px) and (max-width: 992px) {
    .product-detail-right .product--rendered-attribute .form-radios{
        justify-content: center !important;
    }
}