@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 825px
10. 768px
11. 767px
12. 575px
13. 539px
14. 480px
15. 479px
16. 400px

******************************/

/************
1. 2000px
************/

@media only screen and (max-width: 2000px)
{
	body {
	 margin: 0 auto;
	}
	
	.desktoplogo {
		height: 35px;
	}
	
	.desktoplogo img {
		width: 80%;
		margin-top: 3px;
	}
	.wsmenu {
		margin-top: 0;
	}
	
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
		
	}
	
	.wsmenu>.wsmenu-list>li>.wsmegamenu {
		
	}
	
	.tagline {
		margin-top: 15px;
		font-size: 1.9em;
	}
	
	.mainsubmit {
		width: 10%;
	}
	
	.img-edition {
        padding-left: 10px;
	}
	
	.member-button {
		width: 30%;
	}
	
	#intro-container {
		display: none;
	}
	
	#sudoku-puzzle {
		width: 100%;
		height: 800px;
	}
	.form-container {
		width: 75%;
		margin: 0 auto;
	}

	#whats-new .item-container {
		height: 220px;
		margin: 20px 0 20px 0;
		background: #fff;
	}
	.text-box a {
		color: #666;
	}
	.text-box a:hover {
		color: #80c133;
	}
	.text-box h3 {
		font-size: 1em;
	}
	.alert-heading {
		width: 50%;
	}
	.leaderboard-img {
		padding: 0 10px;
	}
	.aiTbl {
		width: 100%;
	}
	.modal-dialog{
		position: relative;
		display: table; /* This is important */ 
		overflow-y: auto;    
		overflow-x: auto;
		width: auto;
		max-width: 100%;
		min-width: 300px;
	}
	.btn-light {
		width: 30%;
	}
	.aiData {
		padding: 5px 10px;
	}
	#local-business-section {
		height: 250px;
		background: url(../img/banners/Garage-Sale-bg-1600.jpg);
	}
	#advertiserAd {
		max-width: 100%;
	}
	.receipt-container {
		width: 50%;
		margin: 20px auto;
		border: solid 1px gray;
		overflow: hidden;
	}
	.list-group-item a {
		font-size: 12pt;
	}
}

/************
2. 1400px
************/

@media only screen and (max-width: 1400px)
{
	body {

	}
	.desktoplogo {
		height: 50px;
	}
	
	.desktoplogo img {
		width: 88%;
	}
	
	.wsmenu {
		margin-top: -10px;
	}
	
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
/*		top: 183px; */
	}
	
	.wsmenu>.wsmenu-list>li>.wsmegamenu {
/*		top: 183px; */
	}
	
	.searchcontianer {
		width: 77%;
		margin: 0 20px;
	}
		
	#contact {
	  padding: 60px 20px 60px 20px;
	}
	
	.tagline {
		margin-top: 13px;
		font-size: 1.6em;
	}
	
	.mainsubmit {
		width: 10%;
	}
	.aiData {
		padding: 0 10px;
		font-size: 0.9em;
	}	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	body {

	}
	.col-lg-5ths {
        width: 20%;
        float: left;
    }
	
	.desktoplogo {
		height: 45px;
	}
	
	.desktoplogo img {
		width: 90%;
		margin-top: 2px;
	}
	.tagline {
		font-size: 1.4em;
	}
	
	.wsmenu {
		margin-top: -15px;
	}
	
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
/*		top: 167px; */
	}
	
	.wsmenu>.wsmenu-list>li>.wsmegamenu {
/*		top: 167px; */
	}
	
	.searchbox1 input.mainsearch {
		width: 58%;
	}
	
	.mainsubmit {
		width: 10%;
	}
	
	#intro-container p {
		width: 95%;
	}
	.carousel-caption {
		left: 47%;
		width: 50%;
		top: 0%;
	}
	.service_block h3 {
		font-size: 12px;
		left: -23px;
	}
	#portfolio .portfolio-item figure {
		height: 215px;
	}
	#contact {
	  padding: 60px 20px 60px 20px;
	}
	.text-box h3 {
		font-size: 1em;
	}
	#whats-new .item-container {
		height: 190px;
	}
	.btn-light {
		font-size: 0.8em;
	}
}
@media only screen and (max-width: 1024px)
{
	body {
		max-width: 1014px;
	}
	
	.desktoplogo {
		height: 35px;
	}
	
	#local-business-section {
		background: none;
		background-image: url(../img/banners/Garage-Sale-bg-1200.jpg);
		background-size: cover;
		background-position: center center; 
		padding: 30px 0;
	}
	#local-business-section p {
		font-weight: bold;
		font-size: 1.2em;
		text-shadow: 1px 1px #000;
	}
	.wsmenu {
		margin-top: -30px;
	}
	.wsmenu>.wsmenu-list>li>ul.sub-menu {
/*		top: 153px; */
	}
	
	.wsmenu>.wsmenu-list>li>.wsmegamenu {
/*		top: 153px; */
	}
	
	.searchcontianer {
		width: 75%;
		margin: 25px 20px 0px 20px;
	}
	
	.place-ad-buttons {
		top: -0px;
		right: 1%;
		width: 185px;
	}

	.pab {
		width: 90%;
		height: 43px;
		margin: 10px 0;
	}
	
	.searchbox1 input.mainsearch {
		width: 45%;
	}
	.mainsubmit {
		width: 15%;
	}
	.form-container {
		width: 90%;
		margin-left: 3%;
	}
	#whats-new .item-container {
		height: 170px;
	}
	.receipt-container {
		width: 75%;
	}
}


/************
7. Min Width 1024px
************/

@media (min-width:1024px)
{
	#intro-container .carousel-control-prev, #intro-container .carousel-control-next {
		width: 5%;
	}
}

/************
7. Min Width 992px
************/

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width:992px) {
	#testimonials .testimonial-item p {
		width: 80%;
	}
}

/************
7. Min Width 768px
************/

@media (min-width: 768px) {
	#contact .contact-address, #contact .contact-phone, #contact .contact-email {
		padding: 0;
	}
	#contact .contact-phone {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}

/************
7. 991px
************/

@media only screen and (max-width: 991px)
{
	body {
		margin-right: 10px;
		padding-top: 0;
	}
	.headertopleft {
		width: 100%;
		float: none;
	}
	.headertopright {
		width: 100%;
		margin-left: -11%;
		margin-top: 90px;
		float: none;
	}
	.smllogo img{
		width: 120%;
	}
	.tagline {
		
	}
	.tagline img {
		width: 74%;
		margin-top: 5.5%;
	}
	#header {
		position: relative;
	}
	.leaderboard-container {
		display: none;
	}
	#login-signup-forgot {
		width: 100%;
	}
	#intro-container h2 {
		font-size: 36px;
		margin-bottom: 10px;
	}
	#intro-container p {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#intro-container span {
		font-size: 13px;
	}
	.leaderboard-img {
		padding: 0;
	}
	.service_block h3 {
		left: -3px;
	}
	.img-edition {
		padding-left: 7%;
	}
	.searchcontianer {
		width: 75%;
	}
	.searchbox1  {
		text-align: left;
	}
	.searchbox1 input.mainsearch {
		width: 45%;
	}
	.mainsubmit {
		width: 15%;
	}
	.text-box h3 {
		font-size: 1.2em;
	}
	#whats-new .item-container {
		height: 280px;
	}
	.advertiser-modal {
		margin-top: 40px;
	}
}

/************
7. 846px
************/

@media only screen and (max-width:846px)
{
	body {
		margin-right: 10px;
	}
	.tagline img {
		margin-top: 6.5%;
	}
	.headertopright {
		margin-left: -40px;
	}
	#local-business-section {
		margin: 20px 5px 5px 5px;
	}
	.searchcontianer {
		width: 73%;
	}
	.searchbox1 {
		text-align: left;
	}
	.searchbox1 input.mainsearch {
		width: 40%;
	}
	.place-ad-buttons {
		top: -25px;
		width: 160px;
	}
	.form-container {
		width: 95%;
		margin-left: 15px;
	}
	#contact {
	  padding: 60px 20px 60px 0px;
	}
	#whats-new .item-container {
		height: 260px;
	}
	.leaderboard-img {
		padding: 0 10px 0 5%;
	}
	.btn-light {
		width: 45%;
	}
}

/************
10. 768px
************/

@media only screen and (max-width:768px)
{
	body{
		margin-right: 10px;
	}
	.col-sm-5ths {
        width: 20%;
        float: left;
    }
	#header #logo {
		width: 93.5%;
		margin-left: 3.25%;
	}
	#header #logo h1 {
		font-size: 28px;
	}
	#header #logo img {
		max-height: 40px;
	}
	.smllogo img{
		width: 100%;
	}
	.headertopright {
		margin-left: -3.5%;
	}
	.top-ad {
		margin-top: 90px;
		margin-left: -20px;
	}
	.tagline {
		margin-top: 70px;
		margin-bottom: 0;
		font-size: 1.5em;
	}
	.tagline img {
		width: 95%;
		margin-top: 0px;
	}
	.mainsubmit {
		margin-top: 10px;
		width: 100%;
	}
	#intro-container h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#intro-container p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#intro-container span {
		font-size: 16px;
	}
	#intro-container .carousel-control-next-icon, #intro-container .carousel-control-prev-icon {
		margin-top: -20px;
	}
	.service_block h3 {
		left: -31px;
	}
	.owl-stage-outer {
		margin-left: 8%;
	}
	.img-edition {
		padding-left: 21%;
	}
	.searchbox1 input.mainsearch {
		margin-left: 0px;
		width: 65%;
		font-size: .8em;
	}
	.searchcontianer {
		width: 70%;
		margin: 0 5px;
	}
	.mainselect {
		margin: 0;
		padding: 0 5px;
		font-size: .8em;
	}
	
	.place-ad-buttons {
		top: -15px;
		right: .75%;
		width: 185px;
	}
	
	.pab {
		width: 90%;
		height: 47px;
		margin: 15px 0;
	}
	
	#map {
		width: 69%;
	}
	
	.search-bar {
		width: 69%;
	}
	#address-list {
		width: 30%;
	}
	#whats-new .item-container {
		height: 240px;
	}
	.alert-heading {
		width: 100%;
	}
	.btn-light {
		width: 45%;
	}
	.aiData {
		font-size: 0.8em;
	}
	#local-business-section {
		background: url(../img/banners/Garage-Sale-bg-768.jpg);
	}
	.receipt-container {
		width: 90%;
	}

}


/************
12. 667px
************/

@media only screen and (max-width: 667px)
{
	body {
		
	}
	#header #logo {
		margin-left: 3.25%;
	}
	.headertopright {
		margin-left: 5px;
	}
	.tagline {
		margin-top: 70px;
		margin-bottom: 0;
		font-size: 1.5em;
	}
	.tagline img {
		width: 100%;
		margin-top: 5.5%;
		margin: 0 auto;
			margin-top: 0px;
	}
	#intro-container h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#intro-container p {
		font-size: 14px;
	}
	#intro-container span {
		display: none;
	}
	#intro-container .carousel-control-next-icon, #intro-container .carousel-control-prev-icon {
		margin-top: -40px;
	}
	.place-ad-buttons {
		top: 5px;
		left: 15px;
		width: 100%;
	}
	.member-button {
		width: 100%;
		margin: 10px 0;
	}
	.owl-stage-outer {
		margin-left: 25px;
	}
	.searchcontianer {
		width: 97.7%;
	}
	.pab {
		width: 30%;
		height: 47px;
		margin: 15px 0;
	}
	.heading1 {
		padding-top: 70px;
		font-size: 1em;
	}
	.searchbox1 input.mainsearch {
		width: 66%;
		margin: 10px 0;
		margin-right: 12px;
	}
	.mainselect {
		width: 100%;
		margin: 10px 0;
	}
	.mainsubmit {
		width: 98%;
		height: 40px;
	}
	#whats-new .item-container {
		height: 280px;
	}
	.leaderboard-img {
		padding: 0 20px 0 3%;
	}
	#local-business-section {
		height: 295px;
	}
}

/************
14. 480px
************/

@media only screen and (max-width: 480px)
{
	body {
		
	}
	.tagline {
		margin-top: 70px
	}
	.place-ad-buttons {
		top: 0;
		left: -15px;
		width: 90%;
	}
	.pab {
		width: 30%;
		font-size: .8em;
	}
	.smllogo img{
		width: 80%;
	}
	#intro-container {
		display: none;
	}
	#intro-container h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#intro-container p {
		font-size: 14px;
	}
	#intro-container span {
		display: none;
	}
	#dark-section {
		padding: 60px 15px 60px 0px;
	}
	#subscription {
		padding: 60px 20px 60px 0px;
	}
	#services {
		padding: 10px 0 40px 0;
	}
	.services-title {
		display: none;
	}
	.services-text {
		display: none;
	}
	.owl-stage-outer {
		margin-left: 25px;
	}
	.service_block h3 {
		left: -41px;
	}
	.img-edition {
		padding-left: 17%;
	}
	.searchcontianer {
		width: 96.7%;
	}
	.searchbox1 input.mainsearch {
		width: 100%;
		margin-left: 0;
		font-size: .8em;
	}
	#srchForm select {
		width: 100%;
	}
	.mainsubmit {
		width: 100%;
		height: 50px;
		margin-top: 10px;
	}
	.login-signup-forgot-title {
		width: 95.5%;
	}
	.alert-warning {
		width: 98.5%;
	}
	#whats-new .item-container {
		height: 390px;
	}
	.btn-light {
		width: 92%;
	}
	#local-business-section {
		height: 395px;
		background: url(../img/banners/Garage-Sale-bg-400.jpg);
		background-repeat: no-repeat;
	}
	.receipt-container {
		width: 95%;
	}
}

/************
14. 375px
************/

@media only screen and (max-width: 375px)
{
	body {
		
	}
	#header {
		padding: 0;
	}
	#header.header-scrolled {
		padding: 0;
	}
	.headertopright {
		margin-left: 5px;
		margin-top: 45px;
		width: 100%;
	}
	.smllogo img{
		width: 70%;
	}
	.tagline {
		margin-top: 60px;
		margin-bottom: 1px;
	}
	.wsmenu > .wsmenu-list > li > .wsmegamenu .carousel-caption {
    font-size: 14px;
	}
	.carousel-caption {
		background: none;
	}
	.pab {
		font-size: .7em;
		height: 35px;
	}
	#intro-container h2 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#intro-container p {
		font-size: 12px;
	}
	#intro-container span {
		display: none;
	}
	#portfolio-flters li, portfolio-flters li:hover, #portfolio-flters li.filter-active {
	  width: 100%;
	}
	.service_block h3 {
		left: -31px;
	}
	.img-edition {
		padding-left: 8%;
	}
	.searchcontianer {
		width: 96%;
	}
	#whats-new .item-container {
		height: 300px;
	}
	.receipt-container {
		width: 100%;
	}
}