/* asasasas === #4AA02C ====
rgba (74,160,44, 0.16);
74, 160, 44
#CBEEBF
#FFCC33

colors to change.

*/
/*.three_d_effect{
	text-shadow: 0 1px 0 #ccc, 
				 0 2px 0 #c9c9c9,
				 0 3px 0 #bbb,
				 0 4px 0 #b9b9b9,
				 0 5px 0 #aaa,
				 0 6px 1px rgba(0,0,0,.1),
				 0 0 5px rgba(0,0,0,.1),
				 0 1px 3px rgba(0,0,0,.3),
				 0 3px 5px rgba(0,0,0,.2),
				 0 5px 10px rgba(0,0,0,.25),
				 0 10px 10px rgba(0,0,0,.2),
				 0 20px 20px rgba(0,0,0,.15);
				 font-size: 18px;
}*/

.lslide img{
	height: 100% !important;
}


@charset "utf-8";


.urdu_green{
	color: green !important;
	font-weight: normal;
	display: inline-block;
}
@media only screen and (max-width: 620px) {
	.ur_head1{
		display: inline-block !important;
	}
}
@media only screen and (max-width: 500px) {
	.ur_head{
		display: inline-block !important;
	}
}

.slider_prod {
	position: relative
}
.bot_link {
	border-top: 1px solid #ccc;
	padding: 5px;
}
.pad_div {
	width: 100%;
	float: left;
	padding: 10px 0;
}
.head2 {/*=========== should remain here ========*/
	margin-bottom: 5px;
}
#make_p, #model_p, #suggestion, #make_p1, #model_p1, #suggestion1 {
	float: left;
	width: 50%;
}
.review-big-box {
	border: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 5px .5%;
	width: 99%;
}
.review_yellow_star, .review_gray_star{
	margin-top: 1px;
}
.bellow_title_etc{
	width: 100%;
	float: left;
	padding: 5px 0 10px 0;
}
table{
	width: 100%;
}
table tr td:nth-child(2n+1){
	width: 25%;
}
.table-striped tbody > tr td:nth-child(2n+1){
	font-weight: bold;
}
.head3{
	border: none;
	padding: 10px 1% 5px;
}
#desc-cont{
	overflow: hidden;
	height: auto;
	position: relative;
}
#desc-cont-more{
	/*overflow: hidden;*/
	height: 0px;
	position: relative;
}
#less-btn{
	display: none;
}
h2{
	color: #4aa02c;
    font-size: 20px;
    font-weight: bold;
}
.colors_cars {
    margin-right: 15px;
    width: 130px;
    height: 95px;
}



.flex_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
}
/*.new_comp_div{
	width: 30%;
	margin-left: 0;
}*/
.div4{
	height: 40px;
}
.link_with_bg{
	padding: 5px; 
	margin-bottom: 50px; 
	text-align: center; 
	width: 100%; 
	float: left;
}
.most_viewed a img{
	height: auto;
}
.most_viewed {
    height: 190px;
    text-align: center;
}
.uc_box1, .uc_box2, .uc_box3, .uc_box4{
	text-align: center;
}
.key_feat {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	/* padding: 18px; */
	padding: 5px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	font-size: 24px;
	box-sizing: border-box;
}
.flex_box {
	display: flex;
	float: left;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.flex_box div{
	width: 25%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-top: none;
	line-height: 20px;
	padding: 8px;
}

.pic_tabs{
	margin-bottom: 10px;
}
.pic_tabs a{
	padding: 5px 10px;
	background-color: #4aa02c;
	color: white;
	
}




.slider_next{
	width: 62px;
	height: 62px;
	background: #f8f8f8;
	border-radius: 70px;
	position: absolute;
	z-index: 99;
	top: 130px;
	left: 595px;
	padding: 5px 0 0 5px;	
	cursor: pointer;	
}

.slider_prev{
	width: 62px;
	height: 62px;
	background: #f8f8f8;
	border-radius: 70px;
	position: absolute;
	z-index: 99;
	top: 130px;
	left: -35px;
	padding: 5px 0 0 5px;	
	cursor: pointer;
}

#thumb { 
	width: 100%; 
	height: 80px; 
	margin: 20px 5px;  
}

#thumb li { 
	width: 60px; 
	float: left; 
	margin: 12px; 
	list-style: none 
}

#thumb a { 
	width: 60px; 
	padding: 3px; 
	display: block; 
	border: 3px solid #FFFFFF;
 	border-radius:3px;
 	box-shadow: 1px 1px 3px #333333;
}

#thumb li.activeSlide a { 
	border: 3px solid #0a526f;
 	border-radius:3px;
 	box-shadow: 1px 1px 3px #333333;
}

#thumb a:focus { 
	outline: none; 
}

#thumb img { 
	border: none; 
	display: block 
}

.carousel-cell2 {
	float: left;
	margin: 10px 5px;
	height: 75px;
	border: 1px solid #ccc;
	display: flex;
	padding: 5px;
	box-sizing: border-box;
	cursor: pointer;
}
.big_imgs{
	margin-bottom: 20px;
	text-align: center;
	float: left;
	width: 100%;
}
.big_imgs img{
	max-width: 100%;
}
#btn_container{
	position:absolute;
	top: 40%;
	right: 35px;
	/*z-index: 1000;*/
}
#btn_l_cont{
	position:absolute;
	left: 5px;
	z-index: 100;
	width: 100px;
	height: 100px;
	top: 40%;
}
#btn_r_cont{
	position:absolute;
	right: 5px;
	z-index: 100;
	width: 100px;
	height: 100px;
	top: 37%;
}
#fixed_child{
	position: fixed;
}
#circle-colors{
	width: 100%;
	position: relative;
	padding: 5px;
}
.carousel-main_e img{
	margin: 0 auto;
}
.circle_thumb{
	border-radius: 50px;
	width: 47px;
	height: 47px;
	display: inline-block;
	margin-right: 5%;
	cursor: pointer;
	border: 2px solid #060606;
	box-sizing: border-box;
}

#big-pics-cont{
	position: relative;
}
@media only screen and (max-width: 1200px) {
	.carousel-main {
		height: 400px !important;
	}
  }
  
  @media only screen and (max-width: 768px) {
	 #three-boxes{
		width: 140px;
	}
	.carousel-main .flickity-viewport{
		height: 100% !important;
	}
	.flickity-slider {
		display: flex;
		align-items: center;
	}
}

.arrow {
	border: solid white;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 6px;
 }
 .down {
	transform: rotate(-135deg);
	 -webkit-transform: rotate(-135deg);
	 margin-top: 13px;
 }
 .up{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
 }
 .cont_ss {
	width: 36px;
	height: 36px;
	display: block;
	font-size: 18px;
	background: #24272c;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 5px;
}

.cont_ss2 {
	width: 36px;
	height: 36px;
	display: block;
	background: #24272c;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 5px;
}

.slider_cont{
	text-align: center;
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	height: 450px;
}
@media only screen and (max-width: 650px) {
	.slider_cont{
		height: 390px !important;
	}
}
@media only screen and (max-width: 600px) {
	.slider_cont{
		height: 370px !important;
	}
}
@media only screen and (max-width: 550px) {
	.slider_cont{
		height: 320px !important;
	}
}
@media only screen and (max-width: 500px) {
	.slider_cont{
		height: 290px !important;
	}
	#btn_r_cont {
		top: 22%;
	}
	#btn_l_cont {
		top: 26%;
	}
}
@media only screen and (max-width: 450px) {
	.slider_cont{
		height: 260px !important;
	}
}
@media only screen and (max-width: 400px) {
	.slider_cont{
		height: 230px !important;
	}
	
}




.slider_cont a {
	position: absolute;
	top: 0;
	/* height: 100%; */
	width: 100%;
	left: 0;
}
.thums_colors{
	float: left;
	width: 100%;
	text-align: center;
	/*display: flex;
	justify-content: space-evenly;*/
	overflow: auto;
    white-space: nowrap;
}

.arrow2 {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  margin-top: 10px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.active_color{
	border: 3px solid #999;
	box-sizing: border-box;
}
.active_color::before {
	content: "\2713";
	float: left;
	margin-left: 13px;
    margin-top: 5px;
	font-size: 20px;
	color: lime !important;
}
.color_name {
	position: absolute;
	bottom: 0;
	right: 170px;
	background: rgba(255,255,255,.8);
	padding: 5px 10px;
	color: black;
}



.r_links {
    color: green;
    font-weight: bold;
	display: block;
}




/*#image-cat img{
	max-height: 70px !important;
    max-width: 100px !important;
}
#image-cat{
	margin-right: 5px;
	text-align: center;
}*/
.stars span{
	margin-right: 10px;
	float: left;
	font-weight: bold;
}
.star-ratings {
	float: left;
	width: 50%;
}
@media only screen and (max-width: 500px) {
	.star-ratings {
		font-size: 12px;
	}
}
@media only screen and (max-width: 410px) {
	.star-ratings {
		width: 100%;
	}
}
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled .is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled .is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled .is-draggable .flickity-viewport .is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: #42ff009c !important;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button .previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}


.carousel {
  background: #FAFAFA;
}

.carousel-main {
  margin-bottom: 8px;
}

.carousel-cell {
  width: 100%;
  height: 504px;
  margin-right: 8px;
  /*background: #8C8;*/
  border-radius: 5px;
  /* counter-increment: carousel-cell; */
}

.carousel-nav .carousel-cell {
  height: 90px;
  width: 120px;
}
.carousel-main img {
  display: block;
  margin: 0 auto; 
  height: max-content;
}

.container {
  max-width: 100%;
  margin: 0 auto;
}
.carousel-cell{
	display: flex;
	align-items: center;
}


.home_head{
	text-align: center;
	clear: both;
	padding: 0;
	border-top: solid 5px #FFCC33;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  /*padding: 18px;*/
  padding: 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.liText {
	list-style-type: none;
	color: white;
	font-size: 16px;
	float: left;
	margin: 1% 5%;
	text-align: center;
	width: 47.8%;
}
.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

/*.active:after {
  content: "\2212";
}*/

button.active::after {
	content: '\2796' !important;
}
button.accordion::after {
	content: '\02795';
}

.acc_panel {
  /*padding: 0 18px;*/
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  margin-bottom: 20px;
}



@media screen and (min-width: 700px) and (max-width: 1280px) {
	.menu ul li {
		padding: 14px 0.6% !important;
	}
	#id-for-links{
		max-width: 62% !important;
	}
}


i{
	font-style:italic;
}
.btn1_style{
  width: 100%; 
  float: left; 
  margin-bottom: 5px;
}
.adGariHome{
	line-height: 1.1 !important;
}
.btn2_style{
  width: 100%; 
  float: left;
}

#ad-div{
	  /*max-height: 280px;*/
	  min-height: 0;
  }
  #description{
	  float: left;
	  width: 100%;
  }
#paging a.inner{
   padding: 4px 8px;
}
.button_search {
	margin: 5px 0 0 5px;
	padding: 6px 5px; 
	width: 71px;
}
#tabs ul li a span {
	float: left;
	display: block;
	padding: 5px 5px 4px 6px;
	color: #666;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	width: auto;
	background-color: #eee;
}
#tabs ul li a {
	float: left;
	margin: 0;
	padding: 0 10px 0 4px;
	text-decoration: none;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	width: auto;
	background-color: #eee;
	margin-right: 3px; 
}
#tabs ul li a span:hover {
	background-color: #4aa02c;
}
.logo_text{
	color: rgb(255, 255, 255); 
	font-weight: bold; 
	float: left; 
	font-size: 36px;
}
.image_div{
	padding: 10px 0;
	box-shadow: 0 0 5px gray;
}
.uc_box1, .uc_box2, .uc_box3, .uc_box4{
	float: left;
    outline: 1px solid #ccc;
    padding: 10px 0;
    width: 25%;
}
.uc_inner1{
	float: left;
    height: 50px;
    line-height: 40px;
    text-align: center;
    width: 25%;
}
.uc_inner2{
	float: left;
	width: 75%;
}
.uc_inner2 > p{
	font-size: 10px;
}
.uc_inner2 > div{
	font-size: 20px;
    font-weight: bold;
}
.sell_car_right{
	font-size: 12px;
	width: 300px; 
	position: absolute; 
	right: 10px; 
	top: 110px; 
	outline: 1px solid rgb(204, 204, 204); 
	padding: 0px 10px; 
	height: 200px; 
	background-color: rgb(248, 248, 248);
}
#show-list-account #list-item-account > div{
	float: left;
}
#show-list-account #list-item-account1-account > div:nth-of-type(1), #show-list-account #list-item-account > div:nth-of-type(1) {
	 width: 5%;
}
#show-list-account #list-item-account1-account > div:nth-of-type(2), #show-list-account #list-item-account1-account > div:nth-of-type(3), #show-list-account #list-item-account > div:nth-of-type(2), #show-list-account #list-item-account > div:nth-of-type(3){
	 width: 25%;
}
#show-list-account #list-item-account1-account > div:nth-of-type(4), #show-list-account #list-item-account1-account > div:nth-of-type(5), #show-list-account #list-item-account1-account > div:nth-of-type(6), #show-list-account #list-item-account > div:nth-of-type(4), #show-list-account #list-item-account > div:nth-of-type(5), #show-list-account #list-item-account > div:nth-of-type(6){
	 width: 10%;
}
#show-list-account #list-item-account1-account > div:nth-of-type(7), #show-list-account #list-item-account > div:nth-of-type(7) {
	 width: 15%;
}

.video_div{
	height: 315px;
    margin: 0 auto;
    width: 560px;
}
.car_bg_home{
	background-position: 150px 60px;
}
.bike_bg_home{
	background-position: 250px 60px;
}
.vehicle_bg_home{
	background-position: 150px 60px;
}
.news_pic_box{
	box-shadow: 0 0 5px green;
    margin: 10px auto;
    max-width: 100%;
}
.div48{
	width: 48%; 
	float: left; 
	padding: 5px 1%;
}
.div4{
	width: 23%; 
	float: left;
	padding: 5px 1%; 
	height: 30px;
}
#bottom-ad1 {
  background-color: #f8f8f8;
  bottom: 5px;
  box-shadow: 0 0 10px #ccc;
  display: none;
  height: 90px;
  left: 0.5%;
  position: fixed;
  text-align: center;
  width: 99%;
  z-index: 5000;
}
.ci_ad{
	width: 50%; 
	float: left; 
	text-align: center;
}
.div_fourty {
  float: left;
  text-align: center;
  width: 40%;
}
.div_sixty {
  float: left;
  text-align: center;
  width: 60%;
}
.hit_circle{
	width: 13.11%; 
	float: left; 
	text-align:center;
}
.hit_circle_last{
	width: 12.11%; 
	float: left; 
	text-align:center;
}
.hit_circle_arrows{
	width: 8.86%; 
	float: left; 
	text-align: center; 
	background-image: url('/images/how-it-works.png'); 
	background-repeat: no-repeat; 
	height: 100px; 
	margin-top: 40px;
	background-position: -205px -90px;
}
.car_inspection3_divs{
	width: 33.33%; 
	float: left;
	margin-bottom: 10px;
}
.div_fity{
	width: 50%; 
	float: left;
	text-align:center;

}
.div_fity2{
	float: left;
	text-align:center;
	width: 40%; 
	padding: 0 5%;
}
.new_cars2{
	width: 25%;
	float: left;
    margin-bottom: 20px;
    text-align: left;
}
.bo_img_cont{
	width: 45%; 
	float:left; 
	text-align: center;
}
.bo_desc_cont{
	float: left; 
	width: 53%; 
	padding: 0px 1%;
}
#rtld-results{
	width: 100%;
	float: left;
}
.picture-prod{
	text-align: center;
}
.uc_by_price{
	 float: left; 
	 margin-bottom: 20px; 
	 text-align: left; 
	 text-align:center;
	 width: 150px;
}
.bike_by_city1{
	display: table; 
	margin: 0px auto; 
	width: 70%; 
	float: left;
}
.bike_by_city2{
	float: left; 
	width: 30%; 
	/*background-color: #ccc;*/ 
	height: 205px;
}
.new_cars1{
	float: left;
    margin-bottom: 20px;
    text-align: left;
    width: 33%;
}
.four_divs {
    float: left;
    text-align: center;
    width: 24.5%;
}
.new_comp_div{
	width: 32%; 
	float: left; 
	margin-right: 2%;
}
.new_comp_div2{
	width: 32%; 
	float: left; 
	margin-right: 2%; 
	text-align: center;
}
.new_comp_div3{
	width: 32%; 
	float: left; 
	height: 100px; 
	background-color: #eee;
}
.write_dlr1{
	text-align: left; 
	width: 67%;
	margin-bottom: 10px;
}
.write_dlr2{
	/*font-size: 18px;
	margin-bottom: 10px; 
	border-radius: 5px; 
	padding: 5px 1%; 
	border: 1px dashed red; 
	background-color: #f8f8f8; 
	width: 30%;*/
	background-color: #f8f8f8;
    border: 1px dashed red;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 62px 1%;
    text-align: center;
    width: 30%;
}
.top_search_head{
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 1%;
}
.top_links4{	
	width: 225px;
	margin-right: 10px;
	float: left;
}
.top_links{	
	width: 270px;
	margin-right: 10px;
	float: left;
}
.top_links1{	
	width: 48%;
	margin-right: 10px;
	float: left;
}
.top_link_holder{
	border: 1px solid rgb(221, 221, 221); 
	border-radius: 5px; 
	padding: 10px 1%; 
	background-color: rgb(248, 248, 248); 
	float:left;
	width: 97.6%;
}
.new_b_span{
	height: 20px;
}

.versus{
	float: left; 
	width: 4%; 
	margin: 40px 1% 0px; 
	border-radius: 50%; 
	background-color: #b63339; 
	text-align: center; 
	color: white; 
	font-weight: bold; 
	padding: 2% 3.7% 2% 2%;
}
.new_comp_div{
	width: 32%; 
	float: left; 
	margin-right: 2%;
}
#suggestion1{
	width: auto;
	/*display: none;*/
}

.div_three1{
	width: 33.3%; 
	float: left;
}
.div_three2{
	width: 33.3%;  
	float: left;
}
.div_three3{
	width: 33.3%; 
	float: left;
}

.as_title{
	font-weight: bold;
    text-indent: 3px;
}
#advanced-search{
	float: left;
    margin: 15px 0 10px;
    width: 100%;
	display: none;
}
.advanced_search{
	float: left;
    margin: 15px 0 10px;
    width: 100%;
}
#toggle_btn{
	cursor: pointer;
	float: left;
	border: 1px solid #ccc;
	background-color: #A8F79F;
	border-radius: 5px;
}
#toggle-btn-cont{
	margin-top: 10px;
}




#add-comments, #comments, #map, #rltd-ads, #description, #contact-suplier, #reviews {
    margin-top: -100px;
    padding-top: 100px;
	overflow: hidden;
}

#ad-desc #price-cat span{
	padding: 0;
}
#cat-contents{
	border-radius: 5px;
	position: relative;
}
.featured{
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 10px #999;
}
.image_pos{
  position: absolute;
  right: -6px;
  top: -6px;
}

.package_divs{
	border: 1px solid #ccc;
    border-radius: 3px 3px 0 0;
    float: left;
    font-size: 13px;
    height: 150px;
    margin-right: 1%;
    padding: 1%;
    width: 21.7%;
}
.package_divs2{
	margin-right: 1%;
    padding: 1%;
    width: 21.7%;
	text-align: center;
	float: left;
}
.package_divs .head3{
	text-align: center;
}
.package_divs ul{
	height: 90px;
}
.package_divs ul li{
	padding: 3px 0;
}
.bggry2 {background:rgb(255,255,255);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(237,236,233,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(237,236,233,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(237,236,233,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(237,236,233,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(237,236,233,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(237,236,233,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#edece9',GradientType=0 )} 
.brd_crmb{
	border-top: 1px solid #eee;
}

.brd_crmb{font-size: 13px;font-weight: bold;line-height: 37px;margin: 0 0 20px;overflow: hidden;}/*height: 36px;*/
.brd_crmb,.brd_crmb label {font-size: 13px;font-weight: bold;overflow: hidden;}
.brd_crmb div{ float: left;display: inline; width: 93.8%;}
.brd_crmb span{float:left;}
.brd_crmb a{color:#727272;float:left;}
.ros {
	border-radius:4px;	
	box-shadow:2px 2px 4px -2px #A7A7A7,-2px 2px 4px -2px #A7A7A7;//border	 		
	-moz-box-shadow:1px 2px 4px -2px #A7A7A7,-1px 2px 4px -2px #A7A7A7; 	 
	-webkit-box-shadow:2px 2px 4px -2px #A7A7A7,-2px 2px 4px -2px #A7A7A7; 
	
	-o-box-shadow:1px 2px 4px -2px #A7A7A7,-1px 2px 4px -2px #A7A7A7;overflow:hidden;
}

.nv_hm_icn,.brd_crmb label {background:url("/images/car-icon2.png")}
.brd_crmb label {background:url("/images/common261.png")}
/*.nv_hm_icn {background-position:5px 3px;height:36px;margin-right:12px;width:49px;background-repeat:no-repeat;}*/
.nv_hm_icn {background-position:5px 3px;height:36px;margin-right:1.2%;width:5%;background-repeat:no-repeat; display: inline;}
/*.brd_crmb label{background-position:3px -11px;background-repeat:no-repeat;float:left;margin:0 5px;overflow:hidden;width:17px;line-height: 40px;}*/ 

.brd_crmb label{background-position:3px -11px;background-repeat:no-repeat;float:left;margin:0 0.6%;overflow:hidden;width: 1.7%;line-height: 40px;} 







.ad_icons{
	display: inline;
    float: right;
    width: 30px;
}
.popup_div_style{
	border-bottom: 1px solid #ddd;
    float: left;
    line-height: 13px;
    margin: 0 3% 5px 0;
    /*padding: 0 0 5px;*/
    width: 47%;
}
.popup_div_style input{
	float: left;
}
.popup_div_style a{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
.popup_div_style img{
	float: left;
	margin-left: 10px;
}
#cancel_btn{
	background-color: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
	position: absolute; 
	top: 0px; 
	right: 0px; 
	line-height: 5px; 
	font-size: 18px; 
	color: rgb(153, 153, 153); 
	cursor: pointer;
	height: 20px;
	width: 20px;
}
#clear_check_boxes{
	color: red; 
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	font-size: 14px; 
	line-height: 70px;
	cursor: pointer;
}
.more_options{
	text-align: center; 
	cursor: pointer; 
	background-color: rgb(238, 238, 238); 
	padding: 5px 0px; 
	color: green; 
	font-weight: bold;
}
.inner_anchor{
	line-height: 20px;
	padding: 0 0 0 10px;
}
.cont_m_bottom{
	margin-bottom: 10px;
}
.filter_divs{
	border-bottom: 1px solid #eee;
    float: left;
    padding: 0 0 4px;
    width: 97%;
}
.filter_divs a {
	color: red;
}
.clear_all{
	float: left;
	width: 97%;
	text-align: center;
	padding: 5px;
}
.clear_all a{
	border-radius: 2px;
	border: 1px solid #eee;
	padding: 3px;
}
/*#container-jobs-lists{
	opacity: .4;
}*/
#main-gif{
	position: fixed; 
	text-align: center; 
	z-index: 1000; 
	left: 45%; 
	top: 40%; 
	opacity: 1; 
	display: none;
}
#filter-cont{
	display: none;
}
.bt_label{
	/*border-bottom: 1px solid #eee;*/ 
	width: 100%; 
	float: left; 
	margin-bottom: 5px;
}


.bold_head{
	font-size: 20px; 
	border-bottom: 3px solid rgb(74, 160, 44); 
	margin: 0px 0px 10px; 
	font-weight: bold;
	color: #4aa02c;
}
.subscribed_details{
	padding-left: 1%; 
	width: 99%; 
	float: left; 
	margin-bottom: 22px;
}
.sub_head_email_subs{
	width: 98%; 
	border-bottom: 3px solid rgb(74, 160, 44); 
	float: left; 
	font-size: 16px; 
	font-weight: bold;
}
.alert_p{
	width: 100%; 
	color: red; 
	font-size: 12px; 
	float: left; 
	text-align: center;
}
.show_rads_link{
	/*background-color: #f8f8f8;
	border: 1px solid #eee;*/
	border-radius: 5px;
	float: left;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 20px;
	padding: 5px 0.5%;
	width: 99%;
}

.font_increase{
	font-size:15px;
}
/*.colors_cars{
	float: left; 
	margin-right: 10px; 
	width: 100px; 
	height: 75px; 
	text-align: center;
}*/
.colors_cars {
	float: left;
	margin-right: 30px;
	width: 150px;
	/* height: 75px; */
	text-align: center;
	margin-bottom: 20px;
}


#body-style-div label{
	float: left;
	/*width: 50%;*/
	width: 250px;
	height: 40px;
}
#srides-li{
	height: 287px; 
	margin-bottom: 15px; 
	margin-left: 5%; 
	text-align: center;
}

#num-btn{
	background-color: #198321;
    border: 1px solid #000;
    border-radius: 4px;
    color: white;
    margin: 0 auto;
    padding: 8px 3%;
}
.color_div{
	height: 50px;
	float: left; 
	margin-right: 10px; 
	width: 150px; 
	margin-bottom: 10px; 
	border: 1px solid #ccc; 
	box-shadow: 0 0 3px green;
}
.box_span{
	width: 100%; 
	border-top: 1px solid #ccc; 
	float: left; 
	padding: 5px 0;
}

.pl-list-style{
	/*background-color: #f8f8f8;*/
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px 1%;
    width: 98%;
}
.pl-data1{
	width: 50%;
}
.pl-data2{
	width:20%;
}
.pl-data3{
	width:30%;
	text-align: center;
}
.pl-item-container{
	width: 100%; 
	float:left;
	margin-bottom: 20px;
}
.width-99{
	width: 99%;
}
.onRoadPriceBtn{
	background-color: #4aa02c;
    border-radius: 5px;
    color: white;
    padding: 5px;
}
.onRoadPriceBtn a{
	color: #fff;
}
.bighead{
	font-size: 24px;
	border-bottom: 5px solid #4aa02c;
}
.dataDiv{
	padding: 5px;
	border:1px solid #eee;
	border-top: 1px solid white;
	height: 20px;
	text-align: center;
	border-left: 1px solid white;
}
.dataDiv1{
	padding: 5px;
	border:1px solid #eee;
	border-top: 1px solid white;
	height: 20px;
}
.divTopImg{
	text-align:center;
	height:135px;
	border-bottom: 3px solid #FFCC33;
	padding: 5px 0;
}
#suggestion1, #suggestion2, #suggestion3, #suggestion4, #suggestion5, #suggestion6, #suggestion7, #suggestion8{
	float: left;
	width: 98.26%;
}
.icon-ok:before {
    content: '✔';
	color: green;
}
.icon-cross:before {
    content: 'x';
	color: red;
}
.midmdid, .mid2mdid2, .mid3mdid3, .mid4mdid4{
	display: none;
	height: 150px;
}
#image1, #image2, #image3, #image4{
    float: left;
    height: 205px;
    /*line-height: 205px;*/
    width: 100%;
	box-shadow: 0 0 5px #999;
	
}






.on-road-price th {
    border-color: #dde1e9 #dde1e9 #dde1e9 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #4aa02c;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 15px;
}
.on-road-price td {
    border-top: 1px solid #dde1e9;
    width: 50%;
}
.table-styled td {
    border-right: 1px solid #dde1e9;
    border-top: 1px solid #dde1e9;
    padding: 15px;
}

.table-striped tbody > tr:nth-child(2n) > td, .table-striped tbody > tr:nth-child(2n) > th {
    /*background-color: #eaf0ff;
	background-color: #BDFBB5;*/
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    /*background-color: #f9f9f9;*/
	width: 200px;
}

.on-road-price td {
    border-top: 1px solid #dde1e9;
    width: 50%;
}
.table-styled td {
    border-right: 1px solid #dde1e9;
    border-top: 1px solid #dde1e9;
    padding: 15px;
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #ddd;
}
.table th, .table td {
    border-top: 1px solid #ddd;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

.compareSelect p {
	float: left;
}
.compareSelect_advance{
	width: 100%;
	float: left;
}
.review-big-box {
	/*background-color: #efefef;
	background-color: #f8f8f8;*/
	float: left;
	margin-bottom: 20px;
	padding: 0 1%;
	width: 98%;
	border: 1px solid #ccc;
}
.new_cars{
	/*width: 140px; 
	height: 126px;*/ 
	width: 190px;
    height: 135px;
	
	float:left; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	margin-right: 10px; 
	text-align: center;
	margin-bottom: 10px;
}

.most_viewed{
	width: 23.5%; 
	margin-right: 2%; 
	float:left;
	margin-top: 10px;
	height: 220px;
}


.compareSelect{
	float: left;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.top-brands li{
	list-style-type: none;
    list-style-position:inside;
	float:left;
	width: 100px;
	text-align:center;
	height: 100px;
}
.top-brands li img{
	height: 60px;
    max-height: 60px;
}
.single-review{
	border: 1px solid #FFA500;
    float: left;
    margin-bottom: 10px;
    padding: 5px 0.5% 2% 0.5%;
    width: 99%;
}
.imgReview{
	width:14%;
	float:left;
	margin-right: 1%;
	text-align: center;
}
.imgReview img{
	/*min-width: 130px;*/
	max-width: 100%;
}
.review-div2 table tr{
	border-bottom: 1px solid #eee;
}
.review-div2{
	float:left;
	width: 98%;
}
.single-review p{
	margin: 10px 0;
}
/*.imgReview a img{
	border:1px solid #eee;
}*/
.mar-l-4{
	margin-left:4%;
}

.review_gray_star{
	background-image: url("/images/rating-stars.png");
    background-repeat: no-repeat;	
	background-position: 0 -25px;
}
.review_yellow_star{
	background-image: url("/images/rating-stars.png");
    background-repeat: no-repeat;	
	background-position: 0 3px;
}
.inner_div_p_ads{
	display: table;
    margin: 0 auto;
}
.link_tabs{
    border-radius: 5px;
    color: #444;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 80px;
    line-height: 77px;
    margin-bottom: 10px;
    text-align: center;
    width: 175px;
	background: -webkit-linear-gradient(180deg, white, #4aa02c);
    background: -o-linear-gradient(180deg, white, #4aa02c); 
    background: -moz-linear-gradient(180deg, white, #4aa02c); 
    background: linear-gradient(180deg, white, #4aa02c); 
	border: 1px solid #ccc;
}
#middle-ad2{
    float: left;
    height: 80px;
    margin: 0 16.66px 10px;
    width: 175px;
}
#middle-ad1{
    float: left;
    height: 80px;
    margin: 0 16.66px 10px 0;
    width: 175px;
}
.pay_div{
	margin: 10px 0;
	float:left;
	width: 100%;
}
.mar-10-0-0-0{
	margin-top: 10px;
}
.msg-class{
	color:#6F0;
	font-size:18px;
	border:1px dashed red;
	padding: 5px;
	clear: both;
	text-align:center;
	position:relative;
	 margin-top: 5px;
}
.msg_class_error{
	color: red;
	font-size:18px;
	border:1px dashed red;
	padding: 5px;
	clear: both;
	text-align:center;
	position:relative;
	 margin-top: 5px;
}


#preview {
	color: #cc0000;
	font-size: 12px
}
.imgList {
	max-height: 150px;
	margin-left: 5px;
	border: 1px solid #dedede;
	padding: 4px;
	float: left;
}
.error{
	color: red;
	display: none;
}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.6);
	z-index: 100;
	top: 0;
	left: 0; 
}
	
.reveal-modal {
	visibility: hidden;
	top: -1000px; 
	left: 50%;
	margin-left: -300px;
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
}

.icon-map-marker {
	background-image: url("/images/btn_marker.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}
input.watermark { color: #999; }

.divTwo ul li{
	 list-style-type: none;
	 display: block;
	 float:left;
	 width: 33.3%;
	 padding: 5px 0;
 }
.map_pin{
	background-image: url("/images/btn_marker.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
.comments_img{
	background-image: url("/images/comments.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
 #bottom-ad {
    display: none;
    height: 100px;
    position: fixed;
	bottom: 5px;
    width: 99%;
    z-index: 5000;
	/*background-color: #f8f8f8;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(251, 250, 250, 1) 0%, rgba(85, 85, 85, 1) 100%) repeat scroll 0 0;*/
	background-color: #4aa02c;
	text-align: center;
	box-shadow: 0 0 10px #000;
	left: 0.5%;
}
#cross-btn{
	background-color: #eee;
	color: red;
	height: auto;
	position: absolute;
	right: 0;
	top: -25px;
	width: 65px;
}
.bottom_ad_divs{
	/*border-right: 1px solid #ddd;*/
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 2%;
    margin-top: 10px;
    width: 33%;
	text-align: center;
}
.bottom_ad_divs1{
	float: right;
    height: 30px;
    line-height: 30px;
    margin-right: 2%;
    margin-top: 10px;
    width: 28%;
}
.btn_bottom{
	background-color: #ffcc33;
    border: 2px solid #fff;
    border-radius: 3px;
    color: darkblue;
    float: left;
    font-size: 15px;
    margin-left: 2%;
   /* width: 210px;*/
   width: 180px;
}


.div_for_ads{
	padding: 0 1px; 
	margin: 0 auto 20px; 
	/*width: 920px;
	max-width:: 920px;*/
}
.three_ads{
	float: left; 
	width: 250px; 
	height: 80px; 
	background-color: #eee;
	margin-bottom: 20px;
}
#middle-ad{
	float: left; 
	width: 250px; 
	height: 80px; 
	background-color: #eee;
	margin: 0 25px 20px;
}
.ads_inner_container{
	/*width: 800px; */
	margin: 0 auto;
	display: table;
}
.fullwidth_90_ad{
	margin-bottom: 20px; 
	background-color: #eee; 
	height: 90px; 
	text-align: center;
	margin-top: 20px;
}
.refineBtn{
	background-color: green;
    border: medium none;
    border-radius: 5px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
.refineBtn:hover{
	cursor: pointer;
}
.form-box{
	width: 100%;
	float: left;
}
.with_logo_car{
	float: right;
	margin-top: 5px; 
	margin-left: 10px;
}
.desktop_menu{
	cursor: auto;
	background-color: #eee;
}
#inner_list ul{
	height:auto;
}
.wdth50-fleft{
	width: 50%;
	float: left;
	color: #000;
}
.l_menu_div1{
	width: 100%;
	float: left;
}
.l_menu_div2{
	width: 100%;
	float: left;
}
.menu_logo{
	float: left; 
	font-size: 24px;
	color: white;
	font-weight: bold;
	margin-right: 1%;
    margin-top: 5px;
	display: flex;
	width: 80%
}
/* === SBM menu setting starts ======*/
.regular {
	width: 80px;
}
#li_ui_li_gen_1420006919072_1-container .IN-right {
	margin-top: -5px !important;
}
.relative_pos {
	position: relative;
	width: 99%;
	padding: 5px 0;
	float: left;
}
.g-plus, .twitter-share-button {
	width: 85px;
}
#social-book-marks span {
	padding: 0;
	width: auto;
}
.sbm_inner_container{
	height: 23px; 
	line-height: 23px; 
	width: 510px; 
	float:left; 
	margin-left:10px;
}
.social_btn1, .social_btn2{
	float: left; 
	width: 100px; 
	margin-top: -1px; 
	height: 20px;
	text-align: left;
	margin-bottom: 7px;
}
.social_btn3, .social_btn4, .social_btn5{
	float: left; 
	width: 105px; 
	height: 20px;
	text-align: left;
	margin-bottom: 7px;
}

.social_btn6{
	float:left; 
	width: 74px; 
	height: 20px;
	text-align: left;
}
/* ==== SBM menu setting ends ====*/

img, object, embed, video {
	max-width: 100%; color:
}
.small{
	width: 70px;
}
.sub-head{
	 border-bottom:2px solid #090;
	 font-size: 18px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
	/*font-size: 90%;*/
	font-size: 20px;
	line-height: 1.5;
	/*font-size: 1.14em;*/
}
a {
	text-decoration: none;
	color: #4AA02C;
}
a:hover {
	text-decoration: underline;
	cursor: pointer;
}
input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #4AA02C;
	padding: 5px;
	width: 95%;
}
.head1 {
	font-size: 200%;
	padding:0 !important;
}
.head2 {
	font-size: 150%;
	padding: 5px 0;
	border-bottom: 3px solid #4AA02C;
}
.head3 {
	/*font-size: 130%;*/
	font-size: 18px;
	padding: 5px 0;
	font-weight: bold;
}
.head4 {
	font-size: 120%;
	padding: 5px 0;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* ==================== Global Stuff =================*/
table {
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    border-right: 1px solid #ddd;
    border-spacing: 0;
    margin-bottom: 5px;
}
.text-decor-none {
	text-decoration: none;
}
.d-inline {
	display: inline;
}
.fclear {
	clear: both;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.font-110 {
	font-size: 110%;
}
.font-115 {
	font-size: 115%;
}
.font-120 {
	font-size: 120%;
}
.font-2em {
	font-size: 2em;
}
.font-1.2em {
 font-size:1em;
}
.font-90 {
	font-size: 90%;
}
.font-80 {
	font-size: 80%;
}
.font-70 {
	font-size: 70%;
}
.bg-gray {
	background-color: gray;
}
.bg-ccc {
	background-color: #ccc;
}
.border-2g {
	border: 2px solid gray;
}
.border-1g {
	border: 1px solid #c0c0c0;
}
.border-site {
	border: 1px solid #4AA02C;
}
/*.bg-site {
	background-color: #4AA02C;
}
.bg-site *{
	color: #000 !important;
}
*/
.bg-site {
	background-color: #4AA02C;
}
/*h1.bg-site, h2.bg-site {
	color: black !important;
	background-color: transparent;
}*/

.color-000 {
	color: black;
}
.color-ccc {
	color: #ccc;
}
.color-site {
	color: #4AA02C;
}
.color-white {
	color: white;
}
.round-top {
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
}
.round-bot {
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
}
.round-b-10 {
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
}
.round-10 {
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
}
.round-5 {
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
.pad-15-15-20-15 {
	padding: 15px 15px 20px 15px;
}
.pad-10 {
	padding: 10px;
}
.pad-15 {
	padding: 15px;
}
.pad-20 {
	padding: 20px;
}
.pad-L-5 {
	padding-left: 5px;
}
.pad-T-10 {
	padding-top: 10px;
}
.pad-5 {
	padding: 5px;
}
.pad-5-10{
	padding: 5px 10px;
}
.pad-0-0-5-0 {
	padding: 0 0 5px 0;
}
.pad-3 {
	padding: 3px;
}
.pad-2 {
	padding: 2px;
}
.mar-10 {
	margin: 10px;
}
.border-bot {
	border-bottom: 1px solid #ccc;
}
.heading-underline{
	border-bottom: 5px solid #4AA02C;	
}
.border-bot-site {
	border-bottom: 1px solid #4AA02C;
}
.pad-5-0 {
	padding: 5px 0;
}
.pad-10-0 {
	padding: 10px 0;
}
.pad-20-0 {
	padding: 20px 0;
}
.pad-t-10 {
	padding-top: 10px;
}
.pad-r-15 {
	padding-right: 15px;
}
.pad-r-10 {
	padding-right: 10px;
}
.pad-r-5 {
	padding-right: 5px;
}
.mar-t-40 {
	margin-top: 40px;
}
.mar-t-10 {
	margin-top: 10px;
}
.mar-t-20 {
	margin-top: 20px;
}
.mar-t-5 {
	margin-top: 5px;
}
.mar-r-5 {
	margin-right: 5px;
}
.margin-b-20 {
	margin-bottom: 20px;
}
.pad-L-5 {
	padding-left: 5px;
}
.pad-L-10 {
	padding-left: 10px;
}
.pad-L-20 {
	padding-left: 20px;
}
.mar-L-5 {
	margin-left: 5px;
}
.mar-L-10 {
	margin-left: 10px;
}
.mar-L-15 {
	margin-left: 15px;
}
.mar-L-20 {
	margin-left: 20px;
}
.mar-r-10 {
	margin-right: 10px;
}
.mar-b-10 {
	margin-bottom: 10px;
}
.mar-b-20 {
	margin-bottom: 20px;
}
.mar-b-5 {
	margin-bottom: 5px;
}
.mar-b-15 {
	margin-bottom: 15px;
}
.pad-LR-10 {
	padding: 0 10px;
}
.width-98 {
	width: 98%;
}
.width-100 {
	width: 100%;
}
.width-90 {
	width: 90%;
}
.width-80 {
	width: 80%;
}
.width-70 {
	width: 70%;
}
.width-60 {
	width: 60%;
}
.width-50 {
	width: 50%;
}
.width-45 {
	width: 45%;
}
.mar-5-0 {
	margin: 5px 0;
}
.mar-0-5 {
	margin: 0 5px;
}
.mar-0-auto {
	margin: 0 auto;
}
.bold {
	font-weight: bold;
}
.shadow {
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 5px 5px #888;
	box-shadow: 0px 0px 5px 5px #999;
}
.shadow-thin {
	-moz-box-shadow: 0px 3px 3px #888;
	-webkit-box-shadow: 0px 3px 3px #888;
	box-shadow: 0px 0px 3px 3px #999;
}
.v-align-t {
	vertical-align: top;
}
.v-align-m {
	vertical-align: middle;
}
.h-align-r {
	text-align: right;
}
.comment-table {
	padding: 10px;
}
.css3button {
	background-color: #FFCC33;
	border: 1px solid #6F0;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow: 0px -1px 0px rgba(219,190,000,1), 0px 1px 0px rgba(255,255,255,0.2);
	border-radius: 5px;
	behavior: url(https://www.gari.pk/new/PIE.htc);
	font-weight: bold;
}
.css3button:hover {
	cursor: pointer;
	color: white;
}
.line-height-20 {
	line-height: 20px;
}
.line-height-10 {
	line-height: 10px;
}
.line-height-15 {
	line-height: 15px;
}
.text-indent600 {
	text-indent: 600px;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
.red {
	color: red;
}
#validation-div {
	width: 99%;
	margin: 0 auto;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px dashed black;
	margin-top: 5px;
}
#validation-div ul li {
	padding: 5px 0;
}
.validation {
	color: red;
}
.panel3, .panel4, .panel5, .panel6, .panel7, .panel8, .panel9, .panel10, .panel11, .panel12, .panel13, .panel14, .panel15, .panel16, .panel17, .panel18, .panel19, .panel20, .panel25, .panel35 {
	padding: 3px 0 0 3px;
}
.count_digit{
	float: right;
	margin-right: 3px;
}
/*.test:hover, .test3:hover, .test4:hover, .test5:hover, .test6:hover, .test7:hover, .test8:hover, .test9:hover, .test10:hover, .test11:hover, .test12:hover, .test13:hover, .test14:hover, .test15:hover, .test16:hover, .test17:hover, .test18:hover, .test19:hover, .test20:hover,.test25:hover, .test35:hover*/
div[class*="test"]:hover{
	cursor: pointer;
}
/*.test3, .test4, .test5, .test6, .test7, .test8, .test9, .test10, .test11, .test12, .test13, .test14, .test15, .test16, .test17, .test18, .test19, .test20, .test25, .test35*/
div[class*="test"] {
	background-image: url(../images/show-hide/PNG/plus-minus-medium/expand-medium.png);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	text-indent: 15px;
	cursor: pointer;
}

.job-container {
	border-bottom: 1px dotted #0399f4;
	padding: 0px 5px 5px 5px;
	margin: 0px 0.5050505050%;
}
.bg-color {
	background-color: #4AA02C;
}
.color-w {
	color: white;
}
/* Admin section */
.admin-sec {
	width: 100%;
}
.admin-cont {
	width: 79%;
	width: -moz-calc(100% - 210px);
	width: -webkit-calc(100% - 210px);
	width: -o-calc(100% - 210px);
	width: calc(100% - 210px);
}

.zebra {
	background-color: #eee;
}
.ad-details{
	padding: 0 10px 10px; 
	margin-bottom: 30px;
}
.next-prev-links {
	margin-top: 12px;
	padding-left: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
#next-prev {
	background-color: #4AA02C;
	padding-bottom: 2px;
	margin-top: 20px;
}
#next-prev div:nth-of-type(1) {
	width: 38%;
}
#next-prev div:nth-of-type(2) {
	width: 29%;
}
#next-prev div:nth-of-type(3) {
	width: 33%;
}
.comment-form {
	/*float: right;*/
	width: 92%;
	padding: 5px 4%;
	/*background-color: #C0C0C0;
	background: rgba(192, 192, 192, .2);*/
}
.btn-sign {
	text-align: center;
}
.comments-section {
	width: 100%;
	float: left;
	overflow: hidden;
}
.all-comments {
	border-radius: 10px 10px 0 0;
	padding-bottom: 10px;
}
.comment-date {
	width: 200px;
}
/* ==== Edit Personal infor ====*/
#p-info {
	width: 98%;
	padding: 10px 1%;
}
/* ==== profile infor ====*/
#profile_page {
	width: 98%;
	padding: 10px 1%;
}
/* ========================= category selection page starts ========*/
#main-adPost{
	float:left;
	width: 100%;
}
.main-class {
	padding: 20px 20px 100px;
}
.main-class ul li {
	position: relative;
	border: 1px solid #fff;
	border-top-color: #cce7f8;
	-webkit-transition: background-color 1s;
	transition: background-color 1s;
}
.main-class ul li a {
	display: block;
	padding: 8px;
}
.main-class > ul > li {
	padding: 8px 17px 8px 32px;
	cursor: pointer;
}
.main-class ul li, .main-class ul a {
	color: #0076BE;
	font: 400 13px/16px Arial, sans-serif;
}
.main-class ul a {
	text-decoration: none;
}
.main-class ul li:first-child {
	border-color: #fff;
}
.main-class h3 span {
	float: left;
	color: #fff;
	background: blue;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	font: bold 16px/23px Arial, sans-serif;
	text-align: center;
	width: 22px;
	height: 22px;
	overflow: hidden;
	margin: -2px 5px 0 0;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
.main-class ul ul, .main-class ul li h3 {
	display: none;
	position: absolute;
}
.main-class ul > li.cat-list-hover ul, .main-class ul > li.cat-list-hover h3, .main-class ul > li.current-item ul, .main-class ul > li.current-item h3 {
	display: block;
}
.current-item {
	background: #CFF !important;
	border-color: #6F9 !important;
}
.main-class ul > li:hover {
	background: #6FF; 
	border-color: #6F9;
}
.current-item, .main-class ul > li:hover, .main-class ul a:hover, .current-item .icon-arrow_right {
	color: #012D6C !important;
}
.current-item, .main-class ul > li:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px !important;
	border-style: solid !important;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
.main-class ul > li:hover + li, li.current-item + li {
	border-top-color: #fff;
}
.main-class [class*="icon-"] {
	margin-left: -28px;
}
.main-class .icon-arrow_right {
	right: 8px;
	top: 11px;
	margin: 0;
	color: #555;
	font-size: 10px !important;
}
#menuwrapper {
	padding: 5px 1%;
	width: 100%;
}
#post-ad-top {
	padding: 10px 1%;
	width: 97.6%;
	margin: 0 0 10px 0;
	position: relative;
}
.commenter-Sinfo {
	padding: 5px 0;
	background-color: #F0F0F0;
	background: rgba(240, 240, 240, .7);
	width: 100%;
	float: left;
}
.comment-date {
	width: 200px;
	float: left;
	padding-left: 5px;
}
.comments-reply {
	width: 50px;
	float: right;
}
.single-comment {
	margin: 10px 10px 0;
	float: left;
	/*width: 100%;*/
	border: 1px solid #ccc;
}
/*  ==== carousel slider ======*/
.ui-carousel {
	height: 100px;
	margin: 0;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 50px;
	zoom: 1;
	writing-mode: lr-lr;

	
}

.ui-carousel > .wrapper {
	margin: 0;
	padding: 0;
	width: 200%;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: inline-block;
	float: left;
	/**/height: 100px;
	overflow: hidden;
	width: 20px;	
}	

#container2 {
	width: 100%;
	position: relative;
	margin: 0 auto;
	zoom: 1;
}
#carousel {
	width: 100%;
	margin: 0 auto;
	height: 325px;
	min-height: 325px;
}

#ui-carousel-next, #ui-carousel-prev {
	display: block;
	position: relative;
	z-index: 100;
	color: #FFCC33;
	font-size:20px;
	text-decoration: none;
	zoom: 1;
}
#ui-carousel-next {
    float:right
}

#ui-carousel-prev {
	float:left;
}

#ui-carousel-next > span, #ui-carousel-prev > span {
	display: none;
}

.slide {
	margin: 0;
	position: relative;
	width: 10%;
	float:left;
}
.text {
	float:left;
	width: 100%;
 }
#slide01, #slide02, #slide03, #slide04, #slide05, #slide06{
	width: 33%;
	float:left;
	min-height: 325px;
}

#pages {
    margin: 0 auto;
    position: relative;
    width: 90px;
}

.bullet {
	background: url(images/page-off.png) center center no-repeat;
	display: block;
	width: 10px;
	height: 18px;
	margin: 0;
	margin-right: 5px;
	float: left;				
}
.hover{
	position:absolute;
	top: 10px;
	left:10px;
	background-color: #FFC;
	zoom: 1;
}
.imgHover .hover { 
    display: none;
    position: absolute;
    z-index: 2;
	zoom: 1;
	width: 150px;
}
.recentVeh2 #image-cat {
	padding: 5px 0 8px;
	width: 70px;
}
.underLine {
	border-bottom: 1px solid #ccc;
}
.bbInContaier {
	border-bottom: 1px solid #4AA02C;
	height: 80px;
	padding-bottom: 15px;
	text-align: center;
}
.bbCarContainer {
	width: 13%;
	border-right: 1px solid #4AA02C;
	display: inline-block;
	float: left;
	height: 80px;
	margin: 15px 15px 15px 0;
	padding-right: 15px;
}
.featuredThird2 {
	border-top: 5px solid #FC3;
	margin-top: 23px;
	width: 99.3%;
	height: 140px;
}
.rContainerHome .secondDivGari input[type="text"] {
	width: 85%
}
.lContainerHome .secondDivGari input[type="text"] {
	width: 85%
}
.secondDivGari {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
}
.boxShadow {
	border:1px solid #eee;
	box-shadow: 0 7px 7px 7px rgba(238, 238, 238, 0.7);
}
#div-tabs1 {
	
    float: left;
    width: 100%;
	padding: 3px 0;
	border-bottom: 1px solid #eee;
}

#my-setting p a {
	display: block;
	margin-top: 5px;
}
#signIn-fb {
	width: 98%;
}
.cat-change:hover {
	text-decoration: underline;
}
.cat-change {
	color: #ccc;
}
#main-adPos {
	width: 100%;
}
#post-ad-btm {
	padding: 10px 1.5%;
	width: 97%;
}
.button:hover {
	background: #ddd;
}
img.btn_close {
	float: right;
	position: absolute;
	right: -15px;
	top: -15px;
}
.reply-popup {
	display: none;
	padding: 10px;
	border: 2px solid #ddd;
	background-color: white;
	width: 60%;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999;
	-webkit-box-shadow: 0px 0px 20px #999;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
#mask {
	display: none;
	background: #4AA02C;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 999;
}
#content1 {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
.container1 {
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
}
.post {
	height: 100px;
	line-height: 100px;
}
.comments-reply:hover {
	cursor: pointer;
	color: #4AA02C;
}
.comments-text {
	padding: 10px;
}
.commenter-name {
	background-color: #C0C0C0;
	background: rgba(192, 192, 192, .5);
	padding: 5px;
	font-weight: bold;
}
.td-comments-width {
	widows: 40%;
}
.comments {
	width: 100%;
}
.gray-boxes {
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	background-color: #C0C0C0;
	background: rgba(192, 192, 192, 0.3);
}
#p-ads > div div {
	width: 70%;
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: -o-calc(100% - 70px);
	width: calc(100% - 70px);
	float: left;/**/
	padding: 0 0 0 1%;
}
#p-ads > div {
	position: relative;
}
#p-ads > div img {
	float: left;
    margin-left: 7px;
    padding: 7.4% 0;
    width: 50px;
}
#p-ads {
	float: left;
}
#create-account {
	width: 66.5%;
}
#create-account form {
	width: 98.5%;
}
#rightControl {
	top: 2px;
	right: -3px;
	background: transparent url(../images/control_right.jpg) no-repeat 0 0;
}
#leftControl {
	top: 2px;
	left: 0;
	background: transparent url(../images/control_left.jpg) no-repeat 0 0;
	z-index: 100;
}
.control {
	display: block;
	width: 18px;
	height: 60px;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
}
#container .slide {
	margin: 2px auto 0;
	margin-right: 5px;
	text-align: center;
}
#container {
	margin: 0 auto;
	width: 100%;
	height: 61px;
	overflow: auto;
	position: relative;
}
.thumb-pop {
	margin: 5px auto;
	width: 65px;
	margin-right: 10px;
}
.thumb-pop img {
	padding: 5px;
	display: block;
}
.thumb-pop img:hover {
	cursor: pointer;
}
.thumb {
	margin: 15px auto 0;
	width: 100%;
	height: 62px;
}
.thumb img {
	padding: 5px;
}
.thumb img:hover {
	cursor: pointer;
}
.picture-prod:hover {
	cursor: pointer;
}
.picture-prod-pop {
	width: 600px;
	height: 500px;
	margin: 5px 5px;
}
#subscribe_popup, .overlays a, #subscribe_popup, .overlays a:hover, #subscribe_popup, .overlays a:visited {
	text-decoration: none;
}
#subscribe_popup, .overlays {
	background: #fff !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #000;
	width: 700px;
	float: left;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
#content {
	width: 100%;
}
#slideshow {
	margin: 0 auto;
	width: 100%;
	height: 60px;
	position: relative;
}
#change-ad-type table td {
	padding: 7px;
}
.line-div {
	height: 4px;
}
.desc-prod {
	/*width: 100px;*/
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
	color: white;
	font-weight: bold;
	font-size: 100%;
	height: 22px;
    line-height: 25px;
	/*text-align: center;*/
	padding-left: 10px;
	border-bottom: 5px solid #ffcc33;
}
.tumb-nails {
	width: 100%;
	margin: 10px 0 0 0;
}
.prod-main {
	width: 100%;
	margin: 10px 0 20px 0;
}
#element_to_pop_up {
	display: none;
	border: 5px solid #4AA02C;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
}
.page-selected {
	background-color: white;
	border: 1px solid #FF9F00;
	color: #4AA02C;
}
.hr-cat {
	color: #ccc;
	opacity: .4;
}
.power-ads {
	background-color: #A7E193;
}
#cat-page-main h3 a {
	text-decoration: none;
	color: #4AA02C;
}
#cat-page-main h3 a:hover {
	color: red;
}
#cat-page-main h3 {
	font-size: 120%;
	padding: 7px 0 5px 0;
	font-weight: bold;
}
#price-cat {
	width: 100%;
	color: black;
	margin-top: 5px;
}
#description-cat {
	width: 100%;
	position: relative;
}
#ad-title {
	float: left;
	width: 100%;
}
#cat-contents:hover {
	background-color: #CBEEBF;
	/*cursor: pointer;*/
}
#cat-contents1:hover {
	background-color: #CBEEBF;
	/*cursor: pointer;*/
}

#footer li a:hover {
	color: #ccc;
}
#footer ul li a {
	color: white;
}
#footer ul li {
	list-style-type: none;
	/*padding: 5px;*/
}
.mainpage-cat li a:hover {
	color: red;
}
.mainpage-cat li a {
	text-decoration: none;
	color: #4AA02C;
}
.mainpage-cat ul {
	font-family: 100%;
}
.left-menu .ca-box {
	width: 100%;
	float: left;
	padding-left: 3px;
}
.table-main-head {
	font-size: 120%;
	color: white;
	font-weight: 900;
}
.table-headings {
	font-size: 110%;
	color: #4AA02C;
	font-weight: bold;
	clear: both;
}
.left-menu table {
	border: 1px solid #4AA02C;
	color: #69F;
}
#tabs #current a span {
	background-color: #4AA02C;
	color: white;
}
#tabs #current a {
	background-color: #4AA02C;
	color: white;
}
#tabs a:hover { 
	background-color: #4AA02C;
}
#tabs a:hover span {
	/*background-position: 100% -42px;*/
	background-color: #4AA02C;
}
#tabs a:hover span {
	color: white;
}
#tabs a span {
	float: none;
}
.mainpage-cat ul li {
	list-style-type: none;
	font-size: 85%;
	padding: 3px;
}
.header-grad {
	background-color: #4AA02C; /*for IE not supporting css3 */
}
#breadcrumbs{
	margin:10px 0 0 0;
}
#filter-job{
	padding: 5px 1%;
}
.for_btn{
	position: fixed;
	bottom: 0px;
}
.refine {
	text-align: center;
	overflow: hidden;
	display:block;
	margin-right: 1.7%;
}
#refine{
	display: none;
}
.refineBtn2 {
	background: #00ff00;
	background: -moz-linear-gradient(top, #ffffff 0%, #00ff00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #00ff00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #00ff00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #00ff00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #00ff00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #00ff00 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ff00', GradientType=0 ); /* IE6-9 */
	border: 1px solid gray;
	padding: 8px 0;
	color: #000 !important;
	display: block;
	border-radius: 3px;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	width: 97%;
	cursor: pointer;
	margin:0 auto;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
#show-list {
	width: 100%;
}
#show-list > div:nth-of-type(even) {
	background-color: #eee;
}
#list-item1 div {
	float: left;
}
#list-items {
	float: left;
	width: 100%;
}
#validation-div ul li {
	padding: 5px;
	list-style-type: circle;
	list-style-position: inside;
}
#validation-div ul {
	padding: 5px;
	margin-top: 10px;
	color: red;
}
#fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible #fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.well{
	border:4px solid #4AA02C;	 
	padding: 5px;
	width: 70%;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	position: relative;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
.m_login_wrapper{
	width: 93.5%;
	float:left;
	padding:30px 3%;
	border:1px solid #CCC;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	behavior: url(https://www.gari.pk/new/PIE.htc);
}

.text_line{
	background-color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: -20px;
    padding: 10px 0;
    position: absolute;
    top: 50%;
    width: 100%;
}

/*===accessories-categories css starts==== */
.browse-by-make ul li{
	float:left;
	width: 100px;
}
.featured-accessories ul li{
	float:left;
	width: 150px;
	text-align:center;
	height: 140px;
}
.featured-accessories{
	border: 1px solid #008000;
    float: left;
    padding: 10px 1%;
    width: 97.7%;
}
.search-accessories{
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.title_featured{
	display: block;
    text-align: center;
    /*width: 120px;*/
}
.line_space{
	padding: 1px;
}
.figure-bg{
	background-color: #FFFEEE;
}
.browse-by-make ul li{
	list-style-type: none;
	padding: 5px;;
}
#city_p1{
	width: 98%;
	float:left;
	margin: 5px 0;
}
.featured-rides, .top-rides{
	float:left;
	width: 98.9%;
	padding:5px 0.5%;
	border:1px solid #ccc;
	 margin-top: 5px;
}

.featured-rides ul li, .top-rides ul li{
	list-style-type: none;
	list-style-position: inside;
	width: 150px;
	float:left;
	border:1px solid #ccc;
	margin-left: 0.5%;
	margin-bottom: 5px;
}
 ul ul ol > li{
	font-weight: bold;
}
.menu ul li:hover .desktop_menu li ul{
    border: medium none;
    box-shadow: none;
    left: 10px;
    position: relative;
    top: 0;
    width: 95%;
	list-style: circle;
}
ul #inner_list li ul li{
	float: left;
	width: 100%;
	padding: 0 1%;
	border-bottom: none;
	font-size: 100%;
	font-weight: normal;
}
.slicknav_menu {
	display:none;
}
.menu ul li {
    background: rgb(74, 160, 40);
	background: -moz-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -ms-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);    
	background: linear-gradient(to bottom, #333 0%,#4aa02c 100%);
    cursor: pointer;
    display: inline-block;
    float: left;
	color: white;
    padding: 10px 15px;
	border-right: 1px solid #eee;
}
.menu ul li:hover {
	background: none;
	background-color: #4aa02c ;/* #0613AC  */;
}
.menu ul li a {
	color: #fff;
	text-decoration: none;
}
.sbm_site_name{
	font-size: 18px; 
	font-weight: bold; 
	width: auto; 
	margin: 0; 
	margin-right: 5px;
	color: #4aa02c;
}










.relative_position{
	/*float: left;*/
	
	position: relative;
	width: 100%; 
	/*background-color: #4aa02c; 
	padding: 5px 0.5%;
	border-radius: 10px; 
	margin-top: 10px;
	border: 1px solid #4aa02c;*/
}
.fisrtDivGari {
	width: 100%;
	float: left;
	padding: 5px 0 0 0;
	font-size: 16px;
}
#my-ads-wrapper{
	width: 100%;
	position: relative;
}
.m_login_f .divTwo, .m_login_f .divOne{
	float:left;
	width:100%;
	padding: 5px 0;
}
#engine-fields ul li input[type="text"], #engine-fields ul li input[type="password"]{
	width: 78.5%;
}
#engine-fields ul li select{
	width: 85%;
}
#dimensions ul li input[type="text"], #dimensions ul li input[type="password"]{
	width: 78.5%;
}
#dimensions ul li select{
	width: 85%;
}
#message-cont{
	float: right; 
	width: 300px; 
}
.most_viewed a img{
	height: 100px;
}
.rating_outer{
	width: 100%; 
	line-height: 20px;
	float: left;
}
.rating_cont{
	width: 100px;
	float: left;
}
/*=== for menu from result2015 === */



/* Mobile Layout: 480px and below. */


@media only screen and (max-width: 768px) {
/*==========*/
.liText{
	margin: 0px !important;
	font-size: 12px;
	width: 40%;
}

.search_cont{
  display: flex;
  flex-direction: column;
}
#cat-page-main{
 width: 100%;
 order: 1;
}
#left-bar-jobs-list{
 width: 100%;
 order: 2;
} 
#left-bar-jobs-list input[type="text"], #left-bar-jobs-list input[type="password"], #left-bar-jobs-list select, #left-bar-jobs-list textarea{
  width: 95% !important;
}
.filter_btn{
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #288306;
  padding: 19px 10px;
  border-radius: 60%;
  color: white;
  z-index: 5001
}
/*==========*/
.div_feat{
  width: 50%;
  float: left;
}
.rating_outer{
	text-align: center;
}
.rating_cont{
	width: 100px;
	float: none;
	margin: 0 auto;
}	
.slick-slide img{
	margin: 0 auto !important;
}	
.uc_box1, .uc_box2, .uc_box3, .uc_box4{
	width: 100%;
	margin: 5px 0;
}
#cancel_btn {
    right: -10px;
    top: -15px;
}
#show-list-account #list-item-account{
	display: none; 
	font-size: 0; 
	max-height: 0; 
	line-height: 0; 
	padding: 0; 
	mso-hide: all;
}
.sell_car_right{
	position: relative; 
	top: 0px; 
	margin: 0 auto;
	right: 0;
	float: none;
}
#show-list-account #list-item1-account > div:nth-of-type(1) {
	 width: 100%;
}
#show-list-account #list-item1-account > div:nth-of-type(1):before {
	 content: "ID";
}

#show-list-account #list-item1-account > div:nth-of-type(2){
	width: 100%;
}
#show-list-account #list-item1-account > div:nth-of-type(2):before{
	 content: "Detail";
}
#show-list-account #list-item1-account > div:nth-of-type(3){
	 width: 100%;
}
#show-list-account #list-item1-account > div:nth-of-type(3):before{
	content: "Members";
}
#show-list-account #list-item1-account > div:nth-of-type(4){
	 width: 100%;
}
#show-list-account #list-item1-account > div:nth-of-type(4):before{
	 content: "Debit";
}
#show-list-account #list-item1-account > div:nth-of-type(5){
	 width: 100%;
}
#show-list-account #list-item1-account > div:nth-of-type(5):before{
	 content: "Credit";
}
#show-list-account #list-item1-account > div:nth-of-type(6){
	 width: 100%;
}
#show-list-account #list-item1-account > div:nth-of-type(6):before{
	 content: "Balance";
}
#show-list-account #list-item1-account > div:nth-of-type(7) {
	 width: 100%;
	 border-bottom: 1px solid #ccc;
	 margin-bottom: 10px;
}
#show-list-account #list-item1-account > div:nth-of-type(7):before{
	 content: "Date";
}
#show-list-account #list-item1-account > div:before { 
		float: left;
        width: 20%;
		font-weight: bold;
	}
.video_div{
    width: 99%;
}
.car_bg_home{
	background-position: 150px 60px;
}
.bike_bg_home{
	background-position: 250px 60px;
}
.vehicle_bg_home{
	background-position: 150px 60px;
}
.news_pic_box{
	max-width: auto;
	width: 100%;
}
.div48{
	width: 98%; 
}
.div4{
	width: 98%;
}
.most_viewed a img{
	height: auto;
}
.most_viewed{
	height: auto;
	text-align: center;
}
#message-cont{
	margin-top: 10px;
}
/*#bottom-ad1 {
	height: 180px;
}*/
.ci_ad{
	width: 100%;
	height: 50px; 
}

.div_fourty {
  width: 100%;
}
.div_sixty {
  width: 100%;
}
.hit_circle{
	width: 100%; 
}
.hit_circle_last{
	width: 100%; 
}
.hit_circle_arrows {
  background-position: -200px -100px;
  margin: 0 30%;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */
  transform: rotate(90deg);
  width: 40%;
}
.div_fity{
	width: 100%; 
}
.div_fity2{
	padding: 0;
	width: 100%;
}
.car_inspection3_divs{
	width: 100%; 
}
.bo_img_cont{
	width: 100%; 
}
.bo_desc_cont{
	float: left; 
	width: 98%; 
	padding: 0px 1%;
}
.wr_review1{
	width: 100%;
	float: left;
}
.wr_review2{
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.bike_by_city1{
	width: 100%; 
}
.bike_by_city2{
	width: 100%; 
}
.new_cars1{
    width: 50%;
}
.four_divs {
    width: 100%;
	height: 100px;
}
.new_comp_div{
	width: 100%; 
	margin-right: 0;
	margin-bottom: 10px;
}
.new_comp_div2{
	width: 100%; 
	margin-right: 0;
	margin-bottom: 10px;
}
.new_comp_div3{
	width: 100%; 
	margin-right: 0;
	margin-bottom: 10px;
}
.div_three1{
	width: 98%; 
	margin-bottom: 5px;
}
.div_three2{
	width: 98%;
	margin-bottom: 5px;
}
.div_three3{
	width: 100%;
	margin-bottom: 5px;
}
.write_dlr1{
	width: 100%;
}
.write_dlr2{
	margin: 10px 0;
    width: 97%;
}
.new_b_span{
	height: auto;
	width: 100%;
}
.package_divs, .package_divs2{
    width: 44.7%;
}
.register_mobile{
	float: right;
}
.ros{
	display: none;
}
nav{
	display: none;
}
.fullwidth_90_ad{
	/*margin-top: 120px;*/
	float: left;
	width: 100%;
}
.desc-prod .anchor_tags{
	padding: 5px 0.6%;
	line-height: normal;
}

.fisrtDivGari{
	
    border-radius: 5px;
    float: none;
    line-height: 25px;
    margin: 0 auto;
    padding: 5px 0 0;
}
.bbCarContainer {
	width: 100px;
}
#body-style-div label{
	float: left;
	width: 100%;
	height: 40px;
}
.most_viewed{
	width: 100%; 
	margin-right: 0; 
	border-bottom: 3px solid green;
}
.review-div2{
	width: 100%;
}
.new_cars{
	float: none;
	margin-bottom: 5px;
}
.inner_div_p_ads{
    display: table;
    margin: 0 auto;
    width: 176px;
}

.ad_manager_tabcontainer{
	float: left;
}
#middle-ad2, #middle-ad1{
    margin: 0 auto 20px;
}
.link_tabs{
	margin: 0 auto 20px;
}
.ads_inner_container{
	width: 250px;
}
#middle-ad{
	margin: 0;
	margin-bottom: 10px;
}
.three_ads{
	margin-bottom: 10px;
}
.bottom_ad_divs {
	height: auto;
	width: 100%;
	text-align: center;
}
.bottom_ad_divs1{
	width: 100%;
	text-align: center;
	margin: auto;
	height: auto;
}
.btn_bottom{
	float: none;
	margin: 5px auto 0;
}
/*#filter-job{
	display: none;
}*/
#latest-news-left{
	display: none;
}
#right-latest-news{
	display: none;
}
#middle-latest-news{
	width: 98%; 
	margin:15px 0 10px 1%
}
.relative_pos {
	float: none;
}
/*.static_position {
	position: fixed;
	top: 55px;
	width: 95%;
	background-color: #eee;
	z-index: 101;
	padding: 5px 0;
	border-radius: 10px;
	margin: 0 auto;
	border: 1px solid #4aa02c;
}	*/
.social_btn1, .social_btn2{
	margin-bottom: 5px;
}
.social_btn3, .social_btn4, .social_btn5{
	margin-bottom: 5px;
}
.social_btn6{
	margin-bottom: 5px;
}
/* ==  Menu Bar starts ==*/
#logo_menu_desktop{
	display: none;
}
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
	z-index: 9999;
}
#mobile_sub_menu{
	display: block;
}
#right-container-temp2, .rmm-toggled-controls{
	visibility: visible;
}
.menu {
	z-index: 1000;
}
.menu ul {
	text-align: left;
	display: inline;
	padding: 0;
	list-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	float: none;
	width: 99.5%;
}
#id-for-links div ul{
	display: none;
}
.menu ul li {
	display: inline-block;
	margin-right: 0;
	position: relative;
	cursor: pointer;
	color: #fff;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	width: 100%;
}
.menu ul li:hover {
	background-color: #4aa02c;
}
.menu ul li ul {
	display: none;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
/*=======*/
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: inline-block; vertical-align: middle; float: right; padding: 7px 1.5%; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
/*.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }*/
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 4px; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 8px 1% 0 0;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    /*background: none repeat scroll 0 0 #4c4c4c;*/
	background: rgb(135,184,67);
	background: -moz-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -ms-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);    left: 0;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 98%;
	z-index: 999;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
}
.slicknav_nav ul {
    padding:0;
	z-index: 1;
}
.slicknav_nav a{
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
	width:97.5%;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}



.fright{
	float: right;
}
.slicknav_nav{
	position: relative;
}
.slicknav_nav ul{
	display: block;
	width: 100%;
	float: left;
}
.slicknav_nav ul li{
	width: 48%;
	float: left;
	padding-left: 1%;
}
.slicknav_nav ul, .slicknav_nav li, .slicknav_txtnode{
	width: 49%;
	float: left;
	border-bottom: 1px solid #666;
}
.slicknav_nav li, .slicknav_txtnode{
	margin-right: 1%;
	padding: 5px 0;
}
.slicknav_nav .slicknav_row{
	margin: 0;
	padding: 5px;
}
.slicknav_nav a{
	color: #fff;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;
	width:97.5%;
}
.slicknav_nav ul{
	/*background-color: #4c4c4c;*/
	background: rgb(74, 160, 40);
	background: -moz-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -ms-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);	left: -5px;
	position: absolute;
	top: -5px;
	left: -5px; 
	width: 101%;
}
.close_sub_menu{
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background-color: #ccc;
}
.slicknav_nav .slicknav_txtnode {
	margin: 0;
	padding: 0;
	margin-right: 1%;
	padding: 10px 0;
}
.parent_category{
	background-color: #4aa02c;
	padding: 5px 0;
	text-align: center;
}
/* ==  Menu Bar  ends==*/
/* ============= Home Starts =========*/
#main-wrapper {
	font-size: 80%;
	margin: 0 auto;
	padding: 5px 0.5%;
	width: 95%;
	position: relative;
	top: 90px;
}
/*#header {
	width: 100%;
}*/
#header {
    height: 30px;
    left: 0;
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 1000;
}

/*#logo {
	z-index: 1000;
	margin: 10px auto 0;
	width: 100%;
	text-align: center;
}*/
#logo {
	display: none; 
	font-size: 0; 
	max-height: 0; 
	line-height: 0; 
	padding: 0;
}
/*#top-btn {
	text-align: center;
	width: 95%;
	margin-bottom: 13px;
}*/
#top-btn {
	display: none; 
	font-size: 0; 
	max-height: 0; 
	line-height: 0; 
	padding: 0;
}
#contents {
	width: 99%;
}
/*- Menu Tabs--------------------------- */
#tabs {
	float: left;
	font-size: 93%;
	line-height: normal;
	margin-top: 0px;
	z-index: 1;
	position: relative;
	left: 10px;
	width: 95%;
	/*margin-top: 70px;*/
}
#tabs ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	float: left;
}
#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs a {
	float: left;
	margin: 0;
	padding: 0 10px 0 4px;
	text-decoration: none;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	background-color: #eee;
	margin-right: 2px;
}
#tabs a span {
	float: left;
	display: block;
	padding: 5px 0.8% 4px 0.8%;
	color: #666;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}

/*- Menu Tabs--------------------------- */
#search {
	background-color: #4AA02C;
	border-top: 1px solid white;
	text-align: center;
	/*margin-top: -8px;*/
	border-radius: 0;
	margin-top: 1px;
	padding-bottom: 2px;
}
#search input[type="text"] {
	width: 70.9%;
	padding: 5px 0.6%;
}
#search:nth-child(3) {
	border: 1px solid red;
}
/*.text-box-search {
	margin: 5px 0 0 12%;
	clear: both;
}*/
/*.drop-down-search {
	padding: 5px;
	margin: 5px 0 0 12%;
	width: 72.5%;
	clear: both;
}*/

.text-box-search {
	padding: 6px 1% !important;
	margin: 5px 0 0 1%;
	width:  37% !important;
}
.drop-down-search {
	padding: 5px;
	margin: 5px 0 0 5px;
	width: 30%;
}
/*#search-btn {
	clear: both;
	margin-bottom: 5px;
}*/
#search-btn {
	float: left;
	display: inline;
}
.button_search {
	margin: 5px 0 0 5px;
	clear: left;
	float: none;
}
.left-menu {
	padding: 0px 0px 5px 0px;
	margin: 10px 0px;
}

.div1 {
	width: 50%;
	float: left;
	padding: 5px 0;
}
.div2 {
	width: 50%;
	float: left;
	padding: 5px 0;
}
.mainpage-cat {
	width: 100%;
	padding: 1.5% 0.5% 0.5% 0;
}
#main-cats {
	float: left;
	width: 100%;
}
.home-cats {
	width: 100%;
	height: 40px;
	line-height: 30px;
	color: #4AA02C;
	font-weight: bold;
	font-size: 120%;
	float: left;
}
.home-cats > img {
	float: right;
}
.home-cats > span {
	float: left;
}
#footer {
	width: 97%;
	padding: 1.5%;/**/
	background-color: #4AA02C;
	margin: 10px 0 0 0;
}

.footer-div {
	width: 100%;
	text-align: center;
}
#copyright {
	font-size: 90%;
	width: 98%;
	background-color: #eee;
	padding: 1%;
}
#left-bar-jobs-list {
	/*display: none;*/
	width: 100%;
}
#cat-top-div {
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bolder;
	padding: 10px 1%;
	width: 98%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}
#cat-contents , #cat-contents1{
	width: 97.1%;
	padding: 5px;
}

/*===============*/
#image-cat {
	/*width: 100%;
	width: 25%;*/
	width: 120px;
	padding: 10px 0 8px 0;
	text-align: center;
}

#ad-desc {
	float: left;
	padding-left: 15px;
	/*width: 100%;
	width: 56%;*/
	color: #666;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-y: hidden;
	width: calc(100% - 120px);
}
/*#ad-desc {
	padding-left: 3%;
	overflow-x: auto;
	color: #666;
	overflow-y: hidden;
}*/
#price-cat span:nth-of-type(1) {
	width: 100%;
	padding: 2px 0;
	/*font-size: 89%;*/
	font-weight: bold;
	float: left;
}
#price-cat span:nth-of-type(2) {
	width: 100%;
	padding: 2px 0;
	/*font-size: 89%;*/
	font-weight: bold;
	float: left;
}
#f-ad a {
	margin: 0px 10px 0 0;
}
#f-ad {
	width: 100%;
	float: right;
	text-align: left;
	margin-top: 10px;
}
/*===============*/

.display-none {
	display: none;
}

#change-ad-type {
	/*margin-top: 15px;*/
	padding: 2%;
}
#product-pics {
	width: 100%;
	float: left;
}
#three-boxes {
	/*width: 45%;*/
	width: 95%;
	padding: 5px 1.5% 5px 2%;
	margin-left: 1%;
	float: left;
	margin: 5px 1.2% 0 0;
	border:1px solid #ccc;
}
#prod-imp-info {
	width: 100%;
	float: left;
	margin-bottom: 20px;

}
.picture-prod {
	width: 98%;
	margin: 5px 5px;
}
.picture-prod img {
	margin: 0 auto;
	min-height: auto;
	max-height: 35ex;
	margin-top: 7px;
	/*max-height: 410px;*/
}
.slider_prod {
	width: 100%;
	float: left;
	overflow: hidden;
}

.add-comments {
	width: 100%;
}
#inner-table {
}
.form-box .divOne {
	width: 100%;
	float: left;
	padding: 5px 0 0 0;
}
.form-box .divTwo {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
}
.form-box div input[type="text"], input[type="file"], input[type="password"], textarea {
	width: 95%;
}
#rltd-ads {
	width: 100%;/**/
}
#prod-ad {
	display: none;
}
#ad-report {
	position: relative;
	padding: 5px 0.5%;
	width: 99%;
	float: left;
}
#social-prod {
	width: 95.5%;
	position: relative;
	padding: 2%
}
#social-prod > div {
	margin-left: 1%;
	padding: 2px 0;
}
#social-prod div:last-child a img {
	margin-right: 2%;
}
#social-prod > div div:nth-of-type(1) {
	width: 10%;
	float: left;
}
#social-prod > div div:nth-of-type(2) {
	width: 40%;
	float: left;
}
#social-prod > div div:nth-of-type(3) {
	width: 10%;
	float: left;
}
#social-prod > div div:nth-of-type(4) {
	width: 40%;
	float: left;
}
#ad-div { 
/*	max-width: 336px;
	min-width: 100%;
	height: 280px;*/
	width: 100%;
	
		
	margin: 30px auto;
	/*background-color: #eee;*/
	clear: both;
	
	margin-top: 20px;
	margin-bottom: 20px;	
}

#specs-desc, #specs-desc1 {
	float: left;
	width: 90%;
	margin-left: 2%;
}
.inner-desc {
	width: 100%;
	float: left;
	border-bottom: 1px solid #eee;
    padding: 5px 0;
}
.desc1 {
	width: 50%;
	float: left;
}
.desc2 {
	width: 50%;
	float: left;
}
#specs-desc1 .desc1{
    width: 90%;
	float: left;
}
#specs-desc1 .desc2{
    width: 10%;
	float: left;
}
#ad-report > div p {
	width: 100%;
	display: block;
}
#ad-report > div b a {
	width: 100%;
	display: block;
	padding: 0;
}
#ad-report div:last-child a {
	display: inline;
}
/*======= thumnail slider ends ====*/

.person-inform {
	width: 100%;
	position: relative;
}
.comments-reply {
	float: right;
	text-align: right;
	width: 19%;
}
div.panel {
	width: 180px;
	position: absolute;
	left: 9%;
	top: 50px;
	z-index: 1000;
	background-color: #4AA02C;/*For IE*/
	background: rgba(74,160,44, .9);
}
div.panel a {
	clear: both;
}
div.panel1 {
	width: 270px;
	position: absolute;
	left: 10px;
	top: 50px;
	z-index: 900;
	background-color: #4AA02C;/*For IE*/
	background: rgba(74,160,44, .9);
	float: left;
	line-height: 20px;
}
.text-indent150 {
	text-indent: 150px;
}

/*================ sign-in Page Ends ========================*/
#already_mem {
	margin: 10px 0;
	padding: 10px 1%;
	width: 98%;
}
#already_ad_posted {
	width: 97.5%;
	margin: 10px 0 10px 0;
	padding: 10px 1%;
}
#sign-in-btm {
	width: 92.5%;
}
#outer-rgstr-main {
	padding: 5px 3% 10px;
	width: 93.5%;
}

#contact-us {
	padding: 10px 1.5%;
	width: 98%;
}
#my-msg {
	width: 100%;
	margin-right: 1%;
}
#my-setting {
	width: 100%;
}
#my-setting img {
	max-width: 70px;
	max-height: 70px;
}
.ad-title-tabs {
	width: 100%;
	float: left;
	padding: 3px 0;
	text-align: center;
}
.ad-location-tabs {
	width: 100%;
	float: left;
	padding: 3px 0;
}
.ad-dated-tabs {
	width: 100%;
	float: left;
	padding: 3px 0;
}
.ad-status-tabs {
	width: 100%;
	float: left;
	padding: 3px 0;
}
.date-feild {
	width: 100%;
	float: left;
	padding: 3px 0;
	font-weight: bold;
}

.edit-btn-tabs {
	width: 100%;
	float: left;
	padding: 3px 0;
}
.m-tab {
	/*padding: 2% 1%;*/
	margin: 0 0.5% 0 0;
	/*width: 21%;*/
}
.main-class h3 {
	color: #000;
	font: 400 16px/18px Arial, sans-serif;
	margin: 0 0 14px;
	padding: 2px 6px 0;
	overflow: hidden;
	font-weight: 400 !important;
	width: 50%;
}
.main-class ul li h3 {
	right: -102%;
	width: 100%;
}
.main-class ul ul {
	display: none;
	padding-left: 10px;
	right: -102%;
	top: -1px;
	width: 100%;
}
#cat-list {
	float: left;
	width: 100%;
}
.main-class ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
}
#menuwrapper {
	padding: 5px 1%;
	width: 100%;
}
.form-box div input[type="text"], .form-box div input[type="file"], .form-box div textarea, .form-box div input[type="password"] {
	width: 90%;
}
.form-box div select {
	width: 93%;
}

.lContainerHome {
	width: 100%;
	text-align: center;
}
.rContainerHome {
	width: 100%;
	text-align: center;
}
.form-boxGari {
	width: 100%;
	float: left;
}
.gariHomeBlk1 {
	margin: 20px 0 10px 0;
	float: left;
	width: 100%;
	background-image: url('/images/home-bg1.jpg');
	background-repeat: no-repeat;
	background-position: -80px 80px;
	border-radius: 10px;
	/*background-color: #eee;*/
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
.searchGariHome {
	float: left;
	position: relative;
	width: 100%;
}
.adGariHome {
    float: left;
    height: 280px;
    margin: 20px 0 5px 0;
    width: 100%;
}
.featuredList {
	clear: both;
	width: 97.5%;
	border-top: 5px solid #FC3;
	background-color: white;
	margin-top: 20px;
}
.featuredAccess {
	float: left;
	width: 99%;
	/*min-height: 378px;*/
	border-top: 5px solid #FC3;
	background-color: white;
	margin-top: 20px;
}
.featuredThird {
	margin-top: 20px;
    width: 98%;
}
.featuredThird1 {
	border-top: 5px solid #FC3;
	width: 99.3%;
	/*min-height: 141px;*/
}
.browseByL {
	float: left;
	width: 100%;
}
.l_news {/*changed from latestNews*/
	border-top: 5px solid #FC3;
	float: right;
    padding: 0 0.9%;
    width: 98%;
}
.recentVeh {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}
.recentVeh2 {
	border-top: 5px solid #FFCC33;
    margin: 25px 0 20px;
    width: 99%;
}
.imgHover{
	float:left;
	position: relative;
	display:inline-block;
	margin: 4px;
}

#recentVehPics{
	margin-top:15px; 
	width: 99%;
	border-top: 5px solid #FFCC33; 
	padding:0.5%;
}
#container2 #cat-contents, #container2 #cat-contents1{
	  max-width: 99%;
}
#TabbedPanels1 ul li{
	text-align: center;
}
.tabForm{
	text-align: center;
}
#btnTabForm{
	width: 70%;
}
#list-item1 {
	float: left; 
	width: 100%;
}
#tabs-div {
	float:left;
	width: 100%;
}
#left-menu-user{
	margin: 20px 0 10px 0;
    padding: 0 0 5px;
	float:left;
	width: 100%;
	border:1px solid #4AA02C;
}
#m_login{
	float:left;
	width: 100%;
	margin-top: 10px;
}
#in_m_login_l{
	padding: 17px 2%;
	float:left;
	width: 95%;
}
#in_m_login_r{
	padding: 10px 2%;
	float: left;
	width: 95%;
	margin: 25px 0;
}
.line_style{
    float: left;
    margin: 40px 1% 0;
    min-height: 1px;
    position: relative;
    text-align: center;
    width: 95%;
}
.h-line{
    
}
.text_line{
	background-color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-top: -20px;
    padding: 10px 0;
    position: absolute;
    top: 50%;
    width: 100%;
	border:1px solid #ccc;
}

.company{
	 border: 1px dotted #FF0000;
	 float: left;
	 padding: 5px 1.5%;    
	 width: 97%;
}
/*======= accessories-categories starts for responsive starts ===*/
.cities{
	border: 1px solid #CCCCCC;
    float: left;
    margin-top: 10px;
    padding: 5px 0.5%;
    width: 99%;
}
.accessories{
	margin:15px 0 0 0;
	width: 100%; 
	float:left;
}
.accessories-div1{
	width: 100%; 
	float:left; 
}
.accessories-div2{
	width: 100%; 
	float:left; 
}
.accessories-inner{
	border: 1px solid #ccc;
	float:left;
	margin: 0 0 10px 0;
    padding: 5px 2%;
    width: 95%;
}
.search-div{
	border: 1px solid #ccc;
    float: left;
    margin: 10px 0;
    padding: 5px 0.5%;
    width: 98%;
	background-color: #eee;
    border-radius: 6px;
}
.search-item{
	float: left;
    margin: 2px 0;
    width: 99%;
}
.browse-by-make{
	border: 1px solid #ccc;
    float: left;
    margin-top: 10px;
    padding: 5px 0.5%;
    width: 98%;
	margin-bottom: 10px;
}
.sbm_menu1{
    left: 0;
    padding: 0 2px;
    position: fixed;
    top: 80px;
    width: 33px;
    z-index: 3;
}
.sbm_menu1 a:hover{
	opacity: .7;
}
.sbm_menu1 a{
	float: left;
	margin: 3px 0;
}

.menu ul li {
    cursor: pointer;
    display: inline-block;
    float: left;
	color: white;
    padding: 10px 15px;
	border-right: 1px solid #eee;
}
.menu ul li:hover {
	background: none;
	background-color: #4aa02c ;/* #0613AC  */;
}

.rmm-toggled-title {
	display: none;
}
.menu {
	display: block;
    left: 10px;
    position: relative;
    top: 10px;
    width: 62%;
}

.menu ul li a {
	color: #fff;
	text-decoration: none;
}

.menu ul {
    color: #0099ff;
    display: inline;
    height: 37.5px;
    line-height: 17px;
    list-style: outside none none;
    text-align: left;
}
.menu ul li ul {
	float: left;
	width: 99%;
	background-color: inherit;
}
.menu ul li ul li a{
	color: red;
}
.menu ul li .desktop_menu{
	display: none;
}
.menu ul.mobile_menu {
	display: none;
}

ul #inner_list li{
	float: left;
	width: 44%;
	
	background: none;
    border-radius: 0;
	border: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 3px 1%;
	margin: auto 1%;
    transition: all 0.2s ease 0s;
}
ul #inner_list li a:hover {
	text-decoration: underline;
}
.menu ul li:hover .desktop_menu a {
	color: #0399f4;
}
.menu ul li ul {
	z-index: 100;
}
.menu ul li ul a:hover {
	color: #333;
}
a li:hover{
	color: #fff;
}


.mobile_menu {
	display: block;
}
.menu {
	display: none;
}
.desktop_menu{
	display: none;
}
.sbm_site_name{
	float: left; 
}
.with_logo_car{
	margin: auto;
}
/* ===== Menu from result2015 ends ========== */









#engine-fields ul li, #dimensions ul li{
	display: block;
    float: left;
    list-style-type: none;
    padding: 5px 0;
	width: 99%;
}
#bottom-ad{
	height: auto !important;
}
.gariHomeBlk1{
	margin-top: 1px;
}
.desc-prod{
	height: auto;
	line-height: 33px;
}
.head1{
	font-size: 150%;
}
#tabs{
	left: 0;
	width: 100%;
}
#tabs a{
	padding: 5px 0;
}
#tabs ul li a{
	padding: 5px 0;
}
.brd_crmb{
	margin-bottom: 0;
}
.ros, nav{
	display: inline-block;
}
.brd_crmb label{
	line-height: normal;
	width: auto;
	margin: 0;
}
.brd_crmb div{
	width: 85%;
}
.nv_hm_icn{
	width: 15%;
	margin-right: 0;
}
.brd_crmb{
	line-height: normal;
	height: auto;
}
.brd_crmb a{
	text-decoration: underline;
}
.brd_crmb a:hover{
	text-decoration: none;
}
.brd_crmb span::after, .brd_crmb div.l a > span::after{
	content: '\00BB';
}

.brd_crmb span:last-child::after, .brd_crmb span:first-child::after{
  content: '';
}
#tabs{
	display: flex;
}
#tabs ul {
    margin: 0 auto;
    float: none;
}
.anchor_tags{
	padding: 5px 1.3%;
	display: inline-flex;
}
.img_fleft{
	 float: left;
 }
 .btn_bottom{
	 width: auto;
 }
 .btn1_style{
	width: 48%;
	margin-right: 4%;
 }
 .btn2_style{
	 width: 48%;
 }
 .bottom_ad_divs > div{
	 float: left;
	 width: 40%;
	 font-size: 13px;
	 text-align: center;
	 font-weight: bold;
 }
 .bottom_ad_divs div:first-child{
	width: 20%;
 }
 .bottom_ad_divs{
	 margin-top: 5px;
 }
 .home_head{
	 font-size: 19px !important;
 }
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*@media only screen and (min-width: 481px) and (max-width : 768px) {
.search_cont{
   display: flex;
}
#cat-page-main{
 width: 65%;
 order: 2;
}
#left-bar-jobs-list{
 width: 33%;
 margin-right: 2%;
  order: 1; 
} 
#left-bar-jobs-list input[type="text"], #left-bar-jobs-list input[type="password"], #left-bar-jobs-list select, #left-bar-jobs-list textarea{
  width: 95% !important;
}
.filter_btn{
   display: none;
   height: 0;
   line-height: 0;
   font-size: 0;
   visibility: hidden;
}
.div_feat{
  width: 50%;
  float: left;
}
.logo_text{
	font-size: 30px;
}
.brd_crmb label{
	line-height: inherit;
}
.uc_box1, .uc_box2, .uc_box3, .uc_box4{
	width: 50%;
	margin: 5px 0;
}
.sell_car_right{
	position: relative; 
	top: 0px; 
	margin: 0 auto;
	right: 0;
	float: none;
}
.package_divs{
    width: 46%;
}
.package_divs2{
    width: 46%;
}
.package_divs .head3{
	text-align: center;
}
.video_div{
    width: 99%;
}
.ci_ad{
	width: 100%;
	height: 50px; 
}
.div_fourty {
  width: 100%;
}
.div_sixty {
  width: 100%;
}
.hit_circle{
	width: 100%; 
}
.hit_circle_last{
	width: 100%; 
}
.hit_circle_arrows {
  -ms-transform: rotate(90deg); 
   -webkit-transform: rotate(90deg); 
   transform: rotate(90deg);
   margin: 0 42%;
   transform: rotate(90deg);
   width: 20%;
}

.div_fity{
	width: 100%; 
}
.div_fity2{
	padding: 0;
	width: 100%;
}
.car_inspection3_divs{
	width: 100%; 
}
.wr_review1{
	width: 100%;
	float: left;
}
.wr_review2{
	width: 100%;
	float: left;
	margin: 0 0 20px;
}
.four_divs {
    width: 50%;
	height: 100px;
}
.new_comp_div{
	width: 100%; 
	margin-right: 0;
}
.new_comp_div2{
	width: 100%; 
	margin-right: 0;
}
.new_comp_div3{
	width: 100%; 
	margin-right: 0;
}
.bc_title{
	float: left; 
	
}
.nv_hm_icn {
	background-position:5px 3px;
	height:36px;
	margin-right:1.2%;
	width:10%;
	background-repeat:no-repeat; 
	display: inline;
}
.brd_crmb div{
	width: 88%;
}
.brd_crmb{
	height: 100%;
}
.brd_crmb label{
	margin:0 0.6%;
	width: 4%;
}
.bbCarContainer{
	width: 100px;
}
.new_cars{
	
}
.ad_manager_tabcontainer{
	float: left;
	width: 95.5%;
}
#tabs-div {
	float:left;
}

#middle-ad2, #middle-ad1{
    margin: 0 auto 20px;
}
.link_tabs{
	margin: 0 auto 20px;
}

.divTwo ul li{
	 width: 50%;
 }

.ads_inner_container{
	width: 250px;
}
#middle-ad{
	margin: 0;
	margin-bottom: 10px;
}
.three_ads{
	margin-bottom: 10px;
}
.bottom_ad_divs{
	margin-right: 0;
	width: 28%;
	text-align: left;
}
.bottom_ad_divs1{
	margin-right: 0;
	width: 44%;
}
.btn_bottom{
	margin-right: 5px;
	float: right;
}
#latest-news-left{
	display: none;
}
#right-latest-news{
	display: none;
}
#middle-latest-news{
	width: 98%; 
	margin:15px 0 10px 1%;
}
.relative_pos {
	float: left;
    padding-bottom: 6px;
    padding-left: 10px;
    width: 100%;
	height: auto;
	top: 1px;
}
.social_btn1, .social_btn2{
	margin-bottom: 5px;
}
.social_btn3, .social_btn4, .social_btn5{
	margin-bottom: 5px;
}
.social_btn6{
	margin-bottom: 5px;
}

.desktop_menu{
	display: none;
}
.sbm_menu_home1{
	top: 345px;
}
.sbm_menu_home2{
	top: 60px;
}
.block_wrapper{
	margin-left: 40px;
}
.sbm_menu2{
	top: 54px;
    width: 768px;
}
.sbm_inner_2{
	width: 768px;
}
#comments-container{
	width: 99.6%;
}
.js #menu {
	display:none;
}
#logo_menu_desktop{
	display: none;
}
.js .slicknav_menu {
	display:block;
	z-index: 9999;
}
#right-container-temp2, .rmm-toggled-controls{
	display: none;
	visibility: hidden;
}
#middle-container{
	float: left;
    width: auto;
    overflow: hidden;
	padding: 0 2px 0 0;
	width: 100%;
}
#left-container{
	display: none;
}
#left-container-temp2{
	width: 100%;
}
.sbm_menu1{
	top: 280px;
}
#right-container{
	display: none;
}
#main-container{ 
	width: 100%;
}
.block_heading_bottom{
	font-size:14px;
	font-weight: bold;
	color: #618f2c;
}
.ul_block li{
	background-image: url("../_images/bullet.png");
    background-position: 2px 2px;
}
.block_container2, .block_container3{
	margin-left: 1%;
}
#wowslider-container1 { 
	zoom: 1; 
	position: relative; 
	width: 98%;
	margin: 5px 0;
	z-index:90;
	border:3px solid #eee;
	text-align:left; 
	font-size: 10px;
	float: right;
}
#wrapper {
	max-width: 98%;
	font-size: 90%;
	margin: 60px auto 0;
}
.home_page_blocks{
	overflow: hidden;
	border: 8px solid #eee;
}
.home_page_blocks .mask{
    font-size: 14px;
}
.home_page_blocks .mask ul li{
	text-align: left;
}
.home_page_blocks img{
    position: relative;
	left: 0;
}
#id-for-links{
	display: none;
}
.menu {
	width: 100%;
	z-index: 1000;
}

.menu ul {
	text-align: left;
	display: inline;
	padding: 0;
	list-style: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	float: none;
	width: 99.5%;
}
#id-for-links div ul{
	display: none;
}
.menu ul li {
	display: inline-block;
	margin-right: 0;
	position: relative;
	cursor: pointer;
	color: #fff;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	width: 100%;
}
.menu ul li:hover {
	background-color: #4aa02c;
}
.menu ul li ul {
	display: none;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { *zoom: 1 }

.slicknav_menu {
    font-size:16px;
}
.slicknav_btn {
    margin: 10px 10px 0 0;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background: rgb(135,184,67);
    background: -moz-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -ms-linear-gradient(center top , #4aa02c, #618f2c) repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    padding: 5px;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 999;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
}
.slicknav_nav ul {
    padding:0;
	z-index: 1;
}
.slicknav_nav a{
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
	width:97.5%;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.fright{
	float: right;
}
.slicknav_nav{
	position: relative;
}
.slicknav_nav ul{
	display: block;
	width: 100%;
	float: left;
}
.slicknav_nav ul li{
	width: 48%;
	float: left;
	padding-left: 1%;
}
.slicknav_nav ul, .slicknav_nav li, .slicknav_txtnode{
	width: 49%;
	float: left;
	border-bottom: 1px solid #666;
}
.slicknav_nav li, .slicknav_txtnode{
	margin-right: 1%;
	padding: 5px 0;
}
.slicknav_nav .slicknav_row{
	margin: 0;
	padding: 5px;
}
.slicknav_nav a{
	color: #fff;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;
}
.slicknav_nav ul{
	background: rgb(74, 160, 40);
	background: -moz-linear-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(center top , #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-linear-gradient(center top #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(center top #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -ms-linear-gradient(center top #333, #4aa02c) repeat scroll 0 0 rgba(0, 0, 0, 0);	left: -5px;
	position: absolute;
	top: -5px;
	width: 101.5%;
}
.close_sub_menu{
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background-color: #ccc;
}
.slicknav_nav .slicknav_txtnode {
	margin: 0;
	padding: 0;
	margin-right: 1%;
	padding: 10px 0;
}
.parent_category{
	background-color: #4aa02c;
	padding: 5px 0;
	text-align: center;
}
#main-wrapper {
	font-size: 80%;
	margin: 0 auto;
	padding: 5px 5px;
	width: 98%;
	position: relative;
	top: 90px;
}

#header {
    height: 30px;
    left: 0;
    position: fixed;
    top: 55px;
    width: 100%;
    z-index: 1000;
}
#logo {
	display: none; 
	font-size: 0; 
	max-height: 0; 
	line-height: 0; 
	padding: 0;
}
#tabs {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	margin-top: 0px;
	z-index: 1;
	position: relative;
}
#tabs ul {
	margin: 0;
	padding: 10px 0 0 1%;
	list-style: none;
	float: left;
}
#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs a {
	float: left;
	margin: 0;
	padding: 0 10px 0 4px;
	text-decoration: none;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
#tabs a span {
	float: left;
	display: block;
	padding: 5px 5px 4px 6px;
	color: #666;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
}
#top-btn{
	display: none; 
	font-size: 0; 
	max-height: 0; 
	line-height: 0; 
	padding: 0;
}
input[type="text"]{
	width: 27%;
	padding: 6.5px 0;
}
#search {
	background-color: #4aa02c;
    border-top: 1px solid white;
    border-radius: 0;
	padding: 0 0 2px;
}
.text-box-search {
	padding: 6px 1% !important;
	margin: 5px 0 0 12%;
}
.drop-down-search {
	padding: 5px;
	margin: 5px 0 0 5px;
	width: 30%;
}

.left-menu {
	width: 160px;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px;
}
.mainpage-cat {
	width: 31.3%;
	padding: 1.5% 0.5% 0.5% 1.5%;
}

.div1 {
	width: 100%;
	float: left;
	padding: 5px 0;
}
.div2 {
	width: 100%;
	float: left;
	padding: 5px 0;
}
#main-cats {
	float: left;
	width: 65%;
}
.home-cats {
	width: 100%;
	height: 40px;
	line-height: 30px;
	color: #4AA02C;
	margin: 10px 0 35px 0;
	font-weight: bold;
	font-size: 120%;
	float: left;
}
.home-cats > img {
	float: none;
}
.home-cats > span {
	float: left;
	width: 80%;
}
#footer {
	width: 97%;
	padding: 1.5%;
	background-color: #4AA02C;
	margin: 10px 0 0 0;
}
.footer-div {
	width: 20%;
}
#copyright {
	font-size: 90%;
	width: 100%;
	margin: 0 0 -10px -10px;
	background-color: #eee;
}
#left-bar-jobs-list {
	width: 35%;
	float: left;
	margin: 15px 0 10px 0;
	border:1px solid #4AA02C;
	position: relative;
}
#left-bar-jobs-list a {
	color: #666;
}
#jobs-list-box {
	background-color: #0399D4;
	color: #FFFFFF;
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 1.2%;
	padding: 0.5%;
	width: 72.3%;
}
#jobs-list {
	width: 73.1%;
	float: left;
	margin: 0 0 0 1.14%;
}
.title-left-menu {
	height: 20px;
	width: 95.5%;
	padding: 2.5%;
	float: left;
}


.job-container div:first-of-type {
	color: black;
	font-weight: bold;
	clear: both;
}
#cat-page-main {
	margin: 15px 0 10px 1%;
	float: left;
}
#cat-top-div {
	width: 98%;
	height: 20px;
	line-height: 20px;
	font-weight: bolder;
	font-size: 120%;
	color: white;
	padding: 10px 1%;
	margin-bottom: 15px;
}
#cat-contents, #cat-contents1{
	width: 98%;
	padding: 5px 1%;
}
#cat-contents11{
	width: 31.32%;
	padding: 5px 1%;
}
#image-cat {
	width: 120px;
	padding: 14px 0 8px 0;
}
#ad-desc {
	padding-left: 2%;
	overflow: auto;
	color: #666;
}
#price-cat span:nth-of-type(1) {
	width: 38%; 
	padding: 2px 0;
	font-weight: bold;
	float: left;
}
#price-cat span:nth-of-type(2) {
	width: 25%;
	padding: 2px 0;
	font-weight: bold;
	float: left;
}
#price-cat span.new_b_span, #price-cat span.new_b_span span{
	width: 100%; 
	float: left;
	height: auto;
}
#f-ad a {
	margin-left: 5%;
}
#f-ad {
	width: 33%;
	float: right;
	text-align: left;
}
#change-ad-type {
	padding: 2%;
}
#product-pics {
	width: 66%;
	float: left;
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: -o-calc(100% - 170px);
	width: calc(100% - 170px);
	float: left;
}
#three-boxes { 
	width: 44%;
	padding: 5px 1.5% 5px 2%;
	margin-left: 1%;
	float: left;
	margin: 5px 1.2% 0 0;
	border:1px solid #ccc;
}
#prod-imp-info {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.picture-prod {
	width: 98%;
	height: 400px;
	margin: 5px 5px;
}
.picture-prod img {
}
.slider_prod {
	width: 98.5%;
	max-height: 485px;
	float: left;
	overflow: hidden;
}
#social-prod {
	width: 97%;
	position: relative;
	padding: 3%;
}
#social-prod table td {
	padding: 5px 8px;
}

.add-comments {
	width: 160px;
}
#inner-table {
}
#inner-table .form-box div:nth-of-type(1) {
	width: 100%;
	float: left;
	padding: 5px 0 0 0;
}
#inner-table .form-box div:nth-of-type(2) {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
}
#inner-table .form-box div input[type="text"], input[type="file"], textarea {
	width: 95%;
}
#inner-table .form-box div select {
	width: 98%;
}
#rltd-ads {
}
#prod-ad {
	display: none;
}
#ad-report {
	position: relative;
	padding: 5px 0.5%;
	width: 99%;
	height: 25px;
	line-height: 25px;
}
#social-prod {
	width: 92%;
	position: relative;
}
#social-prod > div {
	margin-left: 1%;
	padding: 2px 0;
}
#social-prod div:last-child a img {
	margin: 0 2% 0 2%;
}
#social-prod > div div:nth-of-type(1) {
	width: 30%;
	float: left;
	margin-bottom: 3px;
}
#social-prod > div div:nth-of-type(2) {
	width: 70%;
	float: left;
	margin-bottom: 3px;
}
#social-prod > div div:nth-of-type(3) {
	width: 30%;
	clear: both;
	float: left;
	margin-bottom: 3px;
}
#social-prod > div div:nth-of-type(4) {
	width: 70%;
	float: left;
	margin-bottom: 3px;
}
#ad-div {
	width: 100%;
	
	margin: 0 auto;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
#specs-desc, #specs-desc1 {
	float: left;
	width: 90%;
	margin-left: 2%;
}
.inner-desc {
	width: 50%;
	float: left;
	border-bottom: 1px solid #eee;
    padding: 5px 0;
}
.desc1 {
	width: 50%;
	float: left;
}
.desc2 {
	width: 50%;
	float: left;
}
#specs-desc1 .desc1{
    width: 90%;
	float: left;
}
#specs-desc1 .desc2{
    width: 10%;
	float: left;
}
.person-inform {
	padding-left: 10px;
	width: 160px;
	position: relative;
	padding-top: 30px;
}
.comments-reply {
	float: right;
    padding-right: 5px;
    text-align: right;
    width: 10%;
}
div.panel {
	width: 27%;
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 1000;
	background-color: #4AA02C;
	background: rgba(74,160,44, .9);
}
div.panel1 {
	width: 200px;
	position: absolute;
	right: 0px;
	top: 70px;
	z-index: 900;
	background-color: #4AA02C;
	background: rgba(74,160,44, .9);
	float: left;
	line-height: 20px;
}

#already_mem {
	margin: 10px 0;
	padding: 10px 1%;
	width: 47%;
}
#already_mem .form-box div:nth-of-type(1), #already_ad_posted .form-box div:nth-of-type(1) {
	width: 100%;
	float: left;
	padding: 5px 0 0 0;
}
#already_mem .form-box div:nth-of-type(2), #already_ad_posted .form-box div:nth-of-type(2) {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
}
#already_ad_posted {
	width: 47.5%;
	min-height: 200px;
	margin: 10px 0 10px 0;
	padding: 10px 1%;
}
#outer-rgstr-main {
	padding: 5px 1% 10px;
	width: 98%;
}

#contact-us {
	padding: 10px 1%;
	width: 98%;
}

.ad-title-tabs {
	width: 10%;
	float: left;
	padding-right: 0.5%;
	text-align: center;
}
.ad-location-tabs {
	width: 28%;
	float: left;
	padding-right: 0.5%;
}
.ad-dated-tabs {
	width: 19%;
	float: left;
	padding-right: 0.5%;
}
.ad-status-tabs {
	width: 15%;
	float: left;
	padding-right: 0.5%;
}
.date-feild  {
	width: 9.5%;
	float: left;
	padding-right: 0.5%;
	font-weight: bold;
}
.edit-btn-tabs {
	width: 15%;
	float: left;
	text-align: center;
}
.main-class h3 {
	color: #000;
	font: 400 16px/18px Arial, sans-serif;
	margin: 0 0 14px;
	padding: 2px 6px 0;
	overflow: hidden;
	font-weight: 400 !important;
	width: 50%;
}
.main-class ul li h3 {
	right: -102%;
	width: 100%;
}
.main-class ul ul {
	display: none;
	padding-left: 10px;
	right: -102%;
	top: -1px;
	width: 100%;
}
#cat-list {
	float: left;
	width: 100%;
}
.main-class ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
}
.form-box .divOne {
	width: 35%;
	float: left;
	padding: 5px 0;
}
.form-box .divTwo {
	width: 65%;
	float: left;
	padding: 5px 0;
}
.form-box div input[type="text"], .form-box div input[type="file"], .form-box div textarea, .form-box div input[type="password"] {
	width: 90%;
}
.form-box div select {
	width: 90%;
}
.lContainerHome {
	width: 50%;
	text-align: center;
}
.rContainerHome {
	width: 50%;
	text-align: center;
}
.form-boxGari {
	width: 46%;
	float: left;
}
.gariHomeBlk1 {
	margin: 20px 0 10px 0;
	float: left;
	width: 100%;
	background-image: url('/images/home-bg1.jpg');
	background-repeat: no-repeat;
	background-position: 150px 60px;
	border-radius: 10px;
 	height: 285px;
	overflow: hidden;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
.searchGariHome {
	float: left;
	width: 100%;
}
.adGariHome {
    float: left;
    height: 280px;
    margin: 10px 0 5px 1%;
    width: 99%;
}
.featuredList {
	background-color: #FFFFFF;
    border-top: 5px solid #FFCC33;
    float: left;
    margin: 10px 0 0 1%;
    width: 97.5%;
}
.featuredAccess {
	background-color: #FFFFFF;
    border-top: 5px solid #FFCC33;
    float: left;
    margin: 25px 0 0 1%;
    width: 47%;
}
.featuredThird {
	margin: 25px 0 0 2.5%;
    width: 47.3%;
}
.featuredThird1 {
	border-top: 5px solid #FC3;
	width: 99.3%;
}
.browseByL {
	float: left;
	width: 100%;
}
.l_news {
	border-top: 5px solid #FC3;
	margin-right: 1%;
    padding: 0 0.9%;
    width:  98%;
	float:left;
}
.recentVeh {
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}
.recentVeh2 {
	border-top: 5px solid #FFCC33;
    margin-left: 4.3%;
    margin-top: 15px;
    width: 46%;
}
.imgHover{
	float: left;
    margin: 10px 0 0 12px;
    position: relative;
}

#recentVehPics{
	margin-top:15px; 
	width: 46%;
	border-top: 5px solid #FFCC33; 
	padding:0.5%;
}
.liText{
	list-style-type:none; 
	color:white; 
	font-size:16px;
	float:left;
	margin: 1% 5%;
	text-align: center;
	width: 46.4%;
}
#list-item1 {
	float: left;
	width: 100%;
}

#left-menu-user{
	margin: 20px 0 10px 0;
    padding: 0 0 5px;
	float:left;
	width: 100%;
	border:1px solid #4AA02C;
}
#m_login{
	float:left;
	width: 100%;
	margin-top: 10px;
}
#in_m_login_l{
	padding: 17px 2%;
	float:left;
	width: 46%;
}
#in_m_login_r{
	padding: 10px 2%;
	float: left;
	width: 41%;
}
.line_style{
    float: left;
    margin: 0 1%;
    min-height: 1px;
    position: relative;
    text-align: center;
	width: 2%;
}
.h-line{
    background-color: #D9D9D9;
    margin: 0 auto;
    width: 1px;
	height: 235px;
}
.cities{
	border: 1px solid #CCCCCC;
    float: left;
    margin: 15px 0 0;
    padding: 5px 0.5%;
    width: 27.5%;
}
.accessories{
	margin:15px 0 0 1%;
	width: 70%; 
	float:left;
}
.accessories-div1{
	width: 49%; 
	float:left; 
}
.accessories-div2{
	width: 49%; 
	float:left; 
	margin-left:2%;
}
.accessories-inner{
	border: 1px solid #ccc;
	float:left;
	margin: 0 0 10px 1%;
    padding: 5px 2%;
    width: 95%;
}
.search-div{
	 border: 1px solid #ccc;
    float: left;
    margin: 10px 0;
    padding: 5px 0.5%;
    width: 49.3%;
	background-color: #eee;
    border-radius: 6px;
}
.search-item{
	float: left;
    margin: 2px 0;
    width: 50%;
}
.browse-by-make{
	border: 1px solid #ccc;
    float: left;
    margin-left: 1.5%;
    margin-top: 10px;
    padding: 5px 0.5%;
    width: 46%;
}
.sbm_site_name{
	float: left; 
}
#engine-fields ul li, #dimensions ul li{
	display: block;
    float: left;
    list-style-type: none;
    padding: 5px 0;
	width: 99%;
}
#tabs-div{
	width: 100%;
}
.most_viewed{
	height: 260px;
}
.gariHomeBlk1{
	margin-top: 1px;
}

.ros, nav{
	display: inline-block;
}
.brd_crmb label{
	line-height: normal;
	width: auto;
	margin: 0;
}
.brd_crmb div{
	width: 85%;
}
.nv_hm_icn{
	width: 15%;
	margin-right: 0;
}
.brd_crmb{
	line-height: normal;
	height: auto;
}
.brd_crmb a{
	text-decoration: underline;
}
.brd_crmb a:hover{
	text-decoration: none;
}
.brd_crmb span::after, .brd_crmb div.l a > span::after{
	content: '\00BB';
}
.brd_crmb span:last-child::after, .brd_crmb span:first-child::after{
  content: '';
}
#tabs{
	display: flex;
}
#tabs ul {
    margin: 0 auto;
    float: none;
}
.brd_crmb{
	margin-bottom: 0;
}
.desc-prod{
  height: auto;
  line-height: 30px;
}
.head1 {
	font-size: 150%;
}
.bottom_ad_divs h3{
  font-size: 100%;
}
.brd_crmb{
	float: left;
	margin-bottom: 15px;
}
}*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 769px) {
/*==============*/
.search_cont{
   display: flex;
}
#cat-page-main{
	order: 2;
}
#left-bar-jobs-list{
	order: 1;
}
.filter_btn{
   display: none;
   height: 0;
   line-height: 0;
   font-size: 0;
   visibility: hidden;
}
/*==============*/
/* ============== Changes for IE Starts ============= */
.div_feat{
  width: 25%;
  float: left;
}
.divTwo ul li{
	 width: 33.3%;
 }


#filter-job{
	display: block;
}
#latest-news-left{
	display: block;
}
#right-latest-news{
	display: block;
}
#middle-latest-news{
	width: 58.5%; 
	margin:15px 0 10px 1%;
}
#mobile_sub_menu{
	display: none;
}
.js .slicknav_menu {
	display:none;
}
.menu ul li{
	width: auto;
	padding: 14px 10px;
	position: static;
}
#menu .desktop_menu{
	width: 99.9%;
	float: left;
	position: absolute;
	zoom: 1;
}
#logo_menu_desktop {
    display: block;
}
.menu ul li ul{
	width: 99.9%;
}
.sbm_menu2 {
	top: 40px;
}
#left-container{
	display: block;
}

/* ============== Changes for IE Ends ============= */
.static_position {
	position: fixed;
	top: 0px;
	width: 97%;
	max-width: 1363px;
	min-width: 980px;
	/*height: 23px;*/
	background-color: #4aa02c;
	z-index: 101;
	/*padding: 5px 0;*/
	border-radius: 10px;
	margin: 0 auto;
	height: 90px;

}
/* ==== Taken From result2015 starts===== */
#id-for-links ul li .desktop_menu a{
	color: #0399f4;
}
#menu{
	width: 98%;
	margin-top: 0;
}
#logo_menu_desktop {
    background-color: rgb(135, 184, 67);
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 37.5px;
    padding: 0 0 0 1%;
    width: 19%;
}
.menu ul{
	width: 80%;
	float: right;
	display: block;
}



.rmm-toggled-title {
	display: none;
}
.menu {
	width: 60%;
	position: relative;
	display: block;
}
.menu ul {
    background-color: #4aa02c;
    color: #0099ff;
    display: inline;
    height: 45px;
    line-height: 17px;
    list-style: outside none none;
    text-align: left;
}
.menu ul li ul {
	float: left;
	width: 99%;
	background-color: inherit;
}
.menu ul li ul li a{
	color: red;
}
.menu ul li .desktop_menu{
	display: none;
}
.menu ul.mobile_menu {
	display: none;
}
.menu ul li:hover .desktop_menu {
	display: inline;
	visibility: visible;
	position: absolute;
	width: 99.9%;
	background-color: #fff; 
	border: 1px solid #eee;
	visibility: visible;
	float:left;
	top: 45px;
	left: 0px;
	overflow: hidden;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	cursor: default;
	z-index: 100;
	background-color: #fcfcfc;
}
ul #inner_list li{
	float: left;
	width: 44%;
	
	background: none;
    border-radius: 0;
	border: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    padding: 3px 1%;
	margin: auto 1%;
    transition: all 0.2s ease 0s;
}
ul #inner_list li a:hover {
	text-decoration: underline;
}
.menu ul li:hover .desktop_menu a {
	color: #0399f4;
}
.menu ul li ul {
	z-index: 100;
}
.menu ul li ul a:hover {
	color: #618f2c;
}
a li:hover{
	color: #fff;
}
.menu ul{
	width: 80%;
	float: right;
}

#logo_menu_desktop {
    background-color: rgb(74, 160, 40);
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 37.5px;
    padding: 0 0 0 1%;
    width: 19%;
}
/* ==  Menu Bar ==*/

/* ====Taken From result2015 ends== */
#main-wrapper {
	font-size: 80%;
	margin: 0 auto;
	padding: 5px 3px;
	width: 97%;
	max-width: 1366px;
	min-width: 980px;
	top: 0;
}
#header {
	position: relative;
	width: 100%;
	height: 90px;
}
#logo {
	height: 44px;
    margin: 1px 0 50px 10px;
    z-index: 1000;
}
#logo a img {
	position: absolute;
}
/*- Menu Tabs--------------------------- */
#tabs {
	float: right;
	width: 50%;
	font-size: 93%;
	line-height: normal;
	margin-top: 0px;
	z-index: 1;
}
#tabs ul {
	margin: 0;
	padding: 10px 0 0 5%;
	list-style: none;
	float: right;
	width: auto;
}
#tabs ul li {
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
}


/*- Menu Tabs--------------------------- */
#search {
	/*height: 40px;*/
	background-color: #4AA02C;
	margin-top: -50px;
	border-top: 1px solid white;
	line-height: 40px;
}
#search input[type="text"] {
	width: 25%;
	padding: 8px 5px;
}
.text-box-search {
	padding: 5px 0.6%;
	margin: 5px 0 0 9px;
}
.drop-down-search {
	padding: 7px 0;
	margin: 5px 0 0 5px;
	width: 25%;
}
.button_search {
	margin: 5px 0 0 5px;
}
.left-menu {
	width: 300px;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px;
}
.mainpage-cat {
	width: 31.3%;
	padding: 1.5% 0.5% 0.5% 1.5%;
}
.div1 {
	width: 35%;
	float: left;
	padding: 5px 0;
}
.div2 {
	width: 65%;
	float: left;
	padding: 5px 0;
}
#create-account form textarea {
	width: 95%;
}
#main-cats {
	float: left;
	width: 58.6%;
	width: -moz-calc(100% - 310px);
	width: -webkit-calc(100% - 310px);
	width: -o-calc(100% - 310px);
	width: calc(100% - 310px);
}
.home-cats {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #4AA02C;
	margin-top: 10px;
	font-weight: bold;
	font-size: 120%;
}
#footer {
	width: 97%;
	padding: 1.5%;
	background-color: #4AA02C;
	margin: 10px 0 0 0;
}
.footer-div {
	width: 20%;
}
#copyright {
	font-size: 90%;
	width: 100%;
	margin: 0 0 -10px -10px;
	background-color: #eee;/*For IE*/
}
#left-bar-jobs-list {
	width: 20%;
	float: left;
	margin: 15px 0 10px 0;
	border:1px solid #4AA02C;
	position: relative;
}
/*#left-bar-jobs-list a {
	color: #666;
}*/
#jobs-list-box {
	background-color: #0399D4;
	color: #FFFFFF;
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 1.2%;
	padding: 0.5%;
	width: 72.3%;
}
#jobs-list {
	width: 73.1%;
	float: left;
	margin: 0 0 0 1.14%;
}
.title-left-menu {
	height: 20px;
	width: 95.5%;
	padding: 2.5%;
	float: left;
}

.job-container div:first-of-type {
	color: black;
	font-weight: bold;
	clear: both;
}
#cat-page-main {
	margin: 15px 0 10px 0.5%;
	width: 79%;/*for browsers not supporting calc() function*/
	float: left;
}
#cat-top-div {
	width: 98%;
	height: 20px;
	line-height: 20px;
	font-weight: bolder;
	font-size: 120%;
	color: white;
	padding: 10px 1%;
	margin-bottom: 15px;
}
#cat-contents{
	width: 98%;
	padding: 5px 1% 0;
}
#cat-contents1{
	width: 31.32%;
	padding: 5px 1% 0;
	height: 110px;
}
#image-cat {
	width: 120px;
	padding: 10px 0 8px 0;
}
#ad-desc {
	padding-left: 3%;
	overflow-x: auto;
	color: #666;
	overflow-y: hidden;
}
#f-ad a {
	margin-left: 10px;
}
#f-ad {
	width: 30%;
	float: right;
	text-align: right;
}
#price-cat span {
	width: 65%;
	padding: 2px 0;
	/*font-size: 89%;*/
	font-weight: bold;
	float: left;
}
.person-inform {
	width: 300px;
	position: relative;
	padding-top: 30px;
}

#change-ad-type {
	/*margin-top: 30px;*/
	padding: 2%;
}
#product-pics {
	width: 66%;
	float: left;
	width: -moz-calc(100% - 307px);
	width: -webkit-calc(100% - 307px);
	width: -o-calc(100% - 307px);
	width: calc(100% - 307px);
	margin-top: 26px;
}
#three-boxes {
	width: 95%;
	padding: 5px 1.5% 5px 2%;
	margin-left: 1%;
	border:1px solid #ccc;
}
#prod-imp-info {
	width: 22.3%;
	float: right;
	margin-bottom: 5px;
}
.picture-prod {
	height: 400px;
	margin: 0 auto;
	max-width: 1000px;
	width: 98%;
}
.picture-prod img {
	/*min-width: 100%;*/
	margin-top: 7px;
	max-height: 408px;
}
.slider_prod {
	width: 76.8%;
	max-height: 800px;
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
}
#social-prod {
	position: relative;
}
#social-prod > div {
	margin-left: 1%;
	padding: 2px 0;
	position: relative;
}
#social-prod div:last-child a img {
	margin-right: 2%;
}
#social-prod .firstDiv {
	width: 10%;
	float: left;
}
#social-prod .secondDiv {
	width: 40%;
	float: left;
}
.add-comments {
	/*width: 300px;*/
	width: 302px;
}
.form-box .divOne {
	width: 25%;
	float: left;
	padding: 5px 0;
}
.form-box .divTwo {
	width: 75%;
	float: left;
	padding: 5px 0;
}
#inner-table .form-box div input[type="text"], .form-box div input[type="file"], .form-box div input[type="password"] {
	width: 90%;
}
#inner-table .form-box div textarea {
	width: 90%;
}
#inner-table .form-box div select {
	width: 89%;
}
.form-box div input[type="text"], .form-box div input[type="file"], .form-box div input[type="password"] {
	width: 43.5%;
}
.form-box div textarea {
	width: 75%;
}
.form-box div select {
	width: auto;
}
#rltd-ads {
	/*width: 64.5%;
	width: -moz-calc(100% - 312px);
	width: -webkit-calc(100% - 312px);
	width: -o-calc(100% - 312px);
	width: calc(100% - 312px);
	margin-top: 15px;
	float: left;
	overflow: auto;*/
}
#ad-div {
	/*width: 336px;
	height: 280px;*/
	width: 100%;
	
	margin: 0 auto;
	/*background-color: #eee;*/
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}
.inner-desc {
	border-bottom: 1px solid #eee;
    float: left;
    padding: 5px 0;
    width: 260px;
}
.desc1 {
	width: 40%;
	float: left;
}
.desc2 {
	width: 60%;
	float: left;
}
#specs-desc1 .desc1{
	width: 90%;
	float: left;
}
#specs-desc1 .desc2{
	width: 10%;
	float: left;
}
#specs-desc, #specs-desc1 {
	float: left;
	/*margin: 0 1% 0 1%;*/
	width: 100%;
}
.comments-reply {
	float: right;
    padding-right: 5px;
    text-align: right;
    width: 10%;
}
#ad-report {
	height: 25px;
	line-height: 25px;
	position: relative;
	width: 99%;
	padding: 5px 0.5%;
}
div.panel {
	width: 27%;
	position: absolute;
	right: 0;
	top: 35px;
	z-index: 1000;
	background-color: #4AA02C;/*For IE*/
	background: rgba(74,160,44, .9);
}
div.panel1 {
	width: 270px;
	position: absolute;
	left: 15px;
	top: 65px;
	z-index: 900;
	background-color: #4AA02C;/*For IE*/
	background: rgba(74,160,44, .9);
	float: left;
	line-height: 20px;
}
#social-prod {
	float: right;
	position: relative;
	width: 92.7%;
}
#already_mem {
	margin: 10px 0;
	padding: 7px 1%;
	width: 47%;
	/*height: 180px;*/
}
#already_mem input[type='text'], #already_mem input[type='password'], #already_ad_posted input[type='text'] {
	width: 90%;
}
#already_ad_posted {
	width: 47.5%;
	min-height: 180px;
	margin: 10px 0;
	padding: 7px 1%;
}

#outer-rgstr-main {
	padding: 5px 1% 10px;
	width: 98%;
}

#contact-us {
	padding: 10px 1%;
	width: 98%;
}
#contact-us .form-box input[type='text'], #contact-us .form-box textarea {
	width: 55%;
}
#contact-us .form-box select {
	width: 57%;
}
.ad-title-tabs {
	width: 10%;
	float: left;
	padding-right: 0.5%;
	text-align: center;
}
.ad-location-tabs {
	width: 28%;
	float: left;
	padding-right: 0.5%;
}
.ad-dated-tabs {
	width: 19%;
	float: left;
	padding-right: 0.5%;
}
.ad-status-tabs {
	width: 15%;
	float: left;
	padding-right: 0.5%;
}
.date-feild {
	width: 9.5%;
	float: left;
	padding-right: 0.5%;
	font-weight: bold;
}
.edit-btn-tabs {
	width: 15%;
	float: left;
}
.main-class h3 {
	color: #000;
	font: 400 16px/18px Arial, sans-serif;
	margin: 0 0 14px;
	padding: 2px 6px 0;
	overflow: hidden;
	font-weight: 400 !important;
}
.main-class ul li h3 {
	top: -37px;
	left: 310px;
	right: -300px;
}
.main-class ul ul {
	display: none;
	right: -310px;
	padding-left: 10px;
	top: -1px;
}
#cat-list {
	width: 100%;
}
.main-class ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 300px;
}
/* ========gari chages starts   ========= */
.lContainerHome {
	width: 50%;
	text-align: center;
}
.rContainerHome {
	width: 50%;
	text-align: center;
}
.form-boxGari {
	width: 46%;
	float: left;
}
.gariHomeBlk1 {
	margin: 10px 0 10px 0;
	float: left;
	width: 65%;
	background-image: url('/images/home-bg1.jpg');
	background-repeat: no-repeat;
	background-position: 150px 60px;
	border-radius: 10px;
	/*height: 285px;*/
	overflow: hidden;
	behavior: url(https://www.gari.pk/new/PIE.htc);
}
.searchGariHome {
	float: left;
	width: 100%;
}
.adGariHome {
	width: 32%;
	float: left;
	margin: 10px 0 5px 2.7%;
	height: 280px;
}
.featuredList {
	clear: both;
	width: 31%;
	border-top: 5px solid #FC3;
	background-color: white;
	margin: 0;
}
.featuredAccess {
	float: left;
	width: 30%;
	margin:0 0 0 2.2%;
	/*min-height: 378px;*/
	border-top: 5px solid #FC3;
	background-color: white;
}
.featuredThird {
	width: 31%;
	margin: 0 0 0 2.3%;
}
.featuredThird1 {
	border-top: 5px solid #FC3;
	width: 99.3%;
}
.browseByL {
	float: left;
	width: 65.4%;
}
.l_news {/*changed from latestNews*/
	border-top: 5px solid #FC3;
	margin-right: 0.5%;
    padding: 0 0.9%;
    width: 29.9%;
	float:right;
}
.recentVeh {
	float: left;
	width: 66%;
	margin: 10px 0 10px 0;
}
.recentVeh2 {
	border-top: 5px solid #FFCC33;
    margin-left: 4.3%;
    margin-top: 15px;
    width: 45%;
}
.imgHover{
	float:left;
	position: relative;
	display:inline-block;
}

#recentVehPics{
	margin-top:15px; 
	width: 47%;
	border-top: 5px solid #FFCC33; 
	padding:0.5%;
}
#container2 #cat-contents{
	  max-width: 99%;
}
#container2 #cat-contents1{
	  max-width: 31.32%;
}
/*.liText{
	list-style-type:none; 
	color:white; 
	font-size:16px;
	float:left;
	margin: 1% 5%;
	text-align: center;
	width: 47.8%;
}*/
#btnTabForm{
	width: 96%;
}
#list-item1 {
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
#tabs-div {
	float:left;
	width: 79%;
}
#left-menu-user{
	margin: 20px 0 10px 0;
    /*padding: 0 0.5% 5px;*/
	float:right;
	width: 20%;
	border:1px solid #4AA02C;
}
#m_login{
	float:left;
	width: 79%;
	margin-top: 10px;
}

#in_m_login_l{
	padding: 17px 2%;
	float:left;
	width: 46%;
}
#in_m_login_r{
	padding: 10px 2%;
	float: left;
	width: 41%;
}

.line_style{
    float: left;
    margin: 0 1%;
    min-height: 1px;
    position: relative;
    text-align: center;
	width: 2%;
}
.h-line{
    background-color: #D9D9D9;
    margin: 0 auto;
    width: 1px;
	height: 235px;
}
/*======= accessories-categories starts for responsive starts ===*/
.cities{
	border: 1px solid #CCCCCC;
    float: left;
    margin: 15px 0 0;
    padding: 5px 0.5%;
    width: 27.5%;
}
.accessories{
	margin:15px 0 0 1%;
	width: 70%; 
	float:left;
}
.accessories-div1{
	width: 49%; 
	float:left; 
}
.accessories-div2{
	width: 49%; 
	float:left; 
	margin-left:2%;
}
.accessories-inner{
	border: 1px solid #ccc;
	float:left;
	margin: 0 0 10px 1%;
    padding: 5px 2%;
    width: 95%;
}
.search-div{
	 border: 1px solid #ccc;
    float: left;
    margin: 10px 0;
    padding: 5px 0.5%;
    width: 49.5%;
	background-color: #eee;
    border-radius: 6px;
}
.search-item{
	float: left;
    margin: 2px 0;
    width: 50%;
}
.browse-by-make{
	border: 1px solid #ccc;
    float: left;
    margin-left: 1.5%;
    margin-top: 10px;
    padding: 5px 0.5%;
    width: 46.3%;
}
/*======= ride-categories starts for responsive ends ===*/
#search-btn {
	float: left;
	display: inline;
}
#top-btn{
	margin: 5px 5px 0 0;
}
.relative_pos {/* for IE */
	float:  left;
	margin-right: 0;
	padding: 1.3px 0 0 10px;
	width: 99%;
}
#id-for-links{
	position: static;
	display: block;
	visibility: visible;
	/*max-width: 58%;*/
	max-width: 56%;
}
.menu{
	position: static;
}
.sbm_site_name{
	float: right; 
}
.with_logo_car{
	float: left;
	margin-top: 3px; 
	margin-left: 10px;
}
#logo {
	width: 22%;
	max-width: auto;
}
.sbm_site_name{
	width: 11%;
	max-width: auto;
}
.menu{
	display: block;
	visibility: visible;
}
.js #menu {
	display: block;
}
#engine-fields ul li input[type="text"], #engine-fields ul li input[type="password"]{
	width: 74%;
	width: auto;
}
#engine-fields ul li select{
	width: 80%;
	width: auto;
}
#dimensions ul li input[type="text"], #dimensions ul li input[type="password"]{
	width: 74%;
	width: auto;
}
#dimensions ul li select{
	width: 80%;
	width: auto;
}
.border_left_1st{
	border-left: 1px solid #fff;
}
.wr_review1{
	height: 17px; 
	line-height: 10px
}
.wr_review2{
	height: 18px; 
	line-height: 10px; 
	margin-bottom: 10px;
}
.bc_title{
	float: left; 
	width: 40%;
}
.brd_crmb div{
	display: flex;
}
.l a, .brd_crmb span{
	margin: auto;
}
.brd_crmb{
	line-height: normal;
	margin-top: 10px;
}
#rltd-ads{
  width: 100%;
  padding: 0px;
}
}