<style>

.body {
	
}

.body-all {}


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

.featured-ads-list {
float: left; display: inline-block; position: relative; width: 85%; 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: 0.5vw;vertical-align: middle;transition: all 0.3s ease;
	}

.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 #d2d2d2; margin: 0.5vw;vertical-align: middle;transition: all 0.3s ease;
	}


.container-classifieds-listing .listing-topline {
	 display: inline-block; position: relative; 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;border: 0 solid #000;
 }
 
 .container-classifieds-listing .listing-topline .listing-brand-logo img{ 
  max-height: 95%; max-width: 95%;
}

.container-classifieds-listing .listing-topline .listing-title {
  width: 60%;float: left;position: relative;border: 0vw solid #000;
 }
 
.container-classifieds-listing .listing-topline .listing-title .listing-title-li {
  padding: 0.25vw; font-family:Calibri;font-weight: bold; font-size: 1.75vw;color: #dc3048;
 }
 
.container-classifieds-listing .listing-topline .listing-title .listing-subtitle-li {
  padding: 0vw 0.5vw; font-family:Calibri;font-size:1.25vw; color: #444;
 }
 
.container-classifieds-listing .listing-topline .listing-date {
  width: 33%;float: right;text-align:right;border: 0 solid #000; padding: 0 0.25%;
 }
 
.container-classifieds-listing .listing-topline .listing-date .listing-date-li {
  padding: 0.5vw 0.5vw 0.2vw 0.5vw; font-family:Calibri;font-size: 1.25vw;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 Arial sans-serif;        /*  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.05vw 0.4vw;font-family:Calibri;font-size:1.25vw; color: #444; 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 #1e1e1e;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: #dc3048; font-family: Calibri; font-size: 1.5vw; font-weight: bold;transition: all 0.3s ease;border: 0.1vw solid #0b7585; border-radius: 0.4vw;padding:0.5vw;}

.listing-details-2 .listing-more {
  position: absolute; bottom: 0.75vw; right: 0.25%;margin: 0;padding: 0.5vw; font-family: Calibri; font-size: 1.25vw; color: #0b7585;
 }

.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: 2.5vw; height: auto; 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 {width: 100%; height: auto;} 

.listing-details-3 img {width: 75%; height: auto;} 

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

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

.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% 12%;
	overflow: hidden;
}

.container-gallery-featured {
    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%;
}

#element-gallery-featured {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
//    font: 16px/1 Arial sans-serif;        /*  reset the font property */
    max-height: 98%;
    max-width: 98%;
    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 Calibri;        /* reset the font property */
    font-weight: bold;
    width: 100%;
    text-align: left;
//    background: #0b7585;
//    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 Calibri;        /*  reset the font property */
    font-weight: bold;
    color: #0b7585;
    width: 100%;
    text-align: left;
//    background: #0b7585;
//    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: 1.25vw/1.25vw Calibri;        /*  reset the font property */
    font-weight: bold;
    width: 100%;
    text-align: left;
//    background: #0b7585;
//    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; 
}


.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: Calibri; font-size: 1.25vw; 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: 1.25vw;}

.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 Arial sans-serif;        /* 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: 1.25vw/1.25vw Calibri;        /*  reset the font property */
    font-weight: bold;
    width: 100%;
    text-align: left;
//    background: #0b7585;
//    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: 1.25vw/1.25vw Calibri;        /* reset the font property */
    font-weight: bold;
    color: #0b7585;
    width: 100%;
    text-align: left;
//    background: #0b7585;
//    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 Calibri;        /* reset the font property */
    font-weight: bold;
    width: 100%;
    text-align: left;
//    background: #0b7585;
//    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: 768px) {

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

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

.container-classifieds-listing-banner {position: relative; display: inline-block; overflow: hidden; width: 94vw; height: 23vw; border: 0vw solid #d2d2d2; margin: 1vw;vertical-align: middle;transition: all 0.3s ease;}

.container-classifieds-listing {position: relative; display: inline-block; overflow: hidden; width: 44.5vw; height: 54vw; border: 0.1vw solid #d2d2d2; margin: 1vw; vertical-align: middle;transition: all 0.3s ease;}



.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; 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:Calibri;font-weight: bold; font-size: 3vw;color: #dc3048; 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:Calibri;font-size:2vw; color: #444; 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;
 }
 
.container-classifieds-listing .listing-topline .listing-date .listing-date-li {
  padding: 0; font-family:Calibri;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 Arial sans-serif;        /* 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:Calibri;font-size:1.25vw; color: #444; 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 #1e1e1e;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: #dc3048; font-family: Calibri; font-size: 3vw; font-weight: bold;transition: all 0.3s ease;border: 0vw solid #0b7585; 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: Calibri; font-size: 1.25vw; color: #0b7585;
 }

 
.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: #dc3048;background-color: #dc3048;height: 0.2vw;border:0;margin: 0 0.5vw;padding:0;
}	


.box-featured {
	position: relative;
    width: 42vw;
    height: 60vw;
//    clear: both;
    margin: 4% 7.5%;
}

#element-tags-gallery-featured {
    font: 3.6vw/3.6vw Calibri;        /* 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 Calibri;        /* reset the font property */
    padding: 0.75vw;
}

#element-tags-gallery-featured-3 {
    font: 3vw/3vw Calibri;        /* 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: Calibri; 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 Calibri;
}

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

#element-tags-3 {
    font: 2vw/2.5vw Calibri;        /* 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 Calibri;        /* reset the font property */
	padding: 0.25vw;
}

#element-tags-3-3 {
    font: 1.6vw/1.6vw Calibri;        /* reset the font property */
    padding: 0.5vw;
}




}



    </style>
