/* Media queries for Xtenit website */

@media screen and (max-width: 985px)
{
	.wrap
	{
		width: 100%;
		padding-left: 1em;
		padding-right: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.main-view,
	.side-bar
	{
		float: none;
		width: 100%;
	}

	.contents
	{
		padding-top: 1em;
	}

	.feat-nav
	{
		display: none;
	}

	.feat-disp
	{
		float: none;
		margin: 0;
		width: 100%;
	}

	/*.feat-nav,
	.feat-disp
	{
		position: static;
		float: none;
		margin: 0;
		width: 100%;
	}

	.feat-nav ul
	{
		margin: 0 !important;
	}

	.feat-nav li,
	.feat-nav li a
	{
		display: inline-block;
	}

	.feat-nav li
	{
		margin: 0.3em 0.15em !important;
	}

	.feat-nav li a
	{
		padding: 0 0.3em;
		border: 1px solid #CCCCCC;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		background: #F2F2F2;
	}

	.feat-nav li a:hover
	{
		text-decoration: none;
		box-shadow: 0px 1px 3px -1px #939393;
	}*/
}

@media screen and (max-width: 860px)
{
	#scrollTop
	{
		right: 20px;
	}
}

@media screen and (max-width: 768px)
{
	hr,
	.hr-thick
	{
		margin: 0.8em 0;
	}
	
	.curr-page
	{
		background: none !important;
	}

	.curr-page > a
	{
		color: #85BAF7 !important;
	}
	
	.header
	{
		height: 65px;
		border-bottom: 3px solid #507FAA;
		overflow-y: hidden;
	}

	.header-top
	{
		padding: 0;
	}

	.logo,
	.inf-ctrl,
	ul.nav-menu li,
	.foot-list
	{
		float: none;
	}

	.logo,
	.inf-ctrl
	{
		padding: 0.5em 1em;
	}

	.logo a
	{
		font-size: 12px;
	}

	.logo img
	{
		width: 235px;
		height: auto;
		margin: 0;
	}

	.inf-ctrl
	{
		position: static;
		margin: 0;
		/*border-bottom: 1px solid #3D3D3D;*/
		background: #507FAA;
		text-align: center;
	}

	#mobMenu
	{
		display: block;
	}
	
	.nav-menu
	{
		padding: 0;
	}

	.nav-menu > li /* new */
	{	
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	.nav-menu > li:hover /* new */
	{
		background: none;
	}

	ul.nav-menu li a
	{
		border-top: 1px dotted #314A66;
	}

	ul.nav-menu > li:first-child > a
	{
		border-top: none;
	}

	.nav-menu a
	{
		display: block;
		color: white;
	}

	/*.nav-menu a:active
	{
		-webkit-box-shadow: inset 0px -1px 3px #212121;
		-moz-box-shadow: inset 0px -1px 3px #212121;
		-ms-box-shadow: inset 0px -1px 3px #212121;
		box-shadow: inset 0px -1px 3px #212121;
		color: #B5B5B5;
	}*/

	/*.nav-menu > li:hover
	{
		background: #3D3D3D !important;
	}*/

	.nav-drop-down:hover .nav-submenu
	{
		display: none;
	}

	.nav-submenu
	{
		position: static;
		padding: 0;
		border-left: 3px solid #FF7F66;
		background: #507FAA;
		white-space: normal;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

	.nav-submenu a
	{
		padding: 0.65em 1em 0.65em 3.5em;
	}
	
	#mainSlideShow /* new */
	{
		margin-top: 0;
	}

	.slide-item h1,
	.slide-item p,
	.slide-item ul
	{
		width: 100%;
	}

	#N1000B,
	#N10029
	{
		float: none;
		width: 100%;
	}
	
	.form-element input[type="text"],
	.form-element input[type="email"],
	.form-element input[type="password"]
	{
		width: 100%;
	}

	.site-article
	{
		padding-left: 0;
		padding-right: 0;
	}

	.site-article.box,
	.regctrl,
	form[name="register"],
	form[name="login"],
	form[name="changeemail"],
	form[name="changepassword"],
	form[name="requestpassword"],
	div.notice,
	div.success
	{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.site-article table td
	{
		display: block;
		width: 100%;
		border: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.site-article table tr
	{
		border: 1px solid #C3CFDD;
	}

	.foot-list
	{
		width: 100%;
		margin-bottom: 2em;
	}
	
	.foot-bottom .btm-links
	{
		float: none !important;
		width: 75%;
		margin-top: 1em;
		text-align: left;
	}
	
	#scrollTop.shown
	{
		bottom: 30px;
	}
}

@media screen and (max-width: 600px)
{
	.wrap,
	.logo,
	.inf-ctrl,
	.contents
	{
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.header-top.wrap,
	.nav-menu.wrap
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.slide-item
	{
		padding: 1.5em;
		font-size: 12px;
	}
	
	.contents
	{
		padding-top: 0.5em;
	}

	.site-article .article-share strong
	{
		display: block;
		margin: 0 0 0.5em 0;
	}
	
	.subscribe,
	.social
	{
		float: none;
		margin-top: 0;
		margin-bottom: 1.5em;
		text-align: center;
		line-height: 2em;
	}

	#xtenitSubscribe
	{
		display: inline-block;
	}

	#subscribeSubmit
	{
		padding-left: 0.3em;
		padding-right: 0.3em;
	}
}