


/*primepopup*/
/* */
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container { overflow: hidden; width: auto; height: auto; }
.mCSB_inside > .mCSB_container { margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_outside + .mCSB_scrollTools { right: 2px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: 2px; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(66, 197, 140, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(192, 192, 192, 0.55); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(71, 71, 71, 0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(230, 230, 230, 0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background: url(../images/other/vdtop-arrow.png) no-repeat; margin-bottom: 3px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background: url(../images/other/vdbottom-arrow.png) no-repeat; margin-top: 3px; }
.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
 .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
 opacity: 0;
 filter: "alpha(opacity=0)";
 -ms-filter: "alpha(opacity=0)";
}
 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
 opacity: 1;
 filter: "alpha(opacity=100)";
 -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
/* ========================= Common Header Footer Start===============================*/
/* new popup starts here */
.in-scroll {
    overflow: hidden;
}
.wraper-blk {
    height: calc(100vh - 140px);
    position: relative;
    min-height: 530px;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.promo-category-back {
    position: relative;
    background: url("../images/other/astrologers.jpg") no-repeat center center;
    width: 100%;
    max-height: 970px;
    min-height: 530px;
    height: 100vh;
    background-size: cover;
    background-position: center;
    font-family: Poppins;
}

.back-black-cover .promo-category-back .close-popup {
    display: none;
}

.in-scroll .back-black-cover .promo-category-back {
    background: none;
}

.in-scroll .back-black-cover {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 200000;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .in-scroll .back-black-cover .close-popup {
        position: relative;
        display: block;
    }

        .in-scroll .back-black-cover .close-popup a {
            position: absolute;
            right: 20px;
            top: 0;
            font-size: 34px;
            font-weight: 300;
            color: #fff;
        }

    .in-scroll .back-black-cover .promo-category-back .breadcrumb {
        display: none;
    }

.content-a, .content-b, .content-c, .content-d, .content-e, .content-g, .content-m {
    height: 80%;
    overflow-y: scroll;
}

    .content-a::-webkit-scrollbar, .content-b::-webkit-scrollbar, .content-c::-webkit-scrollbar, .content-d::-webkit-scrollbar, .content-e::-webkit-scrollbar, .content-g::-webkit-scrollbar, .content-m::-webkit-scrollbar {
        width: 6px;
    }

    .content-a::-webkit-scrollbar-track, .content-b::-webkit-scrollbar-track, .content-c::-webkit-scrollbar-track, .content-d::-webkit-scrollbar-track, .content-e::-webkit-scrollbar-track, .content-g::-webkit-scrollbar-track, .content-m::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .content-a::-webkit-scrollbar-thumb, .content-b::-webkit-scrollbar-thumb, .content-c::-webkit-scrollbar-thumb, .content-d::-webkit-scrollbar-thumb, .content-e::-webkit-scrollbar-thumb, .content-g::-webkit-scrollbar-thumb, .content-m::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .content-a .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-a .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-b .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-b .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-c .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-c .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-d .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-d .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-e .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-e .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-f .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-f .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
    .content-g .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-g .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
    .content-m .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .content-m .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #878686;
    }

    .content-a .mCSB_scrollTools .mCSB_draggerContainer,
    .content-b .mCSB_scrollTools .mCSB_draggerContainer,
    .content-c .mCSB_scrollTools .mCSB_draggerContainer,
    .content-d .mCSB_scrollTools .mCSB_draggerContainer,
    .content-e .mCSB_scrollTools .mCSB_draggerContainer,
    .content-f .mCSB_scrollTools .mCSB_draggerContainer,
    .content-g .mCSB_scrollTools .mCSB_draggerContainer,
    .content-m .mCSB_scrollTools .mCSB_draggerContainer {
        left: auto;
        right: 0px;
        margin: 0px;
    }

    .content-a .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-b .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-c .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-d .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-e .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-f .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-g .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
    .content-m .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
        background-color: #c5c5c5;
    }

.promo-category-back .breadcrumb {
    vertical-align: top;
    text-align: left;
    padding: 15px 0 5px 20px;
    float: none;
    font-size: 12px;
    font-weight: 300;
    color: #bdbcbc;
    letter-spacing: 0.5px;
}

    .promo-category-back .breadcrumb a {
        color: #bdbcbc;
    }

    .promo-category-back .breadcrumb span {
        color: #fff;
    }

.promo-category-back .cat-head {
    text-align: center;
    margin: 0px;
}

    .promo-category-back .cat-head span {
        font-size: 30px;
        font-weight: normal;
        color: #fff;
    }

    .promo-category-back .cat-head h1 {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
        margin: 0px;
        padding: 0px;
        display: inline-block;
    }

.promo-category-back .sub-title {
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 0 0 25px 0;
	font-family:"Cerebri Sans,sans-serif"
}

.question-blk {
    width: 650px;
    height: 60%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f5f5f5;
    margin: auto;
    text-align: center;
    position: relative;
}

    .question-blk.popup-blk {
        height: 606px;
		margin:20px auto 0 auto;
    }

    .question-blk .btn-blk {
        width:100%;
        border-top: solid 1px #e4e4e4;
        padding: 15px 20px;
        position: absolute;
        bottom: 0px;
        z-index: 10;
        text-transform: uppercase;
        background-color: #fff;
    }

        .question-blk .btn-blk .loading-blk {
            background-color: #f2f2f2;
            text-align: center;
            padding: 15px 0;
            font-size: 14px;
            color: #666;
            border: solid 1px #ccc;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .question-blk .btn-blk .loading-blk i {                
                color: #999;
                font-size: 20px;
                padding: 0;
            }

        .question-blk .btn-blk a {
            display: block;
            font-size: 16px;
            color: #fff;
            background-color: #ff4242;
            text-decoration: none;
            text-align: center;
            padding: 15px 0;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

    .question-blk .error-msg-show {
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
        color: #fb403f;
        border: dotted 1px #fb403f;
        text-align: center;
        position: absolute;
        width: 90%;
        bottom: 94px;
        left: 0px;
        text-align: center;
        z-index: 10;
        padding: 8px;
        letter-spacing: 0.5px;
        margin: 0 5% 0 5%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background-color: #fff;
		font-family: "Cerebri Sans,sans-serif";
    }

        .question-blk .error-msg-show img {
            vertical-align: top;
        }

    .question-blk .terms-condi {
        font-size: 11px;
        line-height: 16px;
        color: #333;
        text-align: center;
        position: absolute;
        bottom: 76px;
        right: 0px;
        text-align: center;
        z-index: 10;
        padding: 8px;
        letter-spacing: 0.5px;
    }

        .question-blk .terms-condi a {
            font-size: 11px;
            color: #999;
        }

    .question-blk .btn-blk .lt-blk {
        float: left;
    }

        .question-blk .btn-blk .lt-blk a {
			font-family: "Cerebri Sans,sans-serif";
            display: block;
            font-size: 16px;
            color: #999;
            background-color: #f8f8f8;
            text-decoration: none;
            text-align: center;
            padding: 15px 25px;
            height: auto;
            line-height: 16px;
            border: solid 1px #e4e4e4;
        }

            .question-blk .btn-blk .lt-blk a i {
                font-family: flaticon;
                color: #999;
                margin: 0 5px 0 0;
            }

    .question-blk .btn-blk .rt-blk {
        float: right;
    }

        .question-blk .btn-blk .rt-blk a {
			font-family: "Cerebri Sans,sans-serif";
            display: block;
            font-size: 16px;
            color: #fff;
            background-color: #ff4242;
            text-decoration: none;
            text-align: center;
            padding: 15px 25px;
            height: auto;
            line-height: 16px;
            letter-spacing: 0.5px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

    .question-blk .questions {
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        color: #333;
        display: block;
        line-height: normal;
        width: 100%;
        margin: 20px auto 20px auto;
    }

    .question-blk .mandatory-blk {
        padding: 5px 13px 5px 5px;
        font-size: 11px;
        color: #999;
        text-align: right;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .question-blk .search-filter-out {
        margin: 0 auto 15px auto;
        position: relative;
        width: 590px;
    }

        .question-blk .search-filter-out.fixed {
            margin: 0 auto;
            position: fixed;
            width: 650px;
            top: 255px;
            z-index: 100;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .question-blk .search-filter-out.fixed input[type="text"] {
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

    .question-blk.popup-blk .search-filter-out.fixed {
        top: 104px;
    }

    .question-blk .search-filter-out input[type="text"] {
        width:100%;
        padding: 8px 6px 8px 54px;
        border: solid 1px #ebeaea;
        height: 50px;
    }

    .question-blk .search-filter-out i {
        font-size: 22px;
        position: absolute;
        top:11px;
        left: 18px;
        color: #999;
        z-index: 10;
    }

.fa-search:before {
    content: "\f002"
}

.question-blk .search-filter-out .sel-item {
    position: absolute;
    left: 8px;
    top: 12px;
    padding: 3px 10px 3px 5px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    border: solid 1px #ccc;
    background-color: #fff;
    z-index: 105;
}

    .question-blk .search-filter-out .sel-item a {
        font-size: 16px;
        color: #366cce;
        margin: 0 0 0 5px;
    }

.question-blk .service-list-blk {
    width: 590px;
    margin: 0 auto;
}

    .question-blk .service-list-blk .chan-category {
        padding: 0 0 10px 0;
        text-align: right;
    }

        .question-blk .service-list-blk .chan-category a {
            font-size: 14px;
            line-height: 20px;
            text-align: right;
        }


    .question-blk .service-list-blk ul {
        margin: 0px;
        padding: 0;
    }

        .question-blk .service-list-blk ul li {
            margin: 0;
            padding: 10px 5px 12px 15px;
            list-style: none;
            float: none;
            font-size: 12px;
            color: #888;
            position: relative;
            background-color: #fff;
            border: solid 1px #e4e4e4;
            border-bottom: none;
        }

            .question-blk .service-list-blk ul li:last-child {
                border-bottom: solid 1px #e4e4e4;
            }

            .question-blk .service-list-blk ul li input[type=checkbox] {
                position: absolute;
                visibility: hidden;
            }

            .question-blk .service-list-blk ul li label {
                font-family: "Cerebri Sans,sans-serif";
                display: block;
                position: relative;
                font-weight: 400;
                font-size: 16px;
                padding: 0px 25px 5px 40px;
                margin: 0 auto;
                height: auto;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
                pointer-events: auto;
                top: 3px;
                color: #333;
                left: 0px;
                text-align: left;
            }

            .question-blk .service-list-blk ul li:hover label {
                color: #666;
            }

            .question-blk .service-list-blk ul li .check {
                display: block;
                position: absolute;
                border: 1px solid #aaa;
                height: 25px;
                width: 25px;
                top: 13px;
                left: 15px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .question-blk .service-list-blk ul li:hover .check {
                border: 1px solid #333;
            }

            .question-blk .service-list-blk ul li .check::before {
   display: block;
   font-family: 'feather';
   position: absolute;
   content: '';
   border-radius: 100%;
   height: 10px;
   width: 10px;
   top:-2px;
   left: 2px;
   font-size: 18px;
   color: #5bc199;
   margin: auto;
   transition: background 0.25s linear;
   -webkit-transition: background 0.25s linear;
 }
 .question-blk .service-list-blk ul li .do-not input[type=checkbox]:checked ~ .check {
   border: 1px solid #5bc199;
 }
 .question-blk .service-list-blk ul li input[type=checkbox]:checked ~ .check::before {
   content: "\e83f";
   font-family: 'feather';
 }
 .question-blk .service-list-blk ul li input[type=checkbox]:checked ~ label {
   color: #06c244;
 }
 .question-blk .service-list-blk ul li input[type=checkbox]:checked ~ .check {
   border: solid 1px #06c244;
 }
 .question-blk .service-list-blk ul li input[type="checkbox"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input input[type="checkbox"]:checked + label:before {
   opacity: 0;
   border: #fff;
 }
 .question-blk .service-list-blk ul li input[type="checkbox"]:checked + label:before, .question-blk .service-list-blk ul li input[type="checkbox"]:checked + label:before, .question-blk .service-list-blk ul li input[type="checkbox"] + label:hover:before, .question-blk .service-list-blk input[type="radio"] + label:hover:before {
   display: none;
 }
 .question-blk .service-list-blk ul li input[type="checkbox"]:checked + label:after, .question-blk .service-list-blk ul li input[type="checkbox"]:checked + label:after {
   opacity: 0;
   border: #fff;
 }
 .question-blk .service-list-blk ul li input[type="radio"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input[type="radio"] input[type="radio"]:checked + label:before {
   content: '';
   position: absolute;
   left: 0;
   top: 2px;
   width: 15px;
   height: 15px;
   border: 1px solid #333;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
 }

            .question-blk .service-list-blk ul li input[type="radio"] {
                position: absolute;
                visibility: hidden;
            }

                .question-blk .service-list-blk ul li input[type="radio"]:checked ~ .check {
                    border: 1px solid #5bc199;
                }

                    .question-blk .service-list-blk ul li input[type="radio"]:checked ~ .check::before {
                        background: #5bc199;
                    }

                .question-blk .service-list-blk ul li input[type="radio"]:checked ~ label {
                    color: #5bc199;
                }

                .question-blk .service-list-blk ul li input[type="radio"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input[type="radio"]:checked + label:before {
                    opacity: 0;
                }

                .question-blk .service-list-blk ul li input[type="radio"]:checked + label:after, .question-blk .service-list-blk ul li input[type="radio"]:checked + label:after {
                    opacity: 0;
                }

                .question-blk .service-list-blk ul li input[type="radio"]:checked + label:before {
                    opacity: 0;
                }

            .question-blk .service-list-blk ul li.radio-bt .check {
                display: block;
                position: absolute;
                border: 1px solid #aaa;
                border-radius: 100%;
                height: 25px;
                width: 25px;
                top: 11px;
                left: 16px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .question-blk .service-list-blk ul li.radio-bt:hover .check {
                border: 1px solid #333;
            }

            .question-blk .service-list-blk ul li.radio-bt .check::before {
                display: block;
                font-family: robotobold;
                position: absolute;
                content: '';
                border-radius: 100%;
                height: 17px;
                width: 17px;
                top:3px;
                left:3px;
                margin: auto;
                transition: background 0.25s linear;
                -webkit-transition: background 0.25s linear;
            }

            .question-blk .service-list-blk ul li.lt-align {
                text-align: left;
            }

                .question-blk .service-list-blk ul li.lt-align textarea {
                    width: 98%;
                    margin: 15px 0;
                    border: solid 1px #ccc;
                    padding: 10px;
                    height: 70px;
                }

            .question-blk .service-list-blk ul li.date-outer {
                padding: 15px;
                position: relative;
                text-align: left;
            }

                .question-blk .service-list-blk ul li.date-outer .date-icon {
                    position: absolute;
                    top: 25px;
                    right: 6%;
                    z-index: 10;
                }

                    .question-blk .service-list-blk ul li.date-outer .date-icon i {
                        font-family: flaticon;
                        font-size: 16px;
                        color: #999;
                        cursor: pointer;
                    }

                .question-blk .service-list-blk ul li.date-outer input[type="text"] {
                    padding: 5px 10px;
                    height: auto;
                    width: 99%;
                    text-align: left;
                    height: 40px;
                    border: solid 1px #ccc;
                    cursor: pointer;
                }

        .question-blk .service-list-blk ul .tra-sel-outer {
            padding: 15px 0;
        }

            .question-blk .service-list-blk ul .tra-sel-outer label {
                font-family: poppins;
                font-size: 15px;
                line-height: 18px;
                color: #333;
                font-weight: normal;
                text-align: left;
                display: block;
            }

            .question-blk .service-list-blk ul .tra-sel-outer .city-drop {
                position: relative;
                width: 93%;
                text-align: left;
                padding: 15px 25px 15px 20px;
                background-color: #fff;
            }

                .question-blk .service-list-blk ul .tra-sel-outer .city-drop .down-arrow {
                    position: absolute;
                    top: 47px;
                    right: 6%;
                    z-index: 10;
                    cursor: pointer;
                    display: none;
                }

            .question-blk .service-list-blk ul .tra-sel-outer select {
                width: 100%;
                height: auto;
                border: solid 1px #ccc;
                padding: 5px 10px;
                height: 40px;
                -webkit-appearance: listitem !important;
                -moz-appearance: listitem;
                -ms-appearance: listitem;
                -o-appearance: listitem;
                appearance: listitem;
                cursor: pointer;
            }

.question-blk .contact-blk {
    width: 590px;
    margin: 15px auto;
}

    .question-blk .contact-blk.spl-height {
        height: 500px;
    }

    .question-blk .contact-blk ul {
        margin: 0px;
        padding: 0;
    }

        .question-blk .contact-blk ul li {
            margin: 0 0 2px 0;
            padding: 10px 5px 20px 35px;
            list-style: none;
            float: none;
            font-size: 12px;
            color: #888;
            position: relative;
            background-color: #fff;
            text-align: left;
        }

            .question-blk .contact-blk ul li.twos {
                float: left;
                width: 50%;
                display: inline-block;
            }

            .question-blk .contact-blk ul li .txt-count {
                position: absolute;
                bottom: 24px;
                right: 0;
                z-index: 10;
                background-color: #ccc;
                padding: 4px 8px;
                color: #555;
            }

            .question-blk .contact-blk ul li .label-txt {
                font-size: 14px;
                line-height: 20px;
                color: #000;
                display: block;
                text-align: left;
                font-weight: normal;
                font-weight: 400;
                margin: 0 0 4px 0;
            }

                .question-blk .contact-blk ul li .label-txt a img {
                    margin: 0 0 0 5px;
                }

                .question-blk .contact-blk ul li .label-txt a i {
                    font-family: flaticon;
                    font-size: 14px;
                    color: #999;
                    margin: 0 0 0 4px;
                }

            .question-blk .contact-blk ul li input[type="text"] {
                padding: 5px 10px;
                height: auto;
                width: 95%;
                text-align: left;
                height: 40px;
                border: solid 1px #ccc;
            }

                .question-blk .contact-blk ul li input[type="text"]:focus {
                    border: solid 1px #bbb;
                    box-shadow: none;
                    background-color: #fffdd0;
                }

            .question-blk .contact-blk ul li.serv {
                padding: 15px 10px;
            }

                .question-blk .contact-blk ul li.serv input[type="text"] {
                    width: 95%;
                }

                .question-blk .contact-blk ul li.serv .zip-list-outer {
                    padding: 10px 0;
                }

                    .question-blk .contact-blk ul li.serv .zip-list-outer ul {
                        margin: 0px;
                        padding: 0px;
                    }

                        .question-blk .contact-blk ul li.serv .zip-list-outer ul li {
                            margin: 8px;
                            padding: 0px;
                            list-style: none;
                            float: left;
                        }

                            .question-blk .contact-blk ul li.serv .zip-list-outer ul li a {
                                box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
                                border-radius: 8px;
                                background: #fff;
                                padding: 5px 10px;
                                font-size: 13px;
                                color: #333;
                                display: block;
                            }

                                .question-blk .contact-blk ul li.serv .zip-list-outer ul li a:hover, .question-blk .contact-blk ul li.serv .zip-list-outer ul li a.active {
                                    background: #63ace5;
                                    color: #fff;
                                }

                .question-blk .contact-blk ul li.serv.half-wid {
                    width: 45.5%;
                    display: inline-block;
                    margin: 0 0 10px 0;
                }

            .question-blk .contact-blk ul li .two-flds .city-drop {
                width: 20%;
                float: left;
                margin: 0 2% 0 0;
                position: relative;
            }

                .question-blk .contact-blk ul li .two-flds .city-drop .list-deta {
                    position: absolute;
                    top: 63px;
                    left: 0px;
                    border: solid 1px #ccc;
                    background-color: #fff;
                    z-index: 10;
                    width: 91%;
                }

                    .question-blk .contact-blk ul li .two-flds .city-drop .list-deta ul {
                        margin: 0px;
                        padding: 0px;
                    }

                        .question-blk .contact-blk ul li .two-flds .city-drop .list-deta ul li {
                            margin: 0px;
                            padding: 0px;
                            list-style: none;
                            float: none;
                        }

                            .question-blk .contact-blk ul li .two-flds .city-drop .list-deta ul li a {
                                display: block;
                                font-size: 14px;
                                line-height: 20px;
                                color: #000;
                                text-decoration: none;
                                padding: 5px 10px;
                            }

                                .question-blk .contact-blk ul li .two-flds .city-drop .list-deta ul li a:hover {
                                    background-color: #ff4242;
                                    color: #fff;
                                }

                .question-blk .contact-blk ul li .two-flds .city-drop .down-arrow {
                    position: absolute;
                    top: 32px;
                    right: 10px;
                    z-index: 10;
                    cursor: pointer;
                    display: none;
                }

            .question-blk .contact-blk ul li .two-flds select {
                height: 100%;
                height: auto;
                border: solid 1px #ccc;
                padding: 5px 10px;
                height:41px;
                width: 100%;
                -webkit-appearance: listitem !important;
                -moz-appearance: listitem;
                -ms-appearance: listitem;
                -o-appearance: listitem;
                appearance: listitem;
                cursor: pointer;
            }

            .question-blk .contact-blk ul li .two-flds a.selected-fld {
                border: solid 1px #ccc;
                width: 100px;
                padding: 11px 10px 10px 10px;
                display: block;
                color: #000;
                background: url("../images/other/downarrows.png") no-repeat 75px 16px;
            }

            .question-blk .contact-blk ul li .two-flds .phone-outer {
                width: 65%;
                float: left;
            }

            .question-blk .contact-blk ul li textarea {
                width: 95%;
                height: 90px;
                margin: 3px 0 0 0;
                border: solid 1px #ccc;
                padding: 10px;
            }

            .question-blk .contact-blk ul li .sel-any-one {
            }

                .question-blk .contact-blk ul li .sel-any-one ul {
                    margin: 0px;
                    padding: 0px;
                }

                    .question-blk .contact-blk ul li .sel-any-one ul li {
                        margin: 0 0 8px 0;
                        padding: 0px;
                        list-style: none;
                        float: left;
                        border: none;
                    }

                        .question-blk .contact-blk ul li .sel-any-one ul li:hover {
                            box-shadow: none;
                        }

                        .question-blk .contact-blk ul li .sel-any-one ul li label {
                            font-family: Poppins;
                            display: block;
                            position: relative;
                            font-weight: 400;
                            font-size: 13px;
                            padding: 0px 25px 5px 55px;
                            margin: 0 auto;
                            height: auto;
                            z-index: 9;
                            cursor: pointer;
                            -webkit-transition: all 0.25s linear;
                            pointer-events: auto;
                            top: 3px;
                            color: #666;
                            left: 0px;
                            text-align: left;
                        }

                        .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:not(:checked) + label:before, .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"] input[type="radio"]:checked + label:before {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 2px;
                            width: 15px;
                            height: 15px;
                            border: 1px solid #333;
                            -webkit-border-radius: 50%;
                            -moz-border-radius: 50%;
                            border-radius: 50%;
                        }

                        .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input[type="radio"] input[type="radio"]:checked + label:before {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 2px;
                            width: 15px;
                            height: 15px;
                            border: 1px solid #333;
                            -webkit-border-radius: 50%;
                            -moz-border-radius: 50%;
                            border-radius: 50%;
                        }

                        .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"] {
                            position: absolute;
                            visibility: hidden;
                        }

                            .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:checked ~ .check {
                                border: 1px solid #5bc199;
                            }

                                .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:checked ~ .check::before {
                                    background: #5bc199;
                                }

                            .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:checked ~ label {
                                color: #5bc199;
                            }

                            .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input[type="radio"]:checked + label:before {
                                opacity: 0;
                            }

                            .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:checked + label:after, .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:checked + label:after {
                                opacity: 0;
                            }

                            .question-blk .contact-blk ul li .sel-any-one ul li input[type="radio"]:checked + label:before {
                                opacity: 0;
                            }

                        .question-blk .contact-blk ul li .sel-any-one ul li.radio-bt .check {
                            display: block;
                            position: absolute;
                            border: 1px solid #aaa;
                            border-radius: 100%;
                            height: 25px;
                            width: 25px;
                            top: 0;
                            left: 16px;
                            z-index: 5;
                            transition: border .25s linear;
                            -webkit-transition: border .25s linear;
                        }

                        .question-blk .contact-blk ul li .sel-any-one ul li.radio-bt:hover .check {
                            border: 1px solid #333;
                        }

                        .question-blk .contact-blk ul li .sel-any-one ul li.radio-bt .check::before {
                            display: block;
                            font-family: robotobold;
                            position: absolute;
                            content: '';
                            border-radius: 100%;
                            height: 17px;
                            width: 17px;
                            top: 3px;
                            left: 3px;
                            margin: auto;
                            transition: background 0.25s linear;
                            -webkit-transition: background 0.25s linear;
                        }

            .question-blk .contact-blk ul li.alert {
            }

                .question-blk .contact-blk ul li.alert .label-txt {
                    color: #fd1e1e;
                }

                .question-blk .contact-blk ul li.alert input[type="text"] {
                    border: solid 1px #fd1e1e;
                }

                .question-blk .contact-blk ul li.alert .two-flds select {
                    border: solid 1px #fd1e1e;
                }

                .question-blk .contact-blk ul li.alert .sel-any-one ul li label {
                    color: #fd1e1e;
                }

                .question-blk .contact-blk ul li.alert .sel-any-one ul li label {
                    color: #fd1e1e;
                }

            .question-blk .contact-blk ul li .loading-flds {
                position: absolute;
                z-index: 15;
                right: 45px;
                top: 42px;
                text-align: center;
                padding: 0;
                font-size: 14px;
            }

                .question-blk .contact-blk ul li .loading-flds i {
                    color: #999;
                    font-size: 20px;
                    padding: 0;
                    margin: 0;
                }

            .question-blk .contact-blk ul li .fld-drop-arrow {
                position: absolute;
                z-index: 15;
                right: 25px;
                top: 43px;
                text-align: center;
                padding: 0;
                font-size: 14px;
            }

                .question-blk .contact-blk ul li .fld-drop-arrow i {
                    font-family: flaticon;
                    color: #999;
                    font-size: 12px;
                    padding: 0;
                    margin: 0;
                }

            .question-blk .contact-blk ul li .fld-down-arrow {
                position: absolute;
                z-index: 15;
                right: 45px;
                top: 45px;
                text-align: center;
                padding: 0;
                font-size: 14px;
            }

                .question-blk .contact-blk ul li .fld-down-arrow i {
                    font-family: flaticon;
                    color: #999;
                    font-size: 12px;
                    padding: 0;
                    margin: 0;
                }

            .question-blk .contact-blk ul li a.blk-button {
                display: block;
                padding: 15px;
                background-color: #e67a00;
                color: #fff;
                font-size: 15px;
                line-height: 22px;
                text-align: center;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

            .question-blk .contact-blk ul li a.blk-button-brd {
                display: block;
                padding: 15px;
                border: solid 1px #e67a00;
                color: #e67a00;
                font-size: 15px;
                line-height: 22px;
                text-align: center;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
            }

            .question-blk .contact-blk ul li a.blk-button i {
                font-family: flaticon;
                margin: 0 5px 0 0;
                color: #fff;
            }

            .question-blk .contact-blk ul li .helptext {
                font-size: 12px;
                line-height: 14px;
                color: #666;
                font-weight: 400;
                margin: 0 0 4px 2px;
            }

    .question-blk .contact-blk .verification-blk {
        background-color: #fff;
        padding: 25px 35px;
        text-align: left;
    }

        .question-blk .contact-blk .verification-blk .user-txt {
            font-size: 16px;
            line-height: 20px;
            color: #333;
            padding: 0 0 10px 0;
        }

            .question-blk .contact-blk .verification-blk .user-txt b {
                color: #5cb85c;
            }

        .question-blk .contact-blk .verification-blk p {
            font-size: 13px;
            line-height: 22px;
            color: #666;
            padding: 0 0 10px 0;
            margin: 0px;
        }

            .question-blk .contact-blk .verification-blk p a {
                color: #366cce;
            }

        .question-blk .contact-blk .verification-blk .send-otp-blk {
            margin: 0 0 10px 0;
            padding: 10px 0 10px 20px;
            background-color: #f7f7f7;
        }

            .question-blk .contact-blk .verification-blk .send-otp-blk .send-title {
                font-size: 15px;
                line-height: 18px;
                color: #444;
                font-weight: 500;
            }

            .question-blk .contact-blk .verification-blk .send-otp-blk ul {
                margin: 0px;
                padding: 0px;
            }

                .question-blk .contact-blk .verification-blk .send-otp-blk ul li {
                    margin: 0px;
                    padding: 8px 0 8px 0;
                    list-style: none;
                    float: left;
                    background-color: #f7f7f7;
                }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li label {
                        font-family: Poppins;
                        display: block;
                        position: relative;
                        font-weight: 400;
                        font-size: 15px;
                        padding: 0px 25px 5px 32px;
                        margin: 0 auto;
                        height: auto;
                        z-index: 9;
                        cursor: pointer;
                        -webkit-transition: all 0.25s linear;
                        pointer-events: auto;
                        top: 1px;
                        color: #666;
                        left: 0px;
                        text-align: left;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:not(:checked) + label:before, .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"] input[type="radio"]:checked + label:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 2px;
                        width: 15px;
                        height: 15px;
                        border: 1px solid #333;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input[type="radio"] input[type="radio"]:checked + label:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 2px;
                        width: 15px;
                        height: 15px;
                        border: 1px solid #333;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"] {
                        position: absolute;
                        visibility: hidden;
                    }

                        .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:checked ~ .check {
                            border: 1px solid #5bc199;
                        }

                            .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:checked ~ .check::before {
                                background: #5bc199;
                            }

                        .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:checked ~ label {
                            color: #5bc199;
                        }

                        .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:not(:checked) + label:before, .question-blk .service-list-blk ul li input[type="radio"]:checked + label:before {
                            opacity: 0;
                        }

                        .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:checked + label:after, .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:checked + label:after {
                            opacity: 0;
                        }

                        .question-blk .contact-blk .verification-blk .send-otp-blk ul li input[type="radio"]:checked + label:before {
                            opacity: 0;
                        }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li.radio-bt .check {
                        display: block;
                        position: absolute;
                        border: 1px solid #aaa;
                        border-radius: 100%;
                        height: 25px;
                        width: 25px;
                        top: 7px;
                        left: 0px;
                        z-index: 5;
                        transition: border .25s linear;
                        -webkit-transition: border .25s linear;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li.radio-bt:hover .check {
                        border: 1px solid #333;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li.radio-bt .check::before {
                        display: block;
                        font-family: robotobold;
                        position: absolute;
                        content: '';
                        border-radius: 100%;
                        height: 17px;
                        width: 17px;
                        top:3px;
                        left:3px;
                        margin: auto;
                        transition: background 0.25s linear;
                        -webkit-transition: background 0.25s linear;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li a.orangebut {
                        display: block;
                        font-size: 13px;
                        color: #fff;
                        background-color: #f59d20;
                        text-decoration: none;
                        text-align: center;
                        padding: 5px 15px;
                        height: auto;
                        line-height: 16px;
                        letter-spacing: 0.5px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

                    .question-blk .contact-blk .verification-blk .send-otp-blk ul li a.greybut {
                        display: block;
                        font-size: 13px;
                        color: #999;
                        background-color: #e4e4e4;
                        text-decoration: none;
                        text-align: center;
                        padding: 5px 15px;
                        height: auto;
                        line-height: 16px;
                        letter-spacing: 0.5px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        cursor: not-allowed;
                    }

            .question-blk .contact-blk .verification-blk .send-otp-blk p {
                font-size: 13px;
                line-height: 20px;
                color: #666;
                padding: 0px;
                margin: 0px;
            }

            .question-blk .contact-blk .verification-blk .send-otp-blk.alert .send-title {
                color: #fd1e1e;
            }


            .question-blk .contact-blk .verification-blk .send-otp-blk.alert ul li label {
                color: #fd1e1e;
            }

        .question-blk .contact-blk .verification-blk .enter-veri-outer {
            padding: 0 0 10px 0;
        }

            .question-blk .contact-blk .verification-blk .enter-veri-outer .veri-no-txt {
                font-size: 14px;
                line-height: 22px;
                color: #333;
                padding: 0 0 10px 0;
            }

            .question-blk .contact-blk .verification-blk .enter-veri-outer ul {
                padding: 0 0 10px 0;
                margin: 0px;
            }

                .question-blk .contact-blk .verification-blk .enter-veri-outer ul li {
                    padding: 0 15px 0 0;
                    margin: 0px;
                    list-style: none;
                    float: left;
                }

                    .question-blk .contact-blk .verification-blk .enter-veri-outer ul li input[type="text"] {
                        width: 100px;
                        padding: 4px 8px;
                        height: 28px;
                    }

                    .question-blk .contact-blk .verification-blk .enter-veri-outer ul li a.greenbut {
                        display: block;
                        font-size: 13px;
                        color: #fff;
                        background-color: #5cb85c;
                        text-decoration: none;
                        text-align: center;
                        padding: 5px 15px;
                        height: auto;
                        line-height: 16px;
                        letter-spacing: 0.5px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

                    .question-blk .contact-blk .verification-blk .enter-veri-outer ul li a.orangebut {
                        display: block;
                        font-size: 13px;
                        color: #fff;
                        background-color: #f59d20;
                        text-decoration: none;
                        text-align: center;
                        padding: 5px 15px;
                        height: auto;
                        line-height: 16px;
                        letter-spacing: 0.5px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

                    .question-blk .contact-blk .verification-blk .enter-veri-outer ul li a.greybut {
                        display: block;
                        font-size: 13px;
                        color: #999;
                        background-color: #e4e4e4;
                        text-decoration: none;
                        text-align: center;
                        padding: 5px 15px;
                        height: auto;
                        line-height: 16px;
                        letter-spacing: 0.5px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        cursor: not-allowed;
                    }

            .question-blk .contact-blk .verification-blk .enter-veri-outer.alert .veri-no-txt {
                color: #fd1e1e;
            }

            .question-blk .contact-blk .verification-blk .enter-veri-outer.alert ul li input[type="text"] {
                border: solid 1px #fd1e1e;
            }

            .question-blk .contact-blk .verification-blk .enter-veri-outer ul li.alert input[type="text"] {
                color: #fd1e1e;
            }

            .question-blk .contact-blk .verification-blk .enter-veri-outer .not-yet {
                font-size: 13px;
                line-height: 20px;
                color: #777;
                padding: 0;
            }


            .question-blk .contact-blk .verification-blk .enter-veri-outer p {
                font-size: 12px;
                line-height: 18px;
                color: #999;
                padding: 0 0 10px 0;
                margin: 0px;
            }

.question-blk .thankyou-outer {
    background-color: #fff;
    margin: 25px;
    padding: 20px;
}

    .question-blk .thankyou-outer .thnks-txt {
        background: url(../images/other/agreement.png) no-repeat 0px 4px;
        padding: 0 10px 10px 60px;
        text-align: left;
    }

        .question-blk .thankyou-outer .thnks-txt .thanks-title {
            font-size: 20px;
            line-height: 26px;
            color: #16af0e;
            padding: 0 0 5px 0
        }

        .question-blk .thankyou-outer .thnks-txt p {
            font-size: 13px;
            line-height: 20px;
            color: #888;
            padding: 0;
            margin: 0;
        }

    .question-blk .thankyou-outer .thankyou-promo {
        background-color: #f2f2f2;
        padding: 15px;
        text-align: left;
        margin: 5px 1% 5px 0;
        float: left;
        width: 49%;
    }

        .question-blk .thankyou-outer .thankyou-promo h3 {
            font-size: 16px;
            line-height: 22px;
            color: #333;
            padding: 0 0 5px 0;
        }

            .question-blk .thankyou-outer .thankyou-promo h3 a {
                font-size: 16px;
                line-height: 22px;
                color: #337ab7;
            }

        .question-blk .thankyou-outer .thankyou-promo .cat-list {
            padding: 0 0 5px 0;
        }

            .question-blk .thankyou-outer .thankyou-promo .cat-list ul {
                margin: 0px;
                padding: 0px;
            }

                .question-blk .thankyou-outer .thankyou-promo .cat-list ul li {
                    padding: 0 10px 0 15px;
                    margin: 0px;
                    list-style: none;
                    float: left;
                    background: url("../images/default/dot-arrow.png") no-repeat -2px 1px;
                    font-size: 13px;
                    line-height: 18px;
                    color: #777;
                }

        .question-blk .thankyou-outer .thankyou-promo .user-deta {
            font-size: 12px;
            line-height: 20px;
            color: #888;
        }

            .question-blk .thankyou-outer .thankyou-promo .user-deta i {
                font-family: flaticon;
                font-size: 12px;
                color: #bbb;
                margin: 0 4px 0 0;
            }


        .question-blk .thankyou-outer .thankyou-promo .phone-outer {
            float: left;
            width: 100%;
            margin: 4px 0 10px 0;
        }

            .question-blk .thankyou-outer .thankyou-promo .phone-outer ul {
                margin: 0px;
                padding: 0px;
            }

                .question-blk .thankyou-outer .thankyou-promo .phone-outer ul li {
                    margin: 0 5px 0 0;
                    padding: 0px;
                    list-style: none;
                    float: left;
                    font-size: 13px;
                    line-height: 18px;
                    color: #333;
                    position: relative;
                }

                    .question-blk .thankyou-outer .thankyou-promo .phone-outer ul li i {
                        font-family: flaticon;
                    }

                    .question-blk .thankyou-outer .thankyou-promo .phone-outer ul li a {
                        color: #333;
                        font-weight: 600;
                    }

            .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer {
                display: none;
                padding: 10px;
                position: absolute;
                width: 200px;
                z-index: 10;
                background-color: #fff;
                left: -132px;
                top: -160px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                border: solid 1px #e4e4e4;
                -webkit-box-shadow: 2px 2px 5px 0px rgba(143,143,143,1);
                -moz-box-shadow: 2px 2px 5px 0px rgba(143,143,143,1);
                box-shadow: 2px 2px 5px 0px rgba(143,143,143,1);
            }

                .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer:after, .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer:before {
                    top: 100%;
                    left: 50%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                }

                .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer:after {
                    border-color: rgba(255, 255, 255, 0);
                    border-top-color: #fff;
                    border-width: 10px;
                    margin-left: -10px;
                }

                .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer:before {
                    border-color: rgba(204, 204, 204, 0);
                    border-top-color: #ccc;
                    border-width: 11px;
                    margin-left: -11px;
                }

            .question-blk .thankyou-outer .thankyou-promo .phone-outer ul li:hover .information-outer {
                display: block;
            }

            .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer ul {
                margin: 0px;
                padding: 0px;
            }

                .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer ul li {
                    margin: 0 0 0 15px;
                    padding: 0 0 6px 5px;
                    list-style: decimal;
                    font-size: 13px;
                    line-height: 16px;
                    font-weight: normal;
                    color: #444;
                }

            .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer .close-txt {
                text-align: right;
                display: none;
            }

                .question-blk .thankyou-outer .thankyou-promo .phone-outer .information-outer .close-txt a {
                    text-decoration: none;
                    font-size: 12px;
                    line-height: 12px;
                    color: #000;
                    padding: 0px;
                    margin: 0px;
                }

.question-blk .proceed-site-outer {
    display: flex;
    justify-content: center;
}

    .question-blk .proceed-site-outer a {
        font-size: 16px;
        line-height: 24px;
        background-color: #599300;
        padding: 5px 10px;
        display: block;
        color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }




.question-blk .contact-blk ul li .cityload {
    width: 93%;
    position: absolute;
    top: 71px;
    left: 10px;
    z-index: 10;
    background: #fff;
    border: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    border-top: solid 1px #ddd;
    height: 200px;
    overflow-y: scroll;
}

    .question-blk .contact-blk ul li .cityload.twodrop {
        left: 36px;
        top: 72px;
        height: 78px;
        width: 89.4%;
    }

    .question-blk .contact-blk ul li .cityload .grouplt {
        padding: 8px 9px 0 10px;
        color: #ff837e;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .question-blk .contact-blk ul li .cityload ul li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        border-bottom: 1px solid #ddd;
        padding: 8px 9px;
        color: #555;
        cursor: pointer
    }

        .question-blk .contact-blk ul li .cityload ul li i {
            font-size: 11px;
            position: static;
            background: none
        }

        .question-blk .contact-blk ul li .cityload ul li a {
            color: #555;
            text-decoration: none;
            display: block;
            text-overflow: ellipsis
        }

        .question-blk .contact-blk ul li .cityload ul li.active, .question-blk .contact-blk ul li .cityload ul li:hover {
            background: #ff4242;
            -webkit-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            transition: all 0.1s ease;
            color: #fff
        }

            .question-blk .contact-blk ul li .cityload ul li:hover a, .question-blk .contact-blk ul li .cityload ul li.active a, .question-blk .contact-blk ul li .cityload ul li:hover a {
                color: #fff
            }
.progress-bar {
   display: flex;
   flex-direction: column;
   width: 500px;
   margin: auto;
   position: relative;
   padding: 0 0 15px 0;
	 background-color:transparent;
 }
 .progress-bar .line {
   height: 4px;
   background: #e8e8e8;
   border-radius: 7px;
   position: relative;
 }
 .progress-bar .txt-count {
   font-size: 12px;
   position: absolute;
   color: #fff;
   right: -35px;
   z-index: 10;
   bottom: 9px;
 }
 .progress-bar > .line > span {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background: #289738;
   border-radius: 10px;
 }
 @keyframes animationLoaded {
   0% {
     width: 0%;
   }
   100% {
     width: 100%;
   }
 }
 .inside-popup {
   background-color: #f5f5f5;
 }
 .inside-popup .progress-bar {
   display: flex;
   flex-direction: column;
   width: 60%;
   margin: 0 20%;
   position: relative;
   padding: 20px 10px;
   background-color: #f5f5f5;
 }
 .inside-popup .progress-bar .close-txt {
   position: absolute;
   right: -123px;
   top: 12px;
   z-index: 10;
 }
 .inside-popup .progress-bar .close-txt a {
   font-size: 16px;
   line-height: 16px;
   font-weight: 600;
   color: #fff;
   background-color: #333;
   display: block;
   padding: 4px 5px;
 }
 .inside-popup .progress-bar .line {
   height: 4px;
   background: #e8e8e8;
   border-radius: 7px;
   position: relative;
 }
 .inside-popup .progress-bar .txt-count {
   font-size: 12px;
   position: absolute;
   color: #666;
   right: -20px;
   z-index: 10;
   bottom: 14px;
   font-weight: 600;
 }
 .inside-popup .progress-bar > .line > span {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background: #289738;
   border-radius: 10px;
 }

.promo-category-back .progress-bar1 {
    display: flex;
    flex-direction: column;
    width: 500px;
    margin: auto;
    position: relative;
    padding: 0 0 15px 0;
}

    .promo-category-back .progress-bar1 .line {
        height: 4px;
        background: #e8e8e8;
        border-radius: 7px;
        position: relative;
    }

    .promo-category-back .progress-bar1 .txt-count {
        font-size: 12px;
        position: absolute;
        color: #fff;
        right: -35px;
        z-index: 10;
        bottom: 9px;
    }

    .promo-category-back .progress-bar1 > .line > span {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: #289738;
        border-radius: 10px;
    }

@keyframes animationLoaded {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.inside-popup {
    background-color: #f5f5f5;
}

    .inside-popup .progress-bar {
        display: flex;
        flex-direction: column;
        width: 60%;
        margin: 0 20%;
        position: relative;
        padding: 20px 10px;
        background-color: #f5f5f5;
    }

        .inside-popup .progress-bar .close-txt {
            position: absolute;
            right: -123px;
            top: 12px;
            z-index: 10;
        }

            .inside-popup .progress-bar .close-txt a {
                font-size: 16px;
                line-height: 16px;
                font-weight: 600;
                color: #fff;
                background-color: #333;
                display: block;
                padding: 4px 5px;
            }

        .inside-popup .progress-bar .line {
            height: 4px;
            background: #e8e8e8;
            border-radius: 7px;
            position: relative;
        }

        .inside-popup .progress-bar .txt-count {
            font-size: 12px;
            position: absolute;
            color: #666;
            right: -20px;
            z-index: 10;
            bottom: 14px;
            font-weight: 600;
        }

        .inside-popup .progress-bar > .line > span {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background: #289738;
            border-radius: 10px;
        }

.close-wrapper-outer {
    padding: 20px;
}

    .close-wrapper-outer .closing-title {
        font-size: 24px;
        line-height: 32px;
        color: #000;
        font-weight: 500;
        text-align: center
    }

    .close-wrapper-outer .req-outer {
        margin: 20px 0 2px 0;
    }

        .close-wrapper-outer .req-outer a {
            display: block;
            padding: 12px 0;
            font-size: 15px;
            line-height: 22px;
            color: #3996ff;
            text-align: center;
            border: solid 1px #ccc;
        }

            .close-wrapper-outer .req-outer a:last-child {
                border-top: none;
                color: #fc2524;
            }

            .close-wrapper-outer .req-outer a:hover {
                background-color: #f2f2f2;
            }

/* category page media query starts here */
@media (min-width: 1025px) and (max-width: 1480px) {
    .question-blk {
        height: 50%;
    }

        .question-blk.popup-blk {
            height: 440px;
        }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .question-blk {
        height: 50%;
    }

        .question-blk.popup-blk {
            height: 440px;
        }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .question-blk.popup-blk {
        height: 440px;
    }

    .page-content-outer .expert-blk .single-blk {
        width: 22%;
    }

        .page-content-outer .expert-blk .single-blk figure {
            height: 140px;
        }

    .page-content-outer .more-experts-list ul li {
        width: 32%;
    }

    .single-listings-outer .one-single-listing .media .media-body h3.media-heading {
        line-height: 30px;
    }
}

@media only screen and (max-width : 768px) {
    .in-scroll .back-black-cover {
        background-color: #fff;
    }
    /* .question-blk .btn-blk{position:fixed;z-index:100;}	 */
    .question-blk {
        height: 53%;
        width: 90%;
    }

        .question-blk .questions {
            padding: 0 30px 0 10px;
            width: auto;
        }

    .in-scroll .back-black-cover .promo-category-back {
        background-color: #f7f7f7;
    }

    .in-scroll .back-black-cover .close-popup a {
        color: #000;
        z-index: 100;
    }

    .in-scroll .back-black-cover .promo-category-back .cat-head span, .in-scroll .back-black-cover .promo-category-back .cat-head h1, .in-scroll .back-black-cover .promo-category-back .sub-title {
        color: #000;
    }

    .list-position {
        display: none;
    }

    .question-blk .error-msg-show {
        position: fixed;
        bottom: 84px;
    }

    .modal.category-page-popup .modal-content {
        max-width: 100%;
    }

    .promo-category-back h1 {
        font-size: 24px;
    }

    .promo-category-back .sub-title {
        font-size: 14px;
        padding: 0 0 15px 0;
    }

    .modal.category-page-popup .title-txt h1 {
        font-size: 24px;
    }

    .modal.category-page-popup .title-txt .sub-title {
        font-size: 14px;
    }

    .question-blk .search-filter-out.fixed {
        width: 100%;
        top: 242px;
    }

    .question-blk.popup-blk .search-filter-out.fixed {
        width: 100%;
        top: 4px;
    }

    .question-blk .search-filter-out input[type="text"] {
        width: 100%;
        margin: 0px;
    }

    .page-content-outer .more-experts-list ul {
        height: 106px;
        overflow: hidden;
    }

        .page-content-outer .more-experts-list ul.fulheight {
            height: auto;
        }

        .page-content-outer .more-experts-list ul li {
            width: 49%;
            margin: 0 0 10px 0;
        }

        .page-content-outer .more-experts-list ul li {
            font-size: 13px;
            line-height: 16px;
        }

            .page-content-outer .more-experts-list ul li a {
                font-size: 13px;
                line-height: 16px;
            }

    .single-listings-outer .one-single-listing .media .media-left a img {
        width: 50px;
        height: 50px;
    }

    .single-listings-outer .one-single-listing .media .media-body .listing-outer {
        width: 100%;
    }

    .single-listings-outer .one-single-listing .media .media-body h3.media-heading {
        font-size: 16px;
        line-height: 20px;
        height: 22px;
    }

    .single-listings-outer .one-single-listing .star-blk ul li {
        float: none;
    }

        .single-listings-outer .one-single-listing .star-blk ul li .sulekha-score {
            margin: 8px 0 0 0;
        }

    .single-listings-outer .one-single-listing .service-type {
        margin: 0 0 5px 0;
        padding: 0px;
        font-size: 13px;
    }

    .single-listings-outer .one-single-listing .city-blk {
        font-size: 13px;
    }

    .single-listings-outer .one-single-listing p {
        font-size: 13px;
        line-height: 20px;
    }

    .page-content-outer .contant-title-outer {
        margin: 15px 0;
    }

        .page-content-outer .contant-title-outer h2 {
            font-size: 22px;
            line-height: 30px;
        }

    .page-content-outer .sort-by .switch-to-map-view {
        float: none;
    }

    .page-content-outer .selec-service-list {
        padding: 10px;
    }

        .page-content-outer .selec-service-list ul li {
            font-size: 12px;
        }

    .single-listings-outer .one-single-listing .media {
        padding: 10px 0 0 0;
    }

        .single-listings-outer .one-single-listing .media .media-body .rt-button-outer {
            width: 100%;
        }

    .single-listings-outer .one-single-listing .btn-outer {
        margin: 0px;
        text-align: left;
    }

        .single-listings-outer .one-single-listing .btn-outer ul li {
            margin: 0 0 10px 0;
        }

    .page-content-outer .astro-article-outer {
        margin: 0 10px;
    }

    .page-content-outer .provi-service {
        margin: 15px 0;
        padding: 15px 10px;
    }

        .page-content-outer .provi-service .ser-title-txt {
            font-size: 18px;
            line-height: 22px;
            padding: 0 0 5px 0;
        }

    .page-content-outer .expert-blk .single-blk {
        width: 22%;
    }

        .page-content-outer .expert-blk .single-blk figure {
            height: 110px;
        }

    .question-blk .thankyou-outer .thankyou-promo {
        width: 100%;
        margin: 5px 0 5px 0;
    }

    .page-content-outer .astro-article-outer .single-article figure {
        margin: 0px;
        width: 100%;
    }

    .page-content-outer .more-experts-list .more-vw {
        display: block;
        margin: 10px 0 0 0;
    }

        .page-content-outer .more-experts-list .more-vw .vmorewrp {
            position: relative;
            padding: 15px;
            text-align: center;
            display: block;
            margin: 0 0 15px 0;
        }

            .page-content-outer .more-experts-list .more-vw .vmorewrp .vmore {
                bottom: -27px;
                text-transform: uppercase;
                font-size: 11px;
                margin: 0 auto 25px auto;
                width: 100%;
                text-align: center
            }

                .page-content-outer .more-experts-list .more-vw .vmorewrp .vmore a {
                    color: #333;
                }

                .page-content-outer .more-experts-list .more-vw .vmorewrp .vmore .arrow-down {
                    width: 25px;
                    height: 25px;
                    display: block;
                    border: 1px solid rgba(170,170,170,.6);
                    border-radius: 50px;
                    background: #f7f7f7;
                    box-shadow: 0 0 0 1px #ededed;
                    cursor: pointer;
                    color: #999;
                    font-size: 18px;
                    text-align: center;
                    margin: 0 auto
                }

    .page-content-outer .expert-blkouter {
        height: 200px;
        overflow: hidden;
    }

    .page-content-outer .expert-blk {
        display: block;
        flex-wrap: wrap;
        margin: 15px 0 15px 5px;
        width: 100%;
        overflow-x: scroll;
        height: 220px;
    }

        .page-content-outer .expert-blk .innerblk-outer {
            display: flex;
            width: 2310px;
            overflow-x: scroll;
            flex-wrap: nowrap;
            overflow-y: hidden;
        }

        .page-content-outer .expert-blk .single-blk {
            width: 260px;
        }

    .content-a, .content-b, .content-c, .content-d, .content-e, .content-g, .content-m {
        height: auto;
        overflow-y: inherit;
    }

    .question-blk {
        width: 95%;
        height: 49%;
        overflow: hidden;
        position: relative;
    }

        .question-blk .btn-blk {
            bottom: 0px;
            position: fixed !important;
			width:96%;
        }

        .question-blk .service-list-blk {
            width: auto;
        }

        .question-blk.popup-blk {
            height: auto;
        }

        .question-blk .search-filter-out.fixed {
            position: absolute;
            width: 100%;
            top: -4px;
        }

        .question-blk .search-filter-out {
            text-align: left;
            width: 100%
        }

        .question-blk .service-list-blk ul {
            margin: 0 0 90px 0;
            height: 300px;
            overflow-x: scroll;
        }

        .question-blk.popup-blk .service-list-blk ul {
            height: auto;
            overflow-x: inherit;
        }

        .question-blk .search-filter-out {
            width: 100%;
        }

            .question-blk .search-filter-out input[type="text"] {
                width:100%;
                margin: 0;
            }

        .question-blk .terms-condi {
            bottom: 0px;
        }

    .single-listings-outer .one-single-listing .phone-outer .information-outer {
        width: 200px;
        left: -51px;
        top: 23px;
    }

        .single-listings-outer .one-single-listing .phone-outer .information-outer .close-txt {
            display: block;
        }

    .question-blk .service-list-blk ul li.lt-align textarea {
        width: 90%;
    }

    .question-blk .contact-blk ul li.serv.half-wid {
        width: 94%;
        margin: 0 0 10px 0;
    }

    .question-blk .contact-blk.spl-height ul li input[type="text"] {
        width: 93%;
    }
}

@media (min-width: 414px) and (max-width: 766px) {
    .question-blk .contact-blk {
        width: 100%;
    }



    .progress-bar {
        padding: 0 0 10px 0;
    }

    .promo-category-back .cat-head {
        margin: 5px 30px 0 20px;
    }

        .promo-category-back .cat-head h1, .promo-category-back .cat-head span {
            font-size: 20px;
        }

    .question-blk .questions {
        font-size: 16px;
        margin: 5px 5px 10px 5px;
        text-align: center;
    }

    .question-blk .service-list-blk ul li {
        padding: 8px 5px 10px 15px;
    }

        .question-blk .service-list-blk ul li label {
            font-size: 15px;
            font-weight: 500;
        }

        .question-blk .service-list-blk ul li .check {
            top: 10px;
            width: 22px;
            height: 22px;
        }

            .question-blk .service-list-blk ul li .check::before {
                font-size: 14px;
            }

    .promo-category-back .sub-title {
        padding: 5px 0 15px 0;
    }

    .in-scroll .back-black-cover .close-popup a {
        right: 10px;
        top: -5px;
    }

    .question-blk .contact-blk ul li input[type="text"] {
        width: 92%;
    }

    .question-blk .contact-blk.spl-height ul li input[type="text"] {
        width: 93%;
    }

    .question-blk .contact-blk ul li .cityload {
        width: 98%;
        z-index: 100;
    }

    .question-blk .contact-blk ul li .two-flds .phone-outer input[type="text"] {
        width: 56.5%;
    }

    .question-blk .contact-blk ul li .sel-any-one ul li {
        width: 98%;
    }

    .question-blk .contact-blk ul li textarea {
        width: 90%;
        height: 40px;
        margin: 3px 0 50px 0;
    }

    .question-blk .contact-blk ul li .two-flds .city-drop {
        width: 33%;
    }

    .question-blk .service-list-blk ul .tra-sel-outer .city-drop .down-arrow {
        right: 9%;
    }

    .question-blk .contact-blk ul li .two-flds .city-drop .down-arrow {
        top: 35px;
    }

    .page-content-outer .selec-service-list ul li {
        font-size: 12px;
        margin: 0 0 10px 0;
    }

    .page-content-outer .expert-blk .single-blk {
        width: 100%;
    }

    .page-content-outer .more-experts-list ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .page-content-outer .astro-article-outer .single-article figure img {
        width: 100%;
    }

    .page-content-outer .astro-article-outer .single-article .inner-content {
        width: 100%;
    }

        .page-content-outer .astro-article-outer .single-article .inner-content h3 {
            margin: 10px 0 0 0;
            line-height: 16px;
        }

            .page-content-outer .astro-article-outer .single-article .inner-content h3 a {
                font-size: 14px;
            }

        .page-content-outer .astro-article-outer .single-article .inner-content p {
            font-size: 13px;
            line-height: 20px;
        }

    .single-listings-outer .one-single-listing .phone-outer .information-outer {
        width: 200px;
        left: -124px;
        top: 23px;
    }

    .single-listings-outer .one-single-listing .phone-outer ul li {
        font-size: 11px;
    }
}

@media (min-width: 330px) and (max-width: 413px) {
    .question-blk.popup-blk {
        height: auto;
    }

    .question-blk {
        height: 49%;
    }

        .question-blk .contact-blk {
            width: 100%;
        }

        .question-blk.popup-blk .btn-blk {
            bottom: -8px;
            position: fixed;
            left: 0px;
        }

    .progress-bar {
        padding: 0 0 10px 0;
    }

    .promo-category-back .cat-head {
        margin: 5px 30px 0 20px;
    }

        .promo-category-back .cat-head h1, .promo-category-back .cat-head span {
            font-size: 20px;
        }

    .question-blk .questions {
        font-size: 16px;
        margin: 5px 5px 10px 5px;
        text-align: center;
    }

    .question-blk .service-list-blk ul li {
        padding: 8px 5px 10px 15px;
    }

        .question-blk .service-list-blk ul li label {
            font-size: 15px;
            font-weight: 500;
        }

        .question-blk .service-list-blk ul li .check {
            top: 10px;
            width: 22px;
            height: 22px;
        }

            .question-blk .service-list-blk ul li .check::before {
                font-size: 14px;
            }

    .promo-category-back .sub-title {
        padding: 5px 0 15px 0;
    }

    .in-scroll .back-black-cover .close-popup a {
        right: 10px;
        top: -5px;
    }


    .question-blk .contact-blk ul li input[type="text"] {
        width: 92%;
    }

    .question-blk .contact-blk.spl-height ul li input[type="text"] {
        width: 93%;
    }

    .question-blk .contact-blk ul li .cityload {
        width: 57%;
        z-index: 100;
    }

    .question-blk .contact-blk ul li .two-flds .phone-outer input[type="text"] {
        width: 56.5%;
    }

    .question-blk .contact-blk ul li .sel-any-one ul li {
        width: 98%;
    }

    .question-blk .contact-blk ul li textarea {
        width: 90%;
        margin: 3px 0 50px 0;
        height: 40px;
    }

    .question-blk .error-msg-show {
        position: fixed;
        bottom: 0px;
    }

    .question-blk.popup-blk .error-msg-show {
        bottom: 75px;
    }

    .question-blk .contact-blk ul li .two-flds .city-drop {
        width: 25%;
    }

    .page-content-outer .selec-service-list ul li {
        font-size: 12px;
        margin: 0 0 10px 0;
    }

    .page-content-outer .more-experts-list ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .page-content-outer .astro-article-outer .single-article figure img {
        width: 100%;
    }

    .page-content-outer .astro-article-outer .single-article .inner-content {
        width: 100%;
    }

        .page-content-outer .astro-article-outer .single-article .inner-content h3 {
            margin: 10px 0 0 0;
            line-height: 16px;
        }

            .page-content-outer .astro-article-outer .single-article .inner-content h3 a {
                font-size: 14px;
            }

        .page-content-outer .astro-article-outer .single-article .inner-content p {
            font-size: 13px;
            line-height: 20px;
        }

    .question-blk .contact-blk ul li .fld-drop-arrow, .question-blk .contact-blk ul li .flaticon-up-arrow {
        right: 8%;
    }

    .question-blk .contact-blk ul li .two-flds .city-drop .down-arrow {
        right: 6px;
        top: 35px;
    }

    .question-blk .contact-blk ul li .fld-down-arrow {
        right: 10%;
    }

    .single-listings-outer .one-single-listing .phone-outer .information-outer {
        width: 200px;
        left: -174px;
        top: 23px;
    }

    .single-listings-outer .one-single-listing .phone-outer ul li {
        font-size: 11px;
    }
}

@media only screen and (max-width: 325px) {
    .question-blk.popup-blk {
        height: auto;
    }

    .question-blk {
        height: 49%;
    }

        .question-blk .contact-blk {
            width: 100%;
        }

        .question-blk.popup-blk .btn-blk {
            bottom: -8px;
            position: fixed;
            left: 0px;
        }

    .progress-bar {
        padding: 0 0 10px 0;
    }

    .promo-category-back .cat-head {
        margin: 5px 30px 0 20px;
    }

        .promo-category-back .cat-head h1, .promo-category-back .cat-head span {
            font-size: 20px;
        }

    .question-blk .questions {
        font-size: 16px;
        margin: 5px 5px 10px 5px;
        text-align: center;
    }

    .question-blk .service-list-blk ul li {
        padding: 8px 5px 10px 15px;
    }

        .question-blk .service-list-blk ul li label {
            font-size: 15px;
            font-weight: 500;
        }

        .question-blk .service-list-blk ul li .check {
            top: 10px;
            width: 22px;
            height: 22px;
        }

            .question-blk .service-list-blk ul li .check::before {
                font-size: 14px;
            }

    .promo-category-back .sub-title {
        padding: 5px 0 15px 0;
    }

    .in-scroll .back-black-cover .close-popup a {
        right: 10px;
        top: -5px;
    }



    .question-blk .contact-blk ul li input[type="text"] {
        width: 92%;
    }

    .question-blk .contact-blk.spl-height ul li input[type="text"] {
        width: 93%;
    }

    .question-blk .contact-blk ul li .cityload {
        width: 57%;
        z-index: 100;
    }

    .question-blk .contact-blk ul li .two-flds .phone-outer input[type="text"] {
        width: 56.5%;
    }

    .question-blk .contact-blk ul li .sel-any-one ul li {
        width: 38%;
    }

    .question-blk .contact-blk ul li textarea {
        width: 90%;
        height: 40px;
        margin: 3px 0 50px 0;
    }

    .question-blk .error-msg-show {
        position: fixed;
        bottom: 0px;
    }

    .question-blk.popup-blk .error-msg-show {
        bottom: 75px;
    }

    .question-blk .contact-blk ul li .two-flds .city-drop {
        width: 25%;
    }

    .page-content-outer .selec-service-list ul li {
        font-size: 12px;
        margin: 0 0 10px 0;
    }

    .page-content-outer .expert-blk .innerblk-outer {
        width: 1935px;
    }

    .page-content-outer .expert-blk .single-blk {
        width: 220px;
    }

    .page-content-outer .more-experts-list ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .page-content-outer .astro-article-outer .single-article figure img {
        width: 100%;
    }

    .page-content-outer .astro-article-outer .single-article .inner-content {
        width: 100%;
    }

        .page-content-outer .astro-article-outer .single-article .inner-content h3 {
            margin: 10px 0 0 0;
            line-height: 16px;
        }

            .page-content-outer .astro-article-outer .single-article .inner-content h3 a {
                font-size: 14px;
            }

        .page-content-outer .astro-article-outer .single-article .inner-content p {
            font-size: 13px;
            line-height: 20px;
        }

    .question-blk .contact-blk ul li .fld-drop-arrow, .question-blk .contact-blk ul li .flaticon-up-arrow {
        right: 8%;
    }

    .question-blk .contact-blk ul li .two-flds .city-drop .down-arrow {
        right: 6px;
        top: 35px;
    }

    .question-blk .contact-blk ul li .fld-down-arrow {
        right: 10%;
    }

    .single-listings-outer .one-single-listing .phone-outer ul li {
        font-size: 11px;
    }
}
/* category page media query end here */

/* new popup end here */










/*detail page popup*/
.profile-page-header .profile-cover .profile-offer .do-work {
    background-color: #f2f4f8;
}

    .profile-page-header .profile-cover .profile-offer .do-work h3 {
        font-size: 22px;
        line-height: 22px;
        font-weight: 500;
        color: #212121;
        margin: 0 0 15px 0;
        padding: 15px 20px;
        text-align: center;
        border-bottom: solid 1px #ccc;
        background-color: #fff1fa;
    }

    .profile-page-header .profile-cover .profile-offer .do-work ul {
        margin: 0 20px 20px 20px;
        padding: 0px;
    }

        .profile-page-header .profile-cover .profile-offer .do-work ul li {
            margin: 0px;
            padding: 0 0 10px 0;
            list-style: none;
            float: none;
            text-align: center;
            margin: 0 0 10px 0;
        }

            .profile-page-header .profile-cover .profile-offer .do-work ul li .circle-outer {
                padding: 5px 13px;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                background-color: #4b85e1;
                display: inline-block;
                float: left;
            }

            .profile-page-header .profile-cover .profile-offer .do-work ul li p {
                font-size: 16px;
                line-height: 20px;
                color: #333;
                padding: 10px 10px 10px 10px;
                text-align: left;
                font-weight: 500;
                margin: 0 0 0 40px;
            }

    .profile-page-header .profile-cover .profile-offer .do-work .btn-outer {
        text-align: center;
        margin: 0 0 10px 0;
        vertical-align: middle;
    }


.profile-right-outer .only-frm-outer .promofrms-outer .do-work {
    background-color: #f2f4f8;
}

    .profile-right-outer .only-frm-outer .promofrms-outer .do-work h3 {
        font-size: 22px;
        line-height: 22px;
        font-weight: 500;
        color: #212121;
        margin: 0 0 15px 0;
        padding: 15px 20px;
        text-align: center;
        border-bottom: solid 1px #ccc;
        background-color: #fff1fa;
    }

    .profile-right-outer .only-frm-outer .promofrms-outer .do-work ul {
        margin: 0 20px 20px 20px;
        padding: 0px;
    }

        .profile-right-outer .only-frm-outer .promofrms-outer .do-work ul li {
            margin: 0px;
            padding: 0 0 10px 0;
            list-style: none;
            float: none;
            text-align: center;
            margin: 0 0 10px 0;
        }

            .profile-right-outer .only-frm-outer .promofrms-outer .do-work ul li .circle-outer {
                padding: 5px 13px;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                background-color: #4b85e1;
                display: inline-block;
                float: left;
            }

            .profile-right-outer .only-frm-outer .promofrms-outer .do-work ul li p {
                font-size: 16px;
                line-height: 20px;
                color: #333;
                padding: 10px 10px 10px 10px;
                text-align: left;
                font-weight: 500;
                margin: 0 0 0 40px;
            }

    .profile-right-outer .only-frm-outer .promofrms-outer .do-work .btn-outer {
        text-align: center;
        margin: 0 0 10px 0;
        vertical-align: middle;
    }


.profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work {
    background-color: #f2f4f8;
}

    .profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work h3 {
        font-size: 22px;
        line-height: 22px;
        font-weight: 500;
        color: #212121;
        margin: 0 0 15px 0;
        padding: 15px 20px;
        text-align: center;
        border-bottom: solid 1px #ccc;
        background-color: #fff1fa;
    }

    .profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work ul {
        margin: 0 20px 20px 20px;
        padding: 0px;
    }

        .profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work ul li {
            margin: 0px;
            padding: 0 0 10px 0;
            list-style: none;
            float: none;
            text-align: center;
            margin: 0 0 10px 0;
        }

            .profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work ul li .circle-outer {
                padding: 5px 13px;
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                text-align: center;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
                background-color: #4b85e1;
                display: inline-block;
                float: left;
            }

            .profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work ul li p {
                font-size: 16px;
                line-height: 20px;
                color: #333;
                padding: 10px 10px 10px 10px;
                text-align: left;
                font-weight: 500;
                margin: 0 0 0 40px;
            }

    .profile-detail-outer .full-common-form .only-frm-outer .promofrms-outer .do-work .btn-outer {
        text-align: center;
        margin: 0 0 10px 0;
        vertical-align: middle;
    }

.question-blk .service-list-blk ul li .check.small {
    left: 37px;
}

.question-blk .contact-blk ul li p {
    font-size: 13px;
    line-height: 18px;
    color: #666;
    margin: 5px 0;
}

    .question-blk .contact-blk ul li p i {
        color: #9A070A;
        margin: 0 4px 0 0;
    }
.question-blk .service-list-blk ul li label.small {
    font-size: 13px;
    padding: 4px 25px 5px 40px;
}
/*detail page popup*/