.cl-qs-inner {

    background: #4a4e4c url(../../images/listings/bg-qs.jpg) center/cover no-repeat;

    padding: 58px 52px 53px;

}

    .cl-qs-inner .section-title-wrap {

        margin-bottom: 26px;

    }

    .cl-qs .section-title-wrap .section-title span {

        margin-bottom: 6px;

    }



    .cl-qs-form {

        font-size: 0;

        margin: 0 -20px;

    }

        .cl-qs-field.half {

            width: 50%;

            margin-bottom: 16px;

        }

        .cl-qs-field {

            display: inline-block;

            vertical-align: top;

            padding: 0 20px;

        }

            .cl-qs-field span {

                display: block;

                font-size: 14px;

                line-height: 1;

                letter-spacing: 0.2em;

                color: #fff;

                text-transform: uppercase;

                line-height: 42px;

            }

            .cl-qs-field select {

                font-size: 14px;

                height: 42px;

                line-height: 1;

                letter-spacing: 0.2em;

                color: #fff;

                text-transform: uppercase;

                background: transparent;

                border: none;

                width: 100%;

            }

            .cl-qs-field select option {
                color: #4a4e4c;
            }

            .cl-qs-field select[multiple] {
                background: #ffffff;
                height: 120px;
                padding: 10px;
            }
            
            .cl-qs-field select[multiple] option {
                padding: 3px 0 3px 10px;
            }



        .cl-qs-field.gradient-border:after {

            content: '';

            display: block;

            height: 3px;

            background: rgb(204,204,204);

            background: -moz-linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 100%);

            background: -webkit-linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 100%);

            background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 100%);

            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1);

        }



        /*range slider*/

        .noUi-horizontal {

            height: 3px;

            border: none;

            padding-left: 15px;

        }

        .noUi-horizontal .noUi-handle {

            border: none;

            border-radius: 50%;

            width: 16px;

            height: 16px;

            outline: none;

            right: 0;

            box-shadow: none;

        }

        .noUi-handle:after, .noUi-handle:before {

            display: none;

        }

        /*range slider end*/



        .cl-price-label {

            display: flex;

            flex-flow: row wrap;

            justify-content: space-between;

            font-size: 14px;

            line-height: 1;

            color: #fff;

            text-transform: uppercase;

            margin: 20px 0 0;

        }

        .cl-qs-field.checkboxes {

            /*width: 403px;*/

            width: 69%;

            margin-top: 47px;

            /*display: inline-flex;*/
            display: flex;

            justify-content: space-between;

            flex-flow: row wrap;

            padding-right: 10%;

        }

            .cl-qs-field.checkboxes label {

                width: 33.33333%;
                font-size: 13px;

                letter-spacing: 0.2em;

                color: #fff;

                text-transform: uppercase;

                display: inline-flex;

                align-items: center;

                position: relative;

                margin: 0 0 15px;

            }

                .cl-qs-field.checkboxes label span {

                    font-size: inherit;

                    line-height: 1;

                    padding-top: 3px;

                    padding-left: 40px;

                }

                    .cl-qs-field.checkboxes label input {

                        position: absolute;

                        top: 0;

                        left: 0;

                        opacity: 0;

                    }

                    .cl-qs-field.checkboxes label span:before {

                        content: '';

                        position: absolute;

                        width: 24px;

                        height: 24px;

                        border: 1px solid #cccccc;

                        left: 0;

                        top: 0;

                        bottom: 0;

                        margin: auto;

                    }

                    .cl-qs-field.checkboxes label input:checked ~ span:before {

                        background: #fff;

                        border-color: #fff;

                    }

        .cl-qs-btn {

            width: 31%;

            display: inline-block;

            vertical-align: top;

            padding-right: 20px;

            margin-top: 29px;

        }

            .cl-qs-btn input,

            .cl-qs-btn button {

                width: 100%;

                height: 52px;

                background: #000;

                border: none;

                font-size: 18px;

                font-weight: 300;

                color: #fff;

                text-transform: uppercase;

                padding-top: 4px;

                transition: background .3s ease, color .3s ease;

            }

            .cl-qs-btn span {

                letter-spacing: -5px;

                margin-right: 8px;

                top: -2px;

                position: relative;

            }

            .cl-qs-btn input:hover,

            .cl-qs-btn button:hover {

                background: #fff;

                color: #000;

            }


@media only screen and (max-width: 991px) {

    
    .cl-qs-field select {
        letter-spacing: normal;
    }

}

@media only screen and (max-width: 767px) {

    .cl-qs-inner {
        padding: 50px 5%;
    }

    .cl-qs-field.half {
        width: 100%;
        margin-bottom: 10px;
    }

    .cl-qs-field.checkboxes {
        width: 100%;
        margin: 10px 0 20px;
    }

    .cl-qs-btn {
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }

    .cl-img canvas {
        min-height: 280px;
    }

    .cl-qs-field {
        padding: 0;
    }
    


}