/*===========================
     19.ADS PAGE css 
===========================*/


.ads-top-bar{
    & .list-grid-menu{
        & .nav{
            
            & li{
                margin-right: 25px;
                
                @media #{$xs}{
                    margin-right: 15px;
                }
                
                & a{
                    font-size: 20px;
                    color: $heading-color;
                    @include transition(0.3s);
                    
                    @media #{$xs}{
                        font-size: 18px;
                    }
                    
                    &.active,
                    &:hover{
                        color: $theme-color-2;
                    }
                }
            }
        }
        & .sort-by{
            & label{
                margin-bottom: 0;
                font-size: 14px;
                color: $heading-color;
                display: inline-block;
                margin-right: 10px;
                
            }
            
            & .nice-select {
                width: 150px;
                border-radius: 5px;
                height: 40px;
                padding: 0 20px;
                float: none;
                border: 1px solid rgba($heading-color, 0.1);
                
                &:focus{
                    border-color: rgba($heading-color, 0.1);
                }

                &::after{
                    width: 8px;
                    height: 8px;
                    right: 20px;
                    border-color: $body-color;
                }

                & .current{
                    line-height: 40px;
                    font-size: 14px;
                    color: $body-color;

                }
                & .list{
                    width: 100%;

                    & .option{


                        &.selected {}
                        &.focus {}
                        &:hover {}
                    }
                }
            }
        }
    }
    & .show-result{
        & p{
            color: $heading-color;
            font-size: 14px;
        }
    }
}