.button,

.submit {

	-webkit-appearance: none;

}



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

	/* Containers -------------------------------------------- */

	/* ------------------------------------------------------- */

	.header,

	.marquee,

	.middle-container,

	.footer,

	#marquee-stage img,

	.whats-available,

	.marquee .wrapper {

		min-width: 1px;

	}



	.header .wrapper,

	.middle-container .wrapper,

	.footer-wrapper,

	.whats-available {

		width: auto;

	}

	

	.wrapper,

	.footer-wrapper {

		width: auto;

		padding-left: 10px;

		padding-right: 10px;

	}





	/* Header/Nav -------------------------------------------- */

	/* ------------------------------------------------------- */

	.primary-navigation {

		width: auto;

	}

	

	.primary-navigation > ul > li > a {

		font-size: 18px;

	}

	



	/* Marquee/Containers ------------------------------------ */

	/* ------------------------------------------------------- */	

.marquee {
		height: auto;
	}

.apartments-site .marquee{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.apartments-site .marquee .wrapper{
		order: 2;
    margin-top: -48px;
    z-index: 5;
}
	.apartments-site .lower-form{
		border: 8px solid rgba(255,255,255,1);
	}
.apartments-site .marquee #marquee-stage{
	order: 1;
}
.apartments-site .homepage-apartment-search .location-tabs{
	background-position: right;
	width: 100%;
	right: 9px; 
}	
.homepage-apartment-search .location-tabs li#urbana-search-button label{
		background: rgba(0, 0, 0, 0) url("/images/homepage/urbana-champaign.png") no-repeat scroll 97% 59% !important;
}
.marquee .placeholder {
	visibility: hidden;
}

	

	.marquee .marquee-stage {

		margin: 0;

		left: 0;

		width: 100%;

		position: relative;

	}

	

	body.parking-site .marquee .marquee-stage .slide {

		display: none;

	}

	

	.marquee .marquee-stage a.slide {

		width: 100% !important;

		height: auto !important;

	}

	

	.marquee .marquee-stage .slide img,

	.marquee #marquee-stage img {

		height: auto;	

		width: 100%;

	}

	

	body.homes-site .marquee > .wrapper {

		display: none;

	}





	/* Marquee Search ---------------------------------------- */

	/* ------------------------------------------------------- */

	.homepage-apartment-search {

		position: static;

		padding: 10px 0;

	}

	

	.homepage-apartment-search .location-tabs {

		margin: 0;

	}

	

	.homepage-apartment-search .lower-form {

		background: url(/images/homepage/marquee-search-bg-repeat.png);

		border: 8px solid rgba(255,255,255,0.7);

		box-shadow: 0 0 5px rgba(0,0,0,0.40);

		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.40);

		border-radius: 5px;

		-webkit-border-radius: 5px;

		height: auto;

		padding: 20px;

		width: auto;

	}

	

	.homepage-apartment-search .lower-form:after {

		content: ' ';

		clear: both;

		display: block;

	}

	

	.homepage-apartment-search .lower-form .field-wrap {

		width: 50%;

		float: left;

	}

	

	.homepage-apartment-search .lower-form .field-wrap .fr {

		float: left;

		margin-left: 10px;

	}

	

	.homepage-apartment-search .lower-form .field-wrap select {

		max-width: 100%;

	}

	

	

	/* Homepage ---------------------------------------------- */

	/* ------------------------------------------------------- */

	body.main-site .homepage .homepage-top-buttons li,

	body.main-site .homepage .homepage-top-buttons li.first {

		width: 19%;

		margin: 0 0.5%;

	}

	

	body.main-site .homepage .homepage-top-buttons li a img {

		width: 100%;

	}

	

	body.apartments-site .homepage .homepage-top-buttons li,

	body.parking-site .homepage .homepage-top-buttons li {

		width: 24%;

	}

	

	body.apartments-site .homepage .homepage-top-buttons li.first,

	body.parking-site .homepage .homepage-top-buttons li.first {

		width: 37%;

		margin: 0 1% 0 0;

	}

	

	body.apartments-site .homepage .homepage-top-buttons li.last,

	body.parking-site .homepage .homepage-top-buttons li.last {

		width: 37%;

	}



	body.apartments-site .homepage .homepage-top-buttons li a img,

	body.parking-site .homepage .homepage-top-buttons li a img {

		max-width: 100%;

		height: auto !important;

		width: 100% !important;

	}

	

	.bottom-boxes .col-two {

		box-sizing: border-box;

		width: 65%;

		padding-left: 10px;

		height: auto;

	}

	

	.bottom-boxes .col-one {

		box-sizing: border-box;

		width: 32%;

	}

	

	.bottom-boxes .col,

	.bottom-boxes .col.first {

		width: 31.3%;

		margin: 0 1%;

	}

	

	h3.contact-jsm-today {

		padding-left: 10px;

	}

	

	#contact_form {

		width: auto;

		height: auto;

		padding: 0 0 0 10px;

	}

	

	#contact_form label select {

		box-sizing: border-box;

		height: auto;

		max-width: 100%;
		    width: 212px !important;

	}

	

	#contact_form .input-text,

	#contact_form textarea {

		box-sizing: border-box;

		height: auto;

		max-width: 100%;

	}

	

	#contact_form input[type=image] {

		position: static !important;

	}

	

	

	/* Footer ------------------------------------------------ */

	/* ------------------------------------------------------- */

	.footer {

		height: auto;

	}

	

	.footer-hr {

		width: auto;

		margin: 0;

		left: 0;

	}

	

	.whats-available {

		display: none;

	}

	

	

	/* Units Grid -------------------------------------------- */

	/* ------------------------------------------------------- */

	.units-grid li,

	.units-grid li.last {

		display: inline-block;

		float: none;

		vertical-align: top;

	}

	

	/* Unit Detail ------------------------------------------- */

	/* ------------------------------------------------------- */

	.unit-detail .media,

	.unit-detail .info,

	.unit-detail .info .social-sharing {

		width: 48%;

	}

	

	.unit-detail .media .photos, 

	.unit-detail .media .photos .photo-stage, 

	.unit-detail .media .photos .photo-stage .slide,

	.unit-detail .media .photos .slider,

	.unit-detail .media .photos .slider .slick-slide,

	.unit-detail .media .photos .infiniteCarousel {

		max-width: 100%;

	}

	

	.unit-detail .info .social-sharing .inner {

		float: none;

	}

	

	.side-navigation,

	.news-right {

		width: 22%;

	}

	

	.side-navigation {

		border-right: 1px solid rgba(0,0,0,0.25);

		background: none;

	}

		

	.wrapper > .main-content,

	.news-left {

		width: 72%;

	}

	

	.wrapper > .main-content {

		float: right;

	}

	

	.main-content .main-content {

		float: none;

		width: auto;

	}

	

	/* Campus Center ----------------------------------------- */

	/* ------------------------------------------------------- */

	.spotlight {

		max-width: 100%;

	}

	

}



/* ----------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------- */



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

	/* Header/Nav -------------------------------------------- */

	/* ------------------------------------------------------- */

	#header_logo {

		clear: left;

	}

	.primary-navigation-wrap {
		background: #ffffff;
		bottom: 0;

		box-shadow: 0 0 15px rgba(0,0,0,.25);

		-moz-box-shadow: 0 0 15px rgba(0,0,0,.25);

		-webkit-box-shadow: 0 0 15px rgba(0,0,0,.25);

		right: -100%;

		margin: 0;

		overflow: auto;
		padding: 0 0 15px 0;
		position: fixed;
		top: 0;
		width: 80%;
		z-index: 999999;

	}

	#menu-toggle {
		background: #ffffff url(/images/icons/mobile-menu-toggle.png) 50% 50% no-repeat;
		background-size: 22px auto;
		display: block;
		height: 42px;
		position: absolute;
		right: 20px;
		top: 25px;
		text-indent: -9999px;
		width: 42px;
	}



	#menu-toggle.selected {
		background: #ffffff url(/images/icons/mobile-menu-toggle-close.png) 50% 50% no-repeat;
		box-shadow: 0 0 7px rgba(0,0,0,0.85);
		border-radius: 100%;
		background-size: 22px auto;
	}

	

	.quick-launch {

		float: none;

		height: auto;

	}

	

	.quick-launch ul {

		text-align: center;

	}

	

	.quick-launch ul li.after {

		float: none;

		padding-top: 15px;

		display: inline-block;

	}

	

	.primary-navigation {

		clear: both;

		float: none;

		height: auto;

		text-align: center;

	}

	

	.primary-navigation > ul {

		float: none;

		margin: 0;

		padding-top: 40px;

	}

	

	.primary-navigation > ul > li {

		float: none;

		margin: 0 0 15px 0;

		padding: 0;

	}

	

	.primary-navigation > ul > li > a {

		font-size: 22px;

	}



	.primary-navigation > ul > li > .sub2,

	.primary-navigation .last .sub2,

	.primary-navigation > ul > li > .sub2 ul {

		display: block;

		position: static;

		width: auto;

	}



	.primary-navigation > ul > li > .sub2,

	.primary-navigation .last .sub2 {

		display: none;

	}

	

	.primary-navigation > ul > li ul a {

		padding: 0;

	}

	



	/* Footer ------------------------------------------------ */

	/* ------------------------------------------------------- */

	.footer-social {

		clear: none;

		float: none;

		margin: 0 auto;

		padding-top: 25px;

		width: auto;

		text-align: center;

	}

	

	.footer-nav {

		height: auto;

		width: auto;

	}

		

	.footer .first-head-row { 

		font-size: 14px;

	}

	

	.footer-nav ul {

		box-sizing: border-box;

		width: 25%;

	}

	

	.footer-info,

	.footer-subnav,

	.footer-copy {

		width: auto;

	}



	.footer-subnav {

		height: auto;

		max-width: 500px;

		margin: 15px auto;

	}

	

	.footer-subnav li {

		float: none;

		display: inline-block;

	}

	

	.footer-copy {

		padding-bottom: 20px;

	}



	body.campuscenterparking-site .twitterIcon {

		position: static !important;

		float: none !important;

		margin: 0 auto !important;

		display: block !important;

	}

	

	body.campuscenterparking-site .footer-social {

		position: static;

	}

	

	body.carwash-site .homepage .cb:first-child {

		text-align: center;

	}



	body.carwash-site .homepage a {

		display: block;

	}

}





/* ----------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------- */



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

	/* Unit Detail ------------------------------------------- */

	/* ------------------------------------------------------- */

	.unit-detail .media,

	.unit-detail .info,

	.unit-detail .info .social-sharing {

		float: none;

		margin: 0 auto;

		width: 93%;

	}

	

	.unit-detail .media .photos .photo-stage,

	.unit-detail .media .photos .slider,

	.unit-detail .media .photos .infiniteCarousel {

		margin: 0 auto;

	}

	

	.unit-detail .info .social-sharing {

		min-width: 1px;

	}

	

	.unit-detail .media .other-media {

		text-align: center;

	}

	

		/*.unit-detail .media .other-media .fl {

	float: none;

		margin: 0 10px 10px 10px !important;

		display: inline-block; 

	} */

	

	.unit-detail .info {

		margin: 40px 0 0 0;

	}

	

	.side-navigation,

	.news-right {

		border: 0;

		border-top: 1px solid rgba(0,0,0,0.25);

		margin-top: 30px;

		padding-top: 10px;

		float: none;

		width: auto;

	}

	

	.wrapper > .main-content,

	.news-left {

		float: none;

		width: auto;

	}





	/* Login Page -------------------------------------------- */

	/* ------------------------------------------------------- */

	.login-page .fl,

	.login-page .fr {

		float: none;

	}

	

	.login-page .fr {

		margin-top: 30px;

	}

	

	.main-content form:after {

		clear: both;

		content: ' ';

		display: block;

	}

	.footer{

		background:url("/images/template/bg_footer.png") repeat-x #e0dcdd;

	}

	.middle-container{

		padding-bottom:0px;

	}

	.passFormLeft{

    	display: block;

    	font-size: 16px;

    	margin-bottom: 20px;

	}

	.passFormRight{

		float:none;

		right:0 !important;

	}

	.Passdown{

		left:0;

	}

	.side-navigation{

		min-height:100px !important;

		margin-bottom:25px !important;

	}
	#maintenance-request{
		overflow: hidden;
		padding-bottom: 25px;
	}
	
 
}





/* ----------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------- */



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

	/* Header/Nav -------------------------------------------- */

	/* ------------------------------------------------------- */

	.quick-launch {

		float: none;

		height: auto;

		padding-right: 10px;

		position: relative;

	}

	

	.quick-launch ul li {

	

	}



	.quick-launch ul li.my-jsm {

		background: none;

		clear: both;

		float: none;

		height: auto;

		padding-top: 10px;

		width: auto;

	}

	

	.quick-launch ul li.my-jsm ul {

		background: #c71c12;

		margin: 0;

		padding: 0;
		display: block;


	}
	.quick-launch ul li.my-jsm:before{
		display: none;
	}

	

	.quick-launch ul li.my-jsm ul li {

		box-sizing: border-box;

		border-bottom: 1px solid #8d140d;

		border-right: 1px solid #8d140d;

		height: 50px;

		line-height: 50px;

		background: #c71c12;

		width: 50%;

		float: left;

		margin: 0;

		padding: 0;

		text-align: center;

	}



	.quick-launch ul li.my-jsm ul li a {

		vertical-align: middle;

		display: inline-block;

		line-height: 14px;

		padding: 10px;

	}

	

	.quick-launch ul li.my-jsm ul li.separator {

		display: none;

	}



	.quick-launch ul li.after {

		position: absolute;

		top: 5px;

		right: 0;

		padding: 0;

	}

	

	.quick-launch ul li.after-1 { right: 130px; }

	.quick-launch ul li.after-2 { right: 105px; }

	.quick-launch ul li.after-3 { right: 82px; }

	.quick-launch ul li.after-4 { right: 60px; }

	.quick-launch ul li.after-5 { right: 35px; }

	.quick-launch ul li.after-6 { right: 10px; }

	

	

	/* Homepage ---------------------------------------------- */

	/* ------------------------------------------------------- */

	.bottom-boxes { 

		padding: 0;

	}

	

	.bottom-boxes .col-two,

	.bottom-boxes .col-one {

		border: 0;

		float: none;

		padding: 0 15px;

		width: auto;

	}

	

	body.campuscenter-site .bottom-boxes .col-two,

	body.campuscenterparking-site .bottom-boxes .col-two {

		height: auto !important;

	}

	

	h3.contact-jsm-today {	

		display: block;

		padding: 0;

		text-align: center;

	}

	

	.bottom-boxes,

	.bottom-boxes .col-two {

		background: #f2f2f2;

		border-bottom: 1px solid #cccccc;

		border-top: 1px solid #cccccc;

		margin-left: -10px;

		margin-right: -10px;

		padding: 10px 20px;

	}

	

	.homepage .bottom-boxes {

		background: none;

		border: 0;

		margin-left: 0;

		margin-right: 0;

		padding: 0;

	}

	

	#contact_form {

		margin: 0 auto;

		width: 280px;

	}

	

	.bottom-boxes .col, 

	.bottom-boxes .col.last,

	.bottom-boxes .col.first {

		float: none;

		width: auto;

		margin-bottom: 40px;

	}





	/* Footer ------------------------------------------------ */

	/* ------------------------------------------------------- */

	.email-update-wrap,

	.footer-search-wrap {

		clear: both;

		float: none;

		margin: 0 auto;

		padding: 0 0 25px 0;

		width: 250px;

		max-width: 100%;

	}

	

	.footer-nav {

		text-align: center;

	}

	

	.footer-nav ul {

		box-sizing: border-box;

		display: inline-block;

		float: none;

		padding: 15px 0;

		vertical-align: top;

		width: 32%;

	}



	.homepage-apartment-search .lower-form .field-wrap {

		float: none;

		width: auto;

	}

	



	/* Leasing Application ----------------------------------- */

	/* ------------------------------------------------------- */

	.leasing-form > table > tbody > tr > td {

		display: table;

		width: 100% !important;

		padding: 10px 0;

	}

	

	.leasing-form input,

	.leasing-form select {

		max-width: 98% !important;

	}

	

	#comslider_in_point_215083 {

		display: none;

	}



}





/* ----------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------- */



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

	.header {

		height: 73px;

	}

	

	#header_logo {

		height: auto;

		width: auto;

	}



	.logo img {
		width: 250px;
	margin-top: -5px;
	}

	

	#menu-toggle {

		top: 12px;

	}
	.quick-launch ul li.my-jsm ul li{
		width: 100% !important;
	}
	

	

	/* Homepage ---------------------------------------------- */

	/* ------------------------------------------------------- */

	body.main-site .homepage .homepage-top-buttons {

		text-align: center;

	}

	

	body.main-site .homepage .homepage-top-buttons li, 

	body.main-site .homepage .homepage-top-buttons li.first {

		display: inline-block;

		float: none;

		width: 30.3%;

		text-align: center;

	}

	

	.homepage .homepage-top-buttons li a {

		display: block;

		margin: 0 auto;

		float: none;

	}

	

	.homepage .homepage-top-buttons li a img {

		float: none;

	}

	

	body.apartments-site .homepage .homepage-top-buttons li,

	body.parking-site .homepage .homepage-top-buttons li,

	body.apartments-site .homepage .homepage-top-buttons li.first,

	body.parking-site .homepage .homepage-top-buttons li.first,

	body.apartments-site .homepage .homepage-top-buttons li.last,

	body.parking-site .homepage .homepage-top-buttons li.last {

		display: block;

		float: none;

		margin: 0 0 10px 0;

		width: auto;

	}

	

	body.campuscenter-site .homepage .homepage-top-buttons {

		text-align: center;

	}

	

	body.campuscenter-site .homepage .homepage-top-buttons li {

		float: none;

		margin: 0 auto 15px auto;

		width: 172px;

	}

	



	/* Marquee Search ---------------------------------------- */

	/* ------------------------------------------------------- */

	.homepage-apartment-search .location-tabs {

		background: url(/images/homepage/marquee-search-bg-repeat.png);

		height: 74px;

		width: auto;

		margin: 0 10px;

		right:0;

	}

	

	body.parking-site .homepage-apartment-search .location-tabs {

		height: 36px;

	}

	

	.homepage-apartment-search .location-tabs li {

		float: none;

		width: auto;

	}

	

	.homepage-apartment-search .location-tabs li#bloomington-search-button,

	.homepage-apartment-search .location-tabs.flipped li#urbana-search-button {

		background: rgba(255,255,255,0.5);

	}

	

	.homepage-apartment-search .location-tabs.flipped li#bloomington-search-button {

		background: none;

	}

	

	.homepage-apartment-search .location-tabs li#urbana-search-button label,

	.homepage-apartment-search .location-tabs li#bloomington-search-button label {

		background-position: 50% 50%;

	}

	

	.homepage-apartment-search .lower-form {

		clear: both;

	}	

	

	.homepage-apartment-search .lower-form .field-wrap .fl,

	.homepage-apartment-search .lower-form .field-wrap .fr {

		float: none;

		margin: 0;

	}

	

	.homepage-apartment-search .lower-form .field-wrap .fl {

		margin-bottom: 5px;

	}

	

	.homepage-apartment-search .lower-form .field-wrap select.half-width {

		width: 100%;

	}

	



	/* Footer ------------------------------------------------ */

	/* ------------------------------------------------------- */

	.footer-nav ul {

		width: 48%;

	}

	

	.footer-form input {

		max-width: 130px;

	}

	

	

	/* Forms ------------------------------------------------- */

	/* ------------------------------------------------------- */

	form {

		max-width: 100%;

	}

	

	.middle-container input[type=text],

	.middle-container input[type=password],

	.middle-container select {

		box-sizing: border-box;

		max-width: 100%;

		padding: 7px;

		height: auto;

	}

	

	.middle-container select {

	}

	

	.middle-container input.input-check_in

	

	.middle-container textarea {

		box-sizing: border-box;

		width: 100% !important;

		max-width: 100%;

	}

	

	table.form > tbody > tr > td {

		box-sizing: border-box;

		border: 0;

		display: table;

		padding: 10px;

		width: 100%;

	}

	

	table.form > tbody > tr > td:last-child {

		border-bottom: 1px solid rgba(0,0,0,0.15);

		padding-top: 0;

	}

	

	table.form tr td input[type=text],

	table.form tr td input[type=password] {

		box-sizing: border-box;

		max-width: 100%;

		width: 100%;

	}

	

	.chzn-container,

	.chzn-container-single .chzn-single,

	.chzn-container-single .chzn-drop {

		box-sizing: border-box;

		max-width: 100%;

		width: 100% !important;

	}

	

	

	/* Images ------------------------------------------------ */

	/* ------------------------------------------------------- */

	.main-content img,

	body.carwash-site .middle-container h2 img {

		box-sizing: border-box;

		height: auto !important; 

		width: auto !important;

		max-width: 100% !important;

	}

	

	.middle-container p img {

		display: block;

		margin: 15px auto !important;

		float: none !important;

	}

	

	.middle-container table td img {

		width: 100% !important;

	}

	

	body.carwash-site .marquee {

		height: auto;
	}


	body.carwash-site .marquee img {
		position: static;
		width: 100%;
		margin: 0;
		left: auto;
	}
	form#maintenance-request input.submit{
		
    margin-left: auto !important;
    float: right !important;
    margin-right: 13px;
	}
	
	
}
#quick-search-mobile{
	display: none !important;
}
@media (max-width: 500px){
div#marquee-stage.marquee-stage{
	min-height: 110px;
	width: 100% !important;
	height: 112px !important;
}
	.marquee .marquee-stage a.slide{
		height: 112px !important;
	}
.homepage-apartment-search .location-tabs{
		height: 35px;
		padding-top: 8px;
		padding-bottom: 8px;
	    margin-left: auto;
  	    margin-right: auto;
   	    right: 0 !important;
		width: 94% !important;
		border-radius: 8px 8px 0 0;
}
.marquee .marquee-stage .slide img, .marquee #marquee-stage img {
    height: 112px !important;
    width: 100vw !important;
    object-fit: cover !important;
    object-position: center;
}	
.apartments-site .marquee .wrapper{
		margin-top: 0 !important;
}
.homepage-apartment-search .lower-form{
		border: 8px solid rgba(255,255,255,1);
}
	#quick-search-desktop{
		display: none !important;
	}
#quick-search-mobile{
	display: block !important;
}
	

/*Style for the first level menu bar*/
ul#quick-search-mobile{
  position:absolute;
  bottom:-3em;
  width:100%;
  height:3em;
  margin:0;
  padding:0;
  background:rgba(0,0,0,.6);
  color:#eee;
  border-radius: 0 0 5px 5px;
	margin-right: 8px !important;
}
	
	#quick-search-mobile ul li{
	display: block;
    color: #fff !important;
    text-align: left;
	}

ul#quick-search-mobile > li{
  float:left;
  list-style-type:none;
  position:relative;
}

 ul#quick-search-mobile label{
  position:relative;
  display:block;
  padding:0 18px 0 12px;
  line-height:3em;
  transition:background 0.3s;
  cursor:pointer;
}

 #quick-search-mobile  label:after{
  content:"";
  position:absolute;
  display:block;
  top:50%;
  right:5px;
  width:0;
  height:0;
  border-top:4px solid rgba(255,255,255,.5);
  border-bottom:0 solid rgba(255,255,255,.5);
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  transition:border-bottom .1s, border-top .1s .1s;
  }

#quick-search-mobile label:hover,
#quick-search-mobile input:checked ~ label{background:rgba(0,0,0,.3);}

input:checked ~  label:after{
  border-top:0 solid rgba(255,255,255,.5);
  border-bottom:4px solid rgba(255,255,255,.5);
  transition:border-top .1s, border-bottom .1s .1s;
}

/*hide the inputs*/
#quick-search-mobile input{display:none}

/*show the second levele menu of the selected voice*/
#quick-search-mobile input:checked ~ ul.submenu{
  max-height:300px;
  transition:max-height 0.5s ease-in;
}

/*style for the second level menu*/
#quick-search-mobile ul.submenu{
  max-height:0;
  padding:0;
  overflow:hidden;
  list-style-type:none;
  background:rgba(0,0,0,.7);
  box-shadow:0 0 1px rgba(0,0,0,.3);
  transition:max-height 0.5s ease-out;
  position:absolute;
  min-width:100%;
}

#quick-search-mobile ul.submenu li a{
  display:block;
  padding:8px 10px;
  color:#ddd;
  text-decoration:none;
  box-shadow:0 -1px rgba(0,0,0,.2) inset;
  transition:background .3s;
  white-space:nowrap;
}

#quick-search-mobile  ul.submenu li a:hover{
  background:rgba(0,0,0,.3);
}

}
@media (max-width: 450px ){
	
/*Style for the first level menu bar*/
ul#quick-search-mobile{
	bottom: -15px !important;
	}
}


/*///new responsive////*/


#living-thumbs{
	text-align: center !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	  align-items: flex-start;

}
@media (min-width: 601px){
#living-thumbs{
    flex-wrap: nowrap;
}
    #living-thumbs a{
     max-width: none !important;   
    }
    #living-thumbs a img{
           width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    }
}



#living-thumbs a img{
   /* width: 16%;
    height: auto !important;*/
}	

#living-thumbs a{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: 3px;
	opacity: 1;
	transition: opacity .5s ease;
}
#living-thumbs a:hover{
	opacity: .8;
}

@media (min-width: 916px){
	#living-thumbs a{
		width: 25%;
	}
}
@media (max-width: 600px){
	#living-thumbs a{
		/*-webkit-box-flex: 25% !important;
		    -ms-flex: 25% !important;
		        flex: 25% !important;
		width: 25%;
        max-width: 32%;*/
       -webkit-box-flex: 40% !important;
		    -ms-flex: 40% !important;
		      flex: 40% !important;
    width: 25%;
    max-width: 49%;
	}
    #living-thumbs{
    flex-wrap: wrap;
        justify-content: center !important;
}

    #living-thumbs a img{
           width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    }

}

/* apartments */



/* parking*/



iframe #map_div{
	width: auto !important;
}

#parking-thumbs{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}
#parking-thumbs a{
	margin: 5px;
	opacity: 1;
	transition: opacity .5s ease;
}
#parking-thumbs a:hover{
	opacity: .75;
}
.img-responsive{
	width: auto;
	max-width: 100%;
	height: auto;
}

@media (max-width: 1100px) {
	#parking-iframe{
		margin: 15px auto !important;
	}
	.parking-site .marquee #parking-iframe{
		position: relative;
		z-index: 2;
	}
	.parking-site #marquee-stage{
		position: absolute;
		z-index: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.parking-site #marquee-stage a, .parking-site #marquee-stage img{
		height: 100% !important;
	}
}


@media (max-width: 768px){
#parking-thumbs{
	text-align: center; 
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	
}
	#parking-thumbs a{
	margin: 3 !important;
}
}
@media (max-width: 628px){
#parking-thumbs{
	flex-direction: column;
	
}
#parking-thumbs{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
}
#parking-thumbs a{
	margin: 0 !important;
}
}
@media (max-width: 500px){
.apartments-site .homepage-apartment-search .location-tabs{
    padding-bottom: 0;
    padding-top: 0;
}	
.homepage-apartment-search .location-tabs li#urbana-search-button label{
		background: rgba(0, 0, 0, 0) url("/images/homepage/urbana-champaign.png") no-repeat scroll 92% 60% !important;
}
}

#primary-navigation-wrap .quick-launch ul li.my-jsm{
	float: none;
	    margin-left: auto;
    margin-right: auto;
}

#primary-navigation-wrap .quick-launch ul li.after {
	margin-left: 4px;
}

@media only screen and (max-width: 630px){
	
#primary-navigation-wrap .quick-launch ul li.my-jsm{
	margin-top: 25px;
}
	#primary-navigation-wrap .quick-launch ul li.after {
	margin-left: 4px;
	top: -15px;
}
}


/*/ blog /*/
@media only screen and (max-width: 1100px){
	.news-left{
	    width: 68%;
	}
	.blog-page-blog-items{
		display: flex;
  	   flex-wrap: wrap;
	}	 
	.blog-page-blog-items > li {
		float: left;
		width: 48%;
	}
 .news-right {
	width: 29%;
    margin-left: 23px;
}
	.news-right h2{
		line-height: 1.3 !important;
		    margin-bottom: 5px !important;
	}
	.news-right input:first-of-type{
		width: 80%;
  	 	height: 32px;
    	font-size: 14px;
   		padding-left: 5px;
		border: 1px solid #ccc !important;
	}
	.blogJoinBtn{
	    top: -35px !important;
    	float: right;
		padding: 8px !important;
		right: -6px !important;
		border-radius: 5px;
	}
}

@media (max-width: 679px){
	.news-left, .news-right{
		width: 100% !important;
	}
	.news-right{
		width: 100% !important;
		text-align: center;
	}
	.news-right form{
		    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
	}
	.blog-top ul li{
		width: 100% !important;
	}
	.blog-top ul li.record-2 {
    margin-bottom: 20px;
    margin-top: 20px !important;
	margin-left: auto;
	margin-right: auto;
	}
.blog-page-blog-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
}