/* ============
    WIDE
   ============ */


@media only screen and (min-width: 768px) {
	.wrapper {
		width: 93%;
		margin: 0 auto;
	}
	.wrapper.big {
		width: 95%;
	}
	span.hide-mobile {
		display: inline-block;
	}
	p.hide-mobile, div.hide-mobile { display: block; }

    p, li { font-size: 17px; }
	p.pre-title { font-size: 30px; }
    
    h1 { font-size: 30px; }
	h1.big-heading, h2.big-heading, h3.big-heading { font-size: 50px; }
    h1 span, h2 span, h3 span { font-size: 24px; }
	h3.medium-heading { font-size: 45px; }
	h3.small-heading { font-size: 35px; }
	h4.big { font-size: 28px; }
	
    
	p.subheading { font-size: 18px; }
	.divider { height: 10px; width: 55px; }
	
	.product-centerstage { padding: 40px 0px; }
    .product-centerstage h1 { font-size: 32px; }
    .product-centerstage .listings { display: flex; }
	.product-centerstage .listings .listing {
        flex: 0 0 calc(20% - 0px);
        max-width: 20%;
        margin-bottom: 0px;
    }

    .section { min-height: 400px; padding: 55px 0px; }
	.content-section {
		padding: 45px 0px;
	}
	.main-container, .media-container { min-height: 400px; }
	#categories-list ul li {
		font-size: 15px;
	}
	#listings-filters .nice-select {
		min-width: 175px;
	}
	.listings-container {
		padding: 35px 0px;
	}
    .listings h5 { font-size: 21px; }
    
	#subnav-placeholder { height: 30px; }
	p#header-search {
		display: inline-block;
		width: 22%;
		margin-top: 3px;
		margin-left: 2%;
		padding-bottom: 3px;
		padding-left: 35px;
		background: url('../images/header-search.svg') 10px 5px no-repeat;
		background-size: 18px;
		border-bottom: 2px solid #FFFFFF;
	}
	p#header-search input {
		background: none;
		border: none;
		outline: none;
		color: #FFFFFF;
		padding: 5px;
		font-style: italic;
	}
	p#header-search input:focus { 
		outline:none !important;
		outline-width: 0 !important;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	#header-contact h6 {
		background: url('../images/header-phone.svg') left 3px no-repeat;
		background-size: 11px 17px;
		padding-left: 17px;
		font-size: 16px;
	}
	#header-contact p { margin-left: 20px; }
	
	.nav-wrapper {
		width: 90%;
		margin: 0 5%;
	}
	ul#mobile-nav { display: none; }
	ul#nav { display: block; }
	
	ul#nav li {
		display: inline-block;
		background: none;
		color: #000000;
		
	}
	
	ul#nav li a, ul#nav li a:visited { color: #000000; }
	
	ul#nav li ul li a, ul#nav li ul li a:visited { color: #FFFFFF; }
	
	ul.nav li ul {
		display: none;
		position: absolute;
		z-index: 11;
		top: 54px;
		left: 0px;
		right: 0px;
		width: 100%;
		margin: 0px;
		text-align: center;
	}
	ul#nav li ul li { 
		display: inline-block;
		font-size: 13px;
		color: #FFFFFF;
		font-weight: normal;
		background: none;
		text-align: center;
		margin: 0px;
		text-transform: none;
	}
	
	ul#nav li.nav-dropdown a:after {
		border-color: #000000 transparent transparent transparent;
	}

	ul#nav li.nav-active > a:after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 7.5px 8px 7.5px;
		border-color: transparent transparent #165f2c transparent;
		position: absolute;
		top: unset;
		bottom: 0px;
		left: calc(50% - 7px);
	}
	ul#nav li.nav-active ul { display: block; white-space: nowrap; text-overflow: ellipsis; }
	ul.nav li ul li a { padding: 8px 15px; }
	
	
	.leftCol { float: left; width: 65%; margin: 0px; }
	.rightCol { float: right; width: 25%; }
	.listings-container .leftCol { width: 17%; }
	.listings-container .rightCol { width: 78%; }
	.listings .listing { flex: 0 0 calc(33% - 0px); max-width: 33%; }
	.horizontal-listings .listings .listing { flex: 0 0 calc(28% - 0px); }
	.horizontal-listings {
		margin: 0px 15px;
		margin-bottom: 30px;
		padding: 25px 0px;
	}
	
	
    
	
	#categories-list {
		border: none;
		padding: 0px;
	}
	#categories-list ul {
		column-count: 1;
	}
    #categories-list ul li.listings-selected ul { display: block; }
	#filters-list { display: block; }
	
	
	
	.popUp {
		max-width: 440px;
		margin-left: -220px;
	}
    .popUp.big {
		max-width: 800px;
		margin-left: -400px;
	}
	.popUp .popUp-container { padding: 35px; }
	
	
	
	#footer .footer-column { float: left; }
	#footer #footer-left { width: 37%; margin-right: 0px; }
	#footer #footer-right {
		float: right;
		margin-top: 0px;
	}
	#footer-myaccount { display: block; }
	
	
	
	.bubble-cats .listing { flex: 0 0 calc(50% - 0px); max-width: none; }
	.bubble-cats .listing .listing-container {
		padding: 0px 15px;
	}
	
	.bubble-cats .listing .listing-image {
		width: 250px;
		height: 250px;
		border-radius: 250px;
	}
	
	
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
		
	
		
	}
}