@charset "utf-8";
/* CSS Document */
.logo img, .btn_sign img{max-width:100%; width:100%}
#topnav{display:none !important}
@media only screen and (min-width:769px) and (max-width:1190px)
{	
	.nav-collapse a{font-size:13px;padding:0 2px;}
	.logo_bottomcontent{font-size:7px;}
	.footermenu li a{font-size:14px;}
	.inner_banner .ban_title{top:43px;font-size:20px;}
	.menu_sect{width:72%;}
	.cust_login,.cust_login1{width:40%;}
}
@media screen and (max-width:1190px){
.wrapper,.header_wrapper{width:90%;}
	.logo_content{font-size:20px}
}
@media only screen and (min-width:1600px) and (max-width: 2048px){
.logo_content
{
font-size: 1.3vw !important;
padding:38px 0px !important;
/*width:32% !important;	*/
}
 .tech_table th,tr,td
  {
	border:1px solid #000;  
  }
}
@media screen and (min-width:768px){
	.trainingwidth{height:275px;}	
}
@media screen and (min-width:2048px)
{
.logo_content
{
font-size: 24px !important;
padding:25px 0px !important;
width:32% !important;	
}
.logo_bottomcontent
{
font-size: 22px !important;	
}	
 .tech_table th,tr,td
  {
	border:1px solid #000;  
  }
}
@media only screen and (min-width:400px) and (max-width: 768px){
	.inner_banner .ban_title{top:19px;font-size:14px;}
}
@media only screen and (min-width:299px) and (max-width: 399px){
	.inner_banner .ban_title{top:11px;font-size:15px;}
}
@media screen and (max-width:768px)
	{
	.input-group-btn{padding: 6% 0% 0 0;}	
			.ban_bg{background:transparent;}
		.mob_ban_txt p span{font-size:15px !important;}
		.mob_ban_txt p,.mob_ban_txt li,.mob_ban_txt li span{font-size:15px !important;}
		.mob_ban_txt{word-break: break-word;}
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		.mobile_bg{display:block !important;}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.hsf_table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		.ban_txt{display:none;}
		
		.hsf_table tr { border: 1px solid #ccc; }
		
		.hsf_table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		.hsf_table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.hsf_table td:nth-of-type(1):before { content: "Users"; }
		.hsf_table td:nth-of-type(2):before { content: "Monthly"; }
		.hsf_table td:nth-of-type(3):before { content: "Annually"; }
		.hsf_table{width:91% !important}
		
		.tech_table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}		
		
		
		.tech_table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #000; 
			
			position: relative;
			padding-left: 50%; 
		}
		
		.tech_table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.tech_table td:nth-of-type(1):before { content: "Users"; }
		.tech_table td:nth-of-type(2):before { content: "Monthly"; }
		.tech_table td:nth-of-type(3):before { content: "Annually"; }
		.tech_table{width:91% !important}
	.contact_lft{margin-bottom: 20px;border-right:0px;border-bottom: 2px solid #fff; padding-bottom: 20px;}		
	.work_content li{display:block;width:97%;}
	.webpage_content h3{font-size:16px;}
	.webpage_content h1{font-size:22px;}
	.innercontent_bg{padding:20px 0px;}
	.powered{margin-bottom:10px;}
	.active a{background: #00BCD4 !important;}
	.webpage_content h2{font-size:18px;}	
	.wrap_lft,.wrap_rgt,.footermenu,.contact_lft,.contact_rgt{display:block;width:100%;margin-right:0%;}
	.footermenu ul{text-align:center;}
	.footermenu ul li span{display:none;}	
	#topnav{display:block !important}
	.sidemenu{margin-top:0}
	.logo_content{float:none;font-size:24px; width:auto; padding:0px 0;display:block;text-align:center}
	.logo_bottomcontent{text-align: center;}
	.logo{display:block; width:194px; margin:auto; padding:15px 0;position:relative}
	.top_right{float:none; display:block; width:auto; padding:0 0 10px}
	.header{height:auto}
	.btn_home,.btn_home_sg{width:86px; float:none; display:block; margin:10px auto !important}	
	.wrap_contentleft{float:none; width:96%; margin:auto}
	.wrap_contentleft span, .wrap_contentleft p a, .wrap_contentleft p{word-break: break-word;}
	.wrap_contentleft h1{font-size:25px !important; color:#fff !important}
	.middle_bg h2{font-size:25px}
	.wrap_contentleft p{font-size:14px; text-align:left}
	.wrap_contentright{width:auto; float:none}
	.sidemenu ul li{margin-bottom:15px}
	.sidemenu ul li a{padding:10px 0}
	.form_left{float:none; width:95%; margin:auto}
	.input{width:94%}
	.form_right{float:none; width:95%; margin:auto}
	.row{text-align:center}
	.select_drop_demo{width:95%}
	.input_textarea{width:92%}
	.row_cap{width:auto}
	.g-recaptcha div{margin:auto}
	.footermenu ul{float:none; margin-top:10px;}
	.footermenu li{display:block; border-right:none;line-height:25px;padding-bottom:5px;}
	.copy{float:none;text-align:center;}
	.qod_lib_btn{float:none; }	
	.webpage_content p{margin:0; }
	.webpage_content h1{float:none;  text-align:left;}
	.top_menu{height:auto !important}
	#navmenu{margin:0 !important}
	#navmenu ul{float:none !important; height:auto !important}
	#navmenu ul span{float:none !important; margin-right:0 !important}
	#navmenu li{float:none !important; margin-right:0 !important}
	.profile-titleedit{float:none !important; width:auto !important; text-align:center !important}
	.profile_contentedit{float:none !important; width:auto !important; text-align:center !important; margin-left:0 !important}
	.profile-title{float:none !important; width:auto !important; text-align:center !important; font-weight:bold}
	.profile_content{float:none !important; width:auto !important; text-align:center !important}
	.btn_view{float:none !important; width:115px; display:block; margin:auto}
	.btn_edit{float:none; width:115px; margin:10px auto}
	.btn_edit_cancel{float:none; width:115px; margin:auto; display:block}
	.label_left_control{float:none; width:auto}
	.label_right_control{float:none; width:auto; text-align:center}
	.no_found{float:none; margin:0; text-align:center}
	.export_button{float:none}
	.input_textareaedit{width:100%}
	.select_drop_down{width:99%}
	.input_edit{width:97%}
	.input_textareaedit{padding-left:2%; width:98%}
	.wrapper1{padding-bottom:0; margin-bottom:0}
	.btn_signout{width:86px !important; float:none !important; display:block; margin:10px auto !important}
	.field_left{float:none;text-align:center;}
	.form_captcha{float:none;}
	.contact_right{ float:none;width:96%; padding: 0px 2%;}
	.address_well {margin-right:0 !important;}
	.contact_left{width:98%; float:none;  }
	.select_drop_demo{ margin-left: 0px; }
	.row_left{ padding-left:5px; }
	.row_left{ padding-left:5px; width:98%; }
	.input_textarea{ margin-left:0px; }
	.powered{float:none; text-align:center;}
	.host_seal  { 	 float:none; text-align:center;}
	.menu_sect{text-align:left;width:100%;margin-top:0px;}
	.nav-collapse li{display:block;width:100%;float:left;}
	.header_wrapper{padding:15px 0px;}
	.nav-collapse a{text-align:center;;background: #3c8dbc;color: #fff;padding: 10px 0px;border-bottom: 1px solid #fff;}
	.nav-collapse a{color:#fff !important; }	
	.nav-collapse a:hover{background:#00BCD4}
	.wrap_rgt{margin-top:30px;}
	.form_cont,.form_cont1{display:block;width:100%;}
	.wrap_right,.wrap_right1,.wrap_right2{float:none;width:100%;text-align:center;padding-bottom:20px;bottom:0px;margin-left:0%;}
	.webpage_content table{width:100% !important;}
	.mob_ban_txt h2, .mob_ban_txt span{line-height:25px;}
	.mob_ban_txt li{background: url(../images/arrows.png) no-repeat;background-position: 0px 9px, center;}
	.cust_login,.cust_login1{display:block;width:100%;min-height:auto;margin-top:0px;}
}
@media only screen and (min-width:476px) and (max-width: 768px){
.mob_ban_txt h1{font-size:20px !important;width:65%;margin:0 auto;background:#fff;padding:5px;text-align:center;}
.mob_ban_txt h1 span{font-size:20px !important;}
}
@media only screen and (min-width:299px) and (max-width: 475px){
.mob_ban_txt h1{font-size:18px !important;width:94%;margin:0 auto;background:#fff;padding:5px;text-align:center;}
.mob_ban_txt h1 span{font-size:18px !important;}
}
@media only screen and (min-width:274px) and (max-width: 400px){
.g-recaptcha{transform: scale(0.8);}
}
@media only screen and (min-width:274px) and (max-width: 304px){
.btn_cancel{
	margin-top: 15px;
	margin-right: 16px;
}
.input{
	padding:0 6px !important; width:92% !important;
}
.select_drop_company{
	padding:0 6px !important;
}
.select_drop_demo{
	padding:0 6px !important;
}
.select_drop_country{
	padding:0 6px !important;
}

.wrap_contentleft p a{
	font-size:13px !important;
}
.wrap_contentleft p a:hover{
	font-size:13px !important;
}
}

@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.hsf_table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.hsf_table tr { border: 1px solid #ccc; }
		
		.hsf_table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		.hsf_table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.hsf_table td:nth-of-type(1):before { content: "Users"; }
		.hsf_table td:nth-of-type(2):before { content: "Monthly"; }
		.hsf_table td:nth-of-type(3):before { content: "Annually"; }
		.hsf_table{width:91% !important}
		
		.tech_table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.tech_table tr { border: 1px solid #000; }
		
		.tech_table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #000; 
			
			position: relative;
			padding-left: 50%; 
		}
		
		.tech_table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.tech_table td:nth-of-type(1):before { content: "Users"; }
		.tech_table td:nth-of-type(2):before { content: "Monthly"; }
		.tech_table td:nth-of-type(3):before { content: "Annually"; }
		.tech_table{width:91% !important}
		
	}
	@media only screen and (min-width:769px) and (max-width: 894px){		
		
	
	.sidemenu{margin-top:0 !important}
	.sidemenu ul li{margin-bottom:10px; font-size:14px;}
	.sidemenu ul li a{padding:8px 0}
	.footermenu{ float:none; margin-top:10px; }
	.copy { float:none; }
	.footermenu ul{ float:none; }
		
		
	}
	@media only screen and (min-width:895px) and (max-width: 950px){
		
		.wrap_contentleft span, .wrap_contentleft p a, .wrap_contentleft p{font-size:16px !important;}
	.wrap_contentleft h1{font-size:15px !important;padding:0 !important;}
	.wrap_contentleft p{font-size:16px !important;padding:0 !important;line-height:23px !important;}
	.wrap_contentright{}
	.sidemenu{margin-top:0 !important}
	.sidemenu ul li{margin-bottom:15px}
	.sidemenu ul li a{padding:10px 0}
		
		
	}
	
	@media only screen and (min-width:951px) and (max-width: 1020px){
	
	.wrap_contentright{}
	.sidemenu{margin-top:0 !important}
	.sidemenu ul li{margin-bottom:15px}
	.sidemenu ul li a{padding:10px 0}
		
		
	}
	
	
	
	
	@media only screen and (min-width:1021px) and (max-width: 1320px){
		
	.wrap_contentleft span, .wrap_contentleft p a, .wrap_contentleft p{font-size:16px !important;}
	.wrap_contentleft h1{font-size:20px !important;padding:0 !important;}
	.wrap_contentleft p{font-size:16px !important;padding:2px 0 !important;line-height:26px !important;}
	.wrap_contentright{}
	.sidemenu{margin-top:0 !important}
	.sidemenu ul li{margin-bottom:15px}
	.sidemenu ul li a{padding:10px 0}
		
	
	}
	@media screen and (min-width:891px) and (max-width: 960px)
{
	.dash_st{ margin:2% 0 2% 27%;}
	
}
@media screen and (min-width:838px) and (max-width: 890px){
	.dash_st{ margin:2% 0 2% 25%;}
}
@media screen and (min-width:801px) and (max-width: 837px){
	.dash_st{ margin:2% 0 2% 24%;}
}

@media screen and (min-width:768px) and (max-width: 800px){
	.dash_st{ margin:2% 0 2% 22%;}
}
@media screen and (min-width:658px) and (max-width: 767px){
	.dash_st{ width:30%; margin:2% auto;}
}
@media screen and (min-width:540px) and (max-width: 657px){
	.dash_st{ width:35%; margin:2% auto;}
}
@media screen and (min-width:485px) and (max-width: 541px){
	.dash_st{ width:44%; margin:2% auto;}
	
}
@media screen and (min-width:452px) and (max-width: 484px){
	.dash_st{ width:50%; margin:4% auto;}
	
}
@media screen and (min-width:410px) and (max-width: 451px){
	.dash_st{ width:58%; margin:4% auto;}
	
}
@media screen and (min-width:394px) and (max-width: 409px){
	.dash_st{ width:58%; margin:4% auto;}
}
@media screen and (min-width:351px) and (max-width: 393px){
	.dash_st{ width:65%; margin:4% auto;}
}
@media screen and (min-width:334px) and (max-width: 350px){
	.dash_st{ width:70%; margin:4% auto;}
}
@media screen and (min-width:291px) and (max-width: 333px){
	.dash_st{ width:75%; margin:4% auto;}
}
@media screen and (max-width:290px) {
	.dash_st{ width:85%; margin:2% auto;}
}
@media only screen and (min-width:769px) and (max-width: 772px){

.address_well p {
	font-size:13px !important;
}
}
@media only screen and (min-width:266px) and (max-width: 344px){
	.address_well p {
	font-size:12px !important;
}
}
@media screen and (max-width: 344px){ #rc-imageselect, .g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }}