@media (min-width:320px) and (max-width:825px){
	.message_box:first-child {
    margin-left:2%;
}
.display-tree{ width:93%!important}
.white_content{left:0px; position:relative; margin:0 auto}
.header{ background:#0AA6D1;}
	.mal-span font,.header_listed_data font, .tap_button_inp font input, .admin_name font{ font-size:9px;}
	.lable-pad.ui-widget{display:none;}
	.level_height {padding-bottom:0px;margin-bottom: 0px;}
	*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.top_head h1{ background-color:#fff; border-bottom:1px dashed #ccc; color:#333;float:none; padding:10px 10px 10px 35px; font-size:120%}.hideshow{display:none;}
ul .fullwidth,.grid_sh,.grid_90,.grid20,  .grid30,.shell_secwidth,.grid20,.salary_slip,.grid_column2,.shell_box,.scheright ,.left_nav,.grid_5c,.max-width,.grid_left,.grid-85,.grid_column3s,.grid_65,.grid25,.grid_70,.grid_60,.grid_fld,.grid15,.shellright,.grid-40,.grid1_60,
.scheright{width:100%; max-width:100%; margin-top:10px; }.resizediv{margin:0px}
.submenu > .list_nav li a,.submenu > .list_nav li,.sf-menu li#sf-submenu,table{width:100%!important;}
.sidebar{ position:relative; top:0}
.fixedbar .sidebar{height:auto;}
.body_content{ min-height:600px;}
.right.mul-container{ position:relative; top:13px; float:none; clear:both; margin:20px auto 0 auto}
.top_searchbox ul li {padding: 2px;}
.exit {margin:14px 4px 12px 4px;}
.logo_head{ height:80px;}
.sub_arrow  dd{ position:absolute; top:10px; left:150px;}
#menutop_list li{width:16.6%;border-top: 1px solid #525252;
border-bottom: 1px solid #333;}
.selectbox_width{width:250px;}
.b-tmar{ width:100%; text-align:center}
.content_mainsection{margin:10px 0 0 0 ;}
.log_img {float: left;width: 50px;height: 70px;margin: 0px 20px 0px 5px;}
.logo h2 { line-height:16px;color: rgb(255, 255, 255);padding:5px 0 0 0px; font-size:1em}
.calendar_tab,.message_box{width:96%; margin:1% 2%}
.sl_right,.lable-pad.ui-widget,.hideshow {display:none}
.top_button {clear:both;float:left;width: 100%; margin-top:-37px; height:auto}
.tap_button_inp{float:right; text-align:center}
.top_button li{ float:none;}
.ts_button, .top_button li input[type="button"]{ padding:5px 7px; font-size:11px;}
.top_listmenu{width:40px; height:40px; background: #294C69; position:relative!important; float:right; cursor:pointer}
.mobile-button:before,.top_listmenu:before{ position: absolute; top:6px; text-align:center; left:6px; font-size:30px;}
.mobile-button:before{content:"\2261";top:10px; text-align:center; left:10px;}.top_listmenu:before{content:url(../images/profile-icon.png);}
#verticle_menu{transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;position: fixed; z-index:1000;width:230px; top:0!important; left:-230px; bottom:0; }
#verticle_menu.menu-open{left:0px!important;}
.top_listmenu.rightMenu-open ul{ right:0}
.top_listmenu ul{display:block; width:200px; position:absolute; right:-200px;top:40px;transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; box-shadow:-2px -2px 3px rgba(0,0,0,.2);-moz-box-shadow:-2px -2px 3px rgba(0,0,0,.2);-ms-box-shadow:-2px -2px 3px rgba(0,0,0,.2);-webkit-box-shadow:-2px -2px 3px rgba(0,0,0,.4);}

.top_listmenu:hover ul{ display: block;}
.top_listmenu ul li:first-child{display:block!important;}
.top_listmenu ul li{ background-color:#fff; position:relative; display:block; width:100%;; border-top:1px solid #f7f7f7; border-bottom:1px solid #cfcfcf}
/*.ver_menu ul{margin-left:-250px; width:220px;}*/
.top_listmenu ul li a{display:block; text-decoration:none; padding:0px 10px; background:#eee; float:none}
.mobile-button{ position:absolute; top:80px;right:-40px; cursor:pointer;color:#eee; display:block; float:left;width:40px; height:40px; background:#294C69;}
#verticle_menu .ver_menu { position: absolute; display:block; height:100%; overflow:auto;
 z-index:5000; background:#fff;box-shadow:2px -2px 3px rgba(0,0,0,.4);}
/*.menu-open ul{margin-left:0px!important;transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
*/.left_body{width:100%; margin-left:0px!important; transition:none}
.sl_right {margin: 10px 75px 0 0;}.icon_list li{width:18.2%}
.four_form li,.driple_form li,.two_form li{width:100%;}
.two_form li input[type=text],.two_form li textarea,.two_form li select,
.single_form li input[type=text],.single_form li textarea,single_form li select{width:250px;}
.tab_menu li a{font-size:12px; padding:10px 5px; width:auto;}
.admin_name{width:245px; height:55px;}
/*table grid*/
 #flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    #flip-scroll * html .cf { zoom: 1; }
    #flip-scroll *:first-child+html .cf { zoom: 1; }
    #flip-scroll{ width: 100%; border-collapse: collapse; border-spacing: 0; }

    #flip-scroll th,
    #flip-scroll td { margin: 0; vertical-align: top; }
    #flip-scroll{ display: block; position: relative; width: 100%; }
    #flip-scroll thead { display: block; float: left; }
    #flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    #flip-scroll thead tr { display: block; }
    #flip-scroll th { display: block; text-align: left; border-bottom: 0; border-left: 0; padding:8px 4px;  }
    #flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    #flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
    #flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    #flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    #flip-scroll th:last-child,
    #flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
	#verticle_menu.fixedbar { position: absolute; left:-230px;}
	.hide-select{ top:-40px!important; -moz-transition:all 0.4s; transition:all 0.4s ; z-index:-1}
	.fotter-ml{ margin-left:0px;}
}
	
@media (min-width:320px) and (max-width:588px){
.body_content {padding: 70px 0px 35px; min-height:450px; }
.icon_list li{width:31.7%}
.header{ position:fixed;z-index:100}
.logo_head{padding:5px; height:40px;}
.logo_head h2{ text-shadow:none}
.log_img{ display:none}	.exit{top:-50px;}
.admin_name{ display:none;}.admin_text{ width:125px}
.in2_lable,.in3_lable,.in_lable{ margin-left:0px; clear:both; font-weight:bold}
.multilang .mal-span{ display:none}.multilang{ margin:0}
.mul-container{ width:147px}.right.mul-container{ top:0px}
#google_translate_elements{ margin-left:3px;}
.exit{ margin:0px}
.top_button{ margin-top:0px;}
.dragdiv,.two-colum,.key_grid,.form_cont{ width:100%!important}
.sidebar{top:0px; position:relative}
.icon_list li a span{ line-height:14px;}
.c_p{ font-size:10px}.r_p{ display:none}
#verticle_menu.bop{width:230px;}
.iconmenu.sidebar ul > li > a{ text-indent:inherit}
.iconmenu.sidebar ul ul{ position:relative; left:0; width:inherit}
.right.mul-container{margin: 14px auto 0px;}
.logo{ width:auto; text-align:center; float:none; margin:0px 50px 0 46px;}
.top_listmenu{margin-top:-40px; background:#294C69; box-shadow:none; border-bottom:none; text-shadow:none}
.mobile-button{top:0}
.left_body .body_content {padding: 0; }

.display-tree .ui-widget li{ padding:6px 0 6px 10px;}
.display-tree .ui-widget-content .ui-icon{ margin-left:-22px!important}
.top_searchbox #bg{ background:#3F4C6B; box-shadow:none;padding: 6px 10px;}

.pagelist{width:20px; height:20px; position:relative; background-image: url("../images/head_icon.png"); background-position:center center; background-color:#6B6B6B}
.page-listCG{ position:absolute; display:none;background:#333; width:120px;right: 0;top: 20px;z-index: 50;padding: 5px;}
.pagelist span{display: block;  color:#fff; text-shadow:none}
.bg-shadow .bg-h .right span {font-size: 11px;color: #9F9F9F;}.top_head{margin:0px;}
.grid{width:95%;}
.top_searchbox ul li input[type=text],.top_searchbox ul li select,
.H-tab li,.form ,.form_inpt,.top_searchbox ul li{width:100%;}
.pageselect{}
.scrollup,#loading-mask,#ajaxloading{display:none!important;}
.mobilea_center{ text-align:center}
.two_form li input[type=text],.two_form li textarea,.two_form li select,
.f_float,.single_form li input[type=text],.single_form li textarea,single_form li select,.textarea_width,.selectbox_width{width:97%!important;}
div.gps-d{left:0; right:0; top:20px}div.gps-d .gprs{margin: 0;
width: 33%;}.algrithm { padding: 0;clear: both;float: none;}
.b-butG .tap_button_inp{ float:none}
}

@media (min-width:961px) and (max-width:1100px){
	
body{font-size:13px;}
.top_listmenu ul li a {padding:0px 13px;}
.top_listmenu li ul li a {width:180px;}	
#menu dt a {font-size:12px;font-weight:none;}	
.tabcontents1{width:auto;}
.tabcontents2{width:auto;}
#menu dl dd ul li a{font-size:11px;}
.mes_tab ul.tabs1 li a, .mes_tab ul.tabs2 li a,.message_box ul li a{font-size:11px;}
.top_button{width:60%;}
.top_searchbox ul li input[type=text],.top_searchbox ul li input[type=passward]{width:120px;padding:5px 5px;}
.top_searchbox ul li input[type=button]{padding: 5px 7px;}
.top_searchbox ul li select{width:130px; padding:4px}
.top_button li input[type=button]{padding:6px;}
.calendar_tab{width:47%;}
.header_listed li{ white-space:wrap;}
.bot_text{font-size:11px;}
.F-si{font-size:110%;}
.L-middle{width:83%;}
.icon_list li{ width:10.5%;}
.hsearch{margin-left:35px;}
.ui-widget input.add-photo-btn{width:25px!important; text-align:center}
.set_act_two{padding:0 0 0 5px;}
.set_act_two{padding:0 0 0 5px;}
.two_form li textarea{ width:90%}

/*.two_form li input[type=text]{
	width:90%;}
.two_form li select{width:96%;}
.two_form .fullwidth input[type=text] {
width: 31.5%;*/
.message_box{ width:30.8%}
.icon_list li a span{ font-weight:normal}
.form_inpt > input[type=text]{width:122px!important}

.single_form input[type=text], .single_form input[type=email], .single_form input[type=date], .single_form input[type=password] {
width: 160px;
}
.selectbox_width {
width: 175px;
}
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


/*


@media screen and (max-width:1024px){
body{font-size:13px;}
.top_listmenu ul li a {padding:0px 10px;}
.top_listmenu li ul li a {width:160px;}	
#menutop_list li a {width:70px;}
#menu dt a {font-size:12px;font-weight:none;}	
.icon_list li a{width:90px;}
.tabcontents1{width:auto;}
.tabcontents2{width:auto;}
#menu dl dd ul li a{font-size:11px;}
.mes_tab ul.tabs1 li a, .mes_tab ul.tabs2 li a,.message_box ul li a{font-size:11px;}
.admin_name{width:33%}
.top_button{width:68%;}
.top_searchbox ul li input[type=text]{width:120px;padding:5px 5px;}
.top_searchbox ul li input[type=button]{padding: 5px 7px;}
.top_searchbox ul li select{width:130px; padding:4px}
.top_button li input[type=button]{padding:6px;}
.calendar_tab{width:47%;}
.header_listed li{ white-space:wrap;}
.bot_text{font-size:11px;}
.F-si{font-size:110%;}
.L-middle{width:83%;}
.set_act_two{padding:0 0 0 5px;}
.set_act_two{padding:0 0 0 5px;}

}

*/