@media (min-width: 1510px) and (max-width: 2000px) {
    .point_dynamic {
        position: absolute;
        margin-top: 145px;
        left: 39%;
        z-index: 999;
    }
}
@media (min-width: 1200px) and (max-width: 1510px) {
    .query_image img {
        position: relative;
        top: 70px;
        right: 40px;
        width: 400px;
    }

    .slider_wrapper {
        min-height: 565px;
    }

    .sliderup_image img {
        width: 650px;
    }

    .w_btn {
        padding: 8px 18px;
        margin-right: 25px;
    }

    .user_hello h3 {
        font-size: 32px;
    }

        .user_hello h3 span {
            font-size: 32px;
        }

    .footer_bg {
        margin-left: 0;
    }

    .footer_boy img {
        display: none;
    }

    .footer_boy img {
    }

    .no-touch #cd-vertical-nav {
        right: 0px;
    }

    /*Start Blog Detail Page css*/
    .blog_detail_wrapper h1 {
        font-size: 25px !important;
    }
     .blog_detail_wrapper #SubHeader {
       font-size: 15px !important;
    }

    .blog_detail_wrapper h6 {
        font-size: 15px;
        margin-top: 10px;
    }

        .blog_detail_wrapper h6 span {
            font-size: 15px;
        }

    .blog_detail_wrapper img {
        margin: 10px 0px 20px;
    }

    .blog_detail_wrapper p {
        font-size: 15px;
        font-family: 'Poppins-regular';
        line-height: 24px;
    }

    .blog_share {
        padding: 0px 0 20px;
        margin-top: 30px;
    }

    .pc_content .blog_share h3 {
        font-size: 24px;
    }

    .pc_content .blog_share a i {
        font-size: 20px;
        margin-left: 10px;
    }
    /*End Blog Detail Page css*/


    /*Start Daily Feeds Page css*/
    .feed_block.active ul h4 {
        font-size: 16px;
        font-family: 'Poppins-medium';
        overflow: hidden;
    }

    .feed_block span {
        font-size: 15px;
        margin-top: 0px;
    }

    .feed_block p {
        font-size: 15px;
        width: 100%;
        font-family: 'Poppins-regular';
    }

    .feed_block ul h4 {
        font-size: 16px;
        font-family: 'Poppins-medium';
        overflow: hidden;
    }

    .survey_content .my_pagination {
        padding-top: 15px;
    }

    .feed_view a {
        font-size: 15px;
    }
    /*End Daily Feeds Page css*/


    /*Start Refer & Earn Page css*/
    .refer_wrapper .content_inner p {
        font-size: 17px;
        margin: 20px 0 10px;
    }

    .refer_wrapper .survey_content {
        min-height: 275px;
        max-height: 275px;
        margin-bottom: 0px;
        background-size: 140px;
    }

    .my_referal {
        min-height: 275px;
        max-height: 275px;
        padding: 20px 25px;
    }

        .my_referal .popbtn1 {
            font-size: 15px;
            margin-top: 165px;
        }

    .find_friend {
        display: block;
        padding: 15px;
    }

    .my_friend {
        width: 100%;
        padding: 15px 0 35px;
        border-right: none;
        border-bottom: solid 1px #dadada;
    }

        .my_friend h2 {
            font-size: 28px;
        }

        .my_friend ul li a img {
            width: 80px;
        }

        .my_friend ul li {
            width: 23%;
            margin-top: 20px;
        }

    .my_friendLink {
        width: 100%;
        padding: 35px 0 5px;
    }

        .my_friendLink p {
            font-size: 20px;
        }

        .my_friendLink h3 {
            font-size: 30px;
        }

        .my_friendLink span {
            font-size: 35px;
        }

        .my_friendLink h3 a {
            font-size: 25px;
        }

    .refer_offer_content {
        background: none;
    }

    .offer_content {
        width: 100%;
        float: none;
    }

        .offer_content h2 {
            font-size: 40px;
        }

    .off1 {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        border-bottom: solid 1px #4798ad;
        border-right: none;
        
    }

    .off2 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .off1 span {
        font-size: 80px;
        line-height: 80px;
    }

    .off1 p {
        font-size: 20px;
    }

    .off2 span {
        font-size: 60px;
        line-height: 60px;
    }

    .off2 h4 {
        font-size: 28px;
    }

    .off2 p {
        font-size: 20px;
    }
    /*End Refer & Earn Page css*/


    /*Start Profile Question optional Page css*/
    .que_wrapper .survey_content {
        background-size: cover;
        background: url(../images/profile_question_bg.png) no-repeat left center;
    }

    .que_wrapper .content_inner h2 {
        margin: 50px 0 0;
        font-size: 55px;
    }

    .que_wrapper .content_inner h3 {
        font-size: 25px;
    }

        .que_wrapper .content_inner h3 span {
            font-size: 35px;
        }

    .que_optn a {
        font-family: 'Poppins-medium';
        font-size: 15px;
    }
    /*End Profile Question optional Page css*/


    /*Strat Offer & Rewards Page css*/
    .offer_blog .nav-tabs a {
        font-size: 20px;
    }

    .reward_wrap .survey_content {
        margin-bottom: 30px;
    }

    .my_offers {
        padding: 20px 8px;
        background-size: cover;
        min-height: 354px;
        max-height: auto;
    }

        .my_offers .popbtn1 {
            font-size: 12px;
            margin-top: 260px;
        }

    .offer_Dblog ul li a img {
        display: block;
        margin: 0 auto 5px
    }

    .offer_Dblog ul li {
        width: 32%;
        text-align: center;
        padding: 12px;
    }

        .offer_Dblog ul li a {
            font-size: 13px;
        }
    /*Strat Offer & Rewards Page css*/


    .das_blog a {
        font-size: 14px;
        padding: 6px 10px;
        top: 7%;
    }
    .point_dynamic {
        position: absolute;
        margin-top: 145px;
        left: 39%;
        z-index: 999;
    }
    
}



@media (min-width: 992px) and (max-width: 1199px) {
    .slider_wrapper {
        min-height: 485px;
    }

    .sliderup_image img {
        width: 520px;
        right: 20px;
        top: 150px;
    }

    .sliderup_text {
        margin-top: 180px;
    }

    .my_nav ul li a {
        font-size: 16px;
    }

    .sliderup_image {
    }

    .sliderup_text h1 {
        font-size: 45px;
    }

        .sliderup_text h1 .f_light {
            font-size: 55px;
        }

        .sliderup_text h1 .f_clr {
            font-size: 55px;
        }

    .sliderup_text p {
        font-size: 22px;
    }

    .how_work_wrapper {
        padding: 50px 0 60px;
    }

    .how_work_heading h2 {
        font-size: 32px;
    }

    .how_work_heading p {
        font-size: 18px;
        margin-bottom: 0;
    }

    .process_block {
        margin-top: 50px;
    }

        .process_block h3 {
            font-size: 18px;
            margin: 15px 0 0;
        }

    .indigator {
        display: none;
    }

    .not_join button {
        font-size: 17px;
        padding: 13px 40px;
    }

    .commited_text h2 {
        font-size: 28px;
        margin: 10px 0;
    }

    .commited_text p {
        font-size: 16px;
    }

    .commited_text img {
        margin-top: 10px;
        width: 100%;
    }

    .commited_image img {
        width: 100%;
    }

    .commited_wrapper {
        padding-top: 40px;
    }

    .footer_nav ul li a {
        font-size: 14px;
        padding: 0px 7px;
    }

    .footer_sociallink a {
        margin: 0 0px;
    }

    .footer_inner {
        padding: 50px 0;
    }



    /*Strat Login Page Css*/
    .login_wrapper, .register_wrapper {
        background-size: auto;
    }

    .register_inner {
        width: 900px;
    }

    .rg_btn_box .divider p::before, .rg_btn_box .divider p::after {
        width: 43%;
    }
    /*End Login Page Css*/


    /*Start Why Join Us Page css*/
    .privacy_wrapper {
        padding: 30px 0;
    }

        .privacy_wrapper .blog_haeding {
            font-size: 28px;
        }

    .join_blog h3 {
        font-size: 24px;
    }


    .join_image img {
        width: 100%;
        margin-bottom: 30px;
    }

    .j_blog2 {
        padding-top: 0px;
    }

    .join_blog {
        margin-bottom: 30px;
    }
    /*End Why Join Us Page css*/


    /*Start How Works Page css*/
    .border1 {
        display: none;
    }

    .work_step5 .step_blog {
        margin-top: 30px;
    }

    .step_blog h3 {
        font-size: 20px;
        padding: 25px 20px 25px;
    }

    .work_step1 .step_blog h3, .work_step3 .step_blog h3, .work_step5 .step_blog h3 {
        padding: 25px 45px 25px 20px;
    }

    .work_step2 .step_blog h3, .work_step4 .step_blog h3, .work_step6 .step_blog h3 {
        padding: 25px 20px 25px 45px;
    }
    /*End How Works Page css*/

    /*Start Contact Us Page css*/
    .query_image img {
        top: 80px;
        right: 0;
        width: 400px;
    }
    /*End Contact Us Page css*/

    /*Start About Us Page css*/

    .about_rgWrapper {
        min-height: 288px;
        background-size: cover;
    }

        .about_rgWrapper p {
            font-size: 35px;
            padding: 60px 40px;
        }

    .about_sec1 {
        margin: 0px 0 0px;
    }

        .about_sec1 .j_blog2 {
            margin-top: 0px;
        }

    .about_sec2 .j_blog2 {
        margin-top: 45px;
    }

    .what_doBlock2 .join_blog h3 {
        font-size: 26px;
    }

    .about_step .join_blog h3 {
        font-size: 26px;
    }

    .about_step .join_blog h4 {
        font-size: 19px;
    }
    /*End About Us Page css*/

    .dashboard_wrapper {
        margin-left: 300px;
    }

    .das_header {
        display: flex;
        padding: 25px 15px;
    }

    .user_hello h3 {
        font-size: 26px;
    }

        .user_hello h3 span {
            font-size: 26px;
        }

    .user_pro {
        width: 35px;
    }

    .user_detail .dropdown button {
        font-size: 16px;
    }

    .w_btn {
        padding: 8px 18px;
        font-size: 14px;
        margin-right: 15px;
    }

    .user_detail .dropdown-menu {
        left: -6px !important;
    }

    .dropdown-menu.show a {
        font-size: 13px;
    }

    .das_content {
        padding: 35px 20px 0px;
    }

    .das_blog a {
        font-size: 14px;
        padding: 6px 10px;
        top: 7%;
    }

    .footer_boy {
        display: none;
    }

    .footer_bg {
        margin-left: 0px;
        background-size: inherit;
    }


    .modal {
        margin: 0 15px;
    }

    .pop2_content {
        padding: 40px 35px;
    }

        .pop2_content h4 {
            font-size: 25px;
            font-family: 'Poppins-regular';
        }

        .pop2_content p {
            font-size: 18px;
            font-family: 'Poppins-regular';
        }

    .popbtn1 {
        font-size: 15px;
    }

    .modal-dialog {
        max-width: 900px !important;
    }


    /*Start Survey Page css*/
    .no-touch #cd-vertical-nav {
        display: none;
    }

    .survey_wrapper {
        width: 100%;
        position: relative;
    }

    .survey_content table tr th {
        font-size: 14px;
    }

    .survey_content table tr td {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }

    .survey_content {
        padding: 20px 20px;
        min-height: auto;
    }

        .survey_content h1 {
            font-size: 28px;
        }

        .survey_content table {
            min-width: 100%;
        }

    .content_inner {
        min-height: auto;
    }

    .survey_fullName {
        width: 330px;
    }

    #cd-vertical-nav .side_close {
        display: block;
    }
    /*End Survey Page css*/



    /*Start Survey Page css*/
    .Rside_opn {
        display: none;
        top: 4px;
        right: 0;
        left: auto;
    }

    .no-touch #cd-vertical-nav .cd-dot {
        top: 8px;
        padding: 14px;
        width: 80px;
        height: 80px;
    }

        .no-touch #cd-vertical-nav .cd-dot img {
            width: 45px;
            height: 45px;
        }

    #cd-vertical-nav ul {
        background-color: #27d2eb;
    }

    .no-touch #cd-vertical-nav {
        display: block;
        top: 0px;
        right: -267px;
        background-color: #27d2eb;
        position: fixed;
    }

        .no-touch #cd-vertical-nav .cd-label {
            opacity: 1;
            color: #fff;
            top: 22px;
        }

        .no-touch #cd-vertical-nav a:hover span {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6);
        }
    /*End Survey Page css*/


    /*Strat Profile Questions Page css*/
    .pc_content h3 {
        font-size: 22px;
        font-family: 'Poppins-medium';
        line-height: 30px;
    }

    .rd_block {
        font-size: 15px;
        line-height: 20px;
        font-family: 'Poppins-regular';
    }

    .survey_content .my_pagination ul li a {
        font-size: 16px;
    }
    /*End Profile Questions Page css*/


    /*Start Blog Page Page css*/
    .blog_pro_detail h4 {
        font-size: 18px;
        font-family: 'Poppins-medium';
        margin: 0px 0 8px;
    }

     .blog_pro_detail h5 {
        font-size: 15px;
        font-family: 'Poppins-Regular';
        margin: 0px 0 8px;
    }

    .blog_pro_detail h6 {
        font-size: 13px;
    }

    .blog_pro_detail span {
        font-size: 13px;
    }

    .blog_pro_detail p {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }

    .blog_pro_detail a {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }
    /*End Blog Page Page css*/


    /*Start Blog Detail Page css*/
    .blog_detail_wrapper h1 {
        font-size: 25px !important;
    }

    .blog_detail_wrapper h6 {
        font-size: 15px;
        margin-top: 10px;
    }

        .blog_detail_wrapper h6 span {
            font-size: 15px;
        }

    .blog_detail_wrapper img {
        margin: 10px 0px 20px;
    }

    .blog_detail_wrapper p {
        font-size: 15px;
        font-family: 'Poppins-regular';
        line-height: 24px;
    }

    .blog_share {
        padding: 0px 0 20px;
        margin-top: 30px;
    }

    .pc_content .blog_share h3 {
        font-size: 24px;
    }

    .pc_content .blog_share a i {
        font-size: 20px;
        margin-left: 10px;
    }
    /*End Blog Detail Page css*/


    /*Start Daily Feeds Page css*/
    .feed_block.active ul h4 {
        font-size: 16px;
        font-family: 'Poppins-medium';
        overflow: hidden;
    }

    .feed_block span {
        font-size: 15px;
        margin-top: 0px;
    }

    .feed_block p {
        font-size: 15px;
        width: 100%;
        font-family: 'Poppins-regular';
    }

    .feed_block ul h4 {
        font-size: 16px;
        font-family: 'Poppins-medium';
        overflow: hidden;
    }

    .survey_content .my_pagination {
        padding-top: 15px;
    }

    .feed_view a {
        font-size: 15px;
    }
    /*End Daily Feeds Page css*/


    /*Start Refer & Earn Page css*/
    .refer_wrapper .content_inner p {
        font-size: 20px;
        margin: 20px 0 20px;
    }

    .refer_wrapper .survey_content {
        min-height: 275px;
        max-height: 275px;
        margin-bottom: 0px;
        background-size: 140px;
    }

    .my_referal {
        min-height: 275px;
        max-height: 275px;
        padding: 20px 25px;
    }

        .my_referal .popbtn1 {
            font-size: 15px;
            margin-top: 165px;
        }

    .find_friend {
        display: block;
        padding: 15px;
    }

    .my_friend {
        width: 100%;
        padding: 15px 0 35px;
        border-right: none;
        border-bottom: solid 1px #dadada;
    }

        .my_friend h2 {
            font-size: 28px;
        }

        .my_friend ul li a img {
            width: 80px;
        }

        .my_friend ul li {
            width: 23%;
            margin-top: 20px;
        }

    .my_friendLink {
        width: 100%;
        padding: 35px 0 5px;
    }

        .my_friendLink p {
            font-size: 20px;
        }

        .my_friendLink h3 {
            font-size: 30px;
        }

        .my_friendLink span {
            font-size: 35px;
        }

        .my_friendLink h3 a {
            font-size: 25px;
        }

    .refer_offer_content {
        background: none;
    }

    .offer_content {
        width: 100%;
        float: none;
    }

        .offer_content h2 {
            font-size: 40px;
        }

    .off1 {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        border-bottom: solid 1px #4798ad;
        border-right: none;
        ;
    }

    .off2 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .off1 span {
        font-size: 80px;
        line-height: 80px;
    }

    .off1 p {
        font-size: 20px;
    }

    .off2 span {
        font-size: 60px;
        line-height: 60px;
    }

    .off2 h4 {
        font-size: 28px;
    }

    .off2 p {
        font-size: 20px;
    }

    .pop2_content table tr td a {
    }
    /*End Refer & Earn Page css*/


    /*Start Profile Question optional Page css*/
    .que_wrapper .survey_content {
        background-size: cover;
    }

    .que_wrapper .content_inner h2 {
        margin: 50px 0 0;
        font-size: 55px;
    }

    .que_wrapper .content_inner h3 {
        font-size: 25px;
    }

        .que_wrapper .content_inner h3 span {
            font-size: 35px;
        }

    .que_optn a {
        font-family: 'Poppins-medium';
        font-size: 15px;
    }

    .close_pop {
        top: -20px;
        right: -14px;
        width: 60px;
    }
    /*End Profile Question optional Page css*/


    /*Strat Offer & Rewards Page css*/
    .offer_blog .nav-tabs a {
        font-size: 20px;
    }

    .reward_wrap .survey_content {
        margin-bottom: 30px;
    }

    .my_offers {
        padding: 20px 8px;
        background-size: cover;
        min-height: 311px;
        max-height: auto;
    }

        .my_offers .popbtn1 {
            font-size: 13px;
            margin-top: 225px;
        }

    .offer_Dblog ul li a img {
        display: block;
        margin: 0 auto 5px
    }

    .offer_Dblog ul li {
        width: 32%;
        text-align: center;
        padding: 12px;
    }

        .offer_Dblog ul li a {
            font-size: 13px;
        }
    /*Strat Offer & Rewards Page css*/


    /*Strat FAQ Page css*/
    .set > a {
        padding: 10px 25px 10px 15px;
        position: relative;
        font-size: 18px;
    }

    .set .fa-plus {
        position: absolute;
        top: 13px;
        right: 10px;
    }

    .set .fa-minus {
        position: absolute;
        top: 13px;
        right: 10px;
    }
    /*End FAQ Page css*/


    .point_dynamic {
        position: absolute;
        margin-top: 145px;
        left: 39%;
        z-index: 999;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) {
    .header_wrapper {
        padding: 20px 0 !important;
    }

    .container {
        max-width: 100%;
    }

    .sliderup_text {
        margin-top: 150px;
    }

    .slider_wrapper {
        min-height: auto;
        padding-bottom: 60px;
    }

    .sliderup_image {
        display: none;
    }

    .sliderup_text h1 {
        font-size: 60px;
    }

        .sliderup_text h1 .f_light {
            font-size: 70px;
        }

        .sliderup_text h1 .f_clr {
            font-size: 70px;
        }

    .sliderup_text p {
        font-size: 26px;
    }

    .sliderup_image {
        display: none;
    }

    .how_work_wrapper {
        padding: 50px 0 60px;
    }

    .how_work_heading h2 {
        font-size: 32px;
    }

    .how_work_heading p {
        font-size: 18px;
        margin-bottom: 0;
    }

    .process_block {
        margin-top: 50px;
    }

        .process_block h3 {
            font-size: 18px;
            margin: 15px 0 0;
        }

    .indigator {
        display: none;
    }

    .not_join button {
        font-size: 17px;
        padding: 13px 40px;
    }

    .my_nav .navbar-brand {
        padding: 0px;
    }

    .my_nav .navbar {
        background-color: #38c1cf;
        width: 100%;
        padding: 0 15px;
    }

    .my_nav .navbar-nav {
        text-align: center;
    }

    .my_nav ul li {
        margin-left: 0px;
        margin-bottom: 15px;
    }

    .no_pad {
        padding: 0px;
    }

    .commited_text h2 {
        font-size: 28px;
        margin: 10px 0;
    }

    .commited_text p {
        font-size: 16px;
    }

    .commited_text img {
        margin-top: 10px;
        width: 100%;
    }

    .commited_image img {
        width: 100%;
    }

    .commited_wrapper {
        padding-top: 40px;
    }

    .footer_nav ul li a {
        font-size: 14px;
        padding: 0px 7px;
    }

    .footer_sociallink a {
        margin: 0 0px;
    }

    .footer_inner {
        padding: 50px 0;
    }


    /*Strat Login Page Css*/
    .login_wrapper, .register_wrapper {
        background-size: auto;
    }

    .register_inner {
        width: 630px;
    }

    .rg_btn_box {
        padding: 0 0px;
    }
    /*End Login Page Css*/


    /*Start Why Join Us Page css*/
    .privacy_wrapper {
        padding: 30px 0;
    }

        .privacy_wrapper .blog_haeding {
            font-size: 28px;
        }

    .join_blog h3 {
        font-size: 22px;
    }
    .join_image img {
        width: 100%;
        margin-bottom: 30px;
    }

    .j_blog2 {
        padding-top: 0px;
    }

    .join_blog {
        margin-bottom: 30px;
    }
    /*End Why Join Us Page css*/


    /*Start How Works Page css*/
    .howWork_wrapper .blog_text {
        font-size: 16px;
    }

    .border1 {
        display: none;
    }

    .step_blog_inner img {
        display: none;
    }

    .work_step1 .step_image {
        padding-right: 0;
    }

    .work_step1 .step_blog {
        padding-left: 0;
    }

    .step_blog h3 {
        position: static;
        left: 0;
    }

    .work_step2 .step_blog, .work_step4 .step_blog, .work_step6 .step_blog {
        padding-right: 0px;
    }

    .work_step2 .step_image {
        padding: 0px;
    }

    .work_step3 .step_image {
        padding: 0px;
    }

    .step_blog {
        padding: 0px;
    }

    .work_step4 .step_image {
        padding: 0px;
    }

    .step_image {
        padding: 0px;
    }

    .work_step6 .step_image {
        padding: 0px;
    }

    .step_image img {
        margin: auto;
        display: table;
        width: 200px;
    }

    .step_blog h3 {
        font-size: 18px;
        padding: 25px 20px 25px;
    }

    .step_blog_inner span {
        font-size: 45px;
    }

    .howWork_wrapper .blog_text {
        margin-bottom: 25px;
    }

    .step_blog {
        margin-top: 35px;
    }

    .work_step1 {
        margin-bottom: 0px;
    }

    .work_step4 .step_blog {
        margin-top: 0px;
    }

    .work_step2 {
        margin: 30px 0;
    }

    .work_step4 {
        margin-bottom: 30px;
    }

    .work_step5 {
        margin-bottom: 30px;
    }

    .work_step4 .step_image {
        margin-bottom: 30px;
    }

    .work_step5 .step_blog {
        margin-top: 30px;
    }

        .work_step1 .step_blog h3, .work_step3 .step_blog h3, .work_step5 .step_blog h3 {
            padding: 25px 45px 25px 20px;
        }

    .work_step2 .step_blog h3, .work_step4 .step_blog h3, .work_step6 .step_blog h3 {
        padding: 25px 20px 25px 45px;
    }

    .howWork_wrapper .join_us_content::after {
        display: none;
    }
    /*End How Works Page css*/

    /*Start Contact Us Page css*/
    .query_image img {
        position: relative;
        top: 0;
        right: 0;
        width: 330px;
        margin: auto;
        display: table;
    }

    .contact_wrapper {
        padding: 30px 0;
    }

    .contact_blog h2 {
        margin: 30px 0 25px;
        font-size: 28px;
    }
    /*End Contact Us Page css*/

    /*Start About Us Page css*/

    .about_rgWrapper {
        min-height: 288px;
        background-size: cover;
    }

        .about_rgWrapper p {
            font-size: 35px;
            padding: 60px 40px;
        }

    .what_doBlock2 .join_blog h3 {
        font-size: 24px;
    }

    .about_sec1 {
        margin: 0px 0 0px;
    }

        .about_sec1 .j_blog2 {
            margin-top: 0px;
        }

    .about_sec2 .j_blog2 {
        margin-top: 45px;
    }

    .about_step .join_blog h3 {
        font-size: 24px;
    }

    .about_step .join_blog h4 {
        font-size: 18px;
    }
    /*End About Us Page css*/


    .my_sidenav {
        left: -300px;
    }

    .dashboard_wrapper {
        margin-left: 0;
    }

    .das_header {
        display: flex;
        padding: 25px 15px;
    }

    .user_hello h3 {
        font-size: 26px;
    }

        .user_hello h3 span {
            font-size: 26px;
        }

    .user_pro {
        width: 35px;
    }

    .user_detail .dropdown button {
        font-size: 16px;
    }

    .w_btn {
        padding: 6px 22px;
        font-size: 14px;
        margin-right: 15px;
    }

    .user_detail .dropdown-menu {
        left: -6px !important;
    }

    .dropdown-menu.show a {
        font-size: 13px;
    }

    .das_content {
        padding: 35px 20px 0px;
        position: relative;
    }

    .das_blog a {
        font-size: 20px;
        padding: 8px 20px;
    }

    .footer_boy {
        display: none;
    }

    .footer_bg {
        margin-left: 0px;
        background-size: inherit;
    }


    .modal {
        margin: 0 15px;
    }

    .pop2_content {
        padding: 30px 25px;
    }

        .pop2_content h4 {
            font-size: 22px;
            font-family: 'Poppins-regular';
        }

        .pop2_content p {
            font-size: 16px;
            font-family: 'Poppins-regular';
        }

    .popbtn1 {
        font-size: 15px;
    }

    .modal-dialog {
        max-width: 700px !important;
    }

    .popnav li a {
        font-size: 15px;
        padding: 0 15px;
    }

    .pop_active_bg {
        right: -10px;
        bottom: 100px;
        width: 250px;
    }


    .side_opn {
        display: block;
    }

    .side_close {
        display: block;
    }


    /*Start Survey Page css*/
    .no-touch #cd-vertical-nav {
        display: none;
    }

    .survey_wrapper {
        width: 100%;
    }

    .survey_content table tr th {
        font-size: 15px;
    }

    .survey_content table tr td {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }

    .survey_content {
        padding: 20px 20px;
        min-height: auto;
    }

        .survey_content h1 {
            font-size: 28px;
        }

        .survey_content table {
            min-width: 100%;
        }

    .content_inner {
        min-height: auto;
    }

    .survey_fullName {
        width: 330px;
    }



    .Rside_opn {
        display: block;
        top: 4px;
        right: 0;
        left: auto;
        z-index:100000;
    }
    .main-menu {display:none;}

    .no-touch #cd-vertical-nav .cd-dot {
        top: 8px;
        padding: 14px;
        width: 80px;
        height: 80px;
    }

        .no-touch #cd-vertical-nav .cd-dot img {
            width: 45px;
            height: 45px;
        }

    #cd-vertical-nav ul {
        background-color: #27d2eb;
    }

    .no-touch #cd-vertical-nav {
        display: block;
        top: 0px;
        right: -267px;
        background-color: #27d2eb;
        position: fixed;
    }

        .no-touch #cd-vertical-nav .cd-label {
            opacity: 1;
            color: #fff;
            top: 22px;
        }

        .no-touch #cd-vertical-nav a:hover span {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6);
        }
    /*End Survey Page css*/


    /*Strat Profile Questions Page css*/
    .pc_content h3 {
        font-size: 22px;
        font-family: 'Poppins-medium';
        line-height: 30px;
    }

    .rd_block {
        font-size: 15px;
        line-height: 20px;
        font-family: 'Poppins-regular';
    }

    .survey_content .my_pagination ul li a {
        font-size: 16px;
    }
    /*End Profile Questions Page css*/


    /*Start Blog Page Page css*/
    .blog_pro_detail h4 {
        font-size: 18px;
        font-family: 'Poppins-medium';
        margin: 0px 0 8px;
    }

    .blog_pro_detail h6 {
        font-size: 13px;
    }

    .blog_pro_detail span {
        font-size: 13px;
    }

    .blog_pro_detail p {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }

    .blog_pro_detail a {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }
    /*End Blog Page Page css*/


    /*Start Blog Detail Page css*/
    .blog_detail_wrapper h1 {
        font-size: 25px !important;
    }

    .blog_detail_wrapper h6 {
        font-size: 15px;
        margin-top: 10px;
    }

        .blog_detail_wrapper h6 span {
            font-size: 15px;
        }

    .blog_detail_wrapper img {
        margin: 10px 0px 20px;
    }

    .blog_detail_wrapper p {
        font-size: 15px;
        font-family: 'Poppins-regular';
        line-height: 24px;
    }

    .blog_share {
        padding: 0px 0 20px;
        margin-top: 30px;
    }

    .pc_content .blog_share h3 {
        font-size: 24px;
    }

    .pc_content .blog_share a i {
        font-size: 20px;
        margin-left: 10px;
    }
    /*End Blog Detail Page css*/


    /*Start Daily Feeds Page css*/
    .feed_block.active ul h4 {
        font-size: 16px;
        font-family: 'Poppins-medium';
        overflow: hidden;
    }

    .feed_block span {
        font-size: 15px;
        margin-top: 8px;
    }

    .feed_block p {
        font-size: 15px;
        width: 100%;
        font-family: 'Poppins-regular';
    }

    .feed_block ul h4 {
        font-size: 16px;
        font-family: 'Poppins-medium';
        overflow: hidden;
    }

    .survey_content .my_pagination {
        padding-top: 15px;
    }

    .feed_view a {
        font-size: 14px;
    }
    /*End Daily Feeds Page css*/


    /*Start Refer & Earn Page css*/
    .refer_wrapper .content_inner p {
        font-size: 17px;
        margin: 20px 0 20px;
    }

    .refer_wrapper .survey_content {
        min-height: 275px;
        max-height: 275px;
        margin-bottom: 0px;
        background-size: 140px;
    }

    .my_referal {
        min-height: 275px;
        max-height: 275px;
        padding: 20px 25px;
    }

        .my_referal .popbtn1 {
            font-size: 15px;
            margin-top: 165px;
        }

    .find_friend {
        display: block;
        padding: 15px;
    }

    .my_friend {
        width: 100%;
        padding: 15px 0 35px;
        border-right: none;
        border-bottom: solid 1px #dadada;
    }

        .my_friend h2 {
            font-size: 28px;
        }

        .my_friend ul li a img {
            width: 80px;
        }

        .my_friend ul li {
            width: 23%;
            margin-top: 20px;
        }

    .my_friendLink {
        width: 100%;
        padding: 35px 0 5px;
    }

        .my_friendLink p {
            font-size: 20px;
        }

        .my_friendLink h3 {
            font-size: 30px;
        }

        .my_friendLink span {
            font-size: 35px;
        }

        .my_friendLink h3 a {
            font-size: 25px;
        }

    .refer_offer_content {
        background: none;
    }

    .offer_content {
        width: 100%;
        float: none;
    }

        .offer_content h2 {
            font-size: 40px;
        }

    .off1 {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        border-bottom: solid 1px #4798ad;
        border-right: none;
        ;
    }

    .off2 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .off1 span {
        font-size: 80px;
        line-height: 80px;
    }

    .off1 p {
        font-size: 20px;
    }

    .off2 span {
        font-size: 60px;
        line-height: 60px;
    }

    .off2 h4 {
        font-size: 28px;
    }

    .off2 p {
        font-size: 20px;
    }
    /*End Refer & Earn Page css*/


    /*Start Profile Question optional Page css*/
    .que_wrapper .survey_content {
        background-size: cover;
    }

    .que_wrapper .content_inner h2 {
        margin: 50px 0 0;
        font-size: 55px;
    }

    .que_wrapper .content_inner h3 {
        font-size: 25px;
    }

        .que_wrapper .content_inner h3 span {
            font-size: 35px;
        }

    .que_optn a {
        font-family: 'Poppins-medium';
        font-size: 16px;
    }

    .close_pop {
        top: -20px;
        right: -14px;
        width: 55px;
    }
    /*End Profile Question optional Page css*/


    /*Strat Offer & Rewards Page css*/
    .offer_blog .nav-tabs a {
        font-size: 20px;
    }

    .reward_wrap .survey_content {
        margin-bottom: 30px;
    }

    .my_offers {
        padding: 20px 15px;
        background-size: cover;
        min-height: 311px;
        max-height: auto;
    }

        .my_offers .popbtn1 {
            font-size: 13px;
            margin-top: 225px;
        }

    .offer_Dblog ul li a img {
        display: block;
        margin: 0 auto 5px
    }

    .offer_Dblog ul li {
        width: 32%;
        text-align: center;
        padding: 15px;
    }

        .offer_Dblog ul li a {
            font-size: 15px;
        }

    .reedem_pnt span {
        width: 140px;
        height: 140px;
        font-size: 30px;
        padding: 50px 0;
    }
    /*Strat Offer & Rewards Page css*/


    /*Strat FAQ Page css*/
    .set > a {
        padding: 10px 25px 10px 15px;
        position: relative;
        font-size: 18px;
    }

    .set .fa-plus {
        position: absolute;
        top: 13px;
        right: 10px;
    }

    .set .fa-minus {
        position: absolute;
        top: 13px;
        right: 10px;
    }
    /*End FAQ Page css*/
    .point_dynamic {
        position: absolute;
        margin-top: 145px;
        left: 39%;
        z-index: 999;
    }
    


}


@media (min-width: 576px) and (max-width: 767px) {
    .header_wrapper {
        padding: 20px 0 !important;
    }

    .container {
        max-width: 100%;
    }

    .sliderup_text {
        margin-top: 150px;
    }

    .slider_wrapper {
        min-height: auto;
        padding-bottom: 30px;
    }

    .sliderup_image {
        display: none;
    }

    .sliderup_text h1 {
        font-size: 45px;
    }

        .sliderup_text h1 .f_light {
            font-size: 60px;
        }

        .sliderup_text h1 .f_clr {
            font-size: 60px;
        }

    .sliderup_text p {
        font-size: 24px;
    }

    .how_work_wrapper {
        padding: 50px 0 60px;
    }

    .how_work_heading h2 {
        font-size: 30px;
    }

    .how_work_heading p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .process_block {
        margin-top: 50px;
    }

        .process_block h3 {
            font-size: 18px;
            margin: 15px 0 0;
        }

    .indigator {
        display: none;
    }

    .not_join button {
        font-size: 17px;
        padding: 12px 40px;
    }

    .my_nav .navbar-brand {
        padding: 0px;
    }

    .my_nav .navbar {
        background-color: #38c1cf;
        width: 100%;
        padding: 0 15px;
    }

    .my_nav .navbar-nav {
        text-align: center;
    }

    .my_nav ul li {
        margin-left: 0px;
        margin-bottom: 15px;
    }

    .no_pad {
        padding: 0px;
    }

    .commited_text h2 {
        font-size: 25px;
        margin: 10px 0;
    }

    .commited_text p {
        font-size: 16px;
    }

    .commited_text img {
        margin-top: 10px;
        width: 100%;
    }

    .commited_image img {
        width: 100%;
    }

    .commited_wrapper {
        padding-top: 40px;
    }

    .footer_nav ul li a {
        font-size: 14px;
        padding: 0px 7px;
    }

    .footer_sociallink a {
        margin: 0 0px;
    }

    .footer_inner {
        padding: 50px 0;
    }

    .footer_outer p {
        font-size: 12px;
    }


    /*Strat Login Page Css*/
    .login_wrapper, .register_wrapper {
        background-size: auto;
    }

    .login_inner {
        width: 520px;
        margin: 30px auto 30px;
        padding: 30px 20px;
    }

        .login_inner h4 {
            padding: 25px 0 30px;
            font-size: 16px;
            line-height: 20px;
        }

    .rg_btn_box {
        padding: 0 0px;
    }

    .divider p {
        font-size: 22px;
    }
    /*End Login Page Css*/



    /*Start Why Join Us Page css*/
    .privacy_wrapper {
        padding: 30px 0;
    }

        .privacy_wrapper .blog_haeding {
            font-size: 28px;
        }

    .join_blog h3 {
        font-size: 22px;
    }


    .join_image img {
        width: 100%;
        margin-bottom: 30px;
    }

    .join-xs {
        display: block;
    }

    .join-hide-xs {
        display: none;
    }

    .j_blog2 {
        padding-top: 0px;
    }

    .join_blog {
        margin-bottom: 30px;
    }
    /*End Why Join Us Page css*/


    /*Start How Works Page css*/
    .howWork_wrapper .blog_text {
        font-size: 15px;
    }

    .howWork_wrapper {
        padding: 30px 100px;
    }

    .border1 {
        display: none;
    }

    .step_blog_inner img {
        display: none;
    }

    .work_step1 .step_image {
        padding-right: 0;
    }

    .work_step1 .step_blog {
        padding-left: 0;
    }

    .step_blog h3 {
        position: static;
        left: 0;
    }

    .work_step2 .step_blog, .work_step4 .step_blog, .work_step6 .step_blog {
        padding-right: 0px;
    }

    .work_step2 .step_image {
        padding: 0px;
    }

    .work_step3 .step_image {
        padding: 0px;
    }

    .step_blog {
        padding: 0px;
    }

    .work_step4 .step_image {
        padding: 0px;
    }

    .step_image {
        padding: 0px;
    }

    .work_step6 .step_image {
        padding: 0px;
    }

    .step_image img {
        margin: auto;
        display: table;
        width: 200px;
    }

    .step_blog h3 {
        font-size: 18px;
        padding: 25px 20px 25px;
    }

    .step_blog_inner span {
        font-size: 45px;
    }

    .howWork_wrapper .blog_text {
        margin-bottom: 25px;
    }

    .step_blog {
        margin-top: 35px;
    }

    .work_step1 {
        margin-bottom: 0px;
    }

    .work_step4 .step_blog {
        margin-top: 0px;
    }

    .s_img2 {
        display: none;
    }

    .s_img1 {
        display: block;
    }

    .work_step2 {
        margin: 30px 0;
    }

    .work_step4 {
        margin-bottom: 30px;
    }

    .work_step5 {
        margin-bottom: 30px;
    }

    .work_step4 .step_image {
        margin-bottom: 30px;
    }

    .work_step5 .step_blog {
        margin-top: 30px;
    }

        .work_step1 .step_blog h3, .work_step3 .step_blog h3, .work_step5 .step_blog h3 {
            padding: 25px 45px 25px 20px;
        }

    .work_step2 .step_blog h3, .work_step4 .step_blog h3, .work_step6 .step_blog h3 {
        padding: 25px 20px 25px 45px;
    }

    .howWork_wrapper .join_us_content::after {
        display: none;
    }
    /*End How Works Page css*/


    /*Start Privacy Pokicy Page css*/
    .privacy_content h3 {
        font-size: 18px;
    }

    .privacy_content p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 26px;
    }

    .privacy_content ul li {
        line-height: 26px;
        font-size: 14px;
    }
    /*End Privacy Pokicy Page css*/



    /*Start About Us Page css*/
    .whatDo_block {
        text-align: center;
    }

    .what_do {
        margin: 35px 0 0px;
    }

    .whatDo_block p {
        color: #414141;
        margin: 30px 0 30px;
    }

    .what_doBlock2 {
        padding-top: 20px;
    }

        .what_doBlock2 .join_blog h3 {
            font-size: 20px;
        }

    .about_sec1 {
        margin: 5px 0 0px;
    }

        .about_sec1 .j_blog2 {
            margin-top: 0px;
        }

    .what_doBlock2 .j_blog2 {
        padding-top: 0;
    }

    .about_sec2 .j_blog2 {
        margin-top: 0px;
    }

    .about_step {
        margin-top: 35px;
    }

        .about_step .join_blog h3 {
            font-size: 24px;
        }

        .about_step .join_blog h4 {
            font-size: 20px;
        }

    .about_rgWrapper p {
        font-size: 24px;
        padding: 40px 0;
    }

    .about_rgWrapper {
        min-height: 188px;
        background-size: cover;
    }
    /*End About Us Page css*/

    /*Start Contact Us Page css*/
    .query_image img {
        position: relative;
        top: 0;
        right: 0;
        width: 330px;
        margin: auto;
        display: table;
    }

    .contact_wrapper {
        padding: 30px 0;
    }

    .contact_blog h2 {
        margin: 30px 0 25px;
        font-size: 28px;
    }
    /*End Contact Us Page css*/


    .my_sidenav {
        left: -300px;
    }

    .dashboard_wrapper {
        margin-left: 0;
    }

    .das_header {
        display: flex;
        padding: 20px 15px;
    }

    .user_hello h3 {
        font-size: 20px;
    }

        .user_hello h3 span {
            font-size: 20px;
        }

    .user_pro {
        width: 30px;
    }

    .user_detail .dropdown button {
        font-size: 13px;
    }

    .w_btn {
        padding: 6px 12px;
        font-size: 13px;
        margin-right: 5px;
    }

    .user_detail .dropdown-menu {
        left: -6px !important;
    }

    .dropdown-menu.show a {
        font-size: 13px;
    }

    .das_content {
        padding: 35px 20px 0px;
        position: relative;
    }

    .das_blog a {
        font-size: 20px;
        padding: 8px 20px;
    }

    .footer_boy {
        display: none;
    }

    .footer_bg {
        margin-left: 0px;
        background-size: inherit;
    }


    .modal {
        margin: 0 15px;
    }

    .pop2_content {
        padding: 25px 15px;
    }

        .pop2_content h4 {
            font-size: 20px;
            font-family: 'Poppins-regular';
        }

        .pop2_content p {
            font-size: 15px;
            font-family: 'Poppins-regular';
        }

    .popbtn1 {
        font-size: 13px;
    }

    .modal-dialog {
        max-width: 500px !important;
    }

    .surveys .pop_btns .popbtn1:first-child {
        margin-bottom: 10px;
    }

    .surveys2 .pop_btns .popbtn1:first-child {
        margin-bottom: 10px;
    }

    .surveys3 .pop_btns .popbtn1:first-child {
        margin-bottom: 10px;
    }

    .popnav {
        margin: 20px 0 20px;
        padding: 0px;
    }

        .popnav li a {
            font-size: 14px;
            padding: 0 8px;
        }

    .pop_active_bg {
        right: -10px;
        bottom: 100px;
        width: 203px;
    }


    .side_opn {
        display: block;
    }

    .side_close {
        display: block;
    }


    /*Start Survey Page css*/
    .no-touch #cd-vertical-nav {
        display: none;
    }

    .survey_wrapper {
        width: 100%;
    }

    .survey_content table tr th {
        font-size: 14px;
    }

    .survey_content table tr td {
        font-size: 13px;
        font-family: 'Poppins-regular';
    }

    .survey_content {
        padding: 15px 15px;
        min-height: auto;
    }

        .survey_content h1 {
            font-size: 25px;
        }

        .survey_content table {
            min-width: 700px;
        }

    .content_inner {
        min-height: auto;
    }

    .survey_fullName {
        width: 230px;
        right: 10px;
    }

    .Rside_opn {
        display: block;
        top: 4px;
        right: 0;
        left: auto;
    }
    .main-menu {display:none;}

    .no-touch #cd-vertical-nav .cd-dot {
        top: 8px;
        padding: 14px;
        width: 80px;
        height: 80px;
    }

        .no-touch #cd-vertical-nav .cd-dot img {
            width: 45px;
            height: 45px;
        }

    #cd-vertical-nav ul {
        background-color: #27d2eb;
    }

    .no-touch #cd-vertical-nav {
        display: block;
        top: 0px;
        right: -267px;
        background-color: #27d2eb;
        position: fixed;
    }

        .no-touch #cd-vertical-nav .cd-label {
            opacity: 1;
            color: #fff;
            top: 22px;
        }

        .no-touch #cd-vertical-nav a:hover span {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6);
        }

    .Rside_opn {
        display: block;
    }
    /*End Survey Page css*/


    /*Strat Profile Questions Page css*/
    .pc_content h3 {
        font-size: 20px;
        font-family: 'Poppins-medium';
        line-height: 26px;
    }

    .rd_block {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Poppins-regular';
    }

    .survey_content .my_pagination ul li a {
        font-size: 14px;
    }
    /*End Profile Questions Page css*/


    /*Start Blog Page Page css*/
    .blog_pro_detail h4 {
        font-size: 18px;
        font-family: 'Poppins-medium';
        margin: 0px 0 8px;
    }

    .blog_pro_detail h6 {
        font-size: 13px;
    }

    .blog_pro_detail span {
        font-size: 13px;
    }

    .blog_pro_detail p {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }

    .blog_pro_detail a {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }
    /*End Blog Page Page css*/


    /*Start Blog Detail Page css*/
    .blog_detail_wrapper h1 {
        font-size: 24px !important;
    }

    .blog_detail_wrapper h6 {
        font-size: 14px;
        margin-top: 10px;
    }

        .blog_detail_wrapper h6 span {
            font-size: 14px;
        }

    .blog_detail_wrapper img {
        margin: 10px 0px 20px;
    }

    .blog_detail_wrapper p {
        font-size: 15px;
        font-family: 'Poppins-regular';
        line-height: 24px;
    }

    .blog_share {
        padding: 0px 0 20px;
        margin-top: 30px;
    }

    .pc_content .blog_share h3 {
        font-size: 22px;
    }

    .pc_content .blog_share a i {
        font-size: 20px;
        margin-left: 10px;
    }
    /*End Blog Detail Page css*/


    /*Start Daily Feeds Page css*/
    .feed_block.active ul li::before {
        left: -18px;
    }

    .feed_block.active {
        padding: 20px 15px 20px 20px;
    }

        .feed_block.active ul {
            padding: 0px;
        }

            .feed_block.active ul h4 {
                font-size: 15px;
                font-family: 'Poppins-medium';
                overflow: hidden;
            }

    .feed_block span {
        font-size: 14px;
        margin-top: 8px;
    }

    .feed_block p {
        font-size: 14px;
        width: 100%;
        font-family: 'Poppins-regular';
    }

    .feed_block ul li::before {
        left: -18px;
    }

    .feed_block {
        padding: 20px 15px 20px 20px;
    }

        .feed_block ul {
            padding: 0px;
        }

            .feed_block ul h4 {
                font-size: 15px;
                font-family: 'Poppins-medium';
                overflow: hidden;
            }

    .survey_content .my_pagination {
        padding-top: 15px;
    }

    .feed_view a {
        font-size: 15px;
    }
    /*End Daily Feeds Page css*/


    /*Start Refer & Earn Page css*/
    .refer_wrapper .content_inner p {
        font-size: 17px;
        margin: 20px 0 20px;
    }

    .refer_wrapper .survey_content {
        min-height: 275px;
        max-height: 275px;
        margin-bottom: 0px;
        background-size: 140px;
    }

    .my_referal {
        min-height: 275px;
        max-height: 275px;
        padding: 20px 25px;
    }

        .my_referal .popbtn1 {
            font-size: 15px;
            margin-top: 165px;
        }

    .find_friend {
        display: block;
        padding: 15px;
    }

    .my_friend {
        width: 100%;
        padding: 15px 0 35px;
        border-right: none;
        border-bottom: solid 1px #dadada;
    }

        .my_friend h2 {
            font-size: 28px;
        }

        .my_friend ul li a img {
            width: 80px;
        }

        .my_friend ul li {
            width: 23%;
            margin-top: 20px;
        }

    .my_friendLink {
        width: 100%;
        padding: 35px 0 5px;
    }

        .my_friendLink p {
            font-size: 20px;
        }

        .my_friendLink h3 {
            font-size: 30px;
        }

        .my_friendLink span {
            font-size: 35px;
        }

        .my_friendLink h3 a {
            font-size: 25px;
        }

    .refer_offer_content {
        background: none;
    }

    .offer_content {
        width: 100%;
        float: none;
    }

        .offer_content h2 {
            font-size: 40px;
        }

    .off1 {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        border-bottom: solid 1px #4798ad;
        border-right: none;
        ;
    }

    .off2 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .off1 span {
        font-size: 80px;
        line-height: 80px;
    }

    .off1 p {
        font-size: 20px;
    }

    .off2 span {
        font-size: 60px;
        line-height: 60px;
    }

    .off2 h4 {
        font-size: 28px;
    }

    .off2 p {
        font-size: 20px;
    }
    /*End Refer & Earn Page css*/


    /*Start Profile Question optional Page css*/
    .que_wrapper .survey_content {
        background: url(../images/profile_question_bg.png) no-repeat left center;
    }

    .que_wrapper .content_inner h2 {
        margin: 50px 0 0;
    }

    .close_pop {
        top: -20px;
        right: -14px;
        width: 55px;
    }
    /*End Profile Question optional Page css*/

    /*Strat Offer & Rewards Page css*/
    .offer_blog .nav-tabs a {
        font-size: 20px;
    }

    .reward_wrap .survey_content {
        margin-bottom: 30px;
    }

    .my_offers {
        padding: 20px 15px;
        background-size: cover;
        min-height: auto;
        max-height: auto;
    }

        .my_offers .popbtn1 {
            font-size: 13px;
        }

    .offer_Dblog ul li a img {
        display: block;
        margin: 0 auto 5px
    }

    .offer_Dblog ul li {
        width: 32%;
        text-align: center;
        padding: 15px;
    }

        .offer_Dblog ul li a {
            font-size: 18px;
        }

    .off_popbg img {
        width: 22%;
        padding: 0px 5px;
    }

    .redeem .pop_btns .bg_skyBlue {
        margin-bottom: 10px;
    }

    .reedem_pnt span {
        width: 100px;
        height: 100px;
        font-size: 30px;
        padding: 30px 0;
    }

    .redeem .pop2_content p {
        font-size: 13px;
    }
    /*Strat Offer & Rewards Page css*/

    /*Strat FAQ Page css*/
    .set > a {
        padding: 10px 25px 10px 10px;
        position: relative;
        font-size: 15px;
    }

    .set .fa-plus {
        position: absolute;
        top: 13px;
        right: 10px;
    }

    .set .fa-minus {
        position: absolute;
        top: 13px;
        right: 10px;
    }
    /*End FAQ Page css*/


}

@media (max-width: 575px) {
    .sliderup_image {
        display: none;
    }

    .sliderup_text h1 {
        font-size: 40px;
    }

    .how_work_wrapper {
        padding: 50px 0 60px;
    }

    .how_work_heading h2 {
        font-size: 25px;
    }

    .how_work_heading p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .process_block {
        margin-top: 50px;
    }

        .process_block h3 {
            font-size: 18px;
            margin: 15px 0 0;
        }

    .indigator {
        display: none;
    }

    .not_join button {
        font-size: 17px;
        padding: 12px 40px;
    }

    .my_nav ul li {
        margin-left: 0px;
        margin-bottom: 15px;
    }

    .my_nav .navbar-nav {
        text-align: center;
    }

    .sliderup_text h1 .f_clr {
        font-size: 40px;
    }

    .sliderup_text h1 .f_light {
        font-size: 40px;
    }

    .sliderup_text p {
        font-size: 22px;
    }

    .sliderup_text {
        margin-top: 125px;
    }

    .header_wrapper {
        padding: 15px 0;
    }

    .slider_wrapper {
        min-height: auto;
        padding-bottom: 30px;
    }

    .no_pad {
        padding: 0px;
    }

    .my_nav .navbar {
        background-color: #38c1cf;
        padding: 0 15px 0px;
        width: 100%;
    }

    .my_nav .navbar-brand {
        padding: 0px;
    }

    .commited_text h2 {
        font-size: 28px;
        margin: 10px 0;
    }

    .commited_text p {
        font-size: 18px;
    }

    .commited_text img {
        margin-top: 10px;
        width: 100%;
    }

    .commited_image img {
        width: 100%;
    }

    .commited_wrapper {
        padding-top: 40px;
    }

    .footer_nav ul li a {
        font-size: 14px;
        padding: 0px 7px;
    }

    .footer_sociallink a {
        margin: 0 0px;
    }

    .footer_inner {
        padding: 50px 0;
    }

    .footer_outer p {
        font-size: 12px;
    }


    /*Strat Login Page Css*/
    .login_wrapper, .register_wrapper {
        background-size: auto;
    }

    .login_inner {
        width: auto;
        margin: 30px 15px 30px;
        padding: 30px 20px;
    }

        .login_inner h3 {
            font-size: 20px;
            padding: 25px 0 30px;
        }

    .dec_box {
        min-height: 45px;
    }

    .login_box .form-group .control-label {
        top: 0.70rem;
    }

    /*.login_box .form-group {
        margin-bottom: 25px;
    }*/
    .form-radio, .form-group {
    position: relative;
    margin-top: 0rem;
    margin-bottom: 20px;
}
    #btnRegisterFb {
    background: url(images/fb_btn_bg.png) no-repeat top center;
    background-size: cover;
    background-color: #3b5998;
    width: 75% !important;
    color: #fff;
    border: none;
    box-shadow: none;
    margin: 0px;
    padding: 2px;
    float: none!important;
    font-size: 11px;
    margin-bottom: 15px!important;
}
    #btnLoginCustomer {
        background-color: #FF9933;
        border: none;
        color: white;
        padding: 7px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 13px;
        cursor: pointer;
        width:75%!important;
        margin:10px 0 !important;
        }

    #btnRegisterGoogle
     {
        width: 75% !important;
        background-color: #DD4B39;
        color: #fff;
        border: none;
        box-shadow: none;
        margin: 0px;
        float: none!important;
        font-size: 11px;
   }
    #btnRegisterCustomer 
    {
        background-color: #FF9933;
        border: none;
        color: white;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
        margin: 4px 2px;
        cursor: pointer;
        width: 75%!important;
   }
    .login_box button {
        font-size: 15px;
    }

    .not_member p {
        display: block;
        font-size: 15px;
        text-align: center;
    }

    .not_member .rg_link {
        float: none;
        margin-top: 5px;
    }

    .divider p {
        font-size: 20px;
    }

        .divider p::before, .divider p::after {
            width: 41%;
        }

    .divider {
        margin: 15px 0 20px;
    }

    .login_inner h4 {
        padding: 25px 0 30px;
        font-size: 16px;
        line-height: 20px;
    }

    .rg_btn_box {
        padding: 0 0px;
    }
    /*End Login Page Css*/


    /*Start Why Join Us Page css*/
    .privacy_wrapper {
        padding: 30px 0;
    }

        .privacy_wrapper .blog_haeding {
            font-size: 28px;
        }

    .join_blog h3 {
        font-size: 22px;
    }


    .join_image img {
        width: 100%;
        margin-bottom: 30px;
    }

    .join-xs {
        display: block;
    }

    .join-hide-xs {
        display: none;
    }

    .j_blog2 {
        padding-top: 0px;
    }

    .join_blog {
        margin-bottom: 30px;
    }
    /*End Why Join Us Page css*/




    /*Start How Works Page css*/
    .howWork_wrapper .blog_text {
        font-size: 15px;
    }

    .border1 {
        display: none;
    }

    .step_blog_inner img {
        display: none;
    }

    .work_step1 .step_image {
        padding-right: 0;
    }

    .work_step1 .step_blog {
        padding-left: 0;
    }

    .step_blog h3 {
        position: static;
        left: 0;
    }

    .work_step2 .step_blog, .work_step4 .step_blog, .work_step6 .step_blog {
        padding-right: 0px;
    }

    .work_step2 .step_image {
        padding: 0px;
    }

    .work_step3 .step_image {
        padding: 0px;
    }

    .step_blog {
        padding: 0px;
    }

    .work_step4 .step_image {
        padding: 0px;
    }

    .step_image {
        padding: 0px;
    }

    .work_step6 .step_image {
        padding: 0px;
    }

    .step_image img {
        margin: auto;
        display: table;
        width: 200px;
    }

    .step_blog h3 {
        font-size: 18px;
        padding: 25px 20px 25px;
    }

    .step_blog_inner span {
        font-size: 45px;
    }

    .howWork_wrapper .blog_text {
        margin-bottom: 25px;
    }

    .step_blog {
        margin-top: 35px;
    }

    .work_step1 {
        margin-bottom: 0px;
    }

    .work_step4 .step_blog {
        margin-top: 0px;
    }

    .s_img2 {
        display: none;
    }

    .s_img1 {
        display: block;
    }

    .work_step2 {
        margin: 30px 0;
    }

    .work_step4 {
        margin-bottom: 30px;
    }

    .work_step5 {
        margin-bottom: 30px;
    }

    .work_step4 .step_image {
        margin-bottom: 30px;
    }

    .work_step5 .step_blog {
        margin-top: 30px;
    }

        .work_step1 .step_blog h3, .work_step3 .step_blog h3, .work_step5 .step_blog h3 {
            padding: 25px 45px 25px 20px;
        }

    .work_step2 .step_blog h3, .work_step4 .step_blog h3, .work_step6 .step_blog h3 {
        padding: 25px 20px 25px 45px;
    }

    .howWork_wrapper .join_us_content::after {
        display: none;
    }
    /*End How Works Page css*/

    /*Start Privacy Policy Page css*/
    .privacy_content h3 {
        font-size: 18px;
    }

    .privacy_content p {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 26px;
    }

    .privacy_content ul li {
        line-height: 26px;
        font-size: 14px;
    }
    /*End Privacy Policy Page css*/

    /*Start Contact Us Page css*/
    .query_image img {
        position: relative;
        top: 0;
        right: 0;
        width: 280px;
        margin: auto;
        display: table;
    }

    .contact_wrapper {
        padding: 30px 0;
    }

    .contact_blog h2 {
        margin: 30px 0 25px;
        font-size: 28px;
    }
    /*End Contact Us Page css*/

    /*Start About Us Page css*/
    .whatDo_block {
        text-align: center;
    }

    .what_do {
        margin: 35px 0 0px;
    }

    .whatDo_block p {
        color: #414141;
        margin: 30px 0 30px;
    }

    .what_doBlock2 {
        padding-top: 20px;
    }

        .what_doBlock2 .join_blog h3 {
            font-size: 20px;
        }

    .about_sec1 {
        margin: 5px 0 0px;
    }

        .about_sec1 .j_blog2 {
            margin-top: 0px;
        }

    .what_doBlock2 .j_blog2 {
        padding-top: 0;
    }

    .about_sec2 .j_blog2 {
        margin-top: 0px;
    }

    .about_step {
        margin-top: 35px;
    }

        .about_step .join_blog h3 {
            font-size: 24px;
        }

        .about_step .join_blog h4 {
            font-size: 20px;
        }

    .about_rgWrapper p {
        font-size: 24px;
        padding: 40px 0;
    }

    .about_rgWrapper {
        min-height: 188px;
        background-size: cover;
    }
    /*End About Us Page css*/

    /*Start Dashboard Page css*/
    .my_sidenav {
        left: -341px;
    }

    .dashboard_wrapper {
        margin-left: 0px;
    }

    .das_header {
        display: block;
        padding: 20px 15px;
    }

    .user_hello {
        width: 100%;
        margin-bottom: 20px;
    }

    .user_detail {
        width: 100%;
        text-align: left;
        line-height: 35px;
        overflow: hidden;
    }

        .user_detail .dropdown {
            position: inherit;
        }

            .user_detail .dropdown button {
                cursor: pointer;
            }

    .user_hello h3 {
        font-size: 20px;
    }

        .user_hello h3 span {
            font-size: 20px;
        }

    .user_pro {
        width: 30px;
    }

    .user_detail .dropdown button {
        font-size: 13px;
    }

    .w_btn {
        padding: 6px 14px;
        font-size: 14px;
        margin-right: 15px;
    }

    .user_detail .dropdown-menu {
        left: -6px !important;
    }

    .dropdown-menu.show a {
        font-size: 13px;
    }

    .das_content {
        padding: 35px 20px 0px;
        position: relative
    }

    .das_blog a {
        font-size: 20px;
        padding: 8px 20px;
    }

    .footer_boy {
        display: none;
    }

    .footer_bg {
        margin-left: 0px;
        background-size: inherit;
    }

    .user_detail .dropdown {
        float: right;
    }

    .das_haed2 .user_hello {
        margin-bottom: 0px;
        width: auto;
        display: inline-block;
    }

    .das_haed2 .user_detail {
        float: right;
        vertical-align: middle;
        width: auto;
        display: inline-block;
        margin-top: -5px;
    }
    /*Start Dashboard Page css*/


    .pop2_content {
        padding: 25px 15px;
    }

        .pop2_content h4 {
            font-size: 18px;
            font-family: 'Poppins-regular';
        }

        .pop2_content p {
            font-size: 14px;
            font-family: 'Poppins-regular';
        }

    .popbtn1 {
        font-size: 13px;
    }

    .surveys .pop_btns .popbtn1:first-child {
        margin-bottom: 10px;
    }

    .surveys2 .pop_btns .popbtn1:first-child {
        margin-bottom: 10px;
    }

    .surveys3 .pop_btns .popbtn1:first-child {
        margin-bottom: 10px;
    }

    .popnav {
        margin: 20px 0 20px;
        padding: 0px;
    }

        .popnav li a {
            font-size: 14px;
            padding: 0 8px;
        }

    .welcomeYou .pop2_content button, .welcomeYouActive .pop2_content button {
        width: 100%;
    }

    .pop_active_bg {
        right: -10px;
        bottom: 185px;
        width: 203px;
    }


    .side_opn {
        display: block;
    }

    .side_close {
        display: block;
    }


    /*Start Survey Page css*/
    .no-touch #cd-vertical-nav {
        display: none;
    }

    .survey_wrapper {
        width: 100%;
    }

    .survey_content table tr th {
        font-size: 14px;
    }

    .survey_content table tr td {
        font-size: 13px;
        font-family: 'Poppins-regular';
    }

    .survey_content {
        padding: 15px 15px;
        min-height: auto;
    }

        .survey_content h1 {
            font-size: 25px;
        }

        .survey_content table {
            min-width: 320px;
        }

    .content_inner {
        min-height: auto;
    }

    .survey_fullName {
        width: 230px;
        right: 10px;
    }

    .Rside_opn {
        display: block;
        top: 4px;
        right: 0;
        left: auto;
    }

    #cd-vertical-nav .cd-dot {
        top: 8px;
        padding: 14px;
        width: 80px;
        height: 80px;
    }
    .main-menu {display:none;}

        #cd-vertical-nav .cd-dot img {
            width: 45px;
            height: 45px;
        }

    #cd-vertical-nav ul {
        background-color: #27d2eb;
    }

    #cd-vertical-nav {
        display: block;
        top: 0px;
        right: -267px;
        background-color: #27d2eb;
        position: fixed;
    }

         #cd-vertical-nav .cd-label {
            opacity: 1;
            color: #fff;
            top: 22px;
        }

         #cd-vertical-nav a:hover span {
            -webkit-transform: scale(0.6);
            -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
            -o-transform: scale(0.6);
            transform: scale(0.6);
        }

    .Rside_opn {
        display: block;
    }
    /*End Survey Page css*/


    /*Strat Profile Questions Page css*/
    .pc_content h3 {
        font-size: 18px;
        font-family: 'Poppins-medium';
        line-height: 26px;
    }

    .rd_block {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Poppins-regular';
    }

    .survey_content .my_pagination ul li a {
        font-size: 14px;
    }
    /*End Profile Questions Page css*/


    /*Start Blog Page Page css*/
    .blog_pro_detail h4 {
        font-size: 20px;
        font-family: 'Poppins-medium';
        margin: 20px 0 8px;
    }

    .blog_pro_detail h6 {
        font-size: 14px;
    }

    .blog_pro_detail span {
        font-size: 13px;
    }

    .blog_pro_detail p {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }

    .blog_pro_detail a {
        font-size: 14px;
        font-family: 'Poppins-regular';
    }
    /*End Blog Page Page css*/


    /*Start Blog Detail Page css*/
    .blog_detail_wrapper h1 {
        font-size: 22px !important;
    }

    .blog_detail_wrapper h6 {
        font-size: 14px;
        margin-top: 10px;
    }

        .blog_detail_wrapper h6 span {
            font-size: 14px;
        }

    .blog_detail_wrapper img {
        margin: 10px 0px 20px;
    }

    .blog_detail_wrapper p {
        font-size: 14px;
        font-family: 'Poppins-regular';
        line-height: 24px;
    }

    .blog_share {
        padding: 0px 0 20px;
        margin-top: 30px;
    }

    .pc_content .blog_share h3 {
        font-size: 18px;
    }

    .pc_content .blog_share a i {
        font-size: 20px;
        margin-left: 10px;
    }
    /*End Blog Detail Page css*/

    /*Start Daily Feeds Page css*/
    .feed_block.active ul li::before {
        left: -18px;
    }

    .feed_block.active {
        padding: 20px 15px 20px 20px;
    }

        .feed_block.active ul {
            padding: 0px;
        }

            .feed_block.active ul h4 {
                font-size: 15px;
                font-family: 'Poppins-medium';
                overflow: hidden;
            }

    .feed_block span {
        font-size: 14px;
        margin-top: 8px;
    }

    .feed_block p {
        font-size: 14px;
        width: 100%;
        font-family: 'Poppins-regular';
    }

    .feed_block ul li::before {
        left: -18px;
    }

    .feed_block {
        padding: 20px 15px 20px 20px;
    }

        .feed_block ul {
            padding: 0px;
        }

            .feed_block ul h4 {
                font-size: 15px;
                font-family: 'Poppins-medium';
                overflow: hidden;
            }

    .survey_content .my_pagination {
        padding-top: 15px;
    }

    .feed_view a {
        font-size: 15px;
    }
    /*End Daily Feeds Page css*/

    /*Start Refer & Earn Page css*/
    .refer_wrapper .content_inner p {
        font-size: 18px;
        margin: 20px 0 20px;
    }

    .refer_wrapper .survey_content {
        min-height: auto;
        margin-bottom: 30px;
        background-size: 140px;
    }

    .my_referal {
        padding: 20px 25px;
        min-height:300px;
    }

        .my_referal .popbtn1 {
            font-size: 15px;
            margin-top: 75%;
        }

    .find_friend {
        display: block;
        padding: 15px;
    }

    .my_friend {
        width: 100%;
        padding: 15px 0 35px;
        border-right: none;
        border-bottom: solid 1px #dadada;
    }

        .my_friend h2 {
            font-size: 28px;
        }

        .my_friend ul li a img {
            width: 100%;
        }

        .my_friend ul li {
            width: 23%;
            margin-top: 20px;
        }

    .my_friendLink {
        width: 100%;
        padding: 35px 0 5px;
    }

        .my_friendLink p {
            font-size: 20px;
        }

        .my_friendLink h3 {
            font-size: 30px;
        }

        .my_friendLink span {
            font-size: 35px;
        }

        .my_friendLink h3 a {
            font-size: 25px;
        }

    .refer_offer_content {
        background: none;
    }

    .offer_content {
        width: 100%;
        float: none;
    }

        .offer_content h2 {
            font-size: 40px;
        }

    .off1 {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin-right: 0;
        border-bottom: solid 1px #4798ad;
        border-right: none;
        ;
    }

    .off2 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .off1 span {
        font-size: 80px;
        line-height: 80px;
    }

    .off1 p {
        font-size: 20px;
    }

    .off2 span {
        font-size: 60px;
        line-height: 60px;
    }

    .off2 h4 {
        font-size: 28px;
    }

    .off2 p {
        font-size: 20px;
    }
    /*End Refer & Earn Page css*/


    /*Start Profile Question optional Page css*/
    .que_wrapper .survey_content {
        background: url(../images/profile_question_bg.png) no-repeat left center;
    }

    .que_wrapper .content_inner h2 {
        margin: 50px 0 0;
    }

    .close_pop {
        top: -10px;
        right: -10px;
        width: 35px;
    }
    /*End Profile Question optional Page css*/


    /*Strat Offer & Rewards Page css*/
    .offer_blog .nav-tabs a {
        font-size: 18px;
    }

    .reward_wrap .survey_content {
        margin-bottom: 30px;
    }

    .my_offers {
        padding: 20px 15px;
        background-size: 100%;
    }

        .my_offers .popbtn1 {
            font-size: 13px;
        }

    .offer_Dblog ul li a img {
        display: block;
        margin: 0 auto 5px
    }

    .offer_Dblog ul li {
        width: 32%;
        text-align: center;
        padding: 10px 5px;
    }

        .offer_Dblog ul li a {
            font-size: 14px;
        }

    .modal-content {
        border-radius: 15px;
    }

    .off_popbg {
        border-radius: 0 0 15px 15px;
    }

    .link_content {
        padding: 25px 15px;
    }

    .off_popbg img {
        width: 45%;
        margin-bottom: 25px;
    }

    .off_popbg {
        padding: 30px 0 10px;
    }

    .reedem_blog {
        display: block;
    }

    .reedem_pnt {
        width: 100%;
        margin-bottom: 25px;
    }

        .reedem_pnt span {
            width: 130px;
            height: 130px;
            font-size: 35px;
        }

    .redeem .pop_btns .bg_skyBlue {
        margin-bottom: 10px;
    }
    /*Strat Offer & Rewards Page css*/


    /*Strat FAQ Page css*/
    .set > a {
        padding: 10px 25px 10px 10px;
        position: relative;
        font-size: 15px;
    }

    .set .fa-plus {
        position: absolute;
        top: 15px;
        right: 10px;
    }

    .set .fa-minus {
        position: absolute;
        top: 15px;
        right: 10px;
    }
    /*End FAQ Page css*/
    .point_dynamic {
        position: absolute;
        margin-top: 145px;
        left: 39%;
        z-index: 999;
    }
    .custom-container {
        max-width: 600px;
        border-radius: 20px;
        padding: 10px;
        text-align: center;
}
}