@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/*Tablet portrait View*/

@media only screen and (min-width: 1000px) and (max-width: 1169px)
{
	#loginform input[type="text"], #loginform input[type="password"] {width:140px;}
/*	.nav									{ margin:15px auto 0;}
	.nav>ul								{width:100%;}
	.nav>ul:after						{content:'';display:inline-block;width:100%;height: 0;position: absolute;right:0;top: 0;}
	.nav>ul>li								{float:none;display:inline-block;vertical-align: top;text-align: justify;}
	.nav>ul>li a							{ font-size:15px; padding:7px 8px 5px }
	.nav>ul>li.first:hover a				{ border-radius:0}
	.nav>ul>li.last:hover a					{ border-radius:0}*/
	.slider_cont 							{width:26%;}
	.slider_cont h1							{ padding:0 11% !important; font-size:23px !important;}
	.slider_cont p							{ padding:0 11% !important; font-size:15px !important;}
	.thumb									{ bottom:12% !important;}
	.date									{margin-right:3% !important;}

	.top_footer .large-10					{width:80% !important;}
	.top_footer .large-2					{width:20% !important;}
	.btm_footer ul							{ float:none; width:980px; margin:0 auto; display:block;}
	.btm_footer ul li						{float:none; padding-left:8px; }
	.btm_footer ul li a						{ font-size:14px;}
	.top_footer blockquote					{ font-size:22px !important}
	.copyright .large_6						{padding:0 5px;}

	.services .serv_cont							{ position:absolute; left:-6px; bottom:28px; background:url(../images/serv_btn.png) left top no-repeat; height:36px; width:205px; padding:6px 8px 0;}
}

@media only screen and (max-width: 1020px) {
	#loginform input[type="text"], #loginform input[type="password"] {width:140px;}
	/*.top-msg {display:none;}*/
	.login-submit {margin-right:0;}
}

@media only screen and (min-width: 768px) and (max-width: 999px)
{
	#menu-menu a {font-size:14px;}
	.nav>ul {height:48px;}
	.nav>ul>li ul {top:45px;}
	/*.nav>ul>li a {padding-top:9px;padding-bottom:7px;}*/
/*	.nav									{margin:15px auto 0; border-radius:0; background:url(../images/nav_bg.png) left top repeat; }
	.nav ul									{ width:752px; float:none; display:block; }
	.nav ul	li								{float:none; display:inline-block;  margin-right:-3px;}
	.nav ul	li a							{ padding:7px 5px 5px 4px; font-size:12px; }
	.nav ul	li.first a:hover				{ border-radius:0}
	.nav ul	li.last a:hover					{ border-radius:0}*/
	.slider_cont 							{width:28%; padding:1.5% 0 !important; height:95% !important;}
	.slider_cont h1							{ padding:0 7% !important; font-size:22px !important; line-height:28px !important; margin-bottom:5% !important;}
	.slider_cont p							{ padding:0 6% !important; font-size:14px !important; line-height:20px !important; margin-bottom:7% !important;}
	.thumb									{ bottom:10% !important;}
	.slider_cont a.btn						{background:#f77a1e !important; width:auto !important; font-size:23px !important; height:auto !important; padding-bottom:23px !important; padding-top:18px !important;}


	.info									{ width:75% !important;}
	.date									{margin-right:2% !important;}
	.news_announce ul						{ margin:0 !important;}
	.top_footer								{ padding:6px 0 12px !important;}
	.top_footer blockquote					{font-size:22px !important;}
	.top_footer .large-10					{width:75% !important;}
	.top_footer .large-2					{width:25% !important;}

	.btm_footer ul							{ float:none; width:750px; margin:0 auto; display:block;}
	.btm_footer ul li						{float:none; padding-left:46px; }
	.btm_footer ul li.first					{padding-left:46px !important;}
	.btm_footer ul li a						{ font-size:15px;}

	.services .serv							{width:24% !important; margin-left:1% !important; }
	.services .first						{margin-left:0 !important;}
	.serv_cont								{width:190px !important; padding:6px 2px 0 8px !important; background:url(../images/serv_btn.png) left top no-repeat;}
	.serv_cont em							{ font-size:11px !important;}
	.serv_cont a							{ font-size:11px !important;}
	.services .first .serv_cont				{padding:6px 10px 0 14px !important;}
	/*.copyright .large_6						{padding:0 5px;}*/

}

/*@media only screen and (min-width: 768px) and (max-width: 819x)
{
	.nav									{margin:15px auto 0; left top; border-radius:0; background:url(../images/nav_bg.png) left top repeat; }
	.nav ul									{ width:764px; float:none; display:block; }
	.nav ul	li								{float:none; display:inline-block;  margin-right:-3px;}
	.nav ul	li a							{ padding:7px 6px 5px; font-size:12px; }
	.nav ul	li.first a:hover				{ border-radius:0}
	.nav ul	li.last a:hover					{ border-radius:0}
	.slider_cont 							{width:28%; padding:1.5% 0 !important; height:95% !important;}
	.slider_cont h1							{ padding:0 7% !important; font-size:22px !important; line-height:28px !important; margin-bottom:5% !important;}
	.slider_cont p							{ padding:0 6% !important; font-size:15px !important; line-height:20px !important; margin-bottom:7% !important;}
	.thumb									{ bottom:10% !important;}
	.slider_cont a.btn						{background:#f77a1e !important; width:auto !important; font-size:23px !important; height:auto !important; padding-bottom:23px !important; padding-top:18px !important;}

	.info									{ width:78% !important;}
	.date									{margin-right:2% !important;}
	.news_announce ul						{ margin:0 !important;}
}*/


@media only screen and (max-width: 768px) {
	.loginForm {display:none;}
}
@media only screen and (min-width: 600px) and (max-width: 767px)
{

	.nav									{margin:15px auto 0; border-radius:0; background:url(../images/nav_bg.png) left top repeat;}
	.nav>ul								{width:583px; float:none; display:block;}
	.nav>ul>li								{float:none; display:inline-block;  margin-right:-3px;}
	.nav>ul>li a							{padding:8px 13px 6px; font-size:15px; }
	.nav>ul>li.first a:hover			{border-radius:0}
	.nav>ul>li.last a:hover				{border-radius:0}

	.slider_cont						{position:relative !important; border-radius:5px !important; padding: 2.9% 0 10% !important;}
	.slider_cont h1						{margin-bottom:2% !important; padding:0 4% !important; }
	.slider_cont p						{margin-bottom:2% !important; padding:0 4% !important; }
	ul.thumb								{bottom:8% !important; left:40% !important;}

	.serv img								{width:100% !important; height:auto !important;}
	.services .serv						{width:46%;}
	.services .first					{margin-left:2.8%;}

	.news_announce						{padding:0 2.8% !important;}
	.news_announce ul					{margin:0 !important;}

	.about_us							{padding:0 2.8% !important;}
	.top_footer							{padding:15px 0 12px !important;}
	.top_footer .large-10				{width:70% !important;}
	.top_footer .large-2				{width:30% !important;}

.btm_footer ul							{float:none; width:583px; margin:0 auto; display:block;}
	.btm_footer ul li						{float:none; padding-left:14px; }
	.btm_footer ul li.first				{padding-left:18px !important;}
	.btm_footer ul li a					{font-size:15px;}
	.top_footer blockquote				{font-size:24px !important; line-height:30px !important;}
	/*.copyright .large_6						{padding:0 5px;}*/
			.services .serv	{
		margin-bottom: 25px;
}

}

@media only screen and (min-width: 480px) and (max-width: 599px)
{
	.nav 								{ display:none;}
	.menu_mob							{display:block;}
	.menu_mob ul						{display:none;}
	.slider_cont							{ position:relative !important; border-radius:5px !important; padding: 2.9% 0 10% !important;}
	.slider_cont h1							{ margin-bottom:2% !important; padding:0 4% !important; }
	.slider_cont p							{ margin-bottom:2% !important; padding:0 4% !important; }
	ul.thumb								{ bottom:8% !important; left:40% !important;}
	.serv img								{width:100% !important; height:auto !important;}
	.services .serv							{width:46%;}
	.services .first						{ margin-left:2.8%;}

	.news_announce							{padding:0 2.8% !important;}
	.news_announce ul						{ margin:0 !important;}

	.about_us								{padding:0 2.8% !important;}

	.top_footer .large-10					{padding-left:2.8%; width:60% !important;}
	.top_footer .large-2					{ padding-right:2.8%; width:40% !important;}
	.top_footer blockquote					{ font-size:22px !important; padding:0 !important;}
	.btm_footer ul li.first 				{padding-left:27px;}

	.copyright .large_6						{float:none !important; text-align:center !important; width:100% !important;}
	.copyright .large_4						{float:none; text-align:center; width:100%;}
		.services .serv	{
		margin-bottom: 25px;
}

}

@media only screen and (min-width: 320px) and (max-width: 479px)
{
	/*.header .row .large-5						{width:100%;}
	.header .row .large-7						{width:100%;}*/
	.header .row .large-7 .input_text			{width:35%; margin-left:2%}
	.header .row .large-7 .input_btn			{margin: 0 2%;}

	.top_menu 									{ float:none !important; text-align:center; margin-bottom:4%;}
	.top_menu li								{ display:inline-block !important; float:none !important;}
	a.logo										{margin-bottom:4%;}

	.nav 								{ display:none;}
	.menu_mob							{display:block;}
	.menu_mob ul						{display:none;}

	.slider_cont							{ position:relative !important; border-radius:5px !important; padding: 2.9% 0 10% !important;}
	.slider_cont h1							{ margin-bottom:2% !important; padding:0 4% !important; }
	.slider_cont p							{ margin-bottom:2% !important; padding:0 4% !important; }
	ul.thumb								{ bottom:8% !important; left:35% !important;}

	.services								{ }
	.serv img								{width:100% !important; height:auto !important;}
	.services .serv	{
		width:80%;
		float:none !important; /*margin:0 auto !important;*/
		margin-bottom: 25px;
		margin-left: auto;
		margin-right: auto;
}
	.services .first						{;}
	.content								{margin:0 auto;}
	.news_announce							{width:80% !important; float:none !important; margin:0 auto;}
	.news_announce ul						{ margin:0 !important;}
	.info									{width:100% !important;}
	.about_us								{width:80% !important; float:none !important; padding:0 !important; margin:0 auto !important;}

	.top_footer .large-10					{ width:80% !important; margin:0 auto !important; float:none !important; padding-bottom:5% !important;}
	.top_footer .large-2					{ width:80% !important; margin:0 auto !important; float:none !important; text-align:center;}
	.top_footer .large-2 a					{float:none !important; display:inline;}
	.btm_footer ul							{ width:280px !important; float:none !important; margin:0 auto !important; display:block;}
	.btm_footer ul li						{padding:0 25px 0 0 !important; float:none;}
	.btm_footer ul li.first 				{padding:0 25px 0 0 !important;}

	.copyright .large_6						{float:none !important; text-align:center !important; width:100% !important; padding-bottom:10px;}
	.copyright .large_4						{float:none; text-align:center; width:100%;}

}