.Products_main {
    margin-top: 90px;
    margin-bottom: 90px;
    .heading {
        padding-bottom: 50px;
        h3 {
            text-align: left;
            font-size: 25px;
        }
        p {
            color: $color-font;
        }
    }

    .product_sidebar {
        padding: 0 25px;
        .wrapper {
            margin-bottom: 30px;
            .widget_header {
                h4 {
                    font-size: 22px;
                    font-weight: 600;
                }
            }
            hr {
                color: $color-black;
            }
            ul {
                padding-left: 0;
                li {
                    padding: 10px 0;
                    a {
                        display: flex !important;
                        justify-content: space-between !important;
                        color: $color-brand2;
                        text-decoration: none;
                        &:hover {
                            color: $color-brand;
                            span {
                                color: $color-white !important;

                                background-color: $color-brand;
                                height: 25px;
                                width: 36px;

                                border-radius: 16%;

                                display: inline-block;
                                text-align: center;
                                padding-top: 1px;
                            }
                        }
                        span {
                            color: $color-font !important;

                            height: 25px !important;
                            width: 36px !important;

                            border-radius: 16% !important;

                            display: inline-block;
                            text-align: center;
                            padding-top: 1px;
                        }
                    }
                }
            }

            .range_main {
                position: relative;
                margin-top: 40px;
padding-left: 30px;

                .range {
                    width: 149px;
                    height: 48px;
                    border: 0;
                    background: #579de7;
                    position: absolute;
                    top: 193%;
                    // left: 71%;
                    // margin-left: -117px;

                    &:before,
                    &:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        z-index: -1;
                        height: 100%;
                        width: 28px;
                        background: silver;
                        pointer-events: none;
                    }
                    &:before {
                        left: -28px;
                        border-radius: 5px 0 0 5px;
                    }
                    &:after {
                        right: -28px;
                        border-radius: 0 5px 5px 0;
                    }
                }
                input {
                    -webkit-appearance: none;
                    position: absolute;
                    width: calc(100% + 40px);
                    height: 100%;
                    margin: 0;
                    background-color: transparent;
                    outline: none;
                    left: -20px;
                    -webkit-tap-highlight-color: transparent;
                }

                .lbl-lft,
                .lbl-rgt {
                    position: absolute;
                    top: -15px;
                    color: #1a1a1a;
                    font-size: 12px;
                    font-weight: 700;
                }
                .lbl-lft {
                    left: -28px;
                }
                .lbl-rgt {
                    right: -28px;
                    text-align: left;
                }

                .range-thumb {
                    position: absolute;
                    top: 0px;
                    margin-left: -24px;
                    border-radius: 50%;
                    border: 5px solid #878484;
                    background: white;
                    height: 48px;
                    width: 48px;
                    outline: none;
                    transition: transform 0.3s ease;
                    text-align: center;
                    font-size: 12px;
                    line-height: 38px;
                    color: #1a1a1a;
                    font-weight: 700;
                    pointer-events: none;
                    &::before {
                        display: none;
                        content: "";
                        position: absolute;
                        z-index: 1;
                        top: 53px;
                        left: 50%;
                        transform: translateX(-50%);
                        border-radius: 3px;
                        width: 2px;
                        height: 28px;
                        margin-left: -3px;
                        background: rgba(white, 0.25);
                        box-shadow: 6px 0 0 rgba(white, 0.25);
                    }
                    &::after {
                        content: "";
                        position: absolute;
                        bottom: -5px;
                        left: -5px;
                        width: 48px;
                        height: 10px;
                        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgNDggMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiIGZpbGw9IiM2MTY4RTciPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuMTU0NjA2NCwyLjE4MjkyMDUxZS0xMiBMNC40NzIyMTMwMSwyLjE4MjkyMDUxZS0xMiBDNS40MjIyOTI4NiwxLjA2MTUxMjk4IDYsMi40NjMyOTExMyA2LDQgQzYsNy4zMTM3MDg1IDMuMzEzNzA4NSwxMCAwLDEwIEw0OCwxMCBDNDQuNjg2MjkxNSwxMCA0Miw3LjMxMzcwODUgNDIsNCBDNDIsMi40NjMyOTExMyA0Mi41Nzc3MDcxLDEuMDYxNTEyOTggNDMuNTI3Nzg3LDAgTDQzLjUyNzc4NywyLjE4MjkyMDUxZS0xMiBMMzYuODQ1MzkzNiwyLjE4MjkyMDUxZS0xMiBDMzMuNDYzMzI1NSwzLjEwNDc5MzA5IDI4Ljk1Mjk4NzQsNSAyNCw1IEMxOS4wNDcwMTI2LDUgMTQuNTM2Njc0NSwzLjEwNDc5MzA5IDExLjE1NDYwNjQsMi4xOTQyNDQ3OWUtMTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
                        background-repeat: no-repeat;
                        background-position: center;
                    }
                }
                .resize {
                    position: fixed;
                    bottom: 20px;
                    left: 0;
                    width: 100%;
                    text-align: center;
                    font-size: 14px;
                    font-weight: 500;
                    color: #c8ccd4;
                }

                .hover + .range-thumb,
                .active + .range-thumb {
                    @media screen and (max-width: 768px) {
                        transform: translateY(-48px);
                    }
                    &::before {
                        display: block;
                    }
                }
            }
        }

        .check {
            margin-top: 90px;
            padding-top: 60px;
        }

        .chekbox_wrapper {
            margin-top: 20px;
        }

        /*Checkboxes styles*/
        input[type="checkbox"] {
            display: none;
        }

        input[type="checkbox"] + label {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 20px;
            color: $color-font;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        input[type="checkbox"] + label:last-child {
            margin-bottom: 0;
        }

        input[type="checkbox"] + label:before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid $color-brand;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0.6;
            -webkit-transition: all 0.12s, border-color 0.08s;
            transition: all 0.12s, border-color 0.08s;
        }

        input[type="checkbox"]:checked + label:before {
            width: 10px;
            top: -5px;
            left: 5px;
            border-radius: 0;
            opacity: 1;
            border-top-color: transparent;
            border-left-color: transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    }


.product_right{

    @media screen and(max-width:768px) {
        margin-top: 70px;
    }
    .product_right_top {
        .choose {
.ch{
    @media screen and(max-width:992px){
        margin-right: 10px !important;
    }
}
            display: flex;
justify-content: space-between;


   
        
    }

        }

        .views{
            float: right;
            display: flex;

            @media screen and(max-width:768px){
             float: none;
             margin-top: 30px;
            }

            ul{
                display: flex;

                &:last-child{
                    padding-right: 0;
                }
            }
li{
    padding-right: 20px;
    a{
        color: $color-brand2;
        text-decoration: none;
&:hover{
    color: $color-brand;
}
        &:active{
            color: $color-font;
        }
    }
}
        }
    }

.product_right_bottom{
    padding-top: 20px;
    margin-top: 50px;
    .card{
        margin-bottom: 30px;

  
        .card-body{
            .card-title{
                color: $color-brand2;
                font-weight: 700;
                letter-spacing: 0.05em;
                font-size: $font-h5;
            }
            .list-group-item{
                border: 0;
                padding: 10px 10px 10px 0;
                margin-bottom: 0 !important;
              
                margin-bottom: 10px;
                a{
                    color: $color-font;
                    text-decoration: none;
                }
                span{
                    padding-right: 10px;
                }
            }
            .list-group-flush{
          
            }

            p{
                color: $color-font;
            }
        }
        .card-rating{
            padding-left: 16px;
padding-bottom: 20px;
padding-top: 5px;
            .card-link{
                color: $color-brand;
                span{
                font-size: $font-p;
            }
        }
    }
    }


    .bottom {
        display: flex;
        justify-content: center;
        padding-top: 50px;
      
        nav {
            .pagination {
                .page-item {
                    border: none;
                    .page-link {
                        border: none;
                        color: $color_font;
                        padding: 15px 20px;
border-radius: 7px;
font-size: 18px;
margin: 0 5px;
@media screen and(max-width:456px) {
padding: 12px 16px !important;
font-size: 16px !important;
}
                      
                        &:hover {
                            background-color: $color_brand;
                            color: $color_white;
                        }
                    }
                }
                .page-item.active .page-link {
                    z-index: 3;
                    color: #fff;
                    background-color: $color_brand;
                    border-color: $color_brand;
                }
            }
        }
    }
}

}

