@media screen and (min-width:1100px) {

    .header_main { width: 1114px; margin: 0px auto; position: relative; }
    #navigation { display: none !important; }
    #menus { display: block; }
    .banner { width: 1114px; margin: 0px auto 0px auto; padding: 0px; z-index: 500; }
    #menus { width: 1110px; margin: 0px auto; }
    .ddsmoothmenu ul li a { padding: 11px 9px 12px 9px; font-size:12px; }

    .content { width: 1120px; padding: 0px; margin: 0px auto; min-height: 350px; }
    .info1 { float: left; padding: 0px; margin: 0px 0px 3px 430px; }
    .info2 { float: left; padding: 0px; margin: 0px 0px 0px 435px; }
    .connect { width: 500px; height: 16px; float: left; padding: 0px; margin: 0px; }
    .footer_con { width: 1110px; margin: 0px auto; }
    .footer_sub_menu { width: 18%; float: left; margin: 10px 2% 6px 0px; border-right: 1px dotted #2f47aa; height: 100px; }
    .footer ul { padding: 0px; margin: 0px; }
   
    .innerpage_content { width: 1140px; margin: 10px auto; background: #FFF; border: 1px solid #d7d7d7; box-shadow: 0px 1px 2px #CCC; -moz-box-shadow: 0px 1px 2px #CCC; -webkit-box-shadow: 0px 1px 2px #CCC; height: auto; padding: 0px 0px 10px 0px; }
    .abt_tool { width: 266px; height: 213px; padding: 0px; margin: 0px 11px 5px 5px; float: left; }
    .abt_tool img { margin: 6px 5px 0px 5px; }
    .con_bg { width: 267px; height: 213px; padding: 0px; margin: 0px 11px 5px 0px; float: left; text-align: center; }
    .con_bg img { margin: 1px 2px 1px 3px; }
    .video_bg { background: #000; width: 265px; height: 213px; float: left; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; }
    .video_bg img { margin: 10px 2px 1px 3px; }

    .btm_box { float: left; margin: 0px 11px 5px 5px; width: 267px; height: 116px; display: block; background: #FFF; }
    .btm_box_first { float: left; margin: 0px 10px 5px 5px; width: 267px; height: 116px; }
    .btm_box_last { float: left; margin: 0px 0px 5px 0px; width: 265px; height: 116px; display: block; }
    .buy_unlock_text { width: 180px; text-align: center; }
    .buy_unlock h2 { font-size: 16px; }
    .buy_unlock p { font-size: 14px; }
    .news_letter p.heading01 { font-size: 13px; }
    .news_letter p.heading02 { font-size: 16px; }
    .news_letter p.heading03 { font-size: 12px; }
    .work_res p { font-size: 12px; padding: 0px 0px 0px 55px; display: block; color: #ff3b06; font-weight: normal; margin: 0px 0px 6px 0px; }
    .shadow { background: url(../images/shadow.png) no-repeat; width: 1139px; margin: 3px auto 20px auto; padding: 0px; height: 13px; }
    .footer_bg { height: 170px; }
    .footer_contact h2 { font-size: 14px; }
    .followus { margin: 5px 0px 0px 0px; }
    .ui-dialog.ui-widget.ui-widget-content { width: 700px !important; }
    .graph_bg_main { width: 90%; text-align: center }
    .graph_bg_main_right { width: 48%; height: 300px; }
    .graph_bg_left { width: 24%; margin: 0px 1% 20px 0px; }
    .graph_bg_right { width: 24%; margin: 0px 0px 20px 0px; }
    .pre_stage_graph { width: 65%; float: left; }
    .pre_stage_text { width: 30%; float: left; }
    .form_btns { margin: 15px 0 10px 235px; }
    .con_tabs label { text-align: right; }
    .con_tabs input[type=text] { width: 250px; margin: 6px 5px 15px 0px; }
    .con_tabs input[type=password] { width: 250px; margin: 6px 5px 15px 0px; }
    .con_tabs select { width: 262px; margin: 6px 5px 15px 0px; }
    fieldset label { text-align: right; width: 200px; }
    fieldset input[type=text] { width: 250px; margin: 6px 5px 15px 0px; }
    fieldset input[type=password] { width: 250px; margin: 6px 5px 15px 0px; }
    fieldset select { width: 262px; margin: 6px 5px 15px 0px; }
    .label2 { width: 200px; padding: 5px 70px 5px 15px; }
    .submit1 { margin: 5px 0px 10px 293px; }
    .contactform { width: 50%; float: left; }
    .map-contact { width: 50%; float: left; }
    .content_sub_bg h3 { font-size: 18px; padding: 10px 30px; }
    .content_sub_bg p { font-size: 13px; padding: 0px 30px 10px 30px; }
    .graph_com_results_left { width: 25%; margin: 0px 1% 10px 1%; }
    .graph_com_results_md { width: 35%; margin: 0px 1% 10px 0px; }
    .graph_com_results_right { width: 35%; margin: 0px 1% 10px 0px; }
    .right { width: 260px; }
    .right-gender { width: 260px; }
    .leftBox { margin: 6px 0px 0px 174px; width: 262px; }
    .leftBox .multiple { height: 250px; }
    .dualControl { margin: 90px 30px; width: 100px; }
    .dualControl button { width: 40px; font-size: 14px; }
    .rightBox { width: 262px; margin: 6px 0px 0px 0px; }
    .btns_group { margin: 0px 0px 0px 750px; }
    .graphBms { width: 30%; float: left; }
    .graph_bms_con { width: 68%; float: right; }
    .copyrights { font-size: 11px; }
}

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

    .header_main { width: 965px; margin: 0px auto; position: relative; }
    #navigation { display: none !important; }
    #menus { display: block; }
    #menus { width: 980px; margin: 0px auto; }
    .ddsmoothmenu ul li a { padding: 11px 12px 12px 12px; }
    .banner { width: 965px; margin: 0px auto 0px auto; padding: 0px; z-index: 500; }
    .banner img { width: 100%; }
    .content { width: 965px; padding: 0px; margin: 0px auto; }
    div#voverlay { background-image: url(../images/white.png); width: 480px; height: 360px; display: none; padding: 35px; }
    .shadow { background: url(../images/shadow1.png) no-repeat; width: 980px; margin: 3px auto 20px auto; padding: 0px; height: 13px; }
    .info1 { float: left; padding: 0px; margin: 0px 0px 3px 350px; }
    .info2 { float: left; padding: 0px; margin: 0px 0px 0px 350px; }
    .connect { width: 420px; height: 16px; float: left; padding: 0px; margin: 0px; }

    .footer_con { width: 965px; margin: 0px auto; }
    .footer_sub_menu { width: 18%; float: left; margin: 10px 1% 6px 0px; border-right: 1px dotted #2f47aa; height: 100px; }
    .footer ul { padding: 0px; margin: 0px; }

    .innerpage_content { width: 965px; margin: 10px auto; background: #FFF; border: 1px solid #d7d7d7; box-shadow: 0px 1px 2px #CCC; -moz-box-shadow: 0px 1px 2px #CCC; -webkit-box-shadow: 0px 1px 2px #CCC; height: auto; padding: 0px 0px 10px 0px; }
    .abt_tool { width: 231px; height: 185px; padding: 0px; margin: 0px 10px 5px 5px; float: left; }
    .abt_tool img { margin: 7px 5px 0px 5px; width: 213px; height: 175px; }
    .con_bg { width: 231px; height: 185px; padding: 0px; margin: 0px 8px 5px 0px; float: left; }
    .video_bg { background: #000; width: 231px; height: 185px; float: left; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; }
    .main_con_box.con_bg.recom img { margin: 1px auto; width: 99%; height: 99%; }
    .main_con_box.con_bg.graph img { margin: 1px 2px 1px 3px; width: 95%; height: 95%; }
    .video_bg img { margin: 10px 2px 1px 3px; width: 216px; height: 175px; }
    .btm_box { float: left; margin: 0px 8px 5px 0px; width: 231px; height: 110px; }
    .btm_box_first { float: left; margin: 0px 10px 5px 5px; width: 231px; height: 110px; }
    .btm_box_last { float: left; margin: 0px 0px 5px 0px; width: 231px; height: 110px; }
    .buy_unlock h2 { font-size: 13px; padding: 15px 0px 0px 10px; display: block; color: #ff3b06; }
    .buy_unlock_img img { width: 80%; }
    .buy_unlock_text { float: left; }
    .buy_unlock p { font-size: 12px; }
    .news_letter p.heading01 { font-size: 12px; }
    .news_letter p.heading02 { font-size: 13px; }
    .news_letter p.heading03 { font-size: 12px; padding: 0px 3px; }
    .work_res p { font-size: 11px; padding: 0px 0px 0px 55px; display: block; color: #ff3b06; font-weight: normal; margin: 0px 0px 3px 0px; }
    .promotion { margin: 0px auto; }
    .footer_bg { height: 170px; }
    .footer_sub_menu li { font-size: 12px; }
    .footer_contact h2 { font-size: 14px; }
    .footer_contact p { font-size: 12px; }
    .followus { margin: 5px 0px 0px 0px; }
    .ui-dialog.ui-widget.ui-widget-content { width: 700px !important; }
    .graph_bg_main { width: 50%; }
    .graph_bg_main_right { width: 47%; height: 300px; }
    .graph_bg_left { width: 24%; margin: 0px 1% 20px 0px; }
    .graph_bg_right { width: 23%; margin: 0px 0px 20px 0px; }
    .pre_stage_graph { width: 65%; float: left; }
    .pre_stage_text { width: 30%; float: left; }
    .form_btns { margin: 15px 0 10px 235px; }
    .con_tabs label { text-align: right; }
    .con_tabs input[type=text] { width: 250px; margin: 6px 5px 15px 0px; }
    .con_tabs input[type=password] { width: 250px; margin: 6px 5px 15px 0px; }
    .con_tabs select { width: 262px; margin: 6px 5px 15px 0px; }
    fieldset label { text-align: right; width: 160px; }
    fieldset input[type=text] { width: 250px; margin: 6px 5px 15px 0px; }
    fieldset input[type=password] { width: 250px; margin: 6px 5px 15px 0px; }
    fieldset select { width: 262px; margin: 6px 5px 15px 0px; }
    .label2 { width: 200px; margin: 0px 5px 5px 0px; }
    .submit1 { margin: 5px 0px 10px 293px; }
    .contactform { width: 50%; float: left; }
    .map-contact { width: 50%; float: left; }
    .content_sub_bg h3 { font-size: 18px; padding: 20px 30px; }
    .content_sub_bg p { font-size: 13px; padding: 0px 30px 10px 30px; }
    .graph_com_results_left { width: 25%; margin: 0px 1% 10px 1%; }
    .graph_com_results_md { width: 35%; margin: 0px 1% 10px 0px; }
    .graph_com_results_right { width: 35%; margin: 0px 1% 10px 0px; }
    .right { width: 260px; }
    .right-gender { width: 260px; }
    .leftBox { margin: 6px 0px 0px 174px; width: 262px; }
    .leftBox .multiple { height: 250px; }
    .dualControl { margin: 90px 30px; width: 100px; }
    .dualControl button { width: 40px; font-size: 14px; }
    .rightBox { width: 262px; margin: 6px 0px 0px 0px; }
    .btns_group { margin: 0px 0px 0px 750px; }
    .graphBms { width: 30%; float: left; }
    .graph_bms_con { width: 66%; float: right; }
    .copyrights { font-size: 11px; }
}

@media screen and (max-width:859px) {
    body { padding: 0px; margin: 0px; font-size: 11px; }
    .content { width: 98%; margin: 0px auto; }
    .header_main { width: 98%; margin: 0px auto; }
    #menus { width: 100%; margin: 0px auto; }
    .ddsmoothmenu ul li a { padding: 11px 5px 12px 5px; }
    .abt_tool { width: 24%; height: 150px; padding: 0px; margin: 0px 1% 5px 0; float: left; text-align: center; }
    .abt_tool img { margin: 7px 5px 0px 5px; max-width: 170px; max-height: 140px; width: 98%; }
    .con_bg { width: 24%; height: 150px; padding: 0px; margin: 0px 1% 5px 0px; float: left; text-align: center; }
    div#voverlay { background-image: url(../images/white.png); width: 480px; height: 360px; display: none; padding: 35px; }
    .video_bg { background: #000; width: 23%; height: 150px; float: left; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; }
    .main_con_box.con_bg.recom img { margin: 1px auto; width: 99%; }
    .main_con_box.con_bg.graph img { margin: 1px 2px 1px 3px; width: 98%; height: 98%; max-width: 216px; }
    .video_bg img { margin: 10px 2px 1px 3px; width: 90%; height: 90%; }
    .btm_box { float: left; margin: 0px 1% 5px 0px; width: 24%; height: 110px; }
    .btm_box_first { float: left; margin: 0px 1% 5px 0; width: 24%; height: 110px; }
    .btm_box_last { float: left; margin: 0px 0px 5px 0px; width: 23%; height: 110px; }
    .buy_unlock_img { max-width: 40px; }
    .buy_unlock_img img { margin: 10px 0px 0px 0px; max-width: 40px; }
    .buy_unlock_text { float: left; max-width: 120px; }
    .buy_unlock h2 { font-size: 11px; padding: 15px 0px 0px 4px; display: block; color: #ff3b06; }
    .buy_unlock p { font-size: 10px; }
    .news_letter p.heading01 { font-size: 10px; }
    .news_letter p.heading02 { font-size: 10px; }
    .news_letter p.heading03 { font-size: 10px; }
    .work_res p { font-size: 10px; }
    .scroll_text p { font-size: 10px; }
    .betatesting h3 { font-size: 11px; }
    .banner { width: 100%; text-align: center; }
    .banner img { width: 98%; margin: 0px auto; }
    .footer_bg { height: 170px; }
    .footer_con { width: 98%; margin: 0px auto; }
    .footer_sub_menu li { font-size: 11px; }
    .footer_contact h2 { font-size: 12px; }
    .footer_contact p { font-size: 11px; }
    .ui-dialog.ui-widget.ui-widget-content { width: 700px !important; }
    .shadow { display: none; }
    .con_tabs .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em .4em; text-decoration: none; }
    .con_tabs label { text-align: right; }
    fieldset label { text-align: left; }
    .label2 { width: 140px; margin: 0px 5px 5px 0px; }
    .connect { width: 300px; }
    .info1 { float: left; padding: 0px; margin: 0px 0px 3px 250px; }
    .info2 { float: left; padding: 0px; margin: 0px 0px 0px 250px; }
    .register label { clear: left; }
    .register input[type=text], .register input[type=password] { clear: right; }
    #newUserRegistrationregister label { clear: left; }
    #newUserRegistrationregister input[type="text"], #newUserRegistrationregister input[type="password"] { clear: right; }
    #newUserRegistrationregister select { clear: right; }
    .content_sub_bg h3 { font-size: 18px; padding: 20px 0px; }
    .leftBox { margin: 6px 0px 0px 6px; width: 262px; }
    .btns_group { margin: 0px 0px 0px 170px; }
    .stage_img { width: 10%; }
    .main_sub_heading1 { font-size: 16px; width: 80%; }
    .followus img { margin: 5px 0px 0px 0px; }
    .facebook_widget { margin: 6px 0px 0px 0px; }
}


@media screen and (max-width:640px) {
    .banner img { width: 98%; margin: 0px auto; }
    .main_con_box.con_bg.graph img { margin: 1px 2px 1px 3px; max-width: 183px; max-height: 148px; text-align: center; }
    .main_con_box.con_bg.recom img { margin: 1px auto; max-width: 186px; max-height: 148px; }
    .main_con_box.con_bg.video_bg img { max-width: 190px; max-height: 140px; }
    .abt_tool, .con_bg, .video_bg { width: 48%; }
    .buy_unlock_img { max-width: 40px; margin: 3px 6px 0px 3px; }
     .buy_unlock_img img { max-width: 40px; }
    .btm_box, .btm_box_first, .btm_box_last { width: 48%; height: 100px; }
    .footer_bg { height: 290px; }
    .footer_sub_menu { width: 32%; }
    .followus { margin: 9px 0px 0px 0px; }
    .ui-dialog.ui-widget.ui-widget-content { width: 96% !important; }
    #navigation { display: block !important; }
    #menus { display: none; }
    .graph_bg_main { width: 96%; margin: 8px auto 10px auto; float: none; }
    .graph_bg_main_right { width: 96%; margin: 8px auto 10px auto; float: none; height: 300px; }
    .graph_bg_left { width: 46%; margin: 0px 0 10px 2%; }
    .graph_bg_right { width: 46%; margin: 0px 0 10px 2%; }
    .pre_stage_graph { width: 98%; float: none; margin: 6px auto; }
    .pre_stage_text { width: 98%; float: none; margin: 6px auto; }
    .pre_stage_text ul li { padding: 5px; }
    .main_sub_heading1 { font-size: 16px; width: 80%; }
    .stage_img { width: 10%; }
    .stage_img img { width: 90%; max-width: 40px; margin: 20px 0px 0px 0px; }
    .con_tabs label { text-align: left; }
    .con_tabs input[type=text] { width: 230px; margin: 6px 5px 15px 0px; }
    .con_tabs input[type=password] { width: 230px; margin: 6px 5px 15px 0px; }
    .con_tabs select { width: 242px; margin: 6px 5px 15px 0px; }
    .form_btns { margin: 15px 0 10px 170px; }
    fieldset label { text-align: left; width: 140px; }
    fieldset input[type=text] { width: 200px; margin: 6px 5px 15px 0px; }
    fieldset input[type=password] { width: 200px; margin: 6px 5px 15px 0px; }
    fieldset select { width: 212px; margin: 6px 5px 15px 0px; }
    .connect { width: 170px; }
    .info1 { float: left; padding: 0px; margin: 0px 0px 3px 110px; }
    .info2 { float: left; padding: 0px; margin: 0px 0px 0px 110px; }
    .label2 { width: 100px; margin: 0px 5px 5px 0px; }
    .submit1 { margin: 5px 0px 10px 163px; }
    .contactform { width: 96%; float: none; margin: 10px auto; display: block; }
    .map-contact { width: 96%; float: none; margin: 10px auto; display: block; }
    .content_sub_bg h3 { font-size: 14px; padding: 10px 30px; }
    .content_sub_bg p { font-size: 12px; padding: 0px 30px 10px 30px; }
    .sub1_text p { font-size: 11px; }
    .sub1_text p img { width: 90%; max-width: 300px; }
    .leftBox { margin: 6px 0px 0px 6px; width: 170px; }
    .leftBox select { width: 170px; }
    .rightBox { margin: 6px 0px 0px 0px; width: 170px; }
    .rightBox select { width: 170px; }
    .dualControl { margin: 90px 10px; width: 70px; }   
	.dualControl button { width: 30px; font-size: 11px; }
    .graphBms { width: 96%; float: none; margin: 5px auto; }
    .graph_bms_con { width: 96%; float: none; margin: 5px auto; font-size: 11px; }
    .copyrights { font-size: 9px; clear: right; }
    .followus img { width: 90%; max-width: 30px; margin: 5px 0px 0px 0px; }
    .facebook_widget { margin: 6px 0px 0px 0px; }
}

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

    body { font-size: 10px; }

    .header_main { width: 100%; }
    .banner { width: 100%; margin: -8px auto 5px auto; text-align: center; }
    .content { width: 98%; margin: 0px auto; }

    .logo img { width: 80%; max-width: 150px; }
    #navigation { display: block !important; }
    #menus { display: none; }

    .abt_tool img { max-width: 140px; max-height: 115px; width: 100%; }
    .abt_tool, .con_bg, .video_bg { height: 125px; }
    .btm_box, .btm_box_first, .btm_box_last { width: 98%; height: 100px; }

    .buy_unlock_img { max-width: 60px; }
    .buy_unlock_img img { max-width: 60px; }
    .buy_unlock_text { max-width: 230px; text-align: center; }
    .buy_unlock_text h2 { font-size: 12px; }
    .buy_unlock p, .news_letter p.heading03 { font-size: 11px; }
    .news_letter p.heading01, .news_letter p.heading02 { font-size: 11px; padding: 10px 0 4px 30px; }
    .work_res p { font-size: 11px; }
    .btm_box.box_res { height: 110px; }
    .btm_box_last { height: 110px; }
    .scroll_text p { font-size: 11px; }
    .footer_bg { height: auto; }
    .footer_sub_menu { width: 48%; }
    .footer_sub_menu:nth-child(2) { border-right: none; }
    .footer_sub_menu:nth-child(4) { border-right: none; }
    .footer_contact { margin: 0px 2%; }

    .graph_bg_main { width: 96%; margin: 8px auto 10px auto; float: none; }
    .graph_bg_main_right { width: 96%; margin: 8px auto 10px auto; float: none; min-height: 300px; height: auto; }
    .graph_bg_left { width: 96%; margin: 0px auto 10px auto; }
    .graph_bg_right { width: 96%; margin: 0px auto 10px auto; }
    table thead th { font-size: 8px; }
    table { width: 100%; overflow: auto; }
    .cmxform table td, .cmxform table th { padding: 9px 2px; font-size: 9px; }

    .form_btns { margin: 15px 0 10px 0px; }
    fieldset { width: 96%; }
    fieldset label { text-align: left; width: 130px; }
    fieldset input[type=text] { width: 130px; margin: 6px 5px 15px 0px; }
    fieldset input[type=password] { width: 130px; margin: 6px 5px 15px 0px; }
    fieldset select { width: 142px; margin: 6px 5px 15px 0px; }
    #tabs-1 fieldset input[type=text], #tabs-1 fieldset input[type=number], #tabs-1 fieldset input[type=email], #tabs-1 fieldset input[type=password], #tabs-1 fieldset select { width: 90%; margin: 6px 0px 5px 5px; }
    .label2 { width: 130px; margin: 0px 0px 5px 0px; }
    .connect { width: 120px; }
    .info1 { float: left; padding: 0px; margin: 0px 0px 3px 60px; }
    .info2 { float: left; padding: 0px; margin: 0px 0px 0px 46px; }
    .submit1 { margin: 5px 0px 10px 152px; }
    .form_heading { float: none; width: 80%; }
    .allfiedls { font-size: 10px; text-align: left; padding: 10px 0px; }
    .graph_com_results_left { width: 96%; margin: 0px auto 10px auto; }
    .graph_com_results_md { width: 96%; margin: 0px auto 10px auto; }
    .graph_com_results_right { width: 96%; margin: 0px auto 10px auto; }

    .right-gender { width: 120px; }
    .right { width: 120px; }

    .leftBox { margin: 6px auto; width: 90%; float: none; }
    .leftBox .multiple, .rightBox .multiple { height: 250px; overflow: auto; width: 100%; }
    .dualControl { margin: 0px auto; width: 60%; text-align: center; float: none; }
    .dualControl button { width: 40px; font-size: 11px; float: left; display: inline-block; margin: 0px 5px 3px 0px; }
    .rightBox { width: 90%; margin: 6px auto; float: none; }
    .btns_group { margin: 0px 0px 0px 6px; }
}