/**
Package			Elxis CMS
Subpackage		Template / Ares
Author			webgift dev ( http://www.webgift.org )
Copyright		(c) 2007-2014 Webgift dev (http://www.webgift.org). All rights reserved.
License			Commercial
Date			2013-05-17 21:38:00
Updated			2014-01-08 15:05:21
Description 	CSS stylesheet for template Ares when Responsive option is enabled.
*/

/* RESPONSIVE TOP MENU */
.cbp-spmenu { position: fixed; overflow: auto; }
.cbp-spmenu h3 { color: #fff; font-size: 1.9em; font-weight: 300; margin:0; padding:10px 50px 10px 10px; border:none; border-bottom:1px solid #d3d3d3; text-decoration:none; display:block; visibility:visible; font:normal 15px/20px "Open Sans", sans-serif; border-collapse: collapse;	background:transparent }
.cbp-spmenu h3:before {  font-family: FontAwesome; content:"\f0c9"; font-size: 24px; color:#fff; float:left;padding:0px 10px 5px 0px; }
.cbp-spmenu a {	color: #fff; font-size: 1.1em; font-weight: 300; }
.cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright { left: 240px; }
.cbp-spmenu,.cbp-spmenu-push {	-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease; }
.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
.cbp-spmenu-vertical {	width: 240px;	height: 100%;	top: 0;	z-index: 1000; }
.cbp-spmenu-vertical a { padding: 1em; display: block; margin:0; color:#fff!important;}
.cbp-spmenu-vertical a:hover {text-decoration: none;}
.resp_menu_area {display: none;}
button#pushLeft {
	padding: 7px 15px;
}
.langs_bottom {display: none; visibility: hidden;}

/* MEDIA RULES */
@media only screen and (max-width:950px) {
	.main-body  { width: 98%!important;}
	.maincontent {padding: 2% 2%; width:96%!important; }
	.content-wrap {background: none!important;}
	.leftcolumn, .rightcolumn {clear:both; width: 97%!important; float:none!important; padding-left:1%; border-left:none!important; border-right: none!important; box-shadow: none!important;}
	/* Sliders and Static Images */	
	.orbit-wrapper .orbit-caption, .pika-stage .caption { top: 10%!important; left:2%!important; position: absolute!important; width: 90%!important; padding:2%!important;} 
	.pika-imgnav a.previous, .pika-imgnav a.next {z-index: 1000;}
	.item-info, .item-image { float: none!important; clear: both; height: auto; }
	.item-info {width: 80%!important; margin: 5% 8% !important; height: 50%!important;}.orbit > div {height:auto!important;}
	.item-image {width: 80%!important; margin: 2% 8% !important;height: auto!important;} .item-image img {width: 100%!important; height:auto!important;}.orbit-bullets {display: none!important;}
	.ares_top div.content {background: #fff none!important;}
	div.content_user1, div.content_user2, div.content_user3, div.content_user4, div.content_user5, 
	div.content_user6, div.content_user7, div.content_user8, div.content_user9 {float: none; width: 98%!important; padding-left:1%;}
	#styleSwitcher,#switcher_btn {display:none!important; visibility:hidden!important;} /* FOR DEMO ONLY */.search {float: right;} .elx_modsearch_input, .elx_modsearch_input_on {width: 80px;}
	.elx_chain_previous img, .elx_chain_next img {width:30%; height: auto;}
}

@media only screen and (max-width:690px) {
	.menu {clear:both;} 
	 .footertxt, .footertxtr { clear: both; width:97% ; float:none; margin: 0 auto; text-align: center;}
	 #topimage {float:right;margin:16px 0;}
	 .menu_area {display: none; visibility: hidden;} .resp_menu_area {display: inline-block; margin-left:1%;} .navigation { float: left;} 
	 .elx_modsearch_input, .elx_modsearch_input_on {width: 130px;}
}

@media only screen and (max-width:600px) {
	.langs{display:none;} .menu_area .elx_menu {overflow: hidden; } .langs_bottom {display:inline-block; height: 40px; visibility:visible; margin:0 auto; text-align: center; width: 100%;} .langs_bottom img {width: 24px; height: 24px; padding:2%;}
	.elx_article_page p img, .elx_featured_box p img {clear:both; margin: 0 auto; width:98%; height:auto;padding: 1%;}
	.areslogo {width: 95%; margin: 0 auto; text-align: center;}
	.topright {clear: both; width: 100%; margin: 0 auto; text-align: center;}
	.infobox {float:none; width: 90%; margin: 0 auto!important;}
	.selectBox, .inputbox, .elx_form_tip, .filebox, .elx_form_field_box {clear:both; width: 95%;} .elx_form_field_box {margin-left:0!important;}
	.search { height: 40px; line-height: 40px;}
	.elx_modsearch_input, .elx_modsearch_input_on {width: 130px;}
	figure.elx_content_imagebox img, div.elx_content_imagebox img { clear:both; margin: 0 auto; width:98%; height:auto;padding: 1%;}
	figcaption {margin:0 auto; text-align:center;} 
}

@media only screen and (max-width: 450px) {
	
	.item-info h2 {line-height: 25px;}
	img.logo {width: 100%!important; height: auto!important;}
	
	/*Slider and static image */
	 .jcarousel-skin-pika, .topwright {display:none; visibility: hidden;} .topwleft {float:none;}
	 .topwrapper ul.elx_menu {max-width: 99%!important;} .elx_modsearch_input, .elx_modsearch_input_on {width: 130px;}
}

@media only screen and (max-width: 340px) {
	#topimage {display:none; visibility: hidden;}
	.elx_modsearch_input, .elx_modsearch_input_on {width: 90px;}
}