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

.calling_hours table th, .calling_hours table td { padding: 0 2px; }

.menu_btn { background: url("../images/mobile_menu_btn.png") no-repeat scroll center center #FFFFFF; display: block; float: left; font-size: 0; height: 17px; margin: 5px 0; padding: 6px; width: 26px; }

.nav .container { position:relative; }

.main_menu  {width: 75%;  background: none repeat scroll 0 0 #364E63; display: none;  border-top: 1px solid #5A7E9D; position: absolute; top: 100%; width: 77%; z-index: 100; }

.main_menu li a { padding: 12px 11px; }

.main_menu li > ul { left: -136%; }

.chart_row .step_column { font-size: 11px; }

.inner_contents { padding: 0 2%; width: 96%; }

.all-compaign {  }

.all_compaign_detail th, .all_compaign_detail td {  }

.all_compaign_detail th { font-size:14px; }

.tabs_container #tabs .tabs li a { padding:10px; }

.call_details { width: 375px; }

.call_detail label { text-align:left; }

.call_details input { width:164px; }

.view_btn { margin-right:12px; }

.account_info .form_submit { padding-right:15px; }

.call_flow .title_bar { width:740px; }

.call_flow .span12.white_bg { width:740px; }

.content_box label { width: 130px; }

.call_detail { width: 740px; }

.call_detail_table { width: 720px; }

.call_detail .top_selection select { width:200px; }

.call_detail .top_selection input { width: 110px; }

.call_detail .top_selection input.view_btn { margin:10px 0; }

.form_items.date input { width: 98px; }

.form_container .form_submit { padding: 0 25px 20px; }

.voice_mail_page #tabs .tabs li a { font-size: 12px; ; width: 122px; }

.voice_mail_page #tabs .tabs li.ui-tabs-active a { width: 124px; }
}

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

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

.logo { width: auto; }

.user_menu { width: auto; }

.nav .span2 { width: 200px; }

.main_menu li { background: none !important; border-bottom: 1px solid #5A7E9D; float:none; position:static; clear:both; }

.main_menu li a { padding: 8px 10px; }

.main_menu li > ul { display: block; position: static; padding:0; }

.main_menu li ul ul li a { margin: 0 20px; }

.main_menu li ul ul li b { padding: 0 20px; }

.main_menu li ul.span6 { border-bottom: 0 none; }

.ralign { text-align: left; }

.contant_container { padding: 13px 2%; width: 96%; }

.summary p, .calling_hours, .telephony p { padding: 0 2%; width: 96%; }

.telephony_content { padding: 10px 0; }

.form_items label { margin: 6px 0 3px; text-align: left; }

.form_submit { text-align: left; padding: 0 2%; }

.form_items { padding: 0 2%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.calling_hours table th, .calling_hours table td { padding: 0 8px; }

.white_bg { margin-bottom: 15px; margin-top: 0; }

.detail_db.advance_db { margin-top: 0; }

.white_bg b { padding: 0; }

.import_list p { padding-left: 2%; }

.import_list p.ralign { padding:0; }

.form_items.Schedule { padding-bottom: 10px; width: 96%; }

.call_flow .title { margin:0; }

.white_bg.call_flow_chart { padding:0; }

.tabs_container #tabs .tabs li a { font-size: 12px; padding: 10px 5px; }

.summary_detail p { width:96%; padding:0 2%; }

.login_container { margin: 70px auto; }

.contant_container { padding: 13px 2%; width: 96%; }

.contact_us .form-item { width: 45%; }

.call_details { width: 100%; }

.call_details h3 { padding: 5px 2%; }

.call_details p { padding: 0 2%; width: 96%; }

.call_details p.ralign { text-align:left; }

.view_btn { float: left; }

.call_detail .span3 { margin-bottom:15px; }

.account_info .form_submit { padding-left: 15px; }

.DNC_center p { font-size: 13px; line-height: 20px; margin: 15px 0; }

.DNC_summary { margin: 20px 10px; }

.dnc_import_list, .dnc_export_list, .dnc_scrub_list { margin: 20px 10px; }

.dnc_import_list h2, .dnc_export_list h2, .dnc_scrub_list h2 { font-size: 12px !important; }

.call_flow .title_bar { margin: 0; width: 100%; }

.call_flow .span12.white_bg { width: 100%; }

.call_flow .span6.left { width: 100%; }

.call_flow .span6.right { float: left; margin: 0 2%; width: 96%; }

.prompt_detail { margin: 0 2% 15px; width: 96%; }

.content_box label { width: 220px; }

.white_bg.min-height { min-height: 100px; }

.call_detail { width: 100%; }

.call_detail_table { margin: 0 2% 20px; width: 96%; }

.call_detail .top_selection select { width:250px; }

.call_detail .top_selection input { float:left; clear:both; width: 150px; }

.call_detail .top_selection label { margin: 5px 5px 5px 0; width: 100%; }

.call_detail .top_selection input.view_btn { margin:10px 0; float:left; clear:both; }

.main_menu li.campaigns > ul { float: left; left: 0; margin: 0; width: 100%; }

.report_generation { margin: 0; width: 100%; }

.form_container .form_submit { padding: 0 7px 20px; text-align: left; }

.form_items.date label { margin-left: 0; }

.form_items.date input { width: 80px; }

.voice_mail_inner_content { width: 90%; }

.voice_filter_bottom_content h2 { font-size:16px; }

.voice_filter_bottom_content p { padding:0; }

.voice_mail_page .contant_container { width: 100%; }

.voice_mail_page { padding: 0; }

.voice_mail_page #tabs .tabs li { display: block; float: none; margin-right: 0; }

.voice_mail_page #tabs .tabs li a, .voice_mail_page #tabs .tabs li.ui-tabs-active a { border-bottom: 1px solid #FFFFFF; border-radius: 0; display: block; float: none; font-size: 14px; width: auto; }

.all-schedu{width:100%; margin:0;}

.popup_wrapper {
    left: 5%;
    margin: 0;
    padding-bottom: 20px;
    position: absolute;
    top: 20px;
    width: 90%;
}

.popup_wrapper form .form-item label {
    margin: 0 5px 5px 0;
    text-align: left;
    width: auto;
}
.popup_wrapper .edit_schedule form .form_submit {
    padding: 5px 0 0;
}
.edit_schedule .tabs_container #tabs .tabs li {
    display: block;
}
.popup_wrapper .edit_schedule p.calign {
    font-size: 14px;}
.popup_wrapper .edit_schedule .tabs_container form .form_submit {
    padding: 10px 40px 10px 10px;
    text-align: left;
}

.popup_wrapper table td select {
    margin: 0 0 5px;
}
.popup_wrapper table th {
    font-size: 12px;}
.popup_wrapper table td, .popup_wrapper table th{padding:2px;}

}
 @media(max-width:540px) {

.login_container { background-size: 100% auto; display: table; margin: 40px auto; padding: 0 8px; width: 280px; }

.login_container form { padding: 20px 15px; }

.login_container .form-item input { width: 186px; }

.login_container .left { width: 60%; }

.login_container .form-submit input { padding: 5px 15px; }

.change_password h2 { font-size:14px; }

.change_password .form-item input { width: 228px; }

.content_box label { margin: 0 0 5px; text-align: left; width: 100%; }

.database_records .row label { margin: 0 0 5px; text-align: left; width: 100%; }

.voice_mail_inner_content { width: 96%; }

.voice_filter_bottom_content select { width: 170px; }

.archive_history th { font-size:14px; }

.archive_history td { font-size: 11px; padding: 10px 5px; }

.archive_history td a { font-size: 11px; padding: 5px; }
}
 @media(max-width:480px) {

.tabs_content .left_content, .tabs_content .right_content { float: left; width: 100%; }

.button_sets .button { float:left; margin: 0 10px 10px 0; }

.tabs li a { padding: 6px 8px; font-size: 12px; }

.chart_row .step_column { border-bottom: 2px solid #FFFFFF; width: 50%; }

.form_items.choose_type label { font-size: 12px; }

.contact_us .form-item { width: 100%; }

.contact_us .form-submit.register { text-align:left; }

.contact_us .form-submit.register input[type=submit] { margin-bottom:10px; margin-top:10px; }

.voice_filter_bottom_content p .right a { padding: 4px 15px; }

.voice_filter_bottom_content select { width: 120px; }

.voice_filter_bottom_content_2 p.width { width: 100%; }

.voice_filter_bottom_content_2 p.red_color { font-size: 14px; line-height: 18px; }
}