/* #Media Queries
================================================== */
	/* All screen sizes other than full width  */
	@media only screen and (max-width: 1279px) {
		
		.footerwidget1, .footerwidget2, .footerwidget3 {padding-bottom: 0px !important;}
		.teamimagewrapper {margin: 0 20px !important;}
		.teamimagewrapper {margin-top: -90px !important;}
		.teamimagewrapper.detailpage {margin-top: 0 !important;}
		.large ul.features {margin-bottom: 10px !important;}
		#calltotacion {height: auto !important;}
		.specsoverlay, .thickheaderlineembellish, #toTop, #searchtext, .menuitembullet-hover {display: none !important; }
		
		 
		.thickheaderline {background-position: -20px top !important;}
		
		.homepagecarousel #manufacturerslider a img {margin-top: 0 !important;}
		.homepagecarousel {padding: 10px !important;}
		#assignagents .four.columns.omega {margin-left: 0px !important;}
		p#copyright {clear: both !important;}
	}


	@media only screen and (min-width: 960px) and (max-width: 1279px) {
		.searchform button {width: 215px !important;}
		.searchform input[type=text]{width: 205px !important;}
		.searchfeatures li {width: 455px !important;}
		#maps .six.columns {width: 330px !important;}
		.small .back ul.features {height: 80px !important;}
	
		.small .back .excerptwrapper, .largeboxbackimages {display: none !important;}	
		.four > .card-container .card .front, .four > .card-container .card .back {height: 220px !important;}
		.eight > .card-container .card .front, .eight > .card-container .card .back {height: 460px !important;}
		
		.card-container.large .titleandprice { height: 115px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.card-container.small .titleandprice { height: 35px !important; padding-top: 10px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.card-container.small h4 { padding-bottom: 0px; }
		.front .excerpt {height: 60px !important;}
		.large .back .excerpt {height: 270px !important;}
		.card-container.small {height: 220px !important;}
		.card-container.large {height: 460px !important;}
		.card-container.small .back ul.features li {font-size: 11px !important; line-height: 15px !important;}
			
		ul.sf-menu a { padding-left: 18px !important; padding-right: 8px !important; font-size: 14px !important; }
		
		.card-title {padding-bottom: 0 !important;}
		.small .card-title {font-size: 17px !important;}
		.large .card-title {font-size: 19px !important;}
		.small .price {font-size: 17px !important;}
		.large .price {font-size: 22px !important;}
		
		.small .paragraph-end {top: 150px !important;}
		.large .paragraph-end {top: 302px !important;}
		
		.small a.viewlisting {float: none !important; clear: both !important;}
		.small span.compare {float: left !important; margin-top: 0 !important;}
		
		.small .front span.compare {bottom: 65px !important;}
		.large span.compare {bottom: 155px;}
		.large span.compare {bottom: 160px;}
		
		.searchbutton {width: 210px; }
		#loancalculator_cars input[type=text] {width: 162px !important;}
		.footer_widget {height: auto !important;}
		#homepageslider h2 {font-size: 32px !important; line-height: 35px !important; }
		.paragraph-end {height: 62px !important;}
		.large ul.features {width: 420px !important;}
		.large ul.features li {width: 153px !important;}
		.social_person i { width: 15px !important; height: 15px !important; line-height: 15px !important; font-size: 15px !important;}
		ul#otherfeatures li.four.columns {width: 300px !important;}
		.front .excerptfade {width: 425px !important;}
		#assignedagents .four.columns {width: 313px !important;}
		#related .four.columns {width: 205px !important;}
		.listingshortcode .four.columns, .homepagewidgets .listingshortcode .four.columns  {width: 202px !important;}
		.hasonesidebar .listingshortcode .four.columns {width: 210px;}
		.leftrightsidebartemplate .listingshortcode .four.columns {width: 195px;}
		
		.specs ul.features li span {display: block !important; float: none !important;}
		.blogrow .blogimagewrapper {width: 300px !important;}
		.blogrow .excerptwrapper > span {height: 68px !important;}
		.homepageblog .eight.columns {width: 949px !important;}
		.shine {background-position: 65px 0 !important;}
		#featuretabs .two.columns {width: 200px;}
		#featuretabs .three.columns {width: 385px;}
	}
	
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		div.smallheading span {font-size: 14px !important;}
		.searchform button {width: 167px !important;}
		.searchform input[type=text]{width: 155px !important;}
		.searchfeatures li {width: 355px !important;}
		#maps .six.columns { width: 515px !important;}
		.small .back ul.features {height: 50px !important;}
		.teamimagewrapper {margin-top: -70px !important;}
		.teambox.cardbox {margin-top: 0px !important;}
		.small .back .excerptwrapper, .sf-menu, .largeboxbackimages, .postmeta, #searchbartitle, #detailpagenoimageplaceholder, .contactussocialtext, .bar_logo {display: none !important;}
		#slider {width: inherit !important ;}	
		.html_content {width: 730px !important;}
		.slidertext h2, .slidertext p.sliderfeatures { width: 730px !important; }
		.four > .card-container .card .front, .four > .card-container .card .back {height: 190px !important;}
		.eight > .card-container .card .front, .eight > .card-container .card .back {height: 400px !important;}
		.card-container.small {height: 190px !important;}
		.card-container.large {height: 364px !important;}
		.card-container.small .titleandprice {height: 40px !important; padding-top: 12px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.card-container.large .titleandprice {height: 115px !important; padding-top: 14px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.card-container.large .card-title {font-size: 17px !important;}
		.card-container.small .card-title {font-size: 13px !important; padding-bottom: 0px !important;}
		.card-container.small .back ul.features li {font-size: 11px !important; line-height: 13px !important;}
		.card-container.small .back a.viewlisting { padding: 9px !important; margin-top: 5px !important; font-size: 12px !important;}
		.small .back ul.features {margin-bottom: 15px !important;}
		.small span.compare {float: left !important; margin-top: 0 !important; margin-bottom: 10px !important;}
		.searchbutton {width: 220px;}
		.front .excerpt {height: 67px !important;}
		.back .excerpt {height: 215px !important;}
		
		.small .price {font-size: 17px !important;}
		.small .card-title {font-size: 18px !important;}
		
		.small .price {width: 120px !important;}
		.large .price {width: 315px !important;}
		
		
		.small .paragraph-end {top: 118px !important;}
		.large .paragraph-end {top: 241px !important;}
		
		.small a.viewlisting {float: none !important; clear: both !important;}
		/* .listingshortcode {margin: 0 -10px !important;} */
		.small .front span.compare {bottom: 70px !important;}
		.large .front span.compare {bottom: 160px !important;}
		.front .excerptfade {width: 340px !important;}
		#footer iframe {width: 180px !important;}
		#loancalculator_cars input[type=text] {width: 115px !important;}

		#header {padding-top: 95px !important;}
		.social_person {clear: left !important;}
		/* #undermenu {bottom: 10px !important; right: 20px !important;} */
		#homepageslider h2 {font-size: 26px !important; margin: 0px !important; line-height: 30px !important; }
		.titlepricewrapper-sidebarlatestlistings { float: left !important; width: 150px !important;}
		.personinfo {clear: left !important;}
		.lastfooterwidget {background: none !important; margin-top: 0px !important;}
		.footer_widget {padding: 0 !important; border-left: none !important;}
		.footer_widget .fa {display: block !important; margin-bottom: 10px !important;}
		.blogbox h4 {font-size: 16px !important;}
		.paragraph-end {height: 62px !important;}
		.large ul.features {width: 100% !important;}
		.large ul.features li {width: 100% !important;}
		header.smaller#navwrapper {margin-top: 42px !important;} /* bumps header to go under mobile.nav bar  */
		.social_person i { width: 15px !important; height: 15px !important; line-height: 15px !important; font-size: 15px !important;}
		.content.detailpage {padding-top: 20px !important;}
		ul#otherfeatures li.four.columns {width: 450px !important;}
		#abovemenu {border-bottom: none !important;}
		#assignedagents .four.columns {width: 240px !important;}
		#related .four.columns {width: 158px !important;}
		.listingshortcode .four.columns  {width: 164px !important;}
		.hasonesidebar .listingshortcode .four.columns {width: 160px !important;}
		.specs ul.features li span {display: block !important; float: none !important;}
		
		.blogrow .blogimagewrapper {width: 240px !important;}
		.blogrow .excerptwrapper > span {height: 65px !important;}
		.homepageblog .eight.columns {width: 755px !important;}
		.shine {background-position: 65px 0 !important;}
		#featuretabs .two.columns {width: 180px;}
		#featuretabs .three.columns {width: 265px;}

	}
	

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.listingcard {margin-left:10px !important;}
		#undermenu, #hours, .hourstext, .phonetext, #hourswrapper i {transform: skew(0deg);}
		#manufacturerslider.flexslider {margin-top: 0px;}
		div.smallheading, #headertext {display: none !important;}
		.searchform button {width: 179px !important;}
		.searchform input[type=text]{width: 175px !important;}
		.searchfeatures li {width: 410px !important;}
		#maps .six.columns { width: 380px !important;}
		.front .excerptwrapper, .calculator, .sf-menu, .largeboxbackimages, #ordertext, #searchtoggle #searchbartitle, #undermenu .triangle, #ishome .flexslider , .flex-caption, #homepageslider, #latestlistings-small, .triangle, .triangle2, .triangle3, #searchtoggletriangle, .printbutton, #detailpagenoimageplaceholder, #logo, .blogrow .postformaticon, .headingslash, .sidebarsearch, .homepagesearchwrapper {display: none !important;} 
		
		.card-container .info-underimage {height: 70px !important;}
		.postmeta {clear: both !important;}
		.eight .card-container .card .front, .eight .card-container .card .back, .card-container.large, .four .card-container .card .front, .four .card-container .card .back  {height: 355px !important;}
		.card-container.small {height: 380px !important;}
		.card-container.large {height: 365px !important;}
		.card-container.large .card-title, .card-container.small .card-title {font-size: 22px !important; line-height: 20px !important;}
		.searchbutton {width: 380px; margin-top: 20px !important;}
		.back .excerpt {height: 160px !important;}
		.card-container.large .titleandprice {height: 50px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.card-container.small .titleandprice {height: 50px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.tab-content {overflow: hidden !important;}
		#socialheader {float: left !important; margin-left: 0 !important;}
		.loginform {padding: 10px !important;}
		
		#loancalculator_cars input[type=text] {width: 360px !important;}
		.openhours {padding-left: 0 !important; border-left: 0px solid lightgray !important; clear: both !important; padding-top: 20px !important;}
		.flexslidercontainer, #revslider {width: inherit !important;}
		#header {padding-top: 100px !important;}
		#secondarylogoandtext {float: left !important;}
		#headertext {margin-bottom: 10px !important;}
		#orderresults {float: left !important;}
		.small .price {width: 370px !important;}
		.large .price {width: 370px !important;}
		#logo2 {float: left !important;}
		.small .paragraph-end {top: 285px !important;}
		.large .paragraph-end {top: 277px !important;}
		.footer_widget {/*padding: 0 20px 30px 0 !important;*/ border-left: none !important;}
		.footer_widget.footerwidget4 {padding: 10px !important;}
		.small .front span.compare, .large .front span.compare {bottom: 75px !important;}
		#contactuspageform {width: auto !important; margin-left: 0 !important; float: none !important; border-left: none !important; padding-left: 0 !important; }
		#contactuspageform .wpcf7 textarea, #contactuspageform input[type='text'], #contactuspageform input[type='email'] {width: 365px !important;}
		#contactuspagecontent {padding-right: 0 !important;}
		.footer_widget {height: auto !important;}
		#undermenu {position: static !important; margin-right: 0px !important;  }
		#nav {padding-top: 0px !important;}
		#underslideshow {margin-top: 20px !important;}
		.slidermap #map {height: 250px;}
		#searchbarbutton3, #searchbarwrapper .nav-pills > li > a {padding: 0 10px !important; font-size: 14px !important;}
		#searchtoggle {height: 42px !important; transform: skew(0deg) !important; }
		#searchtoggle i {line-height: 42px !important; transform: skew(-15deg) !important;}
		#abovemenu {border-bottom: none !important;}
		header {border-bottom: none !important;}
		.listinglayouttype2 {background: transparent !important; border: none !important; margin: 0 0 !important;}
		#hours {margin-left: 0px !important;}
		.teamimagewrapper {margin-left: 90px !important;}
		.wp-pagenavi {float: left !important;}
		.large ul.features {width: 100% !important;}
		.large ul.features li {width: 100% !important;}
		header.is_stuck#navwrapper {background: transparent !important;} /* bumps header to go under mobile.nav bar  */
		header.is_stuck #undermenu {display: none !important; height: 5px !important;}
		.centerline {text-align: left !important;}
		h2.centerline:before, h2.centerline:after {background-image: none !important;}
		#contactfootermiddle {padding: 0 !important;}
		.content.detailpage {padding-top: 20px !important;}
		body {background: none !important;}
		#boxed {box-shadow: none !important;}
		div#hourswrapper {height: 25px !important; margin-bottom: 0px !important;}
		#hourswrapper a, #phone {padding: 4px 6px !important; background-image: none !important; font-size: 13px !important; margin-right: 1px !important; line-height: 25px !important;}
		#hourswrapper .fa-caret-down {padding-right: 5px !important;}
		#hourswrapper i, #phone i {font-size: 15px !important;}
		#nav a {font-size: 12px !important;}
		div.bigheading { height: auto !important; border: none !important;}
		#theme div.bigheading h1 { padding: 40px 0 20px 20px !important; height: auto !important; margin-left: 0 !important; }
		span.detailpagesubheading {top: 0px !important;}
		#contactfootermiddle textarea, #contactfootermiddle input[type=text], #contactfootermiddle input[type=password], #contactfootermiddle input[type=email], #contactfootermiddle input[type=number], #contactfootermiddle input[type=search], #contactfootermiddle input[type=tel], #contactfootermiddle input[type=url], #contactfootermiddle select {padding: 10px !important;}
		.homepagewidgets .widget {margin-bottom: 10px !important;}
		.footercontainer {padding: 10px !important;}
		.fancylinewrapper {margin-right: 20px !important;}
		#contactfootermiddle .btn-bottombar {float: left !important;}
		#assignedagents .four.columns {width: 375px !important;}
		#related .four.columns {width: 375px !important;}
		.blogrow .blogimagewrapper {width: 420px !important; float: none;}
		.blogrow .excerptwrapper > span {height: 87px !important;}
		.footermenu {float: left !important; margin-left: -20px !important;}
		#featuretabs .tab-content {clear: left;}
		#featuretabs .two.columns {width: 100%;}
		#featuretabs .three.columns {width: 100%;}
		#featuretabs .notabs .three.columns {width: 100%;}
		#featuretabs .tab-content {padding-top: 20px !important; border-top: 1px solid silver !important;}
		#featuretabs .tabs-left > .nav-tabs {border: none !important;}
		.cardbox.content {margin-right: 0px !important; padding-right: 0px !important;}
		
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#calltoaction div {margin-bottom: 10px !important;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.searchform button {width: 260px !important;}
		.searchform input[type=text]{width: 270px !important;}
		#maps .six.columns { width: 260px !important;}
		.card-container .info-underimage {height: 70px !important;}
		.eight .card-container .card .front, .eight .card-container .card .back, .card-container.large, .four .card-container .card .front, .four .card-container .card .back {height: 280px !important;}
		.card-container.small {height: 296px !important;}
		.searchbutton {width: 260px;}
		.card-container.large .titleandprice {height: 45px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
		.back .excerpt {height: 80px !important;}
		.tab-content {overflow: hidden !important;}
		.alllistings { margin-bottom: 10px !important;}
		#loginlogoutbutton {clear: left !important;}
		.personcontent {float: left !important;}
		.personinfo {clear: left !important;}
		#calltoaction div {margin-bottom: 10px !important;}
		#loancalculator_cars input[type=text] {width: 240px !important;}
		.small .price {width: 250px !important;}
		.large .price {width: 250px !important;}
		#loginform {width: 320px !important;}
		.modal {left: 71% !important;}
		.small .paragraph-end {top: 205px !important;}
		.large .paragraph-end {top: 198px !important;}
		#contactuspageform .wpcf7 textarea, #contactuspageform input[type='text'], #contactuspageform input[type='email'] {width: 245px !important;}
		#undermenu {float: right !important; display:none }
		#searchbrowsetabs {float: none !important; display: block !important;}
		#searchbarwrapper {height: auto !important; background: none !important;}
		#searchbarbutton1 {margin-bottom: 2px !important;}
		.teamimagewrapper {margin-left: 30px !important;}
		#assignedagents .four.columns {width: 260px !important;}
		#related .four.columns {width: 255px !important;}
		#related .excerptwrapper {display: none !important;}
		#related .compare {float: left !important;}
		#related .small .back ul.features {height: 125px !important;}
		#featuretabs .two.columns {width: 100%;}
		#featuretabs .three.columns {width: 100%;}
		#featuretabs .notabs .three.columns {width: 100%;}
		.dsidx #theme .cardbox.content {width: 100%;}
	}