//REMED
@include media-breakpoint-up(xl){
    .container2{
        max-width: 1200px;
    }
}

.shop-by-category .icon-left.both .icon{
    @include rtl-prop(margin-right, 1.25rem);
}

// Horizontal separated menu
.pipe-separated-menu{
    color: #fff;
    
    .menu-wraper{
        padding: 0 !important;
        .nav {
            margin: 0 !important;
        }
    }
    
    .horizontal{
        .design-title{
            margin: 0;
            color: $primary;
            padding: $nav-link-padding-y 0;
            text-transform: capitalize;
        }
    }
    .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;
}
}
}
}