@media (min-width: 740px) and (max-width: 1000px){
	.wrapper{
		width: 98%;
	}
	body.home #main{
		width: 70%;
	}
	#sidebar{
		width: 28%;
		margin-left: 10px;
	}
	.main-search{
		width: 98%;
	}
	.listing-grid .listing-card{
		width: 30%;
		margin-left: 1%;
	}	
	.listing-grid .listing-card,
    body.search .listing-grid .listing-card {
        width: 31%;
        padding: 0%;
        border: 0;
        margin: 1%
    }
	body.item #main, body.user-public-profile #main{
		width: 100%;
	}
	body.item #sidebar{
		width: 100%;
	}
	body.search #main, body.user #main {
    float: right;
    width: 71%;
    }
    body.search #sidebar, body.user #sidebar {
    float: left;
    width: 26%;
    }
.welcome_text{margin-top:5px}
}

@media (min-width: 0px) and (max-width: 767px){
	.listing-grid .listing-card, body.search .listing-grid .listing-card{
		margin: 0%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.listing-grid .listing-card:nth-child(2n), body.search .listing-grid .listing-card:nth-child(2n){
		margin: 0%;
	}
	.see_more_link a{
		margin-top: 10px;
	}
}

@media only screen and (max-width: 740px) {
    .wrapper,
    #footer {
        padding-left: 10px;
        padding-right: 10px;
        width: auto
    }
    .has-placeholder {
        float: none;
    }
	.has-placeholder label {
    line-height: 36px;
}
    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: 5px
    }
    #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.5em;
        letter-spacing: -0.07em;
        padding-top: 10px;
        padding-bottom: 4px;
        margin-left: 5px;
    }
    #header #logo span {
        display: none
    }
    #header #logo img {
        transform: scale(.85);
		margin-left:-15px;
    }
    #header .wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        position: relative
    }
    .main-search {
   		width: 100%;
    	padding: 6px 0px 4px 0px !important;
    	margin: 0 auto;
    	position: relative;
    }
    .main-search .cell {
        display: table-cell;
        width: 100%;
        padding-left: 11px;
        vertical-align: top
    }
    .main-search .cell:last-child {
        padding-left: 0px;
        padding-right: 11px
    }
    .main-search input {
        width: 100%;
		height: 36px
    }
	.main-search .ui-button {
		height: 38px
	}

    .main-search .selector {
        display: none
    }
    .main-search .reset-padding {
        padding-left: 0px
    }

    body.item #sidebar .widget-box {
        padding: 10px
    }
    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: #000;
        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: 20px
    }

    .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: 28px;
        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
    }
    .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_468{
        display:none
    }
    ul.r-list li h1 span.resp-toogle {
        display: inline-block
    }
/* custom added */	
.welcome-text{display:none}
#home_banner .banner-text-control{padding-top: -30px !important}
#home_banner .banner-text-control h1{display:none}
#home_banner {display:none}
.post_ad_mobile_button{display:block;margin-top:-20px}
.post_ad_mobile_button h1{ font-size:18px; padding-top:5px}
.post_ad_mobile_button h2{ font-size:16px}
.header_social{display:none}
.footer_social{display:block; padding-top:10px}
.top_nav_strip{padding: 0 10px;height: 40px; margin-top:-5px}
#header .nav {padding: -5px;margin: 0;}
#header .nav li.publish {display:none}
#header .nav li.slidenav {display:none}
#header #logo .slidenav_buttom {display:block !important;float:right;padding: 10px 0 0 0}
.main-menu-wrapper{ display:none;}
#home_banner {width: 100%;height: 40px;margin-top: -15px;background: url(../images/home_banner.jpg) no-repeat center; background-size: cover;min-height: 130px;background-color: #ccc;text-align: center;padding: 50px 0}
#home-all-category{ display:block; background:#FFF;border: 1px solid #e2e2e2;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075); margin-bottom:4px}
#sidebar .plugin-hooks .slider {width:85%;}
#page_title_strip{margin-top:-20px}
.show_desc{ display:none}
}

@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%
    }
}

@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
    }
}