<style>

.body-all {}

#listing-list-all {
	margin: 2% 0; padding: 0;
}

.featured-listing-list-image {
float: left; display: inline-block; position: relative; width: 12%; text-align: center; padding: 0; border: 0 solid #000; display: none;
}

.featured-listing-list-image-inner {
	display: inline-block; position: relative; width: 4.25vw; height: 16vw; border: 0vw solid #000; margin: auto;"><img src="images/rightchoice_icon.jpg" style="height: 100%;width: auto; max-height: 100%; max-width: 100%;
}

.featured-listing-list {
float: left; display: inline-block; position: relative; width: 100%; text-align: left; padding: 0; border: 0 solid #000;
}


.container-classifieds-listing-banner {
	position: relative; display: inline-block; overflow: hidden; width: 60vw; height: 15vw; border: 0vw solid #d2d2d2; margin: 1% 2.5%;vertical-align: middle;transition: all 0.3s ease; box-shadow: 0px 1px 2px #343d46;
	}

.container-classifieds-listing-banner:hover {
	box-shadow: 0px 1px 4px #e11111;
	}	
	
.container-classifieds-listing-banner img {
	width: 100%; height: 100%; 
}


.container-classifieds-listing {
	position: relative; display: inline-block; overflow: hidden; width: 60vw; height: 14vw; border: 0vw solid #f0f0f0; margin: 1% 3%;vertical-align: middle;transition: all 0.3s ease; box-shadow: 0px 1px 2px #343d46;
	}
	
.container-classifieds-listing:hover {
	box-shadow: 0px 1px 4px #e11111;
	}	


.container-classifieds-listing .listing-topline {
	 width: 100%; height: 4vw; max-height: 4vw; overflow: hidden;position: relative; border: 0vw solid #000;
}


.container-classifieds-listing .listing-topline .listing-brand-logo {
  width: 4vw;height: 4vw;float: left;position: relative;text-align:left;
 }
 
 .container-classifieds-listing .listing-topline .listing-brand-logo img{ 
  max-height: 95%; max-width: 95%;
}

.container-classifieds-listing .listing-topline .listing-title {
  width: 62%;float: left;position: relative;
 }
 
.container-classifieds-listing .listing-topline .listing-title .listing-title-li {
  padding: 0.5vw; font-family: 'Mirza', cursive;font-weight: Normal; font-size: 1.75vw;color: #e11111;
 }
 
.container-classifieds-listing .listing-topline .listing-title .listing-subtitle-li {
  padding: 0vw 0.5vw; font-family: 'Mirza', cursive;font-size:1.25vw; color: #343d46;
 }
 
.container-classifieds-listing .listing-topline .listing-date {
  width: 28%;float: right;text-align:left;border: 0vw solid #000;
 }
 
.container-classifieds-listing .listing-topline .listing-date .listing-date-li {
  padding: 0.5vw 0.5vw 0.2vw 0.5vw; font-family: 'Mirza', cursive;font-size: 1vw;color: #000;
 }

 
/*
.container-classifieds-listing:hover {box-shadow: 0 0.2vw 0.4vw 0 rgba(0, 0, 0, 0.1), 0 0.3vw 1vw 0 rgba(0, 0, 0, 0.09);margin: 0.4vw 0.5vw 0.6vw 0.5vw;}
*/
.container-classifieds-listing .listing-img-1 {width: 10vw; height: 10vw; float: left; border: 0vw solid #ff0000; overflow: hidden; text-align: center;transition: all 0.3s ease;} 

.container-classifieds-listing .listing-img-1:before {content: ''; display: inline-block; vertical-align: middle; height: 100%;} 



.container-classifieds-listing .listing-img-1 .element-gallery-index {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
//    font: 16px/1  'Mirza', cursive;        /*  reset the font property */
    max-height: 100%;
    max-width: 100%;
   transition: all 0.3s ease;
}
 


.container-classifieds-listing .listing-details-1 {position: relative; width: 36vw; height: 10vw; float: left; border: 0vw solid #00ff00; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding: 0.25vw;transition: all 0.3s ease; margin: 0;} 


 .listing-details-1 li {
  padding: 0.1vw 0.4vw;font-family: 'Mirza', cursive;font-size:1vw; color: #343d46; margin: 0;
 }
 
 .listing-details-1 .listing-cookery {
  display:block;display: -webkit-box;height: 8vw; padding: 0.25vw 0 0.25vw 0; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; line-height:1.4vw;margin: 0 auto;border: 0vw solid #343d46;font-size:0.8vw;white-space: normal;
 }

.container-classifieds-listing .listing-details-2 {position: relative; width: 14vw; height: 10vw; float: left; border: 0vw solid #00ff22; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;transition: all 0.3s ease;padding: 1.25vw 0.5vw;} 
  
.container-classifieds-listing .listing-details-2 .listing-price-1 {position: relative; width: auto; color: #e11111; font-family:  'Mirza', cursive; font-size: 1.15vw; font-weight: Normal;transition: all 0.3s ease;border: 0.1vw solid #2c2c2c; border-radius: 0.4vw;padding:0.5vw;}

.listing-details-2 .listing-more {
  position: absolute; bottom: 0.75vw; right: 0.25vw;margin: 0;padding: 0.5vw; font-family:  'Mirza', cursive; font-size: 1vw; color: #2c2c2c;
 }

.container-classifieds-listing .listing-img-2 {transform: rotate(0deg); display: inline-block; position: absolute; top: 0; right: 0; width: 5vw; height: 5vh; float: left; border: 0vw solid #11ff00; text-align: right;transition: all 0.3s ease;} 


.container-classifieds-listing .listing-details-3 {position: absolute; width: 10%; top: 5vw; left: 0vw; padding: 0; margin: 0;-webkit-transform: rotate(-25deg; opacity: 0.75;); transform: rotate(-25deg);} 

.container-classifieds-listing .listing-details-3 img{ max-width: 90%; max-height: 90%;}

.container-classifieds-listing .listing-details-3 {position: absolute; top: 5vw; left: 0vw; padding: 0; margin: 0;-webkit-transform: rotate(-25deg; opacity: 0.75;); transform: rotate(-25deg);} 

.container-classifieds-listing ul {list-style: none;}
.container-classifieds-listing li {list-style: none;}

.hritems {
width: 60vw; float: left; color: #e11111;background-color: #e11111;height: 0.2vw;border:0;margin: 1% 0.5vw;padding:0; color: #fff;background-color: #fff; // box-shadow: 2px 2px 4px #e11111;
}	

.box-featured {
position: relative;
    width: 14vw;
    height: 20vw;
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
    text-align: center;  /* align the inline(-block) elements horizontally */
//    border: 0.1vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    float: left;
//    clear: both;
    margin: 1.2% 7%;
	overflow: hidden;
}

.container-gallery-featured {
	overflow: hidden;
    position: relative;
    width: 100%;
    height: 70%;
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
    text-align: center;  /* align the inline(-block) elements horizontally */
    border: 0.1vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    border-top: 0vw solid #d2d2d2;
//    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.container-gallery-featured:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.container-gallery-featured img {
  // width: 90%;
  // height: 90%;
 	
  max-width: 90%;
  max-height: 90%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.container-gallery-featured:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#element-gallery-featured {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
//    font: 16px/1  'Mirza', cursive;        /*  reset the font property */
    max-height: 90%;
    max-width: 90%;
    margin: 0;
    padding: 0;
}



#element-tags-gallery-featured {
    display: inline-block;
    position: relative;
    vertical-align: bottom;  /* vertical alignment of the inline element */
    font: 1.2vw/1.2vw  'Mirza', cursive;        /* reset the font property */
    font-weight: Normal;
    width: 100%;
    text-align: left;
//    background: #2c2c2c;
//    background: rgba(0, 0, 0, 0.10);
    border-top: 0.1vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    border-right: 0.1vw solid #d2d2d2;
    border-left: 0.1vw solid #d2d2d2;
    color: #000;
// margin-top: -4.5vw;
padding: 0.25vw;
text-align: center;
    white-space: nowrap;  
    overflow: hidden;
    text-overflow: ellipsis; 
}


#element-tags-gallery-featured-2 {
    display: inline-block;
    position: relative;
    vertical-align: bottom;  /* vertical alignment of the inline element */
    font: 1.2vw/1.2vw  'Mirza', cursive;        /*  reset the font property */
    font-weight: Normal;
    color: #2c2c2c;
    width: 100%;
    text-align: left;
//    background: #2c2c2c;
//    background: rgba(0, 0, 0, 0.10);
    border: 0vw solid #d2d2d2;
// margin-top: -4.5vw;
   padding: 0.25vw;
	text-align: center;
}

#element-tags-gallery-featured-3 {
    display: inline-block;
    position: relative;
    vertical-align: bottom;  /* vertical alignment of the inline element */
    font: 1vw/1vw  'Mirza', cursive;        /*  reset the font property */
    font-weight: Normal;
    width: 100%;
    text-align: left;
//    background: #2c2c2c;
//    background: rgba(0, 0, 0, 0.10);
    border: 0vw solid #d2d2d2;
    color: #2c2c2c;
// margin-top: -4.5vw;
   padding: 0.25vw;
	text-align: center;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}


.container-ctgy-icons-2 {
display: inline-block; position: relative; width: 96%; padding: 0.5vw; margin:  0.25% 2%; border: 0vw solid #000;
} 


.panel_subctgy_icons_1 {
display: inline-block; position: relative; width: 100%;
}


.container-ctgy-icons-inner {
position: relative; float: left; width: 22%; padding: 0.25% 0; text-align:center; vertical-align: middle; font-family:  'Mirza', cursive; font-size: 1vw; border:0 solid #000; margin: 1.5%;
}

.container-ctgy-icons-inner:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.panel_subctgy_icons_2 {
display: none; position: relative; width: 100%;
}

.ctgy-icons-more {display: inline-block; position: relative; width: 100%; text-align: center; font-size: 1vw;}

.hr-ctgy-icons {
width: 100%; color: #cecece;background-color: #cecece;height: 0.1vw;border:0;margin:0.1vw 0;padding:0;
}

.box-3 {
	display: inline-block;
	position: relative;
    width: 10vw;
    height: 8vw;
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
    text-align: center;  /* align the inline(-block) elements horizontally */
    border: 0 solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
//    float: left;
//    clear: both;
    // margin: 1vw;
	overflow: hidden;
    vertical-align: middle;  /* vertical alignment of the inline element */	
}

.box-3 .container-img-3 {
    display: inline-block;	
    position: relative;
    width: 5vw;
    height: 5vw;
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
    text-align: center;  /* align the inline(-block) elements horizontally */
    border: 0vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    border-top: 0vw solid #d2d2d2;
//    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}

.box-3 .container-img-3:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

#element-img-3 {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
//    font: 16px/1  'Mirza', cursive;        /* reset the font property */
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

#element-tags-3 {
    display: inline-block;
    position: relative;
    vertical-align: bottom;  /* vertical alignment of the inline element */
    font: 1vw/1.25vw  'Mirza', cursive;        /*  reset the font property */
    font-weight: Normal;
    width: 100%;
    text-align: left;
//    background: #2c2c2c;
//    background: rgba(0, 0, 0, 0.10);
    border-top: 0.1vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    border-right: 0vw solid #d2d2d2;
    border-left: 0vw solid #d2d2d2;
    color: #000;
// margin-top: -4.5vw;
padding: 0.25vw;
text-align: center;
    white-space: nowrap;  
    overflow: hidden;
    text-overflow: ellipsis; 
}


#element-tags-3-2 {
    display: inline-block;
    position: relative;
    vertical-align: bottom;  /* vertical alignment of the inline element */
    font: 1vw/1vw  'Mirza', cursive;        /* reset the font property */
    font-weight: Normal;
    color: #2c2c2c;
    width: 100%;
    text-align: left;
//    background: #2c2c2c;
//    background: rgba(0, 0, 0, 0.10);
    border: 0vw solid #d2d2d2;
// margin-top: -4.5vw;
   padding: 0.25vw;
text-align: center;
}

#element-tags-3-3 {
    display: inline-block;
    position: relative;
    vertical-align: bottom;  /* vertical alignment of the inline element */
    font: 0.8vw/0.8vw  'Mirza', cursive;        /* reset the font property */
    font-weight: Normal;
    width: 100%;
    text-align: left;
//    background: #2c2c2c;
//    background: rgba(0, 0, 0, 0.10);
    border: 0vw solid #d2d2d2;
    color: #000;
// margin-top: -4.5vw;
   padding: 0.25vw;
text-align: center;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}




@media (max-width: 899px) {

.featured-listing-list-image {
	display: none;	
} 

.featured-listing-list {
display: inline-block; position: relative; width: 100%; text-align: left;	
}

.container-classifieds-listing-banner {position: relative; display: inline-block; overflow: hidden; width: 88vw; height: 22vw; border: 0vw solid #d2d2d2; margin: 2% 1%;vertical-align: middle;transition: all 0.3s ease; box-shadow: 0vw 0.25vw 0.5vw #343d46;
	}
	
.container-classifieds-listing-banner:hover {
	box-shadow: 0px 0.5px 2px #e11111;
	}	

.container-classifieds-listing {position: relative; display: inline-block; overflow: hidden; width: 42vw; height: 54vw; border: 0vw solid #d2d2d2; margin: 2% 1%; vertical-align: middle;transition: all 0.3s ease; box-shadow: 0 0.25vw 0.5vw #343d46; float: left;
	}
	
.container-classifieds-listing:hover {
	box-shadow: 0px 0.5px 2px #e11111;
	}	



.container-classifieds-listing .listing-topline {
	display: inline-block; width: 100%; height: 9vw; max-height: 9vw; overflow: hidden;position: relative; border: 0vw solid #ff0000; vertical-align: top; padding: 0 1%; line-height: 0; margin: 0.5vw 0;
}


.container-classifieds-listing .listing-topline .listing-brand-logo {
  display: inline-block; width: 8vw;height: 6vw; max-width: 8%; float: left;position: relative;text-align:left; overflow: hidden; vertical-align: top; margin-top: 0; border: 0vw solid #000;
 }
 
.container-classifieds-listing .listing-topline .listing-brand-logo img{ 
  max-height: 95%; max-width: 95%;
}
.container-classifieds-listing .listing-topline .listing-title {
  display: inline-block; width: 90%; height: 6vw; float: left;position: relative; padding: 0; border: 0vw solid #000;
 }
 
.container-classifieds-listing .listing-topline .listing-title .listing-title-li {
  padding: 0.1vw 0.5vw; font-family: 'Mirza', cursive;font-weight: Normal; font-size: 3vw;color: #e11111; margin: 0; line-height: 3vw;
      white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
 }
 
.container-classifieds-listing .listing-topline .listing-title .listing-subtitle-li {
  padding: 0vw 0.5vw; font-family: 'Mirza', cursive;font-size:2vw; color: #343d46; margin: 0; line-height: 2vw;
        white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
 }
 
.container-classifieds-listing .listing-topline .listing-date {
  width: 80%;float: right;text-align:right;border: 0vw solid #000; margin: 0;padding: 0 1%;
 }
 
.container-classifieds-listing .listing-topline .listing-date .listing-date-li {
  padding: 0; font-family: 'Mirza', cursive;font-size: 2vw;color: #000; line-height: 2vw; margin: 0;
        white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
 }

.container-classifieds-listing .listing-img-1 {width: 80%; height: 70%; float: center; border: 0vw solid #ff0000; overflow: hidden; text-align: center;transition: all 0.3s ease; margin: 0 10%;} 

.container-classifieds-listing .listing-img-1:before {content: ''; display: inline-block; vertical-align: middle; height: 100%; text-align: center;position: relative; } 



.container-classifieds-listing .listing-img-1 .element-gallery-index {
	width: auto; height: auto;
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
	// font: 16px/1  'Mirza', cursive;        /* reset the font property */
    max-height: 95%;
    max-width: 95%;
   transition: all 0.3s ease;
}


.container-classifieds-listing .listing-details-1 {display: none; position: relative; width: 100%; height: 100%; float: left; border: 0vw solid #00ff00; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding: 0.5vw;transition: all 0.3s ease;} 

.container-classifieds-listing .listing-details-1 li {
  padding: 0.05vw 0.4vw;font-family: 'Mirza', cursive;font-size:1vw; color: #343d46; margin: 0;
 }
 
.container-classifieds-listing .listing-details-1 .listing-cookery {
  display:block;display: -webkit-box;height: 8vw; padding: 0.25vw 0 0.25vw 0; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical; line-height:1.4vw;margin: 0 auto;border: 0vw solid #343d46;font-size:0.8vw;white-space: normal;
 }
 
.container-classifieds-listing .listing-details-2 {display: inline-block; position: relative; width: 100%; height: 100%; float: left; border: 0vw solid #00ff00; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;transition: all 0.3s ease;padding: 0 0.5vw;} 

.container-classifieds-listing .listing-details-2 .listing-price-1 {position: relative; width: auto; color: #e11111; font-family:  'Mirza', cursive; font-size: 3vw; font-weight: Normal;transition: all 0.3s ease;border: 0vw solid #2c2c2c; border-radius: 0.4vw;padding:0.25vw;}

.container-classifieds-listing .listing-details-2 .listing-more {
  position: absolute; bottom: 0.75vw; right: 1vw;margin: 0;padding: 0.5vw; font-family:  'Mirza', cursive; font-size: 1vw; color: #2c2c2c;
 }

 
.container-classifieds-listing .listing-img-2 {transform: rotate(0deg); display: inline-block; position: absolute; top: 0; right: 0; width: 5vw; height: 5vh; float: left; border: 0vw solid #11ff00; text-align: right;transition: all 0.3s ease;} 


.container-classifieds-listing .listing-details-3 {position: absolute; width: 10vw; top: 10vw; left: 0vw; padding: 0; margin: 0;-webkit-transform: rotate(-25deg; opacity: 0.75;); transform: rotate(-25deg);} 

.hritems {
display: none;width: 60vw; float: left; color: #e11111;background-color: #e11111;height: 0.2vw;border:0;margin: 0 0.5vw;padding:0;
}	


.box-featured {
	position: relative;
    width: 35vw;
    height: 50vw;
//    clear: both;
    margin: 4% 10%;
}


#element-tags-gallery-featured {
    font: 3.6vw/3.6vw  'Mirza', cursive;        /* reset the font property */
    border-top: 0.1vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    border-right: 0.1vw solid #d2d2d2;
    border-left: 0.1vw solid #d2d2d2;
	padding: 0.6vw;
}


#element-tags-gallery-featured-2 {
    font: 3.6vw/3.6vw  'Mirza', cursive;        /* reset the font property */
    padding: 0.75vw;
}

#element-tags-gallery-featured-3 {
    font: 3vw/3vw  'Mirza', cursive;        /* reset the font property */
    padding: 0.75vw;
}



.container-ctgy-icons-2 {
display: inline-block; position: relative; width: 96%; padding: 0.5vw; margin:  0.25% 2%; border: 0vw solid #000;
}


.panel_subctgy_icons_1 {
display: inline-block; position: relative; width: 100%;
}


.container-ctgy-icons-inner {
position: relative; float: left; width: 22%; padding: 0.25% 0; text-align:center; vertical-align: middle; font-family:  'Mirza', cursive; font-size: 2.5vw; border:0 solid #000; margin: 1.5%;
}


.container-ctgy-icons-inner:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.panel_subctgy_icons_2 {
display: none; position: relative; width: 100%;
}

.ctgy-icons-more {display: inline-block; position: relative; width: 100%; text-align: center; font-size: 2vw;}

.hr-ctgy-icons {
width: 100%; color: #cecece;background-color: #cecece;height: 0.1vw;border:0;margin:0.1vw 0;padding:0;
}


.box-3 {
    width: 18vw;
    height: 12vw;
	vertical-align: middle;
	font: 0/0  'Mirza', cursive;
}

.container-img-3 {
    width: 10vw;
    height: 10vw;
}

#element-tags-3 {
    font: 2vw/2.5vw  'Mirza', cursive;        /* reset the font property */
    border-top: 0.1vw solid #d2d2d2;
    border-bottom: 0vw solid #d2d2d2;
    border-right: 0vw solid #d2d2d2;
    border-left: 0vw solid #d2d2d2;
	padding: 0.5vw;
}


#element-tags-3-2 {
    font: 2vw/2vw  'Mirza', cursive;        /* reset the font property */
	padding: 0.25vw;
}

#element-tags-3-3 {
    font: 1.6vw/1.6vw  'Mirza', cursive;        /* reset the font property */
    padding: 0.5vw;
}




}



    </style>
