// Horizontal separated menu
.pipe-separated-menu{

.menu-wraper{
padding: 0 !important;

.nav {
margin: 0 !important;
}
}

.horizontal{
.design-title{
text-transform: capitalize;
margin: 0;
@include rtl-prop(padding, $nav-link-padding-y 0 $nav-link-padding-y $nav-link-padding-x * 0.625, $nav-link-padding-y $nav-link-padding-x * 0.625 $nav-link-padding-y 0);
display: inline-block;
}
}

.nav-link{
padding: $nav-link-padding-y $nav-link-padding-x * 0.625;

&:not(:last-child)::after {
content: "|";
position: absolute;
@include rtl-prop(right, 0);
}
}
}

// Countdown banner
.countdown-banner-1{
    padding: 27px;
    
    .countdown{
        &-section{
            width: 60px;
            background-color: $primary;
            color: color-yiq($primary);
            padding: 15px 10px !important;
            
            &:not(:last-child){
                @include rtl-prop(margin-right, 10px);
            }
    
            &::after{
                display: none;
            }
        }
        &-amount{
            font-size: 20px !important;
        }
        &-period{
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}
@media (max-width: map-get($container-max-widths, 'xl')){
    .countdown-banner-1{
        padding: 2.25vw;
        
        .countdown{
            &-section{
                width: 5vw;
                padding: 1.25vw 0.8333333333333333vw !important;
                
                &:not(:last-child){
                    @include rtl-prop(margin-right, 0.8333333333333333vw);
                }
            }
            &-amount{
                font-size: 1.666666666666667vw !important;
            }
            &-period{
                font-size: 1.166666666666667vw;
            }
        }
    }
}