﻿/*--- Media Query Starts Here ---*/


 
 @media (min-width: 320px) and (max-width:480px) {
 
 
#dropdown-right{
	    right: 1px !important;
	    left:auto !important;
}

.owl-item .item img{
	max-height:80px;}
	
.top-toolbar{
	display:none}
	
.top-toolbar-mob{
	padding:10px;
	margin:0;
	display:block;
	background:#000}
	
.top-toolbar-mob ul{
	padding:0;
	margin:0;}	
	
.top-toolbar-mob ul li{
	list-style:none;
	float:left;
	margin-right:10px;}
	
	
.top-toolbar-mob ul li a{
	color:#fff;
	font-size:12px;}
	
.top-toolbar-mob ul li ul li{
	width:100%}
.top-toolbar-mob ul li ul li a{
	color:#666;
	font-size:12px;}
	
.post-ad-button{
	float:left;
	margin-left:5px;}	
	
.navbar-nav{
	margin: 0px;
    padding:20px;
	float:none}
	
.special-li-padding {
    padding-left: 0;
	border:none !important
}
	
.fl-l{
	float:left}
	
.fl-r{
	float:right}
	
.BannerWrap{
	
	padding:10px 0px}
	
.footer_menu_wrap{
	width:100%}
	
.form-inline .form-group{
	float: none}

.footer_div p a{
	font-size:13px}
	
.footer_div h5{
	font-size:14px}
	
.owl-carousal-caption{
	min-height:30px}
	

	
.publishbox{
	float:none;
	margin:0px auto 10px;
	display:block;
	}
	

	
.padding-l{
	padding-left:15px;}
	
.padding-r{
	padding-right:10px;}


.titlewrap h1{
	text-align:center;
	margin-bottom:15px}
	
.pading_leftvalue{
	float: left;}
	
.form-inline{
	float:none}
	
.padding-l {
    padding-left: 0;
    padding-right: 0;
}


.select_wrap{
	width:100% !important}

.logo-text{
	padding-top:13px;}	
	

	
.searchDetails input[type=submit]{
	margin-left:0px}
	
.catid {
    width: 83%!important;
}

.catid2 {
    width: 83%!important;
}

.titleLink{
	padding-top:15px !important}
	
.publish_date_otherlisting{
	float:left;
	margin:0;}
	
.blobselect{
	width:100% !important}
	
.catid3{
	margin-bottom:10px;}
	

	
	}	
	


 






	

 @media (min-width: 480px) and (max-width:767px) {
 
 #dropdown-right{
	    right: 1px !important;
	    left:auto !important;
}
 
 .owl-item .item img{
 	max-height:100px}

.blobselect{
	width:100% !important}
	
.listingsRowFilter label{
	margin-bottom: 10px;
    float: left;}
	
.mr-top{
	margin-bottom:10px;}

	
.top-toolbar-mob{
	padding:10px;
	margin:0;
	display:block;
	background:#efefef}
	
.top-toolbar-mob ul{
	padding:0;
	margin:0;}	
	
.top-toolbar-mob ul li{
	list-style:none;
	float:left;
	margin-right:10px;}
	
	
.top-toolbar-mob ul li a{
	color:#0072bc !important;
	font-size:12px;
	background-color: transparent;}
	
.top-toolbar-mob ul li a:hover{	
	
	color:#81b503 !important}
	
.top-toolbar-mob ul li ul li{
	width:100%}
	
	
.top-toolbar-mob ul li ul li a{
	color:#666666;
	font-size:12px;}
	
.post-ad-button{
	float:left;
	margin-left:20px;
	margin-bottom:20px}	
	
.navbar-nav{
	margin: 0px;
    padding:20px 20px 0px 20px;
	float:none}
	
.special-li-padding {
    padding-left: 0;
	border:none !important
}
	
.fl-l{
	float:left}
	
.fl-r{
	float:right}
	
.BannerWrap{
	margin-top:0px;}
	
.footer_menu_wrap{
	width:100%}
	
.form-inline .form-group{
	float:none}
	


.titlewrap h1{
	text-align:center !important;
	margin-bottom:0px}
	
.pading_leftvalue{
	float: left;}

.form-inline{
	float:none}
	
.padding-l {
    padding-left: 0;
    padding-right: 0;
}


.padding-r {
    padding-left: 0;
    padding-right: 0;
}


	
	
.logo-text{
	padding-top:15px;}

.catid{	
	width:100%}
	
.searchDetails input[type=submit]{
	margin-left:0px}
	
	
.catid {
    width: 83%!important;
	margin-bottom:10px
}

.catid2 {
    width: 83%!important;
	margin-bottom:10px
}

.titleLink{
	padding-top:15px !important}
	
	
.publish_date_otherlisting{
	float:left;
	margin:0 !important;}
	

	

	
.blobselect{
	width:100% !important}


.listingsRowFilter{
	padding: 20px 10px;}
	
	
}



@media (max-width: 990px) {
	
	
	
	
	.navbar-default .navbar-collapse{width:100%;}

.search-nav {
    /* padding-left: 0; */
    margin-bottom: 0;
    list-style: none;
}
    .search-navbar-header {
        float: none;
    }
    .search-navbar-toggle {
        display: block;
    }
    .search-navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .search-navbar-collapse.collapse {
    display:none !important;
    }
    
    .search-navbar-collapse.in {
    display:block !important;
    }
    .search-navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .search-navbar-nav>li {
        float: none;
    }
    .search-navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	


.blobselect{
	width:100% !important }
	
.select_wrap{
	width:285px !important;}
	
	.warning {
    font-size: 11px;
    padding: 5px 0;
    color: #001472;
}

   .btn-top{margin-top:0px;} 

.form-outer select{width:124px !important;}

.form-outer{
width: auto !important;
    float: left !important;
}



.loginForm {
    min-height: 366px;
    padding: 20px;
    font-size: 12px;
    margin: 30px 0 10px 0;
    color: #666666;
    background-color: #fff;
    margin-bottom: 40px;
    box-shadow: 0px 0px 5px #cccccc;
}



.post-button {
    padding: 6px 8px !important;
    border-radius: 0px;
    font-size: 13px;
    color: #ffffff !important;
    text-align: center;
    background: #81b503;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    float: right;
    margin-right: 15px;
    margin-top: 12px;
    display: block;
    border-radius: 3px;}
	
	.post-ad-button{display:none;}
	
	.top-toggle{display:none !important;}
	
	.top-collapse{display:block;}
	
	.nav-top{width:auto !important; padding:0px !important;}
	
	.nav-top li{display:inline-block !important; border:none !important;}
	
	
	.dropdown-new {
    position: absolute !important;
    top: 100%;
    left: 0 !important;
    z-index: 1000 !important;
    display: none ;
    float: left !important;
    min-width: 160px !important;
    padding: 5px 0 !important;
    margin: 2px 0 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    list-style: none !important;
    background-color: #ffffff !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    border: 1px solid #ccc !important;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}
	
	
.dropdown-new li{display:block !important; width:100%;}	
	
	
	
	
	
	.top-nav{width:auto !important;}
	
	   .top-nav li{display:inline-block !important; border:none !important;}
}		


@media screen and (max-height: 850px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}






@media (max-width:767px){
	
	.form-outer select {
    width: 100px !important;
}

.profile_pic {
    width: 100%;
    height: 139px;
    float: left;
    background-color: #ffffff;
    padding: 2px;
    margin-top: 23px;
}

.flip-container .slider_image_item{height: 100px;}

.listing_flip{height: 260px;}


.profile_pic img {
    margin: auto;
    width: 90px;
    height: 90px;
    margin-top: 22px;
    padding: 3px;
    border: 1px solid #adadad;
}
	
	
	.smt_btn{margin-top:14px;}
	
	.list_price_preview{
	text-align:left; float:left;}
	
	.all-drop{
	top:24px;}
	
.language_drop_menu{
	position: absolute !important;
    right: auto;
    left: 0px;
    background-color: #ffffff !important;
    padding: 0px !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
}    
.notification_count{
	    top: -4px;
}
.notification_bell {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

#notification {
    float: left;
    margin-top: 0px;
    cursor: pointer;
}
	
.item_inner {
    background: #ffffff;
    padding: 0;
    margin-bottom: 10px;
}

   .btn-out{margin-top:0px; margin-bottom:10px;}
	
	.offer_otherlisting{margin-top:0px; margin-left:5px;}
	
	.reply_otherlisting{margin-top:0px; margin-left:5px;}
	
	.wanted_new2{margin-left:5px;}

.list_price1
{
	text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #81b503;
    padding-right: 25px;
    padding-bottom: 5px;
    right: 0;
    top: 0;
    display: block;
    float: right;
    padding-top: 12px;
    position:relative;
}
	
	
	.registerForm {
    min-height: 363px;
    padding: 20px 20px 0px 20px;
    font-size: 12px;
    margin: 0px 0 10px 0;
    color: #666666;
    background-color: #fff;
    margin-bottom: 40px;
    box-shadow: 0px 0px 5px #cccccc;
}



.loginForm {
    min-height: 312px;
    padding: 20px;
    font-size: 12px;
    margin: 30px 0 10px 0;
    color: #666666;
    background-color: #fff;
    margin-bottom: 10px;
}

	
	.check-box{margin-top:0px;}
	
	.filterclass{display:none;}
	
	.filterclass1{display:block; position:relative;background-color:#ffffff;}
	
	.filterclasscollapse{display:block !important;}
	
	.drid-outer {
    height: 250px;
    margin-bottom: 5px;
    cursor: pointer;
}


.post-date{
    min-height: 225px;}

.leftside-home{margin-bottom:15px;}

.offered_style{padding: 5px 10px !important}
	
.pd-0{padding-right:0px; padding-left:0px;}


	
 

 .listingsRowFilter1{
 	padding:15px;}
 
 .catid3{
	margin-bottom:10px;}

.label-cls{
	width:35%;
	float:left}
	
.listingsRowFilter label{
	margin-bottom: 10px;
    float: left;}
	
	
.catid{
	width:82% !important;
	margin-bottom:10px}
	
.catid2 {
    width: 82% !important;
	margin-bottom:10px
}
.searchDetails .form-inline .form-group	{
	display:inline !important;
	width:100%;
	margin-bottom:5px;
}



.searchDetails .form-inline .form-control{
	width:87% !important;
}

.searchDetails input[type=submit] {
    margin-left: 85px;
    height: 32px !important;
    max-width:80px;
    float:right;
}
.catid {
    width: 87% !important;
}
.small-input{
	width:100%
}

.logo-text{
	font-size:24px !important;}
		
.navbar-nav {
    float: left;
	width:100%;
	padding:10px 0px;
}


	

	
.pull-right{
	float:left !important}
	
.icons_style{
	font-size:25px !important;
	float:right !important;
	margin-right:0}
	
.photo{
	min-height:120px}
	
.info{
	min-height:42px}
	
.footer_div p a{
	font-size:14px}
	
.footer_div h5{
	font-size:15px}
	
.footer_menu_wrap{
	width:100%}
	
.category_item_head{
	    font-size: 12px;
    text-transform: none;}	
	
.item_drop{
	font-size:12px;
	float:left;
	text-transform: inherit !important;}
	

	
.publishbox{
	font-size:13px;}
	
.pading_leftvalue{
	float: left !important;}
    
    
    .wanted_style {
    font-size: 12px;
    padding: 5px 15px;
    margin-right: 10px;
    float:left;
}

.btn-success {
    background-color: #001c2e;
    border: 1px solid #001c2e;
    padding: 7px 7px;
    font-size: 12px;
}

.btn-primary {
    background-color: #000;
    border: none;
    padding: 8px 10px !important;
    border-radius: 2px !important;
    transition: 1s;
    font-size: 12px;
}

.btn-review {
    font-size: 12px;
    padding: 7px 5px !important;
    text-decoration: none;
    display: inline-block;
    color: #FFFFFF;
    background-color: #4ba614;
}


    
    .list_price {
    padding: 5px 10px !important;
    float:left;
    font-size:12px;
    }

.select_wrap{
	width:100% !important}
	
	
.searchDetails label{
	width:80px;}
	
	
.blobselect{
	width:137px !important}
	
.suggestInner li{
	width:224px}
	
	
.reviews_price{
	float:left !important}
	
	
	.offered-butt {
    float: left !important;
}
	
	.but_newstyle {
    padding: 5px 10px !important;
    float: left !important;
    border-radius: 2px !important;
    border: none !important;
        width: 84px !important;
}

.but_style {
padding: 5px 10px !important;
    float: right !important;
    border-radius: 2px !important;
    border: none !important;
    width:auto !important;
    font-size:13px !important; 
    min-width:auto !important;
    margin-left: 5px !important;
    margin-right: 0px !important;
}

	

.blobselect{
	width:100% !important}
.red_btn_search{
	min-width: 100px !important;}
	
	
	
	
	.post-ad-button {
    padding: 12px 15px !important;}
	
	
	
	.red_btn_search {
    border: none;
    padding: 12px 20px 12px !important;}
	
	
	.blobselect{width:100% !important;}
	
	.form-inline .form-group {
    width: 100%;
}


.green_btn_2 {

    margin-top: 10px;
}

.form-inline .form-control {
    margin-right: 0px !important;
}

.listing_category{text-align:center;}

.list_price_2{padding:4px 4px !important;}

}	


@media (max-width:690px){
.gallery_outer{height: 370px !important;background-color:#000000;}
}
@media (max-width:630px){
.gallery_outer{height: 330px !important;background-color:#000000;}
}

@media (max-width:580px){
	
	.gallery_outer{height: 310px !important;background-color:#000000;}
	
	.mob-view{width:100%;}
	
	.form-outer select {
    width: 100px !important;
}

.profile_pic {
    width: 100%;
    height: 120px;
    float: left;
    background-color: #ffffff;
    padding: 2px;
    margin-top: 23px;
}



.profile_pic img {
    margin: auto;
    width: 90px;
    height: 90px;
    margin-top: 15px;
    padding: 3px;
    border: 1px solid #adadad;
}



}












@media (max-width: 525px) {
	
	.titlewrap h1 {
    text-align: center;
    margin-bottom: 0px;
}


.mobile-view{width:100%;}

.listing_flip_otherlist {
    padding-top: 0px;
    cursor: pointer;
    height: 315px !important;
    margin-top: 10px;
    background-color: #ffffff !important;
}

.listing_otherlist_premium {
 
    padding-top:0px;
    background-color: #eefad1 !important;
	cursor:pointer;
	height: 315px !important;
    margin-top: 10px;
   
}

.gallery_outer {
    height: 280px !important;
    background-color: #000000;
}


}


@media (max-width: 480px) {
	
	.gallery_outer {
    height: 210px !important;
    background-color: #000000;
}

	.gallery_outer {
    height: 260px !important;
    background-color: #000000;
}
	
	
.mobile_view_item{width:100%;}


.offer_otherlisting {
   
	min-width:80px;
}

.reply_otherlisting {
  
    min-width: 105px;
}

.publish_date_otherlisting
{
  
    min-width: 106px;
}
.width-sm{
	width:100%;
}


.flip-container .publish_date{width:100% !important; text-align:center;}

.post-date .publish_date{width:100% !important; text-align:center;}

.location1{width:100% !important; text-align:center;}

.flip-container .slider_image {
    min-height: 120px;}
    
    .drid-outer {
    height: 275px;
    }
    
}

@media (max-width:440px){
	
	.gallery_outer {
    height: 210px !important;
    background-color: #000000;
}
	
	.form-outer select {
    width: 100% !important;
}
	
	.form-outer{width:100% !important;}
	
	#profile_pic{width:100%;}
}

@media (max-width: 390px) {
	
	
	.gallery_outer {
    height: 210px !important;
    background-color: #000000;
}
	
	.publish_p {
    text-align: center;
    font-size: 11px;
    min-height: 28px;
    padding-top: 5px;
    border-bottom: 1px solid #bed87e;
    color: #01548a;
}

.publish_date {
    text-align: center;
    font-size: 11px;
    color: #000000 !important;
    float: none;
    background-color: transparent;
    margin: 10px auto;
    text-transform: none;
}



.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 0px;
    font-size: 18px;
    line-height: 20px;
    max-width: 120px;
}

.logo-text {
    font-size: 12px !important;
}

.publish_details1 {
    float: left;
    padding: 3px;
}







.offer_otherlisting {
   
	min-width:100%;
	margin-top:5px;
	margin-left:0px
}

.reply_otherlisting {
  
    min-width:100%;
	margin-top:5px;
	margin-left:0px
}

.publish_date_otherlisting
{
  
   min-width:100%;
	margin-top:5px;
	margin-left:0px
}


.list_price_2{font-size: 11px;}


.listing_category {
    font-size: 11px;}

#profile_pic{width:100%;}


#system_notice_area {
    left: 0% !important;
    width: 100% !important;
   
}


}



@media (max-width:350px){
	
	.gallery_outer {
    height: 180px !important;
    background-color: #000000;
}
	
	.mob-res{width:100%;}
	
	#profile_pic{width:100%;}
	
	.drid-outer {
    height: 240px;
}
	
	
	.listing_flip_otherlist {
    padding-top: 0px;
    cursor: pointer;
    height: 280px !important;
    margin-top: 10px;
    background-color: #ffffff !important;
}

.post-ad-button {
    padding: 10px 10px !important;
}

.red_btn_search {
    min-width: 66px !important;
}	
	
	.red_btn_search {
    border: none;
    padding: 10px 0px 10px !important;
}


.but_style {
    padding: 5px 5px !important;
    float: left !important;
    border-radius: 2px !important;
    border: none !important;
    width: auto !important;
    font-size: 12px !important;
    min-width: auto !important;
    margin-left: 0px !important;
    margin-right: 5px !important;
}

#dropdown-right {
    right: 0px !important;
    left: auto !important;
}

.mob-item{width:100%;}


.flip-container .publish_date{width:auto !important; text-align:center;}

.post-date .publish_date{width:auto !important; text-align:center;}

.location1{width:auto !important; text-align:center;}

.list_price_2{font-size: 11px;}
	
}




@media (max-width:280px){
	
	.gallery_outer {
    height: 150px !important;
    background-color: #000000;
}
}

	
 @media (min-width: 767px) and (max-width:992px) {
 

	
 .blobselect{
	width:100% !important}
 
.label-cls{
	width:15%}
	
.catid {
    width: 84% !important;
    margin-bottom: 10px;
}

.catid2 {
    width: 84% !important;
    margin-bottom: 10px;
}

.icons_style{
	font-size:25px !important;}
	
.item_drop{
	font-size:11px}
	

.owl-item .item img{
		max-height:100px !important}
}




	
	
	

@media (min-width: 992px) and (max-width:1200px) {


.label-cls{
	width:15% !important}
.select_wrap{
	width:150px !important}
	
.blobselect{
	width:180px !important}
	
	
.catid {
    width: 73% !important;
    float: left;
	 margin-bottom: 10px;
}

.catid2 {
    width: 73% !important;
    margin-bottom: 10px;
}


.label-cls {
    width: 25% !important;
}


	
	
 }
 
 


 

 
 
