@charset "utf-8";

@media only screen and (max-device-width: 768px),only screen and (max-width: 768px) {
    /* Login page Start*/
    #dvverifychild {
        width: 82%;
        left: 9%;
        padding: 2%;
    }

    .header_txt {
        margin-left: 50%;
    }

    .appstore_icn {
        margin-left: 0;
        margin-top: 30px;
    }

    .appstore_btn {
        margin-left: 5px;
    }

    .dark_box {
       
        padding: 15px;
    }

   
  #lnkCookies {
	  margin-top:0;
	}

    .content_half {
        width: 100%;
    }

    .community_box {
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .progress_box {
        width: 100%;
    }

    .survey_heading_text {
        width: 100%;
    }

    .bill_box {
        display: none;
        width: 100%;
        float: left;
        height: 300px;
        margin-top: 40px;
    }

    .bill_box_mob {
        display: block;
        width: 100%;
        float: left;
        height: 300px;
        margin-bottom: 20px;
    }

    .take_ashorty_question_box {
        float: left;
        width: 100%;
        height: auto;
        font-size: 14px;
        color: #3b3b3b;
        margin-bottom: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .logo_box {
        background-position: center bottom;
        height: 55px;
        width: 100%;
    }


    .button_login_box {
        float: none;
        margin: auto;
        width: 280px;
        height: 45px;
        margin-top: 5px;
    }


    .icon_box_txt {
        margin-right: 5px;
        margin-left: 10px;
        padding-top: 3px;
        font-family: 'robotomedium';
        font-size: 12px;
    }

    .icon_box {
        margin-right: 5px;
        width: 23px;
        height: 23px;
    }

    .button_login_box_right {
        width: 250px;
        float: none;
        margin: auto;
        height: 50px;
        margin-top: 20px;
    }

    .main_box_top {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: 4px;
    }

    .language_box {
        display: block;
        float: right;
        margin-right: 5%;
        margin-top: -45px;
        width: 200px;
        height: auto;
    }



    .box1_txt {
        width: 90px;
        height: 50px;
        margin-bottom: 0;
        font-size: 16px;
    }

    .box2_txt {
        height: 50px;
        margin-bottom: 0;
        font-size: 16px;
        padding-top: 22px;
    }

    .box3_txt {
        width: 90px;
        font-size: 16px;
        height: 50px;
        margin-bottom: 0;
        padding-top: 22px;
    }

    .box1 {
        width: 90px;
        height: 90px;
        border: solid #7b797a 2px;
    }

        .box1:hover {
            border-width: 2px;
        }

    .box2 {
        width: 90px;
        height: 90px;
        border: solid #7b797a 2px;
    }

        .box2:hover {
            border-width: 2px;
        }

    .box3 {
        width: 90px;
        height: 90px;
        border: solid #7b797a 2px;
    }

        .box3:hover {
            border-width: 2px;
        }

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

    .bottom_box_about {
        width: 100%;
        padding-bottom: 30px;
    }

    .video_box {
        width: 100%;
    }

    .register_txt_head {
        font-size: 20px;
        color: #db0000;
        text-align: center;
        margin-bottom: 10px;
    }

    .content_txt {
        padding-bottom: 20px;
    }

    .button_login_box_main {
        width: 100%;
        background-color: #FFF;
        height: auto;
        padding-bottom: 33px;
        padding-top: 25px;
        display: inline;
        float: left;
    }

    .welcome_txt {
        text-align: center;
        color: #FFF;
        font-size: 18px;
        font-family: 'robotomedium';
        width: 100%;
        height: auto;
        visibility: visible;
        display: inline;
        float: left;
        margin-bottom: 20px;
    }

    .sign_in_mobile {
        margin: auto;
        width: 280px;
        height: auto;
        display: block;
    }

    .box_img {
        min-height: 0;
        height: auto;
    }

    .register_btn {
        width: 100%;
    }

        .register_btn a {
            width: 100%;
        }

    .register_btn_center {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: auto;
        margin-bottom: 30px;
        float: left;
    }

    .iphone {
        margin-right: 0;
        width: 280px;
        height: 181px;
        float: none;
        margin: auto;
        display: none;
    }

    .banner_txt {
        width: 90%;
        line-height: 1.2;
        margin-top: 40px;
        font-size: 30px;
    }

    .popup_main_box {
        left: 0;
        margin-left: 0;
        width: 100%;
        top: 68px;
    }

    /* Login page End*/
    /* townsqure page start*/
    .coin_names_right {
        font-size: 10px;
    }

    .coin_names {
        font-size: 10px;
    }

    .latest_news_box {
        float: left;
        width: 92%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 4%;
        padding-right: 4%;
    }

    .edit_btn {
        margin-right: 5%;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 0;
        float: right;
    }

    .container_townsqure {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .profile_box {
        width: 100%;
        min-height: 219px;
        height: auto;
        float: left;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .social_share_box {
        display: none;
    }

    .poin_bar_box {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        min-height: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .profilename {
        font-size: 24px;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .point_main_box {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0;
        margin-right: 0;
    }

    .banner_townsqure {
        padding-bottom: 0;
    }

    .point_main_box_sign_out {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0;
        margin-right: 0;
    }

    .profile_picture {
        display: none;
    }

    .btn_box_new {
        margin-left: 0;
        padding-left: 0;
    }

    .bell {
        margin-left: 5px;
        margin-right: 10px;
    }


    .right_top_box {
        width: 257px;
        height: auto;
        margin-top: 0;
        float: none;
        position: absolute;
        left: 50%;
        margin-left: -128.5px;
        top: 80px;
    }

    .logo_inner {
        float: none;
        margin-top: 2px;
        position: absolute;
        left: 50%;
        margin-left: -73.5px;
        top: 10px;
    }

    .more_button_box {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }

    .box_heading_town {
        width: 90%;
        margin-left: 5%;
        font-size: 20px;
    }

    .join_button {
        margin-left: 5%;
        font-size: 16px;
    }

    .more_button a {
        border-radius: 2px;
    }

    .more_button {
        margin-top: 0;
        margin-bottom: 0;
        margin-bottom: 20px;
    }

    .box_heading {
        min-height: 0;
        padding-bottom: 20px;
        padding-top: 5px;
    }

    .join_button {
        border-radius: 2px;
    }

    /* townsqure page end*/
    /* Discussion page start*/
    .reply_replybtns {
        margin-left: 2%;
        margin-top: 10px;
    }

    .datecolor {
        font-size: 13px;
        width: auto;
    }

    .form_class {
        width: 92%;
        padding: 1%;
    }

    .avatar_box {
        margin: 2%;
    }

    .comment_name_box {
        margin-bottom: 10px;
        margin-left: 2%;
        margin-top: 2%;
        width: 96%;
    }

    .comment {
        width: 96%;
        margin-left: 2%;
    }

    .reply_main_box {
        width: 96%;
        margin-left: 2%;
    }

    .form_reply_main_box {
        float: left;
        width: 98%;
    }

    .reply_form_box {
        margin-left: 2%;
        min-height: 20px;
        padding: 1%;
        width: 94%;
    }

    .reply_form_box_new {
        margin-left: 0;
        width: 82%;
        margin-top: 2%;
    }

    .reply_form_box_small {
        margin-left: 0;
        min-height: 20px;
        padding: 1%;
        width: 80%;
    }

    .reply_form_box_small_new {
        margin-left: 0;
        min-height: 20px;
        width: 81%;
        min-height: 20px;
        margin-top: 2%;
    }

    .attach_btn {
        margin-top: 3px;
    }


    .reply_other {
        height: auto;
        margin-bottom: 10px;
        margin-left: 1%;
        padding: 0;
        width: 98%;
    }

    .reply_avatar {
        margin: 2%;
    }

    .form_reply_main_box {
        float: left;
        width: 98%;
    }

    .reply_form_box {
        margin-left: 0;
        min-height: 20px;
        padding: 1%;
        width: 83%;
    }

    .reply_other {
        height: auto;
        margin-bottom: 10px;
        margin-left: 1%;
        padding: 0;
        width: 98%;
    }

    .form_class {
        width: 86%;
        padding: 2%;
    }

    .comment_name_box {
        margin-bottom: 10px;
        margin-left: 2%;
        margin-top: 2%;
        width: 96%;
    }

    .comment_name_box_newstyle {
        margin-bottom: 10px;
        margin-left: 0;
        margin-top: 2%;
        width: 80%;
    }

    .form_attach_box {
        width: 95%;
        margin-right: 1%;
    }

    .left_comment_box {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .right_comment_box {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .comments_main_box {
        width: 100%;
        height: auto;
    }

    .discussion_topics_box {
        float: left;
        height: auto;
        width: 100%;
        margin-left: 0;
    }

    .question_main_box {
        width: 100%;
        height: auto;
    }

    .reply_form_class {
        width: 86%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .comment_img {
        margin-left: 2%;
        width: 96%;
    }

    .discussion_rightbox {
        margin-right: 0;
    }

    /* Discussion page end*/
    /*take a shorty start...*/
    .next_btn {
        width: 48%;
    }

    .container_survey {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .take_ashorty_main_box {
        margin-left: 0;
        margin-right: 0;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        background-color: #eee;
        padding-bottom: 30px;
        border: 0;
    }

    .progress_txt {
        width: 100%;
        text-align: left;
    }


    .progrees_survey {
        margin-bottom: 10px;
        width: 100%;
    }



    .survey_question_number_main {
        background-image: url(../images/questionimg_mobile.png);
        height: 48px;
        width: 48px;
    }

    .question_numbers {
        margin-top: 8px;
    }


    .txt_box_big {
        width: 121px;
    }

    .txt_box {
        width: 118px;
    }

    .question_number {
        font-size: 14px;
        margin: 0;
        padding: 0;
        float: right;
        text-align: right;
        width: 100%;
    }

    .survey_heading_txt {
        font-size: 18px;
    }

    /*take a shorty End...*/
    /*nav start...*/
    .profile_logout {
        width: 100%;
        height: 96px;
        float: left;
        display: inline;
        visibility: visible;
        background-color: #eaeff2;
    }

    .profile_picture_new {
        float: left;
        height: 70px;
        width: 70px;
        margin-left: 5%;
        margin-top: 15px;
        border-radius: 100px;
        background-color: #FFF;
    }

    .profile_cnt_blank {
        width: auto;
        height: auto;
        float: left;
        margin-top: 30px;
        margin-left: 5%;
    }

    .logout_button_new {
        float: left;
        margin-top: 5px;
    }

        .logout_button_new a {
            width: 100%;
            height: 31px;
            float: left;
            background-color: transparent;
            text-align: left;
            font-size: 14px;
            padding-top: 4px;
            color: #1a245f;
            transition: all .5s;
            margin-right: 5px;
            border-radius: 2px;
            text-decoration: none;
            border: 0 solid transparent;
            transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -webkit-transition: all .5s;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
        }

            .logout_button_new a:hover {
                color: #db0000;
                text-decoration: none;
                border: 0 solid #FFF;
                background-color: transparent;
            }

    .profile_name_new {
        float: left;
        height: auto;
        width: 100%;
        padding-top: 12px;
        color: #1a245f;
        font-size: 18px;
        padding-right: 0;
        padding-left: 0;
        font-family: 'robotomedium';
    }

    .bell_box_new {
        margin-right: 5%;
        float: right;
        width: 35px;
        height: 35px;
        margin-top: 33px;
    }

    .bell_new {
        float: left;
        height: 27px;
        width: 33px;
        border: solid 2px #1a245f;
        text-align: center;
        color: #1a245f;
        border-radius: 100px;
        text-align: center;
        padding-top: 6px;
    }

    .bell_txt_new {
        position: absolute;
        margin-left: 20px;
        margin-top: -5px;
        height: 17px;
        width: auto;
        min-width: 11px;
        color: #FFF;
        font-size: 13px;
        text-align: center;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        font-family: 'robotomedium';
        background-color: #db0000;
        border-radius: 100px;
    }

    /*nav End...*/
    /*edit profile start...*/
    .edit_profile_heading {
        margin-left: 5%;
    }

    .edit_profile_div {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        font-family: 'robotoregular';
        font-size: 14px;
    }

    .edit_profile_div_box {
        margin-bottom: 0;
    }

    /*edit profile End...*/
    /*notification start...*/
    .notificationpopup_box {
        width: 100%;
        right: 0;
        top: 50px;
        margin-right: 0;
    }

    .notification_content_txt {
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
    }

    /*notification end...*/
    /*signout box..Start*/
    .signout_cnt {
        width: 90%;
        margin: 40px 5%;
    }

    .signout_btn_box {
        width: 170px;
    }

    .signout_btn_div {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }

    /*signout box..End*/
    .avatar_box_single {
        height: 150px;
        width: 48%;
    }

    .avatar_box_selected {
        height: 150px;
        width: 48%;
    }

    .avatar_box_new {
        width: 88%;
        padding-left: 2%;
        padding-right: 2%;
        margin-left: 4%;
        margin-right: 4%;
    }

    .townsqure_blank_box {
        float: left;
        width: 90%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 5%;
        padding-right: 5%;
    }

    .townsqure_blank_box_txt {
        font-size: 20px;
    }

    .mystars li {
        width: 7%;
    }
}

@media only screen and (max-device-width: 400px), only screen and (max-width: 400px) {
    .header_txt {
        margin-left: 30%;
    }
}