<style>
.message_register{
    font-weight: #696969;
    color:red;
    font-size:14px;
    margin-top:10px;
}
.message_register span{
    color:green;
    
}
		
.social-icons ul {
  padding: 0; }

.text-center.social-icons ul {
  display: inline-block; }

.social-icons li {
  float: left;
  list-style: none; }

.social-icons li a {
  float: left;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  margin: 0 4px 4px 0;
  border-radius: 4px;
  border: 0;
  background: transparent;
  color: #333;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.dark .social-icons li a {
  color: #eeeeee; }

.social-icons.social-icons-colored a,
.social-icons.social-icons-colored-hover a:hover {
  color: #fff;
  border: 0; }



.social-icons.social-icons-colored .social-facebook a,
.social-icons.social-icons-colored-hover .social-facebook a:hover {
  background-color: #5d82d1; }

.social-icons.social-icons-colored .social-twitter a,
.social-icons.social-icons-colored-hover .social-twitter a:hover {
  background-color: #40bff5; }

.social-icons.social-icons-colored .social-instagram a,
.social-icons.social-icons-colored-hover .social-instagram a:hover {
  background-color: #e4405f; }

.social-icons.social-icons-colored .social-gplus a,
.social-icons.social-icons-colored-hover .social-gplus a:hover {
  background-color: #dd4b39; }

.social-icons.social-icons-colored .social-pinterest a,
.social-icons.social-icons-colored-hover .social-pinterest a:hover {
  background-color: #e13138; }

.social-icons.social-icons-colored .social-google a,
.social-icons.social-icons-colored-hover .social-google a:hover {
  background-color: #eb5e4c; }


.social-icons.social-icons-colored .social-linkedin a,
.social-icons.social-icons-colored-hover .social-linkedin a:hover {
  background-color: #238cc8; }

.social-icons.social-icons-colored .social-tumblr a,
.social-icons.social-icons-colored-hover .social-tumblr a:hover {
  background-color: #426d9b; }


.social-icons.social-icons-border li a {
  border: 1px solid #d7d7d7;
  background: transparent;
  color: #fff; }

.social-icons.social-icons-dark li a {
  background: #888;
  color: #fff; }

.social-icons.social-icons-light li a {
  background: #fff;
  color: #333;
  border: 1px solid #eee; }

.social-icons.social-icons-rounded li a {
  border-radius: 50%; }

.social-icons.social-icons-medium li a {
  height: 42px;
  width: 42px;
  line-height: 42px;
  font-size: 18px; }

.social-icons.social-icons-large li a {
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-size: 18px; }

.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #eee; }

.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {
  background-color: #252525; }

.social-icons li:hover i {
  -webkit-animation: toTopFromBottom 0.3s forwards;
  -moz-animation: toTopFromBottom 0.3s forwards;
  animation: toTopFromBottom 0.3s forwards; }

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%); }
  50% {
    opacity: 0;
    transform: translateY(100%); }
  51% {
    opacity: 1; } }

/*# sourceMappingURL=social-icons.css.map */

	
	</style>
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
</script>


<script>

/* $("#submit_reg").click(function(e) {
  e.preventDefault();
  var name = $("#user_name").val(); 
  var email = $("#user_email").val();
  var phone = $("#user_phone").val();
  var password =  "usman";              //$("#user_password").val();
  
  
  var dataString = 'user_name='+name+'&user_email='+email+'&user_phone='+phone+'&user_password='+password;
  $.ajax({
    type:'POST',
    data:dataString,
    url:'register_user.php',
    success:function(data) {
		console.log(data);
      alert('successs');
	  //window.location = 'https://catchfree.ca/admin-panel/admin_all_deactive_posts.php';
    }
  });
}); */

</script>

<script>
$(document).ready(function(){
    $("#submit_reg").click(function(e){
		  e.preventDefault();
		  var name = $("#user_name").val(); 
		  var email = $("#user_email").val();
		  var phone = $("#user_phone").val();
		  var password = $("#user_password").val();
          var datastring = $("#register").serialize();		  
		  $.ajax({
		  type: "POST",
		  url: "register_user.php",
		  data: datastring,
		  cache: false,
		  success: function(data){
			 $("#message_register").text(data); 
             setTimeout(function()
                {
                    $('#reg-panel').modal('hide');
                }, 5000);  
             
		
		  }
		});
        
    });
});
</script>

   
<script language="javascript">
    

// Countries
var state_arr = new Array("Alberta", "British Columbia", "Manitoba", "New Brunswick", "Newfoundland", "Northwest Territories", "Nova Scotia", "Nunavut", "Ontario", "Prince Edward Island", "Quebec", "Saskatchewan","Yukon Territory"
);

// citys
var s_a = new Array();
s_a[0] = "";
s_a[1] = "Airdrie|Grande Prairie|Red Deer|Beaumont|Hanna|St. Albert|Bonnyville|Hinton|Spruce Grove|Brazeau|Irricana|Strathcona County|Breton|Lacombe|Strathmore|Calgary|Leduc|Sylvan Lake|Camrose|Lethbridge|Swan Hills|Canmore|McLennan|Taber|Didzbury|Medicine Hat|Turner Valley|Drayton Valley|Olds|Vermillion|Edmonton|Onoway|Wood Buffalo|Ft. Saskatchewan|Provost";
s_a[2] = "Burnaby|Lumby|Port Moody|Cache Creek|Maple Ridge|Prince George|Castlegar|Merritt|Prince Rupert|Chemainus|Mission|Richmond|Chilliwack|Nanaimo|Saanich|Clearwater|Nelson|Sooke|Colwood|New Westminster|Sparwood|Coquitlam|North Cowichan|Surrey|Cranbrook|North Vancouver|Terrace|Dawson Creek|North Vancouver|Tumbler|Delta|Osoyoos|Vancouver|Fernie|Parksville|Vancouver|Invermere|Peace River|Vernon|Kamloops|Penticton|Victoria|Kaslo|Port Alberni|Whistler|Langley|Port Hardy";
s_a[3] = "Birtle|Flin Flon|Swan River|Brandon|Snow Lake|The Pas|Cranberry Portage|Steinbach|Thompson|Dauphin|Stonewall|Winnipeg";
s_a[4] = "Cap-Pele|Miramichi|Saint John|Fredericton|Moncton|Saint Stephen|Grand Bay-Westfield|Oromocto|Shippagan|Grand Falls|Port Elgin|Sussex|Memramcook|Sackville|Tracadie-Sheila";
s_a[5] = "Hay River|Mount Pearl |St. John\s";
s_a[6] = "Corner Brook|Inuvik|YellowKnife";
s_a[7] = "Amherst|Hants County|Pictou|Annapolis|Inverness County|Pictou County|Argyle|Kentville|Queens|Baddeck|County of Kings|Richmond|Bridgewater|Lunenburg|Shelburne . Cape Breton|Lunenburg County|Stellarton|Chester|Mahone Bay|Truro|Cumberland County|New Glasgow|Windsor|East Hants|New Minas|Yarmouth|Halifax|Parrsboro";
s_a[8] = "Iqaluit";
s_a[9] = "Ajax|Halton|Peterborough|Atikokan|Halton Hills|Pickering|Barrie|Hamilton|Port Bruce|Belleville|Hamilton-Wentworth|Port Burwell|Blandford-Blenheim|Hearst|Port Colborne|Blind River|Huntsville|Port Hope|Brampton|Ingersoll|Prince Edward|Brant|James|Quinte West|Brantford|Kanata|Renfrew|Brock|Kincardine|Richmond Hill|Brockville|King|Sarnia|Burlington|Kingston|Sault Ste. Marie|Caledon|Kirkland Lake|Scarborough|Cambridge|Kitchener|Scugog|Chatham-Kent|Larder Lake|Souix Lookout CoC|Sioux Lookout|Chesterville|Leamington|Smiths Falls|Clarington|Lennox-Addington|South-West Oxford|Cobourg|Lincoln|St. Catharines|Cochrane|Lindsay|St. Thomas|Collingwood|London|Stoney Creek|Cornwall|Loyalist Township|Stratford|Cumberland|Markham|Sudbury|Deep River|Metro Toronto|Temagami|Dundas|Merrickville|Thorold|Durham|Milton|Thunder Bay|Dymond|Nepean|Tillsonburg|Ear Falls|Newmarket|Timmins|East Gwillimbury|Niagara|Toronto|Mississauga|East Zorra-Tavistock|Niagara Falls|Uxbridge|Elgin|Niagara-on-the-Lake|Vaughan|Elliot Lake|North Bay|Wainfleet|Flamborough|North Dorchester|Wasaga Beach|Fort Erie|North Dumfries|Waterloo|Fort Frances|North York|Waterloo (Region)|Gananoque|Norwich|Welland|Georgina|Oakville|Wellesley|Glanbrook|Orangeville|West Carleton|Gloucester|Orillia|West Lincoln|Goulbourn|Osgoode|Whitby|Gravenhurst|Oshawa|Wilmot|Grimsby|Ottawa|Windsor|Guelph|Ottawa-Carleton|Woolwich|Haldimand-Norfork|Owen Sound|York|Oxford";
s_a[10] = "Alberton|Montague|Stratford|Charlottetown|Souris|Summerside|Cornwall";
s_a[11] = "Acton Vale|Alma|Amos|Amqui|Asbestos|Baie-Comeau|Baie-d\Urfé|Baie-Saint-Paul|Barkmere|Beaconsfield|Beauceville|Beauharnois|Beaupré|Bécancour|Bedford|Belleterre|Beloeil|Berthierville|Blainville|Bois-des-Filion|Boisbriand|Bonaventure|Boucherville|Brome Lake|Bromont|Brossard|Brownsburg-Chatham|Candiac|Cap-Chat|Cap-Santé|Carignan|Carleton-sur-Mer|Causapscal|Chambly|Chandler|Chapais|Charlemagne|Château-Richer|Châteauguay|Chibougamau|Clermont|Coaticook|Contrecoeur|Cookshire-Eaton|Coteau-du-Lac|Côte Saint-Luc|Cowansville|Danville|Daveluyville|Dégelis|Delson|Desbiens|Deux-Montagnes|Disraeli|Dolbeau-Mistassini|Dollard-des-Ormeaux|Donnacona|Dorval|Drummondville|Dunham|Duparquet|East Angus|Estérel|Farnham|Fermont|Forestville|Fossambault-sur-le-Lac|Gaspé|Gatineau|Gracefield|Granby|Grande-Rivière|Hampstead|Hudson|Huntingdon|Joliette|Kingsey Falls|Kirkland|L\Ancienne-Lorette|L\Assomption|L\Épiphanie|L\Île-Cadieux|L\Île-Dorval|L\Île-Perrot|La Malbaie|La Pocatière|La Prairie|La Sarre|La Tuque|Lac-Delage|Lac-Mégantic|Lac-Saint-Joseph|Lac-Sergent|Lachute|Laval|Lavaltrie|Lebel-sur-Quévillon|Léry|Lévis|Longueuil|Lorraine|Louiseville|Macamic|Magog|Malartic|Maniwaki|Marieville|Mascouche|Matagami|Matane|Mercier|Métabetchouan–Lac-à-la-Croix|Métis-sur-Mer|Mirabel|Mont-Joli|Mont-Laurier|Mont-Saint-Hilaire|Mont-Tremblant|Montmagny|Montreal|Montreal West (Montréal-Ouest)|Montréal-Est|Mount Royal (Mont-Royal)|Murdochville|Neuville|New Richmond|Nicolet|Normandin|Notre-Dame-de-l\Île-Perrot|Notre-Dame-des-Prairies|Otterburn Park|Paspébiac|Percé|Pincourt|Plessisville|Pohénégamook|Pointe-Claire|Pont-Rouge|Port-Cartier|Portneuf|Prévost|Princeville|Quebec City|Repentigny|Richelieu|Richmond|Rimouski|Rivière-du-Loup|Rivière-Rouge|Roberval|Rosemère|Rouyn-Noranda|Saguenay|Saint-Augustin-de-Desmaures|Saint-Basile|Saint-Basile-le-Grand|Saint-Bruno-de-Montarville|Saint-Césaire|Saint-Colomban|Saint-Constant|Saint-Eustache|Saint-Félicien|Saint-Gabriel|Saint-Georges|Saint-Hyacinthe|Saint-Jean-sur-Richelieu|Saint-Jérôme|Saint-Joseph-de-Beauce|Saint-Joseph-de-Sorel|Saint-Lambert|Saint-Lazare|Saint-Lin-Laurentides|Saint-Marc-des-Carrières|Saint-Ours|Saint-Pamphile|Saint-Pascal|Saint-Pie|Saint-Raymond|Saint-Rémi|Saint-Sauveur|Saint-Tite|Sainte-Adèle|Sainte-Agathe-des-Monts|Sainte-Anne-de-Beaupré|Sainte-Anne-de-Bellevue|Sainte-Anne-des-Monts|Sainte-Anne-des-Plaines|Sainte-Catherine|Sainte-Catherine-de-la-Jacques-Cartier|Sainte-Julie|Sainte-Marguerite-du-Lac-Masson|Sainte-Marie|Sainte-Marthe-sur-le-Lac|Sainte-Thérèse|Salaberry-de-Valleyfield|Schefferville|Scotstown|Senneterre|Sept-Îles|Shawinigan|Sherbrooke|Sorel-Tracy|Stanstead|Sutton|Témiscaming|Témiscouata-sur-le-Lac|Terrebonne|Thetford Mines|Thurso|Trois-Pistoles|Trois-Rivières|Val-d\Or|Valcourt|Varennes|Vaudreuil-Dorion|Victoriaville|Ville-Marie|Warwick|Waterloo|Waterville|Westmount|Windsor";
s_a[12] = "Avonlea|Melfort|Swift Current|Colonsay|Nipawin|Tisdale|Craik|Prince Albert|Unity|Creighton|Regina|Weyburn|Eastend|Saskatoon|Wynyard|Esterhazy|Shell Lake|Yorkton|Gravelbourg";
s_a[13] = "Whitehorse|Dawson City|Faro|Watson Lake";


function populatecitys(stateElementId, cityElementId) {

    var selectedstateIndex = document.getElementById(stateElementId).selectedIndex;

    var cityElement = document.getElementById(cityElementId);

    cityElement.length = 0; // Fixed by Julian Woods
    cityElement.options[0] = new Option('Select city', '');
    cityElement.selectedIndex = 0;

    var city_arr = s_a[selectedstateIndex].split("|");

    for (var i = 0; i < city_arr.length; i++) {
        cityElement.options[cityElement.length] = new Option(city_arr[i], city_arr[i]);
    }
}

function populateCountries(stateElementId, cityElementId) {
    // given the id of the <select> tag as function argument, it inserts <option> tags
    var stateElement = document.getElementById(stateElementId);
    stateElement.length = 0;
    stateElement.options[0] = new Option('Select state', '-1');
    stateElement.selectedIndex = 0;
    for (var i = 0; i < state_arr.length; i++) {
        stateElement.options[stateElement.length] = new Option(state_arr[i], state_arr[i]);
    }

    // Assigned all countries. Now assign event listener for the citys.

    if (cityElementId) {
        stateElement.onchange = function () {
            populatecitys(stateElementId, cityElementId);
        };
    }
}


populateCountries("state", "city");
</script>




<!DOCTYPE html>
<html lang="en">

<head>
<style>
/* LIST VIEW */
#container .list{
    width: 100%;
	padding: 1px;
}
#container .list li {
    background: #F9F9F9;
    margin-bottom: 15px;
    padding: 5px;
    list-style-type: none;
	    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	box-shadow: 0 0 0.6em #ccc;
    -webkit-box-shadow: 0 0 0.6em #ccc;
    -o-box-shadow: 0 0 0.6em #ccc;
    -moz-box-shadow: 0 0 0.6em #ccc;
    -ms-box-shadow: 0 0 0.6em #ccc;
}
@media screen and (max-width: 600px) {
    #container .list li {
    background: #F9F9F9;
    margin-bottom: 0px;
    padding: 3px;
    list-style-type: none;
	    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	box-shadow: 0 0 0.6em #ccc;
    -webkit-box-shadow: 0 0 0.6em #ccc;
    -o-box-shadow: 0 0 0.6em #ccc;
    -moz-box-shadow: 0 0 0.6em #ccc;
    -ms-box-shadow: 0 0 0.6em #ccc;
	}

}
.catpath{
	margin-top:5px;
	margin-bottom: 0px;
	
	}
@media screen and (max-width: 600px) {
    .catpath{
	margin-top:0px;
	margin-bottom: 0px;
	
	}

}
.des{
	margin-top:10px;
	margin-bottom: 0px;
	color: #000000;
	font-size:14px;
	}	
@media screen and (max-width: 600px) {
.des{
	margin-top:3px;
	margin-bottom: 0px;
	color: #000000;
	font-size:12px;
	}	
}

#container .list li:hover {
	background:#fff;
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
#container .list li img{
	float: left;
    margin-right: 0;
    padding-bottom: 0;
    border: 1px solid #D1E0EE;
    padding: 0;
    width: 15%;
    height:20%;
    background-color: #fff;
}
@media screen and (max-width: 600px) {
    #container .list li img{
        float: left;
		margin-right: 0;
		padding-bottom: 0;
		border: 1px solid #D1E0EE;
		padding: 0;
		width: 25%;
		height:15%;
		background-color: #fff;
    }
}
#container ul.list li.alt{ background:gray; }
#container .list li p {
    overflow: hidden;
    word-wrap: break-word;
    color: #C1C1C1;
    font-size: 13px;
}
#container .list li .title{
	overflow: hidden;
    word-wrap: break-word;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
    #container .list li .title{
	overflow: hidden;
    word-wrap: break-word;
    font-size: 14px;
    color: #000000;
    font-weight: 100;
	}
}
#container .list li .adprice{
	display:block;
	font-size:22px;
	display: block;
    font-size: 22px;
    color: #ACD3F7;
    margin: 5px 0 0 0;
}
@media screen and (max-width: 600px) {
    #container .list li .adprice{
	display:block;
	display: block;
    font-size: 12px;
    color: #ACD3F7;
    margin: 5px 0 0 0;
	}
}
span.adprice {
    display: block;
    font-size: 22px;
    color: rgba(1, 161, 133, 0.57);
    margin: 5px 0 0 0;
}
@media screen and (max-width: 600px) {
    span.adprice {
    display: block;
    font-size: 12px;
    color: rgba(1, 161, 133, 0.57);
    margin: 2px 0 0 0;
	}
}
#container .list li .list-left {
    width: 60%;
    margin-left: 3%;
    float: left;
	margin-bottom: -55px;
}
@media screen and (max-width: 600px) {
#container .list li .list-left {
    width: 70%;
    
	margin-bottom: -15px;
	}
}
#container .list li .list-right{
    width: 10%;
    float: right;
    text-align: right;
	margin-bottom: -55px;
}
@media screen and (max-width: 600px) {
   #container .list li .list-right{
    width: 0%;
    }
}
#container .list li .date{
	float: right;
    font-size: 12px;
    display: block;
    width: 100%;
    margin : 5px 0 5px 0;
    color: #404040;
    font-weight: 400;
}
#container .list li .cityname{
	display:block;
	color: #404040;
	
}
span.cityname{
	display:block;
	color: #404040;
}
#container .list li .adprice {
    display: block;
    font-size: 14px;
    color: rgb(245, 2, 0);
    margin: 10px 0 0 0;
}
#container .list li .list-right.title {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 14px;
    text-decoration: none;
    color: #0099e5;
    font-weight: 700;
}
@media screen and (max-width: 600px) {
    #container .list li .list-right.title {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 12px;
    text-decoration: none;
    color: #0099e5;
    font-weight: 300;
	}
}

</style>



	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title class="text-capitalize">Electronics | Marketplace to buy and sell electronics | free classified site canada</title>


	 <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script> 
    
    <!-- Bootstrap Core CSS -->
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="/css/freelancer.min1.css" rel="stylesheet">
    <link href="/css/stylee_catch.css" rel="stylesheet">
    <!--<link href="css/style_1236.css" rel="stylesheet">-->


    <!-- Custom Fonts -->
    <link href="/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    
    <!---Favicon Code--->
	<link rel='shortcut icon' type='/img/favicon.png' href='/img/favicon.png'> <!-- IE -->
	<link rel='apple-touch-icon' type='image/png' href='/img/favicon.png'> <!-- iPhone -->
	<link rel='apple-touch-icon' type='image/png' sizes='72x72' href='/img/favicon.png'> <!-- iPad -->
	<link rel='apple-touch-icon' type='image/png' sizes='114x114' href='/img/favicon.png'> <!-- iPhone4 -->
	<link rel='icon' type='image/png' href='/img/favicon.png'> <!-- Opera Speed Dial, at least 144×114 px -->
	
    <!--- Meta Tags --->
    <meta name="title" content="Marketplace to buy and sell electronics | free classified site canada">
    <meta name="description" content="Buy and sell electronic and all the relevant things that one stop in Canada at our website. Buy and sell best quality  LCD LED computer laptops tablets refrigerators etc free classified site canada.">
    <meta name="keywords" content="Catchfree,Search,ads, Electronics">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">
    
    
    <base href="https://www.catchfree.ca" />
    
    

</head>

<body id="page-top" class="index">
<div id="skipnav"><a href="#maincontent">Skip to main content</a></div>

    <!-- Navigation -->
    
			
    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom" style="background-color:#282828;  
		@media only screen and (max-width: 640px) {
   margin-top: 30px;
   margin-bottom:10px;
}
	">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand logo" href="https://www.catchfree.ca"><img src="/img/CatchFree_E10.png" alt="A Free Classified Site Canada | CatchFree.ca" title="A Free Classified Site Canada | CatchFree.ca" height="70px" width="200px"  style="margin-top:-7px; padding:5px; padding-bottom:10px;" /></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="page-scroll">
                        <a href="https://www.catchfree.ca">Home</a>
                    </li>
                    <li class="page-scroll">
                        <a href="about-us" title="About Catch Free | CatchFree.ca">About</a>
                    </li>
                     <li class="page-scroll">
                                        <a href="#" id="#Login" data-toggle="modal" data-target="#login-panel" title="Sign in | CatchFree.ca">Sign in</a>
                                    </li>
                                    <li class="page-scroll">
                                        <a href="##" id="#Registration" data-toggle="modal" data-target="#reg-panel" title="Register in | CatchFree.ca">Register</a>
                                    </li>
                                    <li class="active">
                                        <a href="#" data-toggle="modal" data-target="#login-panel" style="background-color:#ED1B24; font-size:20px; border-radius:4px;" title="Post Free Ads on Catch Free | CatchFree.ca">Post Free Ad</a>
                                    </li>
                                    
                    
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
		
		

		
    </nav>
    

			<!---start popup Model --->    
  	
            <!---start popup Model --->    
  
    <div class="modal fade" id="login-panel" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Login</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <form role="form" method="POST" action="user_login.php" enctype="multipart/form-data" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" class="form-control" id="email1" placeholder="Email" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password1" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" autocomplete="off" name="user_pass"  class="form-control" id="password1" placeholder="Password" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-2">

                                    </div>
                                    <div class="col-sm-10">
                                        <div class="g-recaptcha" data-sitekey="6Ld12cQZAAAAAEcDi7iz7a1qedLePJHYj2xIITIY"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button id="login" class="btn btn-primary btn-sm">
                                            Submit</button>
                                        <button type="button" id="btn_close" data-dismiss="modal" aria-hidden="true" class="btn btn-default btn-sm">
                                            Cancel</button>
                                            <p id="login-message" style="color:green;font-size:14px;margin-top:10px;"></p>
                                            <a href="#" id="#forget_password" data-toggle="modal" data-target="#forget_password"> Forget Password</a>
                                    </div>
                                </div>
                                </div>
                                
                                </form>  
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->
<!---start popup Model --->    
  
    <div class="modal fade" id="forget_password" tabindex="-1" role="dialog" aria-labelledby="forget_password"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Forget Password</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <form action="forget_password.php" role="form" method="POST"  enctype="multipart/form-data" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" class="form-control" id="email1" placeholder="Email" />
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <div class="col-sm-2">

                                    </div>
                                    <div class="col-sm-10">
                                        <div class="g-recaptcha" data-sitekey="6Ld12cQZAAAAAEcDi7iz7a1qedLePJHYj2xIITIY"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button id="forget_password" class="btn btn-primary btn-sm">
                                            Forget Password</button>
                                        <button type="button" id="btn_close" data-dismiss="modal" aria-hidden="true" class="btn btn-default btn-sm">
                                            Cancel</button>
                                            <p id="login-message" style="color:green;font-size:14px;margin-top:10px;"></p>
                                            
                                    </div>
                                </div>
                                </div>
                                
                                </form>  
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->
            <!---start popup Model --->    
  
    <div class="modal fade" id="login-panel-postad" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Login</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <form role="form" method="POST" action="user_login.php" enctype="multipart/form-data" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" class="form-control" id="email1" placeholder="Email" required/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password1" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" autocomplete="off" name="user_pass"  class="form-control" id="password1" placeholder="Password" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                        <button id="login" class="btn btn-primary btn-sm">
                                            Submit</button>
                                            
                                            <p id="login-message" style="color:green;font-size:14px;margin-top:10px;"></p>
                                        
                                    </div>
                                </div>
                                </form>  
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->
<!---start popup Model --->    
  
    <div class="modal fade" id="reg-panel" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h4 class="modal-title" id="myModalLabel">
                    Registration</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div style="padding-right: 30px; padding-left: 30px;">
                        
                       <div class="tab-pane" id="Registration">
                                <form  id="register" role="form" class="form-horizontal">
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Name</label>
                                    <div class="col-sm-10">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <select class="form-control">
                                                    <option>Mr.</option>
                                                    <option>Ms.</option>
                                                    <option>Mrs.</option>
                                                </select>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="user_name" autocomplete="off" id="user_name" class="form-control" minlength="5" maxlength="30" placeholder="Name" required />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="email" class="col-sm-2 control-label">
                                        Email</label>
                                    <div class="col-sm-10">
                                        <input type="email" autocomplete="off" name="user_email" id="user_email" class="form-control" id="email" placeholder="Email" minlength="7" maxlength="30" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="mobile" class="col-sm-2 control-label">
                                        Mobile</label>
                                    <div class="col-sm-10">
                                        <input type="number" autocomplete="off" name="user_phone" id="user_phone" class="form-control" id="mobile" placeholder="Mobile" min="7" max="99999999999" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password" class="col-sm-2 control-label">
                                        Password</label>
                                    <div class="col-sm-10">
                                        <input type="password" autocomplete="off" name="user_password" id="user_password" class="form-control" id="password" placeholder="Password" minlength="8" maxlength="30" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="postal-code" class="col-sm-2 control-label">
                                        Postal Code</label>
                                    <div class="col-sm-10">
                                        <input type="test" autocomplete="off" name="postal_code" id="postal_code" class="form-control" placeholder="Postal Code" minlength="4" maxlength="8" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="user-address" class="col-sm-2 control-label">
                                        Address</label>
                                    <div class="col-sm-10">
                                        <input type="test" autocomplete="off" name="user_address" id="user_address" class="form-control" placeholder="Address" minlength="10" maxlength="100" required />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="user_state" class="col-sm-2 control-label">
                                        State</label>
                                    <div class="col-sm-10">
                                         <select  id="state" name="user_state" class="form-control" required>
                                        
                                    </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="user_city" class="col-sm-2 control-label">
                                        City</label>
                                    <div class="col-sm-10">
                                         <select name="user_city" id="city" class="form-control" required>
                                        
                                    </select> 
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-2">
                                    
                                    </div>
                                    <div class="col-sm-10">
                                        <div class="g-recaptcha" data-sitekey="6Ld12cQZAAAAAEcDi7iz7a1qedLePJHYj2xIITIY"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-2">
                                    </div>
                                    <div class="col-sm-10">
                                    <p id="message_register" class="message_register"></p>
                                        <button   id="submit_reg" class="btn btn-primary btn-sm">
                                            Register</button>
                                        <button type="button" id="btn_close" data-dismiss="modal" aria-hidden="true" class="btn btn-default btn-sm">
                                            Cancel</button>
                                            
                                            
                                    </div>
                                    
                                </div>
                                </form>
                            </div>
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

<!---end popup model --->


            
            <!---end popup model --->

<!--- Search Form --->
<div class="navbar navbar-default" style="margin-top:9em;">
        <div class="container" style="margin-top:10px;">
          <div class="row">
          
            <div class="col-xs-12 col-md-10 col-md-offset-1">
              <div class="form-section">
                <div class="row">
                     <form role="form" action="posts_list.php">
                      <div class="col-md-4">
                        <div class="input-group hidden-xs">
                          <span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
                          <input type="text" name="post_keyword" id="post_keyword" class="form-control" autocomplete="off" placeholder="Type Product Name">
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="form-group">
                          <label class="sr-only" for="guest">Select Category</label>
                          <select class="selectpicker form-control text-capitalize" id="parent_category" name="parent_category">
                             <option value="1" selected>buy and sell</option>
                             
                                <option class="text-capitalize" value="1"><b>buy and sell</b></option><option class="text-capitalize" value="2"><b>vacation rentals</b></option><option class="text-capitalize" value="3"><b>cars and vehicles</b></option><option class="text-capitalize" value="4"><b>real estate</b></option><option class="text-capitalize" value="5"><b>jobs</b></option><option class="text-capitalize" value="6"><b>services</b></option><option class="text-capitalize" value="7"><b>pets</b></option><option class="text-capitalize" value="8"><b>community</b></option><option class="text-capitalize" value="9"><b>matrimonials</b></option>                                              
                          </select>
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="form-group">
                          <label class="sr-only" for="guest" >City</label>
                         		  <select class="form-control" id="location_city" name="location_city">
                                 <option value="" selected>All Cites</option> 
								
											
                                            
                                          <optgroup label="Ontario">
                                            <option value="Bancroft">Bancroft</option>
                                            <option value="Barrie">Barrie</option>
                                            <option value="Belleville">Belleville</option>
                                            <option value="Brampton">Brampton</option>
                                            <option value="Brantford">Brantford</option>
                                            <option value="Brockville">Brockville</option>
                                            <option value="Burlington">Burlington</option>
                                            <option value="Cambridge">Cambridge</option>
                                            <option value="Chatham">Chatham</option>
                                            <option value="Chatham-Kent">Chatham-Kent</option>
                                            <option value="Cornwall">Cornwall</option>
                                            <option value="Elliot Lake">Elliot Lake</option>
                                            <option value="Etobicoke">Etobicoke</option>
                                            <option value="Fort Erie">Fort Erie</option>
                                            <option value="Fort Frances">Fort Frances</option>
                                            <option value="Gananoque">Gananoque</option>
                                            <option value="Guelph">Guelph</option>
                                            <option value="Hamilton">Hamilton</option>
                                            <option value="Iroquois Falls">Iroquois Falls</option>
                                            <option value="Kapuskasing">Kapuskasing</option>
                                            <option value="Kawartha Lakes">Kawartha Lakes</option>
                                            <option value="Kenora">Kenora</option>
                                            <option value="Kingston">Kingston</option>
                                            <option value="Kirkland Lake">Kirkland Lake</option>
                                            <option value="Kitchener">Kitchener</option>
                                            <option value="Laurentian Hills">Laurentian Hills</option>
                                            <option value="London">London</option>
                                            <option value="Midland">Midland</option>
                                            <option value="Mississauga">Mississauga</option>
                                            <option value="Moose Factory">Moose Factory</option>
                                            <option value="Moosonee">Moosonee</option>
                                            <option value="Niagara Falls">Niagara Falls</option>
                                            <option value="Niagara-on-the-Lake">Niagara-on-the-Lake</option>
                                            <option value="North Bay">North Bay</option>
                                            <option value="North York">North York</option>
                                            <option value="Oakville">Oakville</option>
                                            <option value="Orillia">Orillia</option>
                                            <option value="Oshawa">Oshawa</option>
                                            <option value="Ottawa">Ottawa</option>
                                            <option value="Parry Sound">Parry Sound</option>
                                            <option value="Perth">Perth</option>
                                            <option value="Peterborough">Peterborough</option>
                                            <option value="Picton">Picton</option>
                                            <option value="Port Colborne">Port Colborne</option>
                                            <option value="Saint Catharines">Saint Catharines</option>
                                            <option value="Saint Thomas">Saint Thomas</option>
                                            <option value="Sarnia-Clearwater">Sarnia-Clearwater</option>
                                            <option value="Sault Sainte Marie">Sault Sainte Marie</option>
                                            <option value="Scarborough">Scarborough</option>
                                            <option value="Simcoe">Simcoe</option>
                                            <option value="Stratford">Stratford</option>
                                            <option value="Sudbury">Sudbury</option>
                                            <option value="Temiskaming Shores">Temiskaming Shores</option>
                                            <option value="Thorold">Thorold</option>
                                            <option value="Thunder Bay">Thunder Bay</option>
                                            <option value="Timmins">Timmins</option>
                                            <option value="Toronto">Toronto</option>
											<option value="Mississauga">Mississauga </option>
                                            <option value="Trenton">Trenton</option>
                                            <option value="Waterloo">Waterloo</option>
                                            <option value="Welland">Welland</option>
                                            <option value="West Nipissing">West Nipissing</option>
                                            <option value="Windsor">Windsor</option>
                                            <option value="Woodstock">Woodstock</option>
                                            <option value="York">York</option>
                                            
                                          </optgroup>
										  <optgroup label="Alberta">
                                            <option value="Banff">Banff</option>
                                            <option value="Brooks">Brooks</option>
                                            <option value="Calgary">Calgary</option>
                                            <option value="Edmonton">Edmonton</option>
                                            <option value="Fort McMurray">Fort McMurray</option>
                                            <option value="Grande Prairie">Grande Prairie</option>
                                            <option value="Jasper">Jasper</option>
                                            <option value="Lake Louise">Lake Louise</option>
                                            <option value="Lethbridge">Lethbridge</option>
                                            <option value="Medicine Hat">Medicine Hat</option>
                                            <option value="Red Deer">Red Deer</option>
                                            <option value="Saint Albert">Saint Albert</option>
                                            
                                          </optgroup>
                                          <optgroup label="British Columbia">
                                            <option value="Barkerville">Barkerville</option>
                                            <option value="Burnaby">Burnaby</option>
                                            <option value="Campbell River">Campbell River</option>
                                            <option value="Chilliwack">Chilliwack</option>
                                            <option value="Courtenay">Courtenay</option>
                                            <option value="Cranbrook">Cranbrook</option>
                                            <option value="Dawson Creek">Dawson Creek</option>
                                            <option value="Delta">Delta</option>
                                            <option value="Esquimalt">Esquimalt</option>
                                            <option value="Fort Saint James">Fort Saint James</option>
                                            <option value="Fort Saint John">Fort Saint John</option>
                                            <option value="Hope">Hope</option>
                                            <option value="Kamloops">Kamloops</option>
                                            <option value="Kelowna">Kelowna</option>
                                            <option value="Kimberley">Kimberley</option>
                                            <option value="Kitimat">Kitimat</option>
                                            <option value="Langley">Langley</option>
                                            <option value="Nanaimo">Nanaimo</option>
                                            <option value="Nelson">Nelson</option>
                                            <option value="New Westminster">New Westminster</option>
                                            <option value="North Vancouver">North Vancouver</option>
                                            <option value="Oak Bay">Oak Bay</option>
                                            <option value="Penticton">Penticton</option>
                                            <option value="Powell River">Powell River</option>
                                            <option value="Prince George">Prince George</option>
                                            <option value="Prince Rupert">Prince Rupert</option>
                                            <option value="Quesnel">Quesnel</option>
                                            <option value="Revelstoke">Revelstoke</option>
                                            <option value="Rossland">Rossland</option>
                                            <option value="Trail">Trail</option>
                                            <option value="Vancouver">Vancouver</option>
                                            <option value="Vernon">Vernon</option>
                                            <option value="Victoria">Victoria</option>
                                            <option value="West Vancouver">West Vancouver</option>
                                            <option value="White Rock">White Rock</option>
                                            
                                          </optgroup>
                                          <optgroup label="Labrador and Newfoundland">
                                            <option value="Argentia">Argentia</option>
                                            <option value="Bonavista">Bonavista</option>
                                            <option value="Channel-Port aux Basques">Channel-Port aux Basques</option>
                                            <option value="Corner Brook">Corner Brook</option>
                                            <option value="Ferryland">Ferryland</option>
                                            <option value="Gander">Gander</option>
                                            <option value="Grand Falls–Windsor">Grand Falls–Windsor</option>
                                            <option value="Happy Valley–Goose Bay">Happy Valley–Goose Bay</option>
                                            <option value="Harbour Grace">Harbour Grace</option>
                                            <option value="Labrador City">Labrador City</option>
                                            <option value="Placentia">Placentia</option>
                                            <option value="Saint Anthony">Saint Anthony</option>
                                            <option value="St. John’s">St. John’s</option>
                                            <option value="Wabana">Wabana</option>
                                            
                                          </optgroup>
                                          <optgroup label="Manitoba">
                                            <option value="Brandon">Brandon</option>
                                            <option value="Churchill">Churchill</option>
                                            <option value="Dauphin">Dauphin</option>
                                            <option value="Flin Flon">Flin Flon</option>
                                            <option value="Kildonan">Kildonan</option>
                                            <option value="Saint Boniface">Saint Boniface</option>
                                            <option value="Swan River">Swan River</option>
                                            <option value="Thompson">Thompson</option>
                                            <option value="Winnipeg">Winnipeg</option>
                                            <option value="York Factory">York Factory</option>
                                            
                                          </optgroup>
                                          <optgroup label="New Brunswick">
                                            <option value="Bathurst">Bathurst</option>
                                            <option value="Caraquet">Caraquet</option>
                                            <option value="Dalhousie">Dalhousie</option>
                                            <option value="Fredericton">Fredericton</option>
                                            <option value="Miramichi">Miramichi</option>
                                            <option value="Moncton">Moncton</option>
                                            <option value="Saint John">Saint John</option>
                                            <option value="Wabana">Wabana</option>
                                            
                                          </optgroup>
                                          <optgroup label="Nova Scotia">
                                            <option value="Baddeck">Baddeck</option>
                                            <option value="Digby">Digby</option>
                                            <option value="Glace Bay">Glace Bay</option>
                                            <option value="Halifax">Halifax</option>
                                            <option value="Liverpool">Liverpool</option>
                                            <option value="Louisbourg">Louisbourg</option>
                                            <option value="Lunenburg">Lunenburg</option>
                                            <option value="Pictou">Pictou</option>
                                            <option value="Port Hawkesbury">Port Hawkesbury</option>
                                            <option value="Springhill">Springhill</option>
                                            <option value="Sydney">Sydney</option>
                                            <option value="Yarmouth">Yarmouth</option>
                                            
                                          </optgroup>
                                          <optgroup label="Nunavut">
                                            <option value="Iqaluit">Iqaluit</option>
                                            
                                          </optgroup>
                                          <optgroup label="North West Terr.">
                                            <option value="Fort Smith">Fort Smith</option>
                                            <option value="Hay River">Hay River</option>
                                            <option value="Inuvik">Inuvik</option>
                                            <option value="Tuktoyaktuk">Tuktoyaktuk</option>
                                            <option value="Yellowknife">Yellowknife</option>
                                            <option value="Wabana">Wabana</option>
                                            
                                          </optgroup>
                                          
                                          <optgroup label="Prince Edward Is">
                                            <option value="Borden">Borden</option>
                                            <option value="Cavendish">Cavendish</option>
                                            <option value="Charlottetown">Charlottetown</option>
                                            <option value="Souris">Souris</option>
                                            <option value="Summerside">Summerside</option>
                                            
                                          </optgroup>
                                          <optgroup label="Quebec">
                                            <option value="Asbestos">Asbestos</option>
                                            <option value="Baie-Comeau">Baie-Comeau</option>
                                            <option value="Beloeil">Beloeil</option>
                                            <option value="Cap-de-la-Madeleine">Cap-de-la-Madeleine</option>
                                            <option value="Chambly">Chambly</option>
                                            <option value="Charlesbourg">Charlesbourg</option>
                                            <option value="Chateauguay">Chateauguay</option>
                                            <option value="Chibougamau">Chibougamau</option>
                                            <option value="Cote-Saint-Luc">Cote-Saint-Luc</option>
                                            <option value="Dorval">Dorval</option>
                                            <option value="Gaspe">Gaspe</option>
                                            <option value="Gatineau">Gatineau</option>
                                            <option value="Granby">Granby</option>
                                            <option value="Havre-Saint-Pierre">Havre-Saint-Pierre</option>
                                            <option value="Hull">Hull</option>
                                            <option value="Jonquière">Jonquière</option>
                                            <option value="Kuujjuaq">Kuujjuaq</option>
                                            <option value="La Salle">La Salle</option>
                                            <option value="La Tuque">La Tuque</option>
                                            <option value="Lachine">Lachine</option>
                                            <option value="Laval">Laval</option>
                                            <option value="Levis">Levis</option>
                                            <option value="Longueuil">Longueuil</option>
                                            <option value="Magog">Magog</option>
                                            <option value="Matane">Matane</option>
                                            <option value="Montreal">Montreal</option>
                                            <option value="Montréal-Nord">Montréal-Nord</option>
                                            <option value="Percé">Percé</option>
                                            <option value="Port-Cartier">Port-Cartier</option>
                                            <option value="Quebec">Quebec</option>
                                            <option value="Rimouski">Rimouski</option>
                                            <option value="Rouyn-Noranda">Rouyn-Noranda</option>
                                            <option value="Saguenay">Saguenay</option>
                                            <option value="Saint-Eustache">Saint-Eustache</option>
                                            <option value="Saint-Hubert">Saint-Hubert</option>
                                            <option value="Sainte-Anne-de-Beaupré">Sainte-Anne-de-Beaupré</option>
                                            <option value="Sainte-Foy">Sainte-Foy</option>
                                            <option value="Sainte-Thérèse">Sainte-Thérèse</option>
                                            <option value="Sept-ÃŽles">Sept-ÃŽles</option>
                                            <option value="Sherbrooke">Sherbrooke</option>
                                            <option value="Sorel-Tracy">Sorel-Tracy</option>
                                            <option value="Trois-Rivières">Trois-Rivières</option>
                                            <option value="Val-d’Or">Val-d’Or</option>
                                            <option value="Waskaganish">Waskaganish</option>
                                            
                                          </optgroup>
                                          <optgroup label="Saskatchewen">
                                            <option value="Batoche">Batoche</option>
                                            <option value="Cumberland House">Cumberland House</option>
                                            <option value="Estevan">Estevan</option>
                                            <option value="Flin Flon">Flin Flon</option>
                                            <option value="Moose Jaw">Moose Jaw</option>
                                            <option value="Prince Albert">Prince Albert</option>
                                            <option value="Regina">Regina</option>
                                            <option value="Saskatoon">Saskatoon</option>
                                            <option value="Uranium City">Uranium City</option>
                                            
                                          </optgroup>
                                          <optgroup label="Yukon">
                                            <option value="Dawson">Dawson</option>
                                            <option value="Watson Lake">Watson Lake</option>
                                            <option value="Whitehorse">Whitehorse</option>
                                            
                                          </optgroup>
                                        
                         
		
		                               </select>         
                        </div>
                      </div>
                      <div class="col-md-2">
                        <button type="submit" class="btn btn-default btn-primary" onClick="search_by()">Search</button>
                      </div>
                    </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

<!---End Seach Form ---->    

<!-- Cars -->
	<div class="total-ads">
		<div class="container">
			
			<div class="ads-grid">
				<div class="side-bar col-md-3" style="margin-bottom:50px;">
					<div class="search-hotel">
                      <br>
            			  <!--- buy & Sell ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#buysell">
                                <h4 class="panel-title" style="font-size:14px">
                                  buy & Sell
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="buysell" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group" style="padding:0px;"><a href="posts_list.php?category_id=1" ><li class="list-group-item justify-content-between">Arts, Antiques</li></a><a href="posts_list.php?category_id=2" ><li class="list-group-item justify-content-between">Baby items</li></a><a href="posts_list.php?category_id=3" ><li class="list-group-item justify-content-between">Bikes</li></a><a href="posts_list.php?category_id=4" ><li class="list-group-item justify-content-between">Books, Magazines</li></a><a href="posts_list.php?category_id=5" ><li class="list-group-item justify-content-between">Business</li></a><a href="posts_list.php?category_id=6" ><li class="list-group-item justify-content-between">Electronics</li></a><a href="posts_list.php?category_id=7" ><li class="list-group-item justify-content-between">Computer, Accessories</li></a><a href="posts_list.php?category_id=8" ><li class="list-group-item justify-content-between">Clothing</li></a><a href="posts_list.php?category_id=9" ><li class="list-group-item justify-content-between">Free Stuff</li></a><a href="posts_list.php?category_id=10" ><li class="list-group-item justify-content-between">Furniture</li></a><a href="posts_list.php?category_id=11" ><li class="list-group-item justify-content-between">Garage, Shops</li></a><a href="posts_list.php?category_id=12" ><li class="list-group-item justify-content-between">Medical Equipment's</li></a><a href="posts_list.php?category_id=13" ><li class="list-group-item justify-content-between">House Hold Items</li></a><a href="posts_list.php?category_id=14" ><li class="list-group-item justify-content-between">Jewelry, Accessories</li></a><a href="posts_list.php?category_id=15" ><li class="list-group-item justify-content-between">Musical Instruments</li></a><a href="posts_list.php?category_id=16" ><li class="list-group-item justify-content-between">Phone, Accessories</li></a><a href="posts_list.php?category_id=17" ><li class="list-group-item justify-content-between">Sports Items</li></a><a href="posts_list.php?category_id=18" ><li class="list-group-item justify-content-between">Tickets, Coupons</li></a><a href="posts_list.php?category_id=19" ><li class="list-group-item justify-content-between">Tools</li></a><a href="posts_list.php?category_id=20" ><li class="list-group-item justify-content-between">Toys, Games</li></a><a href="posts_list.php?category_id=21" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- Jobs --->   
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#jobs">
                                <h4 class="panel-title" style="font-size:14px">
                                  Jobs
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="jobs" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list_by_jobs.php?category_id=61" ><li class="list-group-item justify-content-between">Accounting, Execution</li></a><a href="posts_list_by_jobs.php?category_id=62" ><li class="list-group-item justify-content-between">Child care</li></a><a href="posts_list_by_jobs.php?category_id=63" ><li class="list-group-item justify-content-between">Hospitality</li></a><a href="posts_list_by_jobs.php?category_id=64" ><li class="list-group-item justify-content-between">House Keeper, Cleaning</li></a><a href="posts_list_by_jobs.php?category_id=75" ><li class="list-group-item justify-content-between">Construction</li></a><a href="posts_list_by_jobs.php?category_id=76" ><li class="list-group-item justify-content-between">Customer Services</li></a><a href="posts_list_by_jobs.php?category_id=77" ><li class="list-group-item justify-content-between">Security, Driver</li></a><a href="posts_list_by_jobs.php?category_id=78" ><li class="list-group-item justify-content-between">Labor, Supervisor</li></a><a href="posts_list_by_jobs.php?category_id=79" ><li class="list-group-item justify-content-between">Web & Graphics Design</li></a><a href="posts_list_by_jobs.php?category_id=80" ><li class="list-group-item justify-content-between">Computer Programmer</li></a><a href="posts_list_by_jobs.php?category_id=81" ><li class="list-group-item justify-content-between">System Analyst</li></a><a href="posts_list_by_jobs.php?category_id=82" ><li class="list-group-item justify-content-between">Health care</li></a><a href="posts_list_by_jobs.php?category_id=83" ><li class="list-group-item justify-content-between">Salon</li></a><a href="posts_list_by_jobs.php?category_id=84" ><li class="list-group-item justify-content-between">Office Staff</li></a><a href="posts_list_by_jobs.php?category_id=85" ><li class="list-group-item justify-content-between">Sales Person</li></a><a href="posts_list_by_jobs.php?category_id=86" ><li class="list-group-item justify-content-between">Tutor</li></a><a href="posts_list_by_jobs.php?category_id=87" ><li class="list-group-item justify-content-between">Media </li></a><a href="posts_list_by_jobs.php?category_id=88" ><li class="list-group-item justify-content-between">Gardener</li></a><a href="posts_list_by_jobs.php?category_id=89" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- CARS & VEHICLES ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#cars">
                                <h4 class="panel-title" style="font-size:14px">
                                  CARS & VEHICLES
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="cars" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list_by_cars.php?category_id=37" ><li class="list-group-item justify-content-between">Cars, Trucks</li></a><a href="posts_list_by_cars.php?category_id=38" ><li class="list-group-item justify-content-between">Auto parts</li></a><a href="posts_list_by_cars.php?category_id=39" ><li class="list-group-item justify-content-between">Automotive Services</li></a><a href="posts_list_by_cars.php?category_id=40" ><li class="list-group-item justify-content-between">Motorbikes</li></a><a href="posts_list_by_cars.php?category_id=41" ><li class="list-group-item justify-content-between">Boats</li></a><a href="posts_list_by_cars.php?category_id=42" ><li class="list-group-item justify-content-between">Snowmobiles</li></a><a href="posts_list_by_cars.php?category_id=43" ><li class="list-group-item justify-content-between">Trailers, RV's</li></a><a href="posts_list_by_cars.php?category_id=44" ><li class="list-group-item justify-content-between">Heavy Equipment's</li></a><a href="posts_list_by_cars.php?category_id=45" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- REAL ESTATE ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#real_estate">
                                <h4 class="panel-title" style="font-size:14px">
                                  REAL ESTATE
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="real_estate" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list_by_realestate.php?category_id=50" ><li class="list-group-item justify-content-between">Apartments, Condos</li></a><a href="posts_list_by_realestate.php?category_id=51" ><li class="list-group-item justify-content-between">House, Villas</li></a><a href="posts_list_by_realestate.php?category_id=52" ><li class="list-group-item justify-content-between">Rooms, Room mates</li></a><a href="posts_list_by_realestate.php?category_id=53" ><li class="list-group-item justify-content-between">Office space, shops</li></a><a href="posts_list_by_realestate.php?category_id=54" ><li class="list-group-item justify-content-between">Stores, Parking</li></a><a href="posts_list_by_realestate.php?category_id=55" ><li class="list-group-item justify-content-between">House (Sale)</li></a><a href="posts_list_by_realestate.php?category_id=56" ><li class="list-group-item justify-content-between">Condos (Sale)</li></a><a href="posts_list_by_realestate.php?category_id=57" ><li class="list-group-item justify-content-between">Land (Sale)</li></a><a href="posts_list_by_realestate.php?category_id=58" ><li class="list-group-item justify-content-between">Services</li></a><a href="posts_list_by_realestate.php?category_id=59" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- VACATION RENTALS ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#vacation">
                                <h4 class="panel-title" style="font-size:14px">
                                  VACATION RENTALS
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="vacation" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list.php?category_id=32" ><li class="list-group-item justify-content-between">Canada</li></a><a href="posts_list.php?category_id=33" ><li class="list-group-item justify-content-between">USA</li></a><a href="posts_list.php?category_id=34" ><li class="list-group-item justify-content-between">Caribbean</li></a><a href="posts_list.php?category_id=35" ><li class="list-group-item justify-content-between">Mexico</li></a><a href="posts_list.php?category_id=36" ><li class="list-group-item justify-content-between">Other Countries</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- PETS ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#pets">
                                <h4 class="panel-title" style="font-size:14px">
                                  PETS
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="pets" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list.php?category_id=108" ><li class="list-group-item justify-content-between">Pets Services</li></a><a href="posts_list.php?category_id=109" ><li class="list-group-item justify-content-between">Pets Rehoming</li></a><a href="posts_list.php?category_id=110" ><li class="list-group-item justify-content-between">Pets Accessories</li></a><a href="posts_list.php?category_id=111" ><li class="list-group-item justify-content-between">Lost & Found</li></a><a href="posts_list.php?category_id=112" ><li class="list-group-item justify-content-between">Live Stock</li></a><a href="posts_list.php?category_id=113" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- SERVICES ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#services">
                                <h4 class="panel-title" style="font-size:14px">
                                  SERVICES
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="services" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list.php?category_id=92" ><li class="list-group-item justify-content-between">Art, Entertainment</li></a><a href="posts_list.php?category_id=93" ><li class="list-group-item justify-content-between">Childcare</li></a><a href="posts_list.php?category_id=94" ><li class="list-group-item justify-content-between">Cleaning</li></a><a href="posts_list.php?category_id=95" ><li class="list-group-item justify-content-between">Legal Guidance</li></a><a href="posts_list.php?category_id=96" ><li class="list-group-item justify-content-between">Financial Advice</li></a><a href="posts_list.php?category_id=97" ><li class="list-group-item justify-content-between">Health, Fitness</li></a><a href="posts_list.php?category_id=98" ><li class="list-group-item justify-content-between">Cuisine, Catering</li></a><a href="posts_list.php?category_id=99" ><li class="list-group-item justify-content-between">Movers, Labor</li></a><a href="posts_list.php?category_id=100" ><li class="list-group-item justify-content-between">Pick  & Drop</li></a><a href="posts_list.php?category_id=101" ><li class="list-group-item justify-content-between">Relocation</li></a><a href="posts_list.php?category_id=102" ><li class="list-group-item justify-content-between">Security</li></a><a href="posts_list.php?category_id=103" ><li class="list-group-item justify-content-between">Transportation</li></a><a href="posts_list.php?category_id=104" ><li class="list-group-item justify-content-between">Education</li></a><a href="posts_list.php?category_id=105" ><li class="list-group-item justify-content-between">Counseling</li></a><a href="posts_list.php?category_id=106" ><li class="list-group-item justify-content-between">Beautician</li></a><a href="posts_list.php?category_id=107" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- COMMUNITY ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#community">
                                <h4 class="panel-title" style="font-size:14px">
                                  COMMUNITY
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="community" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list.php?category_id=114" ><li class="list-group-item justify-content-between">Artists</li></a><a href="posts_list.php?category_id=115" ><li class="list-group-item justify-content-between">Events</li></a><a href="posts_list.php?category_id=116" ><li class="list-group-item justify-content-between">Rideshare</li></a><a href="posts_list.php?category_id=117" ><li class="list-group-item justify-content-between">Lost, Found</li></a><a href="posts_list.php?category_id=118" ><li class="list-group-item justify-content-between">Culture, Groups</li></a><a href="posts_list.php?category_id=119" ><li class="list-group-item justify-content-between">Volunteers</li></a><a href="posts_list.php?category_id=120" ><li class="list-group-item justify-content-between">Local News</li></a><a href="posts_list.php?category_id=121" ><li class="list-group-item justify-content-between">Sports</li></a><a href="posts_list.php?category_id=122" ><li class="list-group-item justify-content-between">ReViews</li></a><a href="posts_list.php?category_id=123" ><li class="list-group-item justify-content-between">Pet Adoption</li></a><a href="posts_list.php?category_id=124" ><li class="list-group-item justify-content-between">Musicians</li></a><a href="posts_list.php?category_id=125" ><li class="list-group-item justify-content-between">Others</li></a></ul>                                </div>
                              </div>
                            </div>
                          <!--- MATRIMONIALS ---> 
                          <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a data-toggle="collapse" data-parent="#accordion" href="#matrimonials">
                                <h4 class="panel-title" style="font-size:14px">
                                  Matrimonials
                                <i class="fa fa-arrow-circle-down pull-right" aria-hidden="true"></i>
                                </h4>
                                </a>
                              </div>
                              <div id="matrimonials" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group"><a href="posts_list.php?category_id=126" ><li class="list-group-item justify-content-between">Seeking Bride</li></a><a href="posts_list.php?category_id=127" ><li class="list-group-item justify-content-between">Seeking Groom</li></a></ul>                                </div>
                              </div>
                            </div>
                       
					</div>
				
				
				
				<div class="w3-brand-select">
					<!--<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Price</h3>
					  
                      <form id="integerForm">
                      <div class="row col-md-8">
                      <div class="input-group">
                         	<input type="number" id="min_price" name="min_price" min="0" max="1000000" placeholder="Min Price" class="form-control" required>				
                             <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                      </div>
                      <div class="input-group">
                      		<input type="number" id="max_price" name="max_price" min="0" max="1000000" placeholder="Max Price" class="form-control" required>
                            <span class="input-group-addon"><i class="glyphicon glyphicon-usd"></i></span>
                      </div>
                      </div>
                      <div class="row col-md-4" style="padding-top:20px; padding-left:20px">
                      <div class="col-xs-12 pull-right">
                      		<input type="submit" value="Update" class="btn btn-default" onClick="search_by()">
                      </div>
                      </div>
                      
                      </form>
					  
					   <div class="buying-selling-group" id="buying-selling-group" data-toggle="buttons" style="margin-top:20px;">
								<label class="btn btn-default buying-selling">
									<input type="radio" name="options" id="option1" autocomplete="off">
									<span class="radio-dot"></span>
									<span class="buying-selling-word">Selling</span>
								</label>
							
								<label class="btn btn-default buying-selling">
									<input type="radio" name="options" id="option2" autocomplete="off">
									<span class="radio-dot"></span>
									<span class="buying-selling-word">Buying</span>
								</label>
						</div>-->
					 <div class="row col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Filter by</h3>
                    
                           
                    <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?Price_by=Please_Contact" >
                                <p class="panel-title" style="font-size:14px">
                                  Please Contact
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                            <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?Price_by=Swipe-Trade" >
                                <p class="panel-title" style="font-size:14px">
                                  Swipe & Trade
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                             <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?Price_by=free" >
                                <p class="panel-title" style="font-size:14px">
                                  Free
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                            
                   </div> 
				</div>
								
				<div class="w3-brand-select row col-md-12">
					<h3 class="agileits-sear-head" style="font-size:16px; color:#282D5F">Ads Type</h3>
					 <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?post_type=want_to_sell" >
                                <p class="panel-title" style="font-size:14px">
                                  Offered
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                    <div class="panel panel-default" style="margin-bottom:5px;">
                              <div class="panel-heading">
                                <a href="posts_list.php?post_type=want_to_buy" >
                                <p class="panel-title" style="font-size:14px">
                                  Wanted
                                <i class="fa fa-search pull-right" aria-hidden="true"></i>
                                </p>
                                </a>
                              </div>
                              
                            </div>
                </div>
				
				
				
				
               
                
				</div>
				<div class="agileinfo-ads-display col-md-9">
					<div class="wrapper">					
					<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
					  
					  <div id="myTabContent" class="tab-content" style="margin-top:20px;">
						<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
						   
							<div id="container">
								
							<ul class="list"><a href="post-detail/23743/Buy-Champion-Led-Sports-Flood-Light-From-Luxlogic-Lighting">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/23092020-010822-grey_ed81fc4f-847f-4dd4-a8e8-c8f9c9cf036c_360x.jpg" width="50%" height="50%" title="Buy Champion Led Sports Flood Light From Luxlogic Lighting" alt="Buy Champion Led Sports Flood Light From Luxlogic Lighting"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Buy Champion Led Sports Flood Light From Luxlogic Lighting">Buy Champion Led Sports Flood Light... </h5>
						<span class="adprice">10</span>
						<p class="hidden-xs des" style="color:#000;">For an ideal stadium lighting solution, this light provides more punch for illumination. With... </p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">16 hours ago</span>
						<span class="hidden-xs cityname">Brant</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23725/Liquor-Beer-Wine-With-Circle-Border-Neon-Sign">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/21092020-205159-Liquor Beer Wine With Circle Border Neon Sign.jpg" width="50%" height="50%" title="Liquor Beer Wine With Circle Border Neon Sign" alt="Liquor Beer Wine With Circle Border Neon Sign"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Liquor Beer Wine With Circle Border Neon Sign">Liquor Beer Wine With Circle Border Neon Sign</h5>
						<span class="adprice">297</span>
						<p class="hidden-xs des" style="color:#000;">Product Details:
SKU: 14237
Size: 17 × 30 in
Color: Blue And Yellow, Red
Backing: Contoured Black Backing

https://neonsign.com/liquor-beer-wine-with-circle-border-neon-sign/</p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 day ago</span>
						<span class="hidden-xs cityname">Quebec City</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23708/Happy-Hour-Neon-Sign">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/20092020-214216-Happy Hour Neon Sign.jpg" width="50%" height="50%" title="Happy Hour Neon Sign" alt="Happy Hour Neon Sign"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Happy Hour Neon Sign">Happy Hour Neon Sign</h5>
						<span class="adprice">180</span>
						<p class="hidden-xs des" style="color:#000;">Product Details:
SKU: 12377
Size: 10 × 24 in
Color: Red
Backing: Black Backing

https://neonsign.com/happy-hour-neon-sign/</p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">2 days ago</span>
						<span class="hidden-xs cityname">Quebec City</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23674/Laser-Egg-Indoor-Air-Quality-Monitor-BedBreeZzz">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/18092020-092136-laser-egg.jpg" width="50%" height="50%" title="Laser Egg - Indoor Air Quality Monitor-BedBreeZzz" alt="Laser Egg - Indoor Air Quality Monitor-BedBreeZzz"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Laser Egg - Indoor Air Quality Monitor-BedBreeZzz">Laser Egg - Indoor Air Quality... </h5>
						<span class="adprice">149</span>
						<p class="hidden-xs des" style="color:#000;">There are dozens of large wildfires burning across the US right now, which is not just... </p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">5 days ago</span>
						<span class="hidden-xs cityname">Moncton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23662/Laser-Egg--Chemical-Indoor-Air-Quality-Monitor-BedBreeZzz">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/17092020-102311-Laser Egg+ Chemical-1 JPG.jpg" width="50%" height="50%" title="Laser Egg + Chemical - Indoor Air Quality Monitor - BedBreeZzz" alt="Laser Egg + Chemical - Indoor Air Quality Monitor - BedBreeZzz"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Laser Egg + Chemical - Indoor Air Quality Monitor - BedBreeZzz">Laser Egg + Chemical - Indoor Air... </h5>
						<span class="adprice">199</span>
						<p class="hidden-xs des" style="color:#000;">There are dozens of large wildfires burning across the US right now, which is not just... </p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">6 days ago</span>
						<span class="hidden-xs cityname">Moncton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23653/Exit-With-Circle-Border-Neon-Sign">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/16092020-211105-Exit With Circle Border Neon Sign.jpg" width="50%" height="50%" title="Exit With Circle Border Neon Sign" alt="Exit With Circle Border Neon Sign"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Exit With Circle Border Neon Sign">Exit With Circle Border Neon Sign</h5>
						<span class="adprice">263</span>
						<p class="hidden-xs des" style="color:#000;">Product Details:
SKU: 14202
Size: 17 × 30 in
Color: Blue And Red
Backing: Contoured Black Backing

https://neonsign.com/exit-with-circle-border-neon-sign/</p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">6 days ago</span>
						<span class="hidden-xs cityname">Quebec City</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23635/Exit-With-3-Green-Arrows-Neon-Sign">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/15092020-205138-Exit With 3 Green Arrows Neon Sign.jpg" width="50%" height="50%" title="Exit With 3 Green Arrows Neon Sign" alt="Exit With 3 Green Arrows Neon Sign"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Exit With 3 Green Arrows Neon Sign">Exit With 3 Green Arrows Neon Sign</h5>
						<span class="adprice">266</span>
						<p class="hidden-xs des" style="color:#000;">Product Details:
SKU: 14447
Size: 17 × 30 in
Color: Green And Red
Backing: Contoured Black Backing

https://neonsign.com/exit-with-3-green-arrows-neon-sign/</p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 week ago</span>
						<span class="hidden-xs cityname">Quebec City</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23611/Find-the-best-and-reliable-outdoor-canopy-lights-from-Luxlogic-Lighting">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/15092020-001519-grey_ed81fc4f-847f-4dd4-a8e8-c8f9c9cf036c_360x.jpg" width="50%" height="50%" title="Find the best and reliable outdoor canopy lights from Luxlogic Lighting" alt="Find the best and reliable outdoor canopy lights from Luxlogic Lighting"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Find the best and reliable outdoor canopy lights from Luxlogic Lighting">Find the best and reliable outdoor... </h5>
						<span class="adprice">10</span>
						<p class="hidden-xs des" style="color:#000;">A company that speaks the language of lighting and offers brilliant lighting solutions just to... </p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 week ago</span>
						<span class="hidden-xs cityname">Hamilton</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23610/Entrance-With-Arrow-Sign-Logo-Neon-Sign">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/14092020-212555-Entrance With Arrow Sign Logo Neon Sign.jpg" width="50%" height="50%" title="Entrance With Arrow Sign Logo Neon Sign" alt="Entrance With Arrow Sign Logo Neon Sign"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Entrance With Arrow Sign Logo Neon Sign">Entrance With Arrow Sign Logo Neon Sign</h5>
						<span class="adprice">282</span>
						<p class="hidden-xs des" style="color:#000;">Product Details:
SKU: 14446
Size: 17 × 30 in
Color: Green And Red
Backing: Black Backing

https://neonsign.com/entrance-with-arrow-sign-logo-neon-sign/</p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 week ago</span>
						<span class="hidden-xs cityname">Quebec City</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							<a href="post-detail/23596/Microsoft-Word-Master-Course">
	
						<li style="margin-bottom: 15px;">
						<img src="/img/post_images/thumb/14092020-095634-20200912_202158.jpg" width="50%" height="50%" title="Microsoft Word Master Course" alt="Microsoft Word Master Course"/>
						<section class="list-left" style="padding-top: 5px; padding-bottom: 5px; margin-left: 5px;">
						<h5 class="title" title="Microsoft Word Master Course">Microsoft Word Master Course</h5>
						<span class="adprice">19</span>
						<p class="hidden-xs des" style="color:#000;">Microsoft Word Master Course | Become a PRO and save time.Use thi... </p>
						<p class="catpath text-uppercase">Electronics</p>
						</section>
						<section class="list-right hidden-xs">
						<span class="hidden-xs date">1 week ago</span>
						<span class="hidden-xs cityname">Victoria</span>
						</section>
						<div class="clearfix"></div>
						</li> 
					</a>
								
							</ul>						</div>
							
						</div>
						
						
					  </div>
					</div>
				</div>
				</div>
				         	<center>

		<nav aria-label="Page navigation">
		<ul class="pagination">
						<li class="page-item active"><a class="page-link" href="posts_list.php?category_id=6&page=1">1</a></li>
				<li class="page-item"><a class="page-link" href="posts_list.php?category_id=6&page=2">2</a></li>
		<li class="page-item">
		<a class="page-link" href="posts_list.php?category_id=6&page=21" aria-label="Next">
		<span aria-hidden="true">Last</span>
		</a>
		</li>
				</ul>
		</nav>
		</center>
        


				
				
				
				<div class="clearfix"></div>
			</div>
		</div>	
	</div>
	<!-- // Cars -->
	
</div>
<!-- Posts List -->


  <!-- Footer-->
    
			  <!-- Footer -->
    
    <footer class="footer">
        <div class="footer-above" style="background-image:url(../img/bricks.jpg)">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-sm-2">
                        <h4>About Us</h4>
                        
                            <div align="left">
                            <ul class="list-group list-unstyled">
                            <br>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/about-us" class="btn-group" style="color:white">About Catchfree</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="careers-with-catchfree" class="btn-group" style="color:white">Careers</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="/blog" class="btn-group" style="color:white">Blog</a>
                            </li>
                            <li style="margin-bottom:7px;" class="hidden-sm hidden-xs hidden-md hidden-lg hidden-xl">
                                <a href="site-map" class="btn-group" style="color:white">Site Map</a>
                            </li>
                            
                        </ul>
                        </div>
                    </div>
                    <div class="footer-col col-md-4">
                        <h4>Social Media Connections</h4>
                         <div class="social-icons social-icons-large social-icons-border social-icons-colored-hover">
                            <ul>
                                <li class="social-facebook" data-toggle="tooltip" data-placement="bottom" title="Facebook"><a href="https://www.facebook.com/Catchfree-Buy-and-Sell-Classified-368208503668580/"><i class="fa fa-facebook" style="margin-top:15px"></i></a></li>
                                <li class="social-instagram" data-toggle="tooltip" data-placement="bottom" title="Instagram"><a href="https://www.instagram.com/catchfreecanada/"><i class="fa fa-instagram" style="margin-top:15px"></i></a></li>
                                <li class="social-twitter" data-toggle="tooltip" data-placement="bottom" title="Twitter"><a href="https://twitter.com/CatchfreeCanada/"><i class="fa fa-twitter" style="margin-top:15px"></i></a></li>
                                <li class="social-gplus" data-toggle="tooltip" data-placement="bottom" title="Google Plus"><a href="https://plus.google.com/u/0/b/113949947012335969004/113949947012335969004/"><i class="fa fa-google-plus" style="margin-top:15px"></i></a></li>
                                <li class="social-linkedin" data-toggle="tooltip" data-placement="bottom" title="Linkedin"><a href="https://www.linkedin.com/showcase/catchfree-canada/"><i class="fa fa-linkedin" style="margin-top:15px"></i></a></li>
                                <li class="social-pinterest" data-toggle="tooltip" data-placement="bottom" title="Pinterest"><a href="https://www.pinterest.ca/catchfree/"><i class="fa fa-pinterest" style="margin-top:15px"></i></a></li>
                            </ul>
                            <br />
                            <br />
                        </div>
                        <br />
                    </div>
                    
                    <div class="footer-col col-md-2">
                        <h4>Rules</h4>
                        <div align="left">
                        <ul class="list-group list-unstyled">
                            <br>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/terms-of-use/" class="btn-group" style="color:white">Terms of Use</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/privacy-policy/" class="btn-group" style="color:white">Privacy Policy</a>
                            </li>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/posting-rules/" class="btn-group" style="color:white">Posting Rules</a>
                            </li>
                            
                        </ul>
                        </div>
                    </div>
                    <div class="footer-col col-sm-2">
                        <h4>Support</h4>
                        <br>
                            <div class="row" style="margin-left:5px;">
                                <a class="navbar-brand logo" href="https://www.catchfree.ca"><img src="/img/flagca.jpg" alt="A Free Classified Site Canada | CatchFree.ca" title="A Free Classified Site Canada | CatchFree.ca" height="55px" width="115px" /></a>
                            </div>
                            <br/>
                            <div class="row" style="margin-left:5px;">
                                <p style="font-size:14px"><strong>Email:</strong>  <a href="mailto:support@catchfree.ca?body=Please add your comments and suggestions on this email we will contact you shortly... Have a Good Day" style="color:white;">Support@catchfree.ca</a></p>
                                <p class="hidden-sm hidden-xs hidden-md hidden-lg hidden-xl" style="font-size:14px"><strong>Email:</strong>  <a href="mailto:info@catchfree.ca?body=Please add your comments and suggestions on this email we will contact you shortly... Have a Good Day" style="color:white;">info@catchfree.ca</a></p>
                            </div>
                    </div>

                    <div class="footer-col col-md-2">
                        <h4>Feedback</h4>
                        <div align="left">
                        <ul class="list-group list-unstyled">
                            <br>
                            <li style="margin-bottom:7px;">
                                <a href="https://www.catchfree.ca/suggestion.php" class="btn-group" style="color:white">Suggestion</a>
                            </li>
                                                        
                        </ul>
                       </div>     
                    </div>

                </div>
                
                <div class="row">
                <div class="col-md-3 col-xs-4">
                    <a class="navbar-brand logo" href="https://catchfree.ca"><img src="/img/CatchFree_E10.png" alt="A Free Classified Site Canada | CatchFree.ca" title="A Free Classified Site Canada | CatchFree.ca" height="60px" width="200px" /></a>
                </div>
                <div class="hidden-xs col-md-6 col-xs-4" align="center">
                
                                <p style="font-size:14px;" class="" align="center"><u>DISCLAIMER</u></p>
                                <p style="font-size:11px;" class="" align="center">Catchfree doesn’t take any responsibility for ads placed in its sites.
                                </p><p style="font-size:11px;" align="center">
Please investigate all offers carefully.
</p>                            
                </div>
                
                <div class="col-md-3 col-xs-4">
                    
                </div>
                            
                </div>
            </div>
            <div class="row">
                    <div class="col-lg-12" align="center">
                      <p style="font-size:14px;">
                        Copyrights &copy; <a href="http://mysoft.ca/" title="A well known Software and IT Consulting Company Canada | MySoft.ca" style="color:white;">Mysoft.ca </a>
                        </p>
                    </div>
                </div>
        </div>
       
    </footer>


		    
    
    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>


    
    

    <!-- Bootstrap Core JavaScript -->
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="/js/jqBootstrapValidation.js"></script>
   
    <!-- Theme JavaScript -->
    <script src="/js/freelancer.min.js"></script>
    <script>
		$(document).ready(function() {
		  $('#media').carousel({
			pause: true,
			interval: false,
		  });
		});
	</script>
    <script>
	$(document).ready(function(){
	 
	 $('#post_keyword').typeahead({
	  source: function(query, result)
	  {
	   $.ajax({
		url:"fetch.php",
		method:"POST",
		data:{query:query},
		dataType:"json",
		success:function(data)
		{
		 result($.map(data, function(item){
		  return item;
		 }));
		}
	   })
	  }
	 });
	 
	 
	});
	
	</script>
    <script>
    $(document).ready(function() {
        BindControls();
    });

    function BindControls() {
        var Countries = ['ARGENTINA', 
            'AUSTRALIA', 
            'BRAZIL', 
            'BELARUS', 
            'BHUTAN',
            'CHILE', 
            'CAMBODIA', 
            'CANADA', 
            'CHILE', 
            'DENMARK', 
            'DOMINICA'];

        $('#min_price').autocomplete({
            source: Countries,
            minLength: 0,
            scroll: true
        }).focus(function() {
            $(this).autocomplete("search", "");
        });
    }
</script>
<script>
$(document).ready(function() {
    $('#integerForm').formValidation({
        framework: 'bootstrap',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            min_price: {
                validators: {
                    integer: {
                        message: 'The value is not an integer'
                    }
                }
            }
        },
		fields: {
            max_price: {
                validators: {
                    integer: {
                        message: 'The value is not an integer'
                    }
                }
            }
        }
    });
});
</script>
<!--- Price radio buttons funtion --->
<script>

$(window).resize(function() {
  if ($(window).width() <= 600) {
    $('#prop-type-group').removeClass('btn-group');
    $('#prop-type-group').addClass('btn-group-vertical');
  } else {
    $('#prop-type-group').addClass('btn-group');
    $('#prop-type-group').removeClass('btn-group-vertical');
  }
});

</script>
 <style>
		.buying-selling.active {
    background: #ED1B24;   
}

.buying-selling {
    width: 170px; 
    padding: 10px;
    position: relative;
}

.buying-selling-word {
    font-size: 15px;
    font-weight: 600;
    margin-left: 22px;
}

.radio-dot:before, .radio-dot:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 100%;
}

.radio-dot:before {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    top: 10px;
    left: 16px;
}

.radio-dot:after {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    top: 14px;
    left: 20px;
}

.buying-selling.active .buying-selling-word {
    color: #fff;
}

.buying-selling.active .radio-dot:after {
    background: #121212;
}

.buying-selling.active .radio-dot:before {
    background: #fff;
    border-color: #ED1B24;
}

.buying-selling:hover .radio-dot:before {
    border-color: #adadad;
}

.buying-selling.active:hover .radio-dot:before {
    border-color: #ED1B24;
}


.buying-selling.active .radio-dot:after {
    background: #121212;
}

.buying-selling:hover .radio-dot:after {
    background: #e6e6e6;
}

.buying-selling.active:hover .radio-dot:after {
    background: #121212;
    
}

@media (max-width: 400px) {
    
    .mobile-br {
        display: none;   
    }

    .buying-selling {
        width: 49%;
        padding: 10px;
        position: relative;
    }

}
		</style>
        
<!--- End Price radio buttons funtion --->
</body>

</html>