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

  #homePageBanner h1{
    padding-top: 7%;
  }

  #gridViewSearchForm > div{
    width: 100%;
  }

  #gridViewSearchForm > div:nth-child(3){
    display: inline-block;
    width: 49.5%;
  }

  #gridViewSearchForm > div:nth-child(4){
    display: inline-block;
    width: 49.5%;
  }

  #gridViewSearchForm > div:last-child{
    width: 100%;
  }

  #gridViewSearchForm > div:last-child button{
    margin-top: 29px;
  }

  #gridviewGrid li{
    width: 24%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px){

  #homePageBanner h1{
    padding-top: 14%;
  }

  #gridViewSearchForm > div{
    width: 100%;
  }

  #gridViewSearchForm > div:nth-child(3){
    display: inline-block;
    width: 14.5%;
  }

  #gridViewSearchForm > div:nth-child(4){
    display: inline-block;
    width: 14.5%;
  }

  #gridViewSearchForm > div:last-child{
    width: 100%;
  }

  #gridViewSearchForm > div:last-child button{
    margin-top: 29px;
  }

  #gridviewGrid li{
    width: 49%;
  }
}

@media screen and (min-width: 768px){

  #homePageBanner h1{
    padding-top: 7%;
  }

	.navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
	.sidebar{
		padding: 30px 20px 1px 20px;
	}
	.sidebar .widget-sidebar .tab-content{
		overflow: hidden;
	}

  #gridViewSearchForm > div{
    margin-bottom: 0;
    width: 30%;
  }

  #gridViewSearchForm > div:nth-child(3){
    display: inline-block;
    width: 14.5%;
    margin-bottom: 0;
  }

  #gridViewSearchForm > div:nth-child(4){
    display: inline-block;
    width: 14.5%;
    margin-bottom: 0;
  }

  #gridViewSearchForm > div:last-child{
    width: 8%;
  }

  #gridViewSearchForm > div:last-child button{
    margin-top: 29px;
  }

  #gridviewGrid li{
    width: 24%;
  }
}

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

  #homePageBanner h1{
    padding-top: 14%;
  }

	.topbar{
		position: relative;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}

	.topbar-nav{
		font-size: 12px;
	}

	.navbar{
		min-height: 80px;
	}

	.navbar-inverse .navbar-toggle{
		margin-top: 22px;
	}

	.navbar-inverse{
		min-height: 80px;
	}

	.navbar-collapse{
		border-top-color: #3949AB !important;
	}

	.navbar-inverse .navbar-toggle .icon-bar{
		background-color: #0099ff;
	}

	.navbar-inverse .navbar-nav > li > a{
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 15px;
	}

	.navbar-inverse .navbar-nav > .active > a::before{
		content: "";
		display: none;
		background: transparent;
	}

	.navbar-inverse .navbar-nav > .active > a::after{
		content: "";
		display: none;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #f1f1f1;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #f1f1f1;
		background-color: #0099ff;
	}

	.dropdown-menu > li > a{
		display: block;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 25px;
	}

	#header{
	width: 100%;
	min-height: 220px;
	height: auto;
	}

	#header .carousel-inner .item{
		min-height: 250px;
		height: auto;
	}

	#header .carousel-control > .glyphicon,
	#header .carousel-control > .fa{
		font-size: 13px;
		line-height: 2px;
		display: block;
		padding-left: 4px;
		padding-right: 4px;
	}

	#header .carousel-control.left,
	#header .carousel-control.right{
		margin-top: -25px;
		top: 50%;
	}

	.slider .carousel-control > .glyphicon,
	.slider .carousel-control > .fa{
		font-size: 13px;
		line-height: 2px;
		display: block;
		padding-left: 4px;
		padding-right: 4px;
	}

	.slider .carousel-control.left,
	.slider .carousel-control.right{
		margin-top: -20px;
		top: 50%;
	}

	.slider .carousel-indicators li {
		display: none;
	}

	.sidebar{
		padding: 30px 20px 1px 20px;
	}
	.sidebar .widget-sidebar .tab-content{
		overflow: hidden;
	}

	.copyright{
		text-align: center;
	}

  #gridViewSearchForm > div{
    margin-bottom: 40px;
    width: 100%;
  }

  #gridViewSearchForm > div:nth-child(3){
    display: inline-block;
    width: 49.5%;
    margin-bottom: 0;
  }

  #gridViewSearchForm > div:nth-child(4){
    display: inline-block;
    width: 49.5%;
    margin-bottom: 0;
  }

  #gridViewSearchForm > div:last-child{
    margin-bottom: 0;
    width: 100%;
  }

  #gridViewSearchForm > div:last-child button{
    margin: 10px 0 0 0;
  }

  #gridviewGrid li{
    width: 49%;
  }

}

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

  #homePageBanner h1{
    padding-top: 21%;
  }

	.property-image-list {
		position: relative;
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.property-text {
		position: relative;
		width: 100%;
		display: block;
		padding: 10px 15px;
		vertical-align: top;
	}

  #gridViewSearchForm > div{
    margin-bottom: 40px;
    width: 100%;
  }

  #gridViewSearchForm > div:nth-child(3){
    margin-bottom: 0;
    display: inline-block;
    width: 49%;
  }

  #gridViewSearchForm > div:nth-child(4){
    margin-bottom: 0;
    display: inline-block;
    width: 49%;
  }

  #gridViewSearchForm > div:last-child{
    margin-bottom: 0;
    width: 100%;
  }

  #gridViewSearchForm > div:last-child button{
    margin:10px 0 0 0;
  }

  #gridviewGrid li{
    width: 100%;
  }

}



/*Additional styles from new Homepage Design stylesheet*/

@media screen and (min-width: 768px){
  ol.carousel-indicators.yellow-carousel-indicators{ bottom: -60px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1169px){
  .banner-form form > div input{ width: auto;}
  .banner-form form > div:nth-child(3) button{ width: 100px;}
  .banner-form form > div:last-child button{ width: 130px; padding: 6px 8px;}
  .pricing-content{ padding: 0 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
  .col-md-6.col-sm-6.col-xs-12.purple-box, .col-md-6.col-sm-6.col-xs-12.yellow-box{ padding: 0;}
  .contact-form-content{ width: 72%;}
}

@media only screen and (min-width: 320px) and (max-width: 767px){
  .oi-header{ padding: 0 0 0 15px;}
  .banner-form{ top: 410px; padding-top: 22px; padding-bottom: 22px;}
  .banner-form form{ width: 85%;}
  .banner-form form > div:first-child, .banner-form form > div:nth-child(2){ float: inherit; margin-bottom: 10px; margin-right: 0; position: relative;}
  .banner-form form > div:nth-child(2) a{ position: absolute; right: 0;}
  .banner-form form > div:nth-child(3), .banner-form form > div:last-child{ margin-top: 25px;}
  .banner-form form > div:nth-child(3) button{ width: 100px;}
  .banner-form form > div:last-child button{ width: 130px; padding: 6px 8px;}
  .banner-form form > div input{ width: 100%;}
  .features-content, .pricing-content{ padding: 0 20px;}
  .features-content h2, .pricing-content h2, .contact-content h2{ font-size: 32px;}
  .features-content > div:nth-child(2), .pricing-content > div:nth-child(2), .contact-content > div:nth-child(2){ font-size: 17px;}
  .feature1-icon img{ width: 100%;}
  .feature1-content h3{ font-size: 24px;}
  .feature1-content p{ font-size: 14px;}
  .feature1-img{ margin-top: 20px;}
  div#carousel-example-generic1{ padding: 5px 0 16px;}
  #carousel-example-generic1 .carousel-control.left span{ font-size: 65px; left: -16px;}
  #carousel-example-generic1 .carousel-control.right span{ font-size: 65px; right: -16px;}
  .features-content h2:after{ top: 72px; right: 43%;}
  .pricing-content h2:after{ top: 46px; right: 46%;}
  .pricing-content{ padding: 0;}
  .pricing-content div.col-md-12.col-sm-12.col-xs-12{ padding: 0;}
  .col-md-6.col-sm-6.col-xs-12.purple-box, .col-md-6.col-sm-6.col-xs-12.yellow-box{ padding: 0;}
  .small-business, .enterprise{ padding: 20px 0; float: none;}
  .small-business > div:first-child, .enterprise > div:first-child{ background-size: 100%; width: 300px; height: 142px;}
  .small-business > div:nth-child(2), .small-business > div:last-child, .enterprise > div:nth-child(2), .enterprise > div:last-child{ width: 294px;}
  .sb-top-content, .enterprise-top-content{ top: 18px;}
  .sb-para, .enterprise-para{ margin: 0 12px;}
  .sb-top-content h3, .enterprise-top-content h3{ margin-top: 26px; margin-bottom: 0px;}
  .contact-content h2:after{ top: 42px; right: 44%;}
  .contact-left{ margin-bottom: 20px; border: none;}
  .contact-form-content{ width: 100%;}
  .footer-content div.col-md-3.col-sm-3.col-xs-12, .footer-content div.col-md-9.col-sm-9.col-xs-12{ text-align: center;}
  .footer-content{ padding: 15px 0px;}
}
