@media only screen and (min-width:992px) and (max-width:1199px) {
    .footerImage img {top: -160px;}
    .footerSecond {font-size:15px;}
    .footerSecond a{font-size:15px;}    
    .menu > ul > li > a{ padding:17px 18px; }
    #search-form input {width: 200px;}
    .banner {min-height: 470px; }
    #slideshowthree img{bottom:-174px;}
    .img-top-2 > img {top:32px !important; width:86% !important;}
    .img-top-1 > img {right:-30px !important;top:96px !important;width:96% !important;}
    .img-top-3 > img {float:none; width:96% !important;}
	#slideshowthree DIV:before {bottom: -158px ;}

} 
@media only screen and  (min-width:768px) and (max-width:991px) {
	.footerImage img {top:-181px;}
    .footerSecond {font-size:14px;}
    .footerSecond a{font-size:14px;}
    .fot_con p {font-size:15px;}    
    .gridContent ul li {float: left;margin: 10px 0px 20px;text-align: center;}
	.srviceTitle {font-size: 20px;}  
	#services {/* position: relative;width: 100%;background-image: url("/Templates/img/service-bg.png");background-repeat: no-repeat;  background-size: 100% auto;    background-position: 0px 50%; padding:15px;*/
}
	.gridContent ul li:last-child {float:none;margin:0 auto; display:block; clear:both}
	/*.gridContent ul li:nth-child(4) #services { padding: 15px 0px;}*/
    .menu > ul > li > a {top:0px;  font-size: 16px;  padding: 18px 31px; }
    section.navigation{bottom:0px; }
    .banner, .innerBanner {margin-top:0px;}
    .Email {font-size:17px; }
    .contactBtn a, .contactBtn a:focus, .contactBtn a:visited {font-size:15px; width: 156px; }
    .contactNo a {font-size: 20px !important ;}
    .topInfo_1 {right:0px;  }
    section.topInfo ul {text-align:right; }
    .topInfo_1 li{margin-right:10px;}
    .menu > ul > li > ul > li > a {font-size:16px;}
    
    .banner {min-height:396px; }
    .img-top-1 > img {width:97% !important;}
    .img-top-2 > img {left: 42px !important;width: 95% !important;top:20px !important;}
    #slideshowthree img {bottom: -160px;left: 3px;}
    .img-top-3 > img{width:97% !important; float:none;}
	#slideshowthree DIV:before {bottom:-150px;left:-10px;}
	#slideshowtwo DIV:before {}
	#slideshow DIV:before {}
    
}
@media (max-width:640px) and (max-width:767px){
    .gridContent ul li {float: left;margin: 10px 0px 20px;text-align: center;}
    .srviceTitle {font-size: 18px;}
    .gridContent ul li:last-child {float:none;margin:0 auto; display:block; clear:both}
    .banner {min-height:319px !important;}
    #slideshow img {top: 90px !important;left: 40px;} 
    .img-top-1 > img{width:95% !important; }
    .img-top-2 > img {left:3px !important;top:32px !important;width:86% !important;}
    .img-top-3 > img {width:96% !important; }
	#slideshowthree DIV:before {bottom: -146px;left: 0px;}
	#slideshowtwo DIV:before {top:18px}
	#slideshow DIV:before {}
	#slideshowthree img {width: 78% !important;}
    
} 
@media (max-width:639px) {
.gridContent ul li {float: none;margin: 20px auto;text-align: center;width:90%;}
.srviceTitle {font-size: 18px;}
}
@media (max-width:767px){    
    header {overflow:hidden}
    .pull-right {float: none !important; }
    .footerSecond {font-size:14px;}
    .footerSecond a{font-size:14px;}
    .fot_con p {font-size:14px;}
    nav.menu {display:none !important;}
    logo {clear: both; display: block;}
    .Yillihousing-logo {position:relative;z-index:99999;float:none;margin:0px auto;max-width:inherit;width:175px;}
    section.navigation{background:transparent;}
    .banner, .innerBanner {margin-top:-10px;}
    section.topInfo ul {text-align:center;}
    i.fa.fa-search {top:17px;}
    #search-form {top:108px;}    
    section.topInfo {width: 100%; float: left; margin-top: 0;display: block;position:relative;z-index:999999;}
    section.topInfo ul {text-align: center;display: block;width: 100%;float: left;clear: both;}
    .topInfo_2 {width:85% !important;margin: 0 auto;}
    .topInfo_1{right:0px;}
    .topInfo_1 li {margin-right: 10px;}
	.contactNo a i {font-size:18px !important;}
    .fb {margin-right: 0 !important; padding: 7px 13px;}
    .Email {font-size: 16px;}
    .contactBtn a {padding:8px 8px 8px 0px; width:120px; font-size:16px; }
    .contactBtn a > span {width:30px;}
    .contactNo a {margin:0px 10px; font-size:18px !important; }
    .contactNo:last-child{margin-right:15px;}    
    header {line-height:initial}	
	.mean-container .mean-bar {top:220px !important}	
    .fot_con {margin-top:10px;}
	.footerImage img {top: -170px;}
	.innerBanner h1 {font-size:30px;}
	.innerBanner {padding:30px 0px; }
	h3.assistive-text {display: block;color: #fff;position: absolute;top: -20px;left: 40px;font-weight: 400;}
	.mean-nav {overflow-x:hidden}
    .banner {min-height:381px !important;}
    .img-top-2 > img, .img-top-1 > img {left:5px !important;width:87% !important;display:none !important}
    #slideshowthree img{bottom:-173px;}
    .img-top-3 > img {width:97% !important;display:none !important}
    .fot_con_2, .fot_con_3, .fot_con_1 {text-align:center;margin-top:0}
	
}

@media (max-width:639px) and (min-width:531px) { 
	#slideshow img {top:85px !important}
     .banner{min-height:320px !important; }
    #slideshow img, #slideshowtwo img, #slideshowthree img {width:95% !important;}
	.img-top-2 > img, .img-top-3 > img, .img-top-1 > img{display:none !important;}
	#slideshowthree img{bottom: -156px;left:13px;}
	#slideshowthree img {width:75% !important;}
}

@media (max-width:530px) and (min-width:480px) { 
	.topInfo_2 {width:91% !important;float: none !important;margin: 0 auto;}
    .banner{min-height:285px !important; }
    .img-top-2 > img, .img-top-3 > img, .img-top-1 > img{display:none !important;}
    #slideshowthree img{bottom:-139px;}
   #slideshowtwo img {
    top: 8px;
    left: 0px;
}
    #slideshow img {
    top: 70px !important;
    left: 10px;
}
   #slideshowthree img {
    bottom: -95px;
    left: -25px;
}
	#slideshow img, #slideshowtwo img, #slideshowthree img {width:100% !important;}
	.form-control{height:38px}
	#slideshowtwo DIV:before {display:none;}
	#slideshow DIV:before {display:none;}
	#slideshowthree DIV:before {display:none;}
}

@media (max-width:479px) {
	.Email { width: 100%; margin-bottom: 10px;}
	.topInfo_2 {width: 100% !important;float: left !important;margin: 0px auto;top: 5px;}
	.fb {padding: 4px 12px;position:relative;top:2px;}
	.fa-facebook {position: relative;bottom: 1px;}
	.contactNo a i {font-size:16px;}
	.contactNo:last-child {margin-right: 0px;top: 5px;position: relative;}
	.mean-container .mean-bar {top: 249px !important;}
    .Yillihousing-logo {width:140px}
    .contactNo {float: none;color: #010101;font-size:13px;width:100%;display:block !important;clear: both;margin-bottom:0px;}
    .Email {font-size: 13px;}
    .contactNo {font-size:11px;}
    .contactNo a {font-size: 16px !important;}
    .contactBtn a {font-size:13px;padding:7px 7px 7px 0;  }
    #search-form {top: 120px;}
	.form-control {height:39px;}
    .footerImage img {top:-350px; }   
    #search-form input {width:170px;}
    .contactBtn a > span {margin:1px 0px 0px 2px; padding:4px 1px;}
    .fb i {font-size: 13px;}
    .contactBtn a {width:102px;}
    .topInfo_1 li {margin-right:3px;}
    .img-top-2 > img, .img-top-3 > img, .img-top-1 > img{display:none !important;}
    .banner {min-height:280px !important; margin-bottom:0px;}
    #slideshow img {left: 15px;top: 60px !important;}
	#slideshowtwo img {left: 15px;top: 10px;}
	#slideshowthree img {left: 15px;top: 10px;}
    #slideshowthree img {bottom:-89px;left: -5px;}
	#slideshow img, #slideshowtwo img, #slideshowthree img {width:100% !important;}
	#slideshowtwo DIV:before {display:none;}
	#slideshow DIV:before {display:none;}
	#slideshowthree DIV:before {display:none;}
}

@media (max-width:640px) {
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top:30px}
    h1, .h1 {font-size: 30px;}
    h2, .h2 {font-size: 26px;}
    h3, .h3 {font-size: 24px;}
    h4, .h4 {font-size: 22px;}
    h5, .h5 {font-size: 20px;}
    h6, .h6 {font-size: 18px;}
    h3.assistive-text {}
	div#mainContent h1 {font-size:26px}
	.gridContent h2 {font-size:28px;}
	.gridContent h6 {text-align: center;margin: 10px 0px;line-height: 28px;}
	.footerImage img {display:none;}
	.form-control{height:38px}
    }