/* BetterMobile - CSS Fix for ClassiPress*/

@media screen and (max-width: 960px)
{
	.post-block .post-left
	{
		padding-right: 0 !important;
	}
}
@media screen and (max-width: 600px)
{
	div#logo
	{
		padding-bottom: 10px !important;
		text-align: center !important;
	}
	.tabcontrol ul.tabnavig li a
	{
    padding: 6px !important;
	}
	.content_res img.attachment-ad-medium
	{
		height: auto !important;
		max-width: none !important;
	}
	#directory .catcol ul li.cat-item ul,
		.paging .pages span.total,
		.slider_top,
		.post-block .post-left img
	{
		display: block !important;
		khtml-user-select: none !important;
		moz-user-select: none !important;
		o-user-select: none !important;
		user-select: none !important;
		webkit-user-select: none !important;
		width: 100% !important;
	}
	right, .post-block .post-right h3
	{
		float: none !important;
		max-width: 100% !important;
	}
	.tags
	{
		bottom: 0 !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		right: 0 !important;
		width: 100% !important;
	}
	.tags span
	{
		background: none !important;
	}
	.tags span
	{
		background: none !important;
		border-bottom-right-radius: 0 !important;
		border-top-right-radius: 0 !important;
		color: none !important;
		float: none !important;
		height: 0 !important;
		line-height: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		position: inherit !important;
		text-align: none !important;
		text-decoration: none !important;
		width: 0 !important;
	}
	span.tag-head
	{
		margin: 0 !important;
		padding: 0 !important;
	}
	p.post-price
	{
		background-color: rgb(255, 234, 69) !important;
		border: 1px #DA9C00 dashed !important;
		border-radius: 3px !important;
		color: rgb(0, 0, 0) !important;
		float: none !important;
		margin: 10px 0 10px 0 !important;
		padding: 10px !important;
		text-align: center !important;
	}
	.post-block .post-left
	{
		max-width: none !important;
	}
	.post-left
	{
		float: none !important;
		text-align: center !important;
	}
	.post-block .post-right h3
	{
		float: none !important;
		max-width: 100% !important;
		padding-bottom: 8px !important;
		text-align: center !important;
	}
	.bigleft
	{
		width: 100% !important;
	}
	.header_menu_res .obtn
	{
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 10px 0 10px 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	.btn-topsearch
	{
		background-color: #8B0000;
		float: right !important;
		margin: 0px !important;
		position: relative !important;
		width: 16% !important;
	}
	.searchblock .form_search input#s
	{
		padding: 10px 0 10px 0 !important;
		text-align: center !important;
		width: 100% !important;
	}
	.form_search select#scat.searchbar, .selectBox-dropdown
	{
		float: left !important;
		margin: 0 !important;
		width: 82% !important;
	}
	div#preview
	{
		display: none !important;
	}
	ol.progtrckr li.progtrckr-done:before
	{
		height: 2em !important;
		line-height: 2em !important;
		width: 2em !important;
	}
	li.progtrckr-done,li.progtrckr-todo
	{
		font-size: 12px !important;
	}
	.form_edit .labelwrapper label, .form_step .labelwrapper label
	{
		float: none;
		margin: 0;
	}
	.form_edit ol li .ad-static-field, .form_step ol li .ad-static-field
	{
		display: block !important;
		text-align: center !important;
	}
	select#ad_cat_id
	{
		margin-top: 10px !important;
		width: 100% !important;
	}
	input#getcat
	{
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.form_step .labelwrapper
	{
		text-align: center !important;
		width: 100% !important;
	}
	.form_step .button-container
	{
		text-align: center !important;
		width: 100% !important;
	}
	.form_edit input.text, .form_edit select, .form_edit textarea, .form_step ol .form-fields .ad-static-field, .form_step ol .form-fields .selectBox, .form_step ol .form-fields input, .form_step ol .form-fields select, .form_step ol .form-fields textarea
	{
		font-size: 12px !important;
		margin: 3px 0 0 0 !important;
		padding: 10px 0 10px 0 !important;
		width: 100% !important;
	}
	#app-attachment-upload-pickfiles
	{
		display: block !important;
		margin: 5px 0 15px 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
		width: 30% !important;
	}
	#app-attachment-upload-container
	{
		width: 100% !important;
	}
	.form_step p.btn1
	{
		padding: 0 !important;
		text-align: center !important;
	}
	#app-attachment-upload-filelist .app-attachment .attachment-image
	{
		margin-top: 10px !important;
	}
	#app-attachment-upload-filelist .app-attachment .button
	{
		float: right !important;
		margin-top: 10px !important;
	}
	form#mainform input, form#mainform textarea
	{
		padding: 10px 2% 10px 2% !important;
		width: 96% !important;
	}
	.review, #review
	{
		color: #989898 !important;
		float: none !important;
		margin: 0 !important;
		text-align: center !important;
	}
	div#step3
	{
		text-align: center !important;
	}
	.helpico
	{
		float: none !important;
		margin: -17px 5px 10px 0 !important;
	}
	label {
    float: none !important;
	}
	.tinynav {
    width: 100% !important;
    margin: 10px 0 0 0 !important;
	}	
	.tags span:after {
	display: none !important;
	}
}