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

@media screen and (max-width: 1070px)
{
	.container {
   width: 1040px;
	}
		.container .eight.columns {
	  width: 320px;
	}

}
@media screen and (max-width: 1064px) {	
	.inner-main-menu ul {
		text-align: center;
	}
	.inner-main-menu ul li {
		display: inline-block;
		zoom:1;
		*display:inline;
		float: none;
		margin: 0 25px;
	}
	.inner-main-menu ul li:first-child {
		margin-left:25px;
	}
	
	
}


@media screen and (max-width: 1040px)
{
	.container {   width: 960px;	}
	.container .eight.columns {	  width: 300px;	}
}

@media screen and (max-width: 1001px) {	 
	.inner-main-menu ul li {
		margin: 0 23px;
	}
	.container {   width: 740px;	}
	.container .eight.columns {	  width: 350px;	}

}

@media screen and (max-width: 1000px) {	

.wrap-menu {
		width:97%;
	}
.inner-main-menu {
		background:none;
	}
	.inner-main-menu ul {
		margin: 0 auto;
		max-width: 1024px;
		padding: 0;
	}
}

@media screen and (max-width: 990px) {	
	.inner-main-menu ul li a {
		font-size: 18px;
	}
}

@media screen and (max-width: 880px) {
	.inner-main-menu ul li {
		margin: 0 18px;
	}
}


@media screen and (min-width: 801px) {	
	.inner-main-menu ul {
		display:block!important;
	}
}

@media screen and (max-width: 800px)
{
	.wrap-menu {
		background:#039acf;
	}
	.click-menu {
		display:block;
	}
	.inner-main-menu ul {
		min-height:inherit;	
		text-align:left;
		background:#039acf;
		display:none;
	}	
	.main-menu {
  min-height: inherit;
}

.inner-main-menu ul li:first-child {
		margin-left:0;
	}	
	.inner-main-menu ul li {
		display: block;
		float: none;
		height: 35px;
		line-height: 35px;
		margin: 0;
		padding-right: 5px;
		text-align: right;
	}
	
}

/*@media screen and (max-width: 768px)
{
	
.wrap-menu {
		width: 92%;
	}

}

@media screen and (max-width: 768px)
{
	
}*/

@media only screen and (max-width: 768px) {
.wrapper, #footer {
	padding-left: 10px;
	padding-right: 10px;
	width: auto
}
.has-placeholder {
	float: none
}
div#main, body.home #main, body.search #main, body.user #main, body.item #main, body.user-public-profile #main {
	width: auto;
	float: none;
	clear: both
}
#responsive-trigger {
	display: block
}
#sidebar {
	width: 100%
}
#header {
	padding-bottom: 0px
}

.belowsearchlink ul li{display:block;  }

#footer {
	text-align: center
}
#footer ul {
	float: none;
	font-size: 1.15em;
	margin-bottom: 15px
}
.flashmessage {
	padding: 15px 40px 15px 15px;
	width: auto
}
.contact_button a {
	margin-bottom: 10px
}
div#recaptcha_widget {
	width: 100% !important
}
div#recaptcha_image {
	width: 100% !important;
	height: auto !important
}
div#recaptcha_image>img {
	width: 100% !important
}
#header {
	height: auto;
	margin-bottom: 20px
}
#header #logo {
	font-size: 1.7em;
	letter-spacing: -0.07em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 468px;
	float: none;
}
#header #logo span {
	display: none
}
#header .wrapper {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	position: relative
}
.main-search {
	top: 100%;
	margin-left: 0;
	left: 0;
	position: absolute;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	border-width: 0 0 1px 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	display: none;
	position: absolute;
	margin-top: 0
}
.main-search .cell {
	display: table-cell;
	width: 100%;
	padding-left: 11px;
	vertical-align: top
}
.main-search .cell:last-child {
	padding-left: 42px;
	padding-right: 11px
}
.main-search input {
	width: 100%
}
.main-search .selector {
	display: none
}
.main-search .reset-padding {
	padding-left: 0px
}

#header .nav {
	  display: block;
  margin:0px auto;
  width: 340px;
  float: none;
}
  
/*#header .nav {
	top: 0;
	height: 100%;
	vertical-align: middle
}*/
#header .nav li {
	height: 100%
}
#header .nav li a {
	padding: 0 5px;
	  margin-left: 0px;
	/*height: 100%;
	padding: 0 15px;
	background-color: #23a4b8;
	color: #fff;
	display: table;
	border-left: solid 1px #1b7e8d;
	font-size: 30px;
	margin-left: 0*/
}
#header .nav li.publish {  margin-top:0px;}
#header .nav li.active a, #header .nav li a:hover {
	background-color: #1b7e8d;
	color: #fff
}
#header .nav li .icons:after {
	display: table-cell;
	vertical-align: middle
}
#header .nav li 
{
	/*display: none*/
	display: block;
	height: auto !important;
	line-height: 30px;
	text-align: left;
	width: auto !important;
	padding: 0px;
	vertical-align: middle;
	list-style: none;
	
}
#header .nav li.search, #header .nav li.cat {
	display: block
}
body.item #sidebar .widget-box {
	padding: 20px
}
body.item #sidebar .form-container .controls input, body.item #sidebar .form-container .controls textarea {
	width: 238px
}
body.item #sidebar .form-container label {
	font-size: 0.75em
}
body.item #contact h2 {
	margin-top: 0px
}
.alert_form {
	background-color: transparent
}
#alert_email {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.form-container .controls input, #sidebar .input-text {
	height: 32px
}
input[type="checkbox"] {
	width: auto;
	height: auto
}
textarea, body.item #sidebar .form-container .controls input, body.item #sidebar .form-container .controls textarea, .form-container .controls input, #sidebar .input-text, button, .ui-button {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
ul.r-list {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	background-color: transparent;
	text-shadow: none
}
ul.r-list:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

ul.r-list li {
	position: relative;
	margin-bottom: 5px;
	margin-right: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
ul.r-list>li:nth-child(2n) {
	padding-left: 5px
}
ul.r-list>li:nth-child(odd) {
	clear: both
}
.r-list>li.clear, .r-list>li:nth-child(4n) {
	clear: none
}
ul.r-list li a.sub-category {
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-weight: bold;
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.75);
	font-size: 0.8em;
	border-color: #eaeaea;
	color: #069;
	background-color: #f7f7f7;
	text-shadow: 0 1px 1px #fff
}
ul.r-list li h1 {
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-weight: bold;
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.75);
	border-color: #eaeaea;
	color: #069;
	background-color: #f7f7f7;
	text-shadow: 0 1px 1px #fff
}
ul.r-list li h1 {
	margin: 0
}
ul.r-list li span {
	display: none
}
ul.r-list li ul {
	-webkit-transition: opacity 1s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden
}
ul.r-list li.active h1, ul.r-list li.active a {
	background-color: #35c3d9;
	color: #fff;
	border-color: #23a4b8;
	text-shadow: 0 1px 1px #23a4b8
}
ul.r-list li span.collapse {
	width: 16px;
	height: 16px;
	margin-right: 10px;
	display: inline-block
}
ul.r-list li.active ul {
	opacity: 1;
	height: auto;
	margin: 0;
	padding: 5px 0 0 0;
	margin-bottom: 5px
}
ul.r-list li.active ul li {
	padding: 0
}
ul.r-list li.active ul li a {
	border-color: #eaeaea;
	color: #069;
	background-color: #f7f7f7;
	text-shadow: 0 1px 1px #fff;
	font-size: 0.82em
}
ul.r-list li ul li {
	float: none;
	width: 100%
}
div.cell_3:nth-child(2n) {
	margin: 0 1%;
	width: 31%
}
.select-box {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}
.select-box select {
	width: 100%
}
body.item-post #footer .resp-toogle {
	display: none
}
body.display-cat .r-list {
	display: block
}
body.display-search .main-search, body.home .main-search {
	display: table
}
body.display-search #header, body.home #header {
	margin-bottom: 80px
}
.resp-toogle {
	display: block
}
body.display-filters div#sidebar {
	display: block
}
.show-filters-btn {
	display: inline-block;
	border: solid 1px #d1d1d1;
	background-color: #f7f7f7;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 1em;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	height: 16px;
	outline: 0;
	padding: 5px 6px;
	text-decoration: none;
	color: #9e9e9e
}
.form-container-box {
	width: auto
}
.form-container .checkbox {
	margin-bottom: 15px
}
.form-container .checkbox input {
	width: auto
}
.form-horizontal .actions {
	margin: 0;
	padding-left: 0px;
	padding-right: 0px
}
.form-horizontal label {
	float: none;
	width: 100%;
	font-size: 0.85em
}
.form-horizontal .controls {
	width: auto;
	margin-left: 0
}
body.item-post .select-box {
	margin-bottom: 10px
}
#item-post select {
	width: 100%
}
.form-horizontal .select-box {
	width: 100%
}
.listing-grid .listing-card, body.search .listing-grid .listing-card {
	width: 32%;
	padding: 0%;
	border: 0;
	margin: 1%
}
.listing-grid .listing-detail {
	border: solid 1px #ECECEC
}
.listing-grid .listing-thumb {
	float: none
}
.listing-grid .listing-thumb img {
	height: auto;
	width: 92%;
	margin: 4%;
	float: left
}
.listing-grid .listing-cell {
	display: block;
	width: 92%;
	padding: 4%
}
.listing-grid .listing-basicinfo p {
	display: none
}
.listing-grid .listing-basicinfo a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block
}
.listing-grid .listing-card:nth-child(3n), body.search .listing-card:nth-child(3n) {
	margin-right: 0%
}
.listing-grid .listing-card:nth-child(3n+1), body.search .listing-grid .listing-card:nth-child(3n+1) {
	margin-left: 0%;
	clear: both
}
body.not-found .categories h2, body.not-found .categories h3 {
	float: none;
	width: 100%
}
body.item #sidebar, body.user-public-profile #sidebar {
	margin-top: 20px;
	    max-width: 360px;
    margin: auto;
    float: none;
	
}
.item-photos .thumbs {
	float: none;
	margin-top: 10px;
	width: 100%;
	clear: both
}
.item-photos .main-photo {
	width: 100%;
	float: none
}
.item-photos .main-photo img {
	width: 100%
}
body.search #sidebar, body.user #sidebar {
	width: auto;
	float: none;
	margin-bottom: 40px
}
body.search #content {
	position: relative;
	padding-top: 100px
}
body.user #sidebar {
	margin-top: 15px
}
body.search .list-header {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 80px
}
body.search #sidebar, body.user #sidebar {
	display: none;
	background-color: #f7f7f7;
	border: solid 1px #eaeaea;
	padding: 10px 15px 5px;
	width: auto;
	float: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
body.search #content h1 {
	display: block;
	margin: 0;
	font-size: 1.5em
}
.resp-wrapper {
	padding: 0 10px
}
body.search .list-header .actions {
	padding: 10px 0;
	clear: both
}
body.display-filters .show-filters-btn {
	background-color: #35c3d9;
	border-color: #23a4b8;
	color: white
}
#header .ads_header, .ads_300, .ads_728, .ads_468 {
	display: block;
	margin: 10px auto;
	float: none;
	overflow: hidden;
	width:96%;
	    max-width: 468px;
}

#header .inner-top-bar .slogan{width:100%;float:left;text-align:center;  height: 25px;}
#header .top-bar{  height: 85px;}

.container {   width: 640px;	}
.container .eight.columns {	  width: 300px;	}
}

@media only screen and (max-width: 640px) {
body .item-header #type_dates {
	float: none
}
body div.cell_3, body div.cell_3:nth-child(2n) {
	margin: 0;
	width: 100%
}

.container {   width: 340px; 	}
.container .eight.columns {	  width: 340px; display:block;float:none;	margin: 0px;}

.form-div{width:85%;}

.item #comments,.similar_ads{max-width: 340px;       margin: 20px auto;    float: none;}
}


@media screen and (max-width: 487px) {
 
	.wrap-menu {
		width: 90%;
	}
	 
}
 

@media only screen and (max-width: 480px) {
ul.r-list li {
	float: none;
	width: 100%
}
ul.r-list>li:nth-child(2n), body.search ul.r-list>li:nth-child(2n) {
	padding-left: 0px
}
.listing-grid .listing-card, body.search .listing-grid .listing-card {
	width: 49%;
	clear: none
}
.listing-grid .listing-card:nth-child(2n), body.search .listing-grid .listing-card:nth-child(2n) {
	margin-right: 0%;
	margin-left: 1%;
	clear: none
}
.listing-grid .listing-card:nth-child(2n+1), body.search .listing-grid .listing-card:nth-child(2n+1) {
	margin-left: 0%;
	margin-right: 1%;
	clear: both !important
}
body.home .listing-grid .first {
	clear: none
}

#header .ads_header, .ads_300, .ads_728, .ads_468 {
	display: block;
	margin: 10px auto;
	float: none;
}

 #header .top-bar{height:85px;}
#header .inner-top-bar .slogan {width: 100%;float: left;text-align: center;line-height: 20px;height:25px;}
 #header #logo {  width: 400px;}
 
 .wrap-submenu {
		float: none;
		margin: 20px auto;
	}
}


@media only screen and (max-width: 440px) {
	
	#header .inner-top-bar .slogan {width: 100%;float: left;text-align: center;line-height: 20px;height:40px;}
  #header .top-bar{height:100px;}
   #header #logo {  width: 400px;}
   #header .ads_header,  .ads_728, .ads_468 {
 	width:96%;
}

@media only screen and (max-width: 430px) {
	
	#header .ads_header,  .ads_728, .ads_468 {
 	width:96%;
	
}
 
#header #logo {  width: 380px;}
 #header .top-bar{  height: 105px;}


#header .inner-top-bar .slogan {    height: 25px;}
#header .nav li.publish {margin-bottom: 10px;    float: none; margin:auto;}

}
@media only screen and (max-width: 390px) {

.wrap-menu {
		width: 88%;
	}
	.click-menu {
		width:97%;
	}
}
@media only screen and (max-width: 380px) {

#header .vline{display:none;}  
#header #logo {  width: 340px;}
#header .top-bar{  height: 160px;}

}

@media only screen and (max-width: 360px) {


#header .nav{  width: 160px;  float: none;  text-align: left;}
#header .nav li.publish{  float: left;}
#header .nav .vline{display:none;}  
#header #logo {  width: 300px;}
#header .top-bar{  height: 160px;}

.container {   width: 300px; 	}
.container .eight.columns {	  width: 300px; display:block;float:none;	}

#header .inner-top-bar .slogan {    height: 45px;}
}

@media only screen and (max-width: 330px) {

.wrap-menu {
		width: 87%;
	}

	.container .four.columns1{width:260px}
}