@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: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: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 screen and (max-width:768px)
{
	#topnav{display:block !important}
	.sidemenu{margin-top:0}
	.logo_content{float:none;font-size:24px; width:auto; padding:15px 0}
	.logo_bottomcontent{font-size:14px;}
	.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}
	.bgwrap_layer{position:relative}
	.wrap_contentleft{float:none; width:96%; margin:auto}
	.wrap_contentleft h1{font-size:20px !important; color:#000 !important}
	.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}
	.copy{float:none}
	.qod_lib_btn{float:none; }	
	.webpage_content ul{margin-left:4%;  }
	.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; }

	
	
}
@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}
		
		/**************report_table*************/
		/*.report_table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.report_table tr { border: 1px solid #ccc; }
		
		.report_table td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		.report_table td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		.report_table td:nth-of-type(1):before { content: "S.No"; }
		.report_table td:nth-of-type(2):before { content: "Topic"; }
		.report_table td:nth-of-type(3):before { content: "Mail Received Date"; }
		.report_table td:nth-of-type(4):before { content: "Action"; }
		.report_table{width:91% !important}*/
		
		
	}
	@media only screen and (min-width:769px) and (max-width: 894px){
		
		

	.wrap_contentright{}
	.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{padding-left:5% !important;}
		.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_contentleft{padding-left:5% !important;}
		.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:5px 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: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; }}