.admin-bar{
    .list-category{
        position: sticky;
        top: 126px;
        @media screen and (max-width: $break-lg) {
            top: 136px;
        }
    }
}
.list-category{
    z-index: 9;
    position: sticky;
    top: 94px;
    @media screen and (max-width: $break-lg) {
        top: 104px;
    }
}

.wrapper-single {

    display: flex;
    padding-top: 148px;
    padding-bottom: 90px;

    @media (max-width: $break-md - 0.02){
        flex-direction: column;
    }

    .sidebar {
        width: 285px;
        padding: 0 15px;
        @media (max-width: $break-md - 0.02){
            width: 100%;
            margin-bottom: 16px;
        }
        .item{
            h4{
                font-size: 18px;
                font-weight: 500;
                line-height: 1.25em;
                margin: 0 0 20px 0;
                color: $secondary-color;
                position: relative;
                cursor: pointer;
                &.toggle{
                    padding-right: 32px;
                }
                i{
                    position: absolute;
                    right: 0;
                    top: 2px;
                    z-index: 2;
                }
            }
            .list-terms{
                padding: 0;
                list-style: none;
                display: none;
                li{
                    padding: .75rem;
                    vertical-align: top;
                    border-top: 1px solid #dee2e6;
                    font-weight: 500;
                    line-height: 1.25em;
                    margin: 0 0 20px 0;
                    font-size: 18px;
                    color: $secondary-color;
                    font-family: $barlow-font;
                }
            }
        }
        .shareicon{
            padding: 0;
            list-style: none;
            display: flex;
            gap: 8px;
            margin-bottom: 20px;
            li a{
                width: 40px;
                height: 40px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid $primary-color;
                border-radius: 50%;
                i{
                    vertical-align: middle;
                }
            }
        }
        .request{
            
            font-weight: 500;
            font-family: $barlow-font;
            text-transform: uppercase;
            background: transparent;
            color: $primary-color;
            padding: 12px 20px;
            margin: 0;
            margin-top: 20px;
            position: relative;
            font-size: 15px;
            letter-spacing: 2px;
            border: 1px solid $primary-color;
            width: 100%;
            display: block;
            text-align: center;
            line-height: 1.2em;
            &:hover {
                color: $white-color;
                &:after{
                    z-index: 1;
                    width: 100%;
                    left: 0;
                    -webkit-transition: width 0.3s ease;
                    transition: width 0.3s ease;
                }
            }
            &:after{
                content: '';
                width: 0;
                height: 100%;
                position: absolute;
                bottom: 0;
                left: 100%;
                z-index: 1;
                -webkit-transition: all 0.3s ease;
                transition: all 0.3s ease;
                background: $primary-color;
            }
            &.downlaod-data{
                border-radius: .25rem;
            }
            &.trade{
                background: $primary-color;
                color: $white-color;
                border: none;
                
                &:hover{
                    color: #000;
                }
                &:after{
                    background: $secondary-bg-color;
                }
            }
            span{
                position: relative;
                z-index: 2;
            }
        }
    }

    .main-content {
        width: calc(100% - 285px);
        padding: 0 15px;
        @media (max-width: $break-md - 0.02){
            width: 100%;
        }
        .sliders {
            .bottom{
                .swiper-slide img{
                    height: 50px;
                    object-fit: cover;
                    cursor: pointer;
                }
            }
        }

        .title {
            font-size: 22px;
            text-transform: uppercase;
            position: relative;
            letter-spacing: 3px;
            margin-bottom: 30px;
            margin-top: 8px;

            span {
                color: $primary-color;
            }
        }
        .gallery{
            display: grid;
            &.gallery-columns-2{
                grid-template-columns: repeat(2, 1fr);
            }
            &.gallery-columns-3{
                grid-template-columns: repeat(3, 1fr);
            }
            &.gallery-columns-4{
                grid-template-columns: repeat(4, 1fr);
            }
        }

    }

}

body.single{
    .posts-list{
        margin-top: 32px;
    }
}