/*=============================================================
===== UNIVERSAL ===============================================
=============================================================*/

img{ max-width:100%; height:auto; width:auto; }
.tWrap header .nav > li a.mobileDropdown{ width:30px; height:35px; background:url(../images/mobilenavarrow.png) no-repeat center center; position:absolute; display:block !important; right:0; top:10px; padding:0; min-width:0; z-index:2; }
.tWrap header .nav > li a.mobileDropdown{ background:url(../images/mobilenavarrow.png) no-repeat center center !important; }

/*=============================================================
===== DROPDOWNS ===============================================
=============================================================*/

@media only screen and (max-width: 1024px) {
	.tWrap .formButton { display:none; }
}

@media only screen and (max-width: 1360px) {
	.tWrap #freeAppraisel{ display:none; }
}

@media only screen and (max-width: 1199px) {
	.tWrap #logoContainer.pero{ background:none; }
	.tWrap #logoContainer #logo{ margin-left:40px; }
	.tWrap #headerSeparator{ left:402px; }
	.tWrap #headerPhone{ left:424px; }
	.tWrap #headerFacebook{ left:428px; }
	.tWrap #headerYoutube{ left:476px; }

	.tWrap .youtube-player{ width:100%; }

	.tWrap .mpfl .mpflRightContent{ float:left; }
}

/* 1024 Desktop */
@media only screen and (max-width: 1024px) {
	.tWrap .container_12, .tWrap .container_16{ width:748px; }

	/* Dropdown grids */
	.tWrap .grid_1, .tWrap .grid_2, .tWrap .grid_3, .tWrap .grid_4, .tWrap .grid_5, .tWrap .grid_6, .tWrap .grid_7, .tWrap .grid_8, .tWrap .grid_9, .tWrap .grid_10, .tWrap .grid_11, .tWrap .grid_12, .tWrap .grid_13, .tWrap .grid_14, .tWrap .grid_15, .tWrap .grid_16, .ccm-layout-col{ clear:both !important; float:none !important; padding-left:0 !important; padding-right:0 !important;width:auto !important; }
	/*.ccm-layout-col-spacing{ margin:0 !important; }*/

	/* Navigation */
	.tWrap header .nav{ width:100%; }
	.tWrap header .nav > li{ width:100%; text-align:left; margin:0; border:none; }

	.tWrap header .nav > li ul{ position:relative; margin:0; padding:0px; }
	.tWrap header .nav > li ul li{ width:100%; }
	.tWrap header .nav > li ul li a{ min-width:none; }
	.tWrap header .nav > li ul li a:hover, .tWrap header .nav > li ul li.nav-hover > a, .tWrap header .nav > li ul li.nav-path-selected > a{
		 text-decoration:none;
	}
	.tWrap header .nav > li > ul ul{ left:0; }

	.tWrap .navbar-toggle,
	.tWrap .col-logo { display: block; }

	#mainNav.mobhide { display: none; }
	#mainNav.mobshow { display: block; }

	/* Slideshow */
	.tWrap .flex-direction-nav{ display:none; }
	.tWrap .flex-control-nav{ display:none; }

	/* Footer */
	.tWrap footer #zCopyrightWrapper{ float:left; }

	.tWrap #homeListingsContainer{ background-attachment:inherit; background-repeat:repeat; }
	.tWrap .mphl{ max-width:360px; width:100%; margin:0 auto 20px; }
	.tWrap #footerBottom p{ text-align:left; }
	.tWrap #footerLogo{ display:none; }


	.tWrap .paralaxContainer { background-repeat: repeat; }
	.tWrap .paralaxContainer2 { background-repeat: repeat; }

	/*.hero-cta { flex: 0 0 80%; }*/
	/*.hero-form {margin-left:0px;}*/

	.navbar-toggle {margin: 2em 0 0 2em;}
	.icon-bar { border: thin solid white; }
	.navbar-brand-link { display:none; }
	.tWrap header .nav {background: rgba(0,0,0,.9);}

}

/* iPad Portrait */
@media only screen and (max-width: 768px) {
	.tWrap header{ height: auto;}
	.tWrap .container_12, .tWrap .container_16{ width:460px; }
	body{ font-size:13px; }
	.tWrap #headerSeparator{ display:none; }
	.tWrap #logoContainer #logo{ display:block; max-width:325px; margin:30px auto; position:relative; }
	.tWrap #headerFacebook{ display:none; }
	.tWrap #headerYoutube{ display:none; }
	.tWrap #headerPhone{ position:static; display:block; margin:0 auto 30px auto; left:inherit; max-width:185px; }
	.tWrap #headerTop{ height:auto; }

	.tWrap .menu-title{ float:left; border:none; padding:12px 20px 12px 15px; margin:0px; color:#fff; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-size:16px; }
	.tWrap .menu-title:hover{ color:#fff; text-decoration:none; }

	.tWrap #homeContentContainer{ padding:20px 0; }
	.tWrap #homeAboutContainer{ padding:20px 0; }
	.tWrap #homeTileContainer  { background-repeat: repeat; }
	.tWrap .innerHeaderContainer{ padding:15px 0; }

	.tWrap .mpfl .mpflImageThumb{ margin:30px auto !important; float:none; max-width:130px; }

	.hero-cta { flex: 0 0 100%; }
	.hero-cta h1 {text-align: center;}
	.hero-cta {align-items:center;}
	.navbar-toggle {margin: 2em 0 0 2em;}
	.icon-bar { border: thin solid white; }
	.navbar-brand-link { display:none; }
	.tWrap header .nav {background: rgba(0,0,0,.9);}
/*.hero-content {flex-direction:column-reverse;margin-top:200px;margin-left:0px;z-index: 2;}*/
}

/* Small Tablet */
@media only screen and (max-width: 1028px) {
	.tWrap .container_12, .tWrap .container_16{ width:300px; }
	body{ font-size:12px; }
	.tWrap #headerPhone, .tWrap #slideshowContainer{ display:none; }
	.tWrap .innerHeaderContainer p{ display:none; }
	.tWrap .innerHeaderContainer h1 { font-size: 3.5em; }
	/* Fix galleries for smaller screens */
	.tWrap .deluxe_image_gallery_image > div{ height:auto !important; }
	.tWrap .advanced-slider .navigation-buttons{ display:none !important; }

	.hero-cta { flex: 0 0 100%; }
	.hero-cta h1 {text-align: center;}
	.hero-cta {align-items:center;}
	.navbar-toggle {margin: 2em 0 0 2em;}
	.icon-bar { border: thin solid white; }
	.navbar-brand-link { display:none; }
	.tWrap header .nav {background: rgba(0,0,0,.9);}
	/*Mobile Menu*/
	.nav-wrapper {
		overflow: hidden;
		display: none;
		transition: height .3s;
	}
	.showMenu { display:block; height: 20em; }
	#nav-toggle {
		background: transparent;
		position: absolute;
		right: 0;
		top: 130px;
		height: 50px;
		width: 50px;
		cursor: pointer;
		transform: translate(0%, -50%);
		z-index: 1000;
	}
	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 2px;
		width: 35px;
		background: #ff9000;
		position: absolute;
		left: 0;
		top: 50%;
		display: block;
		content: '';
	}

	#nav-toggle span:before {
		top: -10px;
	}

	#nav-toggle span:after {
		top: 10px;
	}

	#nav-toggle span,
	#nav-toggle span:before,
	#nav-toggle span:after {
		transition: all 0.5s ease-in-out;
	}

	#nav-toggle.active span {
		background-color: transparent;
	}

	#nav-toggle.active span:before,
	#nav-toggle.active span:after {
		top: 0;
	}

	#nav-toggle.active span:before {
		transform: rotate(135deg);
	}

	#nav-toggle.active span:after {
		transform: rotate(-135deg);
	}
}

@media only screen and (min-width: 700px) and (max-width: 1200px)  {
	.top-logo {
		width: 50%;
	}
	#nav-toggle {
		top: 75px;
	}
}