@media only screen and (max-width:768px) {
    .marg_200 {
        margin-top: 30px
    }

    .update_stripe .stripe-button-el,
    .update_stripe .stripe-button-el span,
    .update_stripe .stripe-button-el.active,
    .update_stripe .stripe-button-el:not(:disabled):active {
        margin: 0 auto
    }

    .chart_whole img {
        max-width: 100%
    }

    .agen_div,
    .agen_wholediv_p,
    .agen_wholediv_r,
    .agenbid_sect,
    .bid_sect,
    .bidjudge_des,
    .chart_pub,
    .chart_pubs,
    .chart_small,
    .chart_small_stat,
    .copyright,
    .details_left,
    .email_log,
    .footer_sect,
    .footer_sect:last-child,
    .free_trial,
    .inform,   
    .logo,
    .logo_homelogin,
    .logo_login,
    .middle_left,
    .middle_right,
    .middle_rightleft,
    .middle_title,
    .next_sect,
    .notification_sect,
    .phone_no,
    .sign_in,
    .social_iconleft,
    .stat_chart,
    .w_title,
    .w_title_abst,
    .w_title_ag,
    .w_title_anal,
    .w_title_bid,
    .w_title_job,
    .w_title_live,
    .w_title_real,
    .wi_fi {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        float: none !important
    }

    .space_top {
        padding-top: 0
    }

    .free_trial,
    .sign_in {
        margin-top: 2%;
        margin-bottom: 2%
    }

    .map_div,
    .map_div_p,
    .map_div_r {
        width: 100% !important;
        text-align: center !important;
        float: none !important
    }

    .bid_des,
    .bid_dot,
    .bid_tracktitle,
    .chart_whole {
        text-align: center
    }

    .agenbid_sect:last-child,
    .footer_sect:last-child,
    .pos_class,
    .wi_fi:last-child {
        float: none
    }

    .slam {
        padding-top: 2%
    }

    .call_us,
    .foot_last,
    .foot_trial,
    .franchise,
    .simple_interface {
        padding-top: 5%
    }

    .bid_sect,
    .bid_space,
    .middle_title {
        margin-right: 0;
        margin-top: 2%
    }

    .bid_des,
    .bid_dot {
        line-height: 38px
    }

    .bid_des {
        margin-bottom: 0
    }

    .bid_dot {
        margin-bottom: 4%
    }

    .radius_genabs {
        padding-left: 0
    }

    .map_div_p .profile_div,
    .map_div_r .profile_div {
        margin-left: 0
    }

    .border_line {
        width: 50%;
        margin: 0 auto
    }

    .chart_scroll {
        width: 62%;
        margin: 3% auto 0
    }

    .green_left,
    .green_right {
        display: none
    }

    #franpopup_div::-webkit-scrollbar {
        width: 8px;
        height: 9px
    }

    #franpopup_div {
        overflow-y: auto;
        height: 450px
    }

    .fran_left {
        margin-bottom: 2%
    }

    #franpopup_div::-webkit-scrollbar-thumb,
    .chart_whole::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 5px
    }

    .hom_chrt {
        font-size: 12px;
        display: inline-block
    }

    .tracking_sect {
        margin-top: 5%
    }

    .bid_space_sub {
        margin-top: 4%
    }

    .amt_table td,
    .jobs_table td {
        text-align: left
    }

    .align_right,
    .cur_amt,
    .curr_month,
    .curr_year,
    .prev_amt,
    .prev_amt:last-child {
        text-align: center
    }

    .map_div {
        margin: 0 !important
    }

    .date_amt,
    .map_div_p .profile_div,
    .view_amt {
        margin-left: 0
    }

    .res_menu {
        display: block !important
    }

    #navcontainer {
        display: none
    }

    .menu_fixed {
        position: inherit !important
    }

    .sign_outright {
        display: none !important
    }

    .agen_cent,
    .w_left {
        text-align: center !important
    }

    .agen_left p,
    .job_low {
        text-align: center
    }

    .agent_padding,
    .agent_paddings {
        padding-top: 2% !important
    }

    .agent_paddings {
        padding-left: 1%
    }

    .map_div,
    .map_div_p .radius_gen,
    .map_div_r .radius_gen,
    .map_div_r .settings,
    .radius_gen,
    .settings,
    .space_left,
    .tab_div1 {
        padding-left: 0
    }

    .title_cen,
    .title_left,
    .w_left,
    .w_title_data,
    .w_title_track {
        margin-bottom: 20px;
        padding-left: 0
    }

    .map_table {
        padding-right: 5%
    }

    .footer_log {
        padding-top: 2%;
        padding-bottom: 2%;
        line-height: 25px
    }

    .w_title_data {
        padding-right: 0
    }

    .social_iconleft img {
        margin-right: 0
    }

    .year_right {
        padding-right: 20px
    }

    .pub_padding .pub_job,
    .tab_div1 {
        padding-right: 0
    }

    .show_amt {
        margin-left: 12%
    }

    .table_analytics table td {
        display: block;
        margin: 0 auto 10%
    }

    .tab_div,
    .tab_div1,
    .tab_div2 {
        margin: 0 auto;
        width: 100%
    }

    .tab_div {
        max-width: 275px
    }

    .tab_div1 {
        max-width: 450px
    }

    .tab_div2 {
        max-width: 153px
    }

    .pos_amts {
        margin-left: 7px !important
    }

    #coming_soon {
        display: inline-block !important
    }

    .this_last {
        margin-left: 4px
    }

    .chart_analy td {
        float: left
    }

    #agency_ryt_graph,
    .proj_showjob,
    .show_img,
    .tab_agen {
        float: none
    }

    .jsfiddle_leftnav {
        max-width: 290px;
        width: 100%;
        margin: 0 auto
    }

    .cent_div,
    .proj_showjob {
        width: 93%;
        margin: 0 auto
    }

    .show_img {
        display: inline-block;
        margin-bottom: 7%
    }

    .chart_short {
        margin: 0 auto
    }

    .job_low {
        display: block;
        width: 97%
    }

    .table_w {
        width: 92%
    }

    #agency_ryt_graph,
    .table_gen,
    .v_player {
        width: 100%
    }

    #player_preview_wrapper {
        width: 100% !important
    }

    .none {
        display: none !important
    }

    div.ad_even_live,
    div.ad_odd_live {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        padding-bottom: 5%;
        position: static !important
    }

    div.ad_right_live,
    div.ad_right_live1 {
        position: static !important;
        top: 0;
        right: 0
    }

    .tab_agen {
        width: 97%
    }

    #table_pagingbid {
        width: auto
    }

    .m_h200_b {
        min-height: 10px
    }

    .pub_spacediv {
        padding-bottom: 0
    }

    .mh_900 {
        min-height: auto
    }

    .res_leftmenu {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 70px;
        height: 55px;
        text-indent: -9999px;
        overflow: hidden;
        background: url(../images/hamburger.gif) 50% 33% no-repeat #075fdd;
        float: left;
        cursor: pointer;
        display: block !important
    }

    .map_div,
    .map_div_p,
    .map_div_r {
        display: none
    }
}

@media screen and (min-width:555px) and (max-width:768px) {
    .w-50m {
        width: 21%
    }
}

@media screen and (min-width:400px) and (max-width:554px) {
    .w-50m {
        width: 27%
    }
}

@media screen and (min-width:220px) and (max-width:399px) {
    .w-50m {
        width: 41%
    }
}

@media screen and (min-width:220px) and (max-width:483px) {
    .download_opt {
        width: 100%
    }

    .download_opt_job {
        width: 98%
    }

    .live_countdown {
        width: 50% !important;
        margin: 2% auto !important
    }

    .realtime_countdown {
        width: 91% !important;
        margin: 2% auto !important
    }
}

@media screen and (min-width:220px) and (max-width:280px) {

    .live_countdown,
    .realtime_countdown {
        width: 91% !important;
        margin: 2% auto !important
    }
}

@media screen and (min-width:281px) and (max-width:350px) {

    .live_countdown,
    .realtime_countdown {
        width: 72% !important;
        margin: 2% auto !important
    }
}

@media screen and (min-width:351px) and (max-width:483px) {

    .live_countdown,
    .realtime_countdown {
        width: 60% !important;
        margin: 2% auto !important
    }
}

@media screen and (min-width:484px) and (max-width:599px) {

    .live_countdown,
    .realtime_countdown {
        width: 44% !important;
        margin: 2% auto !important
    }
}

@media screen and (min-width:600px) and (max-width:768px) {

    .live_countdown,
    .realtime_countdown {
        width: 35% !important;
        margin: 2% auto !important
    }
}

@media screen and (min-width:769px) and (max-width:875px) {
    .agen_wholediv_r {
        width: 65%;
        padding-left: 7%
    }

    .track_contract {
        width: 50% !important
    }

    .v_player {
        width: 100%
    }

    #player_preview_wrapper {
        width: 100% !important
    }
}

@media screen and (min-width:769px) and (max-width:967px) {
    .middle_right {
        width: 67%
    }
}

@media screen and (min-width:769px) and (max-width:937px) {
    #navcontainer ul li {
        width: 9%
    }
}

@media screen and (min-width:220px) and (max-width:1208px) {
    .chart_res {
        overflow-x: auto
    }
}

@media screen and (min-width:374px) and (max-width:441px) {
    .chart_analy {
        max-width: 350px;
        margin: 0 auto
    }
}

@media screen and (min-width:220px) and (max-width:373px) {
    .chart_analy {
        max-width: 275px;
        margin: 0 auto
    }
}

@media screen and (min-width:220px) and (max-width:871px) {
    .tab_div1 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:769px) and (max-width:980px) {
    .year_calc {
        overflow-x: auto
    }

    .live_countdown,
    .realtime_countdown {
        width: 37% !important;
        margin: 3% 0 0 !important
    }
}

@media screen and (min-width:981px) and (max-width:1170px) {

    .live_countdown,
    .realtime_countdown {
        width: 30% !important;
        margin: 6% 8% 0 0 !important
    }
}

@media screen and (min-width:769px) and (max-width:1255px) {

    .copyright,
    .email_log,
    .phone_no {
        font-size: 12px
    }

    .copyright {
        width: 37%
    }

    .social_iconleft {
        width: 21%
    }
}

@media screen and (min-width:220px) and (max-width:380px) {

    .web_left,
    .web_right {
        float: none !important
    }

    .w-46,
    .w-47 {
        width: 95% !important
    }

    .web_left {
        width: 100% !important;
        text-align: center
    }

    .web_right {
        width: 94% !important
    }
}

@media screen and (min-width:220px) and (max-width:495px) {
    .sign_form .reg_mail input {
        margin-bottom: 10px
    }

    .error_lft {
        display: none
    }

    .error_sign {
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both
    }

    #signuppopup_div {
        max-width: 400px;
        height: 625px
    }

    .fran_left,
    .fran_mail input {
        display: block;
        width: 100%;
        text-align: center
    }

    .sign_form .reg_mail input,
    .sign_form .reg_mail select {
        width: 92%
    }

    .reg_mail,
    .sign_form .reg_mail {
        display: block;
        width: 96%;
        text-align: center;
        margin: 0 auto
    }

    .franc_cap {
        transform: scale(.9)
    }
}

@media screen and (min-width:769px) and (max-width:838px) {
    .countdown_row {
        padding: 0 !important
    }

    .countdown_section {
        font-size: 65% !important
    }
}

@media screen and (min-width:769px) and (max-width:871px) {

    .w-46,
    .w-47 {
        width: 38%
    }
}

@media screen and (min-width:769px) and (max-width:879px) {

    .cur_amt,
    .curr_month,
    .curr_year,
    .prev_amt {
        font-size: 10px
    }
}

@media screen and (min-width:220px) and (max-width:350px) {
    .disclaim_respop {
        width: 82%
    }
}

@media screen and (min-width:220px) and (max-width:420px) {
    .track_contract {
        width: 100% !important;
        text-align: center;
        float: none !important
    }
}

@media screen and (min-width:421px) and (max-width:660px) {
    .track_contract {
        width: 50% !important
    }
}

@media screen and (min-width:661px) and (max-width:768px) {
    .track_contract {
        width: 33% !important
    }
}

@media screen and (min-width:876px) and (max-width:1280px) {
    .track_contract {
        width: 33% !important
    }
}

@media screen and (min-width:769px) and (max-width:750px) {

    .copyright,
    .email_log,
    .phone_no {
        font-size: 12px
    }
}

@media all and (max-width:1080px) {

    .contract_table,
    .trk_tab {
        margin-left: 4%
    }

    .m-r27 {
        margin-right: 0
    }
}

@media screen and (min-width:769px) and (max-width:1341px) {

    div.ad_even_live,
    div.ad_odd_live {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        padding-bottom: 5%;
        position: static !important
    }

    div.ad_right_live,
    div.ad_right_live1 {
        position: static !important;
        top: 0;
        right: 0
    }
}

@media all and (max-width:454px) {
    .fancybox-wrap {
        width: 86%
    }
}

@media screen and (min-width:455px) and (max-width:1200px) {
    .fancybox-wrap {
        width: 92%
    }
}

@media all and (max-width:670px) {
    #simplemodal-container {
        max-width: 300px
    }

    #simplemodal-container a.modalCloseImg {
        right: 0
    }
}

@media all and (max-width:350px) {
    #simplemodal-container a.modalCloseImg {
        right: 20px
    }
}

@media screen and (min-width:685px) and (max-width:753px) {
    .chart_fancy {
        width: 47%
    }
}

@media screen and (min-width:600px) and (max-width:686px) {
    .chart_fancy {
        width: 67%
    }
}

@media all and (max-width:559px) {
    .chart_fancy {
        width: 100%
    }

    .cust_srch label {
        padding-bottom: 21px;
        display: inline-block
    }
}

@media screen and (max-width:409px) {
    .hom_chrt {
        font-size: 10px
    }

    .trade_color {
        width: 15px
    }
}

.chart_style .jqplot-table-legend-label {
    font-size: 12px !important;
    font-family: arial;
    color: #000;
    font-weight: 600
}

.chart_style .jqplot-table-legend-label:hover {
    color: #69f
}

.visible_cls {
    visibility: collapse
}

.w240 {
    width: 240px
}
@media only screen and (max-width: 768px) {
    .live_sect{   
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        float: none !important;
        padding-top: 24px;
        margin-left: 0px !important;
}
 
}