@charset "utf-8";
/* CSS Document */

/********************** Responsive View *************************/

@media (min-width: 1200px) {
	
.container {max-width:1170px;}

}



@media only screen and (min-width:768px) {
	
.headerarea {padding:20px 0;}

.headerarea h1 {text-align:left;}
	
.headerarea h1 a.navbar-brand {text-align:left; margin-top:0; margin-bottom:0; padding:0 0;}

.headerarea .navbar {padding:0 0; display:inline-block; float:right; clear:both; margin:5px 0 0;}

.navbar-nav > ul {list-style-type:none; background:transparent; padding:0;}

.navbar-nav > ul > li {line-height:18px; margin:0 20px 0 0; padding:0 20px 0 0; border-bottom:0; border-right:1px solid #f1f1f1; float:left; position:relative;}

.navbar-nav > ul > li:last-child {margin:0 0; padding:0; border:0;}

.navbar-nav > ul > li > a {font-size:16px; display:block; color:#f1f1f1!important; padding:0px 0; line-height:22px; font-weight:400;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}

.navbar-nav > ul > .active > a, .navbar-nav > ul > .active > a:hover, .navbar-nav > ul > .active > a:focus {color:#ffffff!important;}

.navbar-nav > ul > li:hover > a {color:#ffffff;}

.navbar-nav > ul > li.selected > a {color:#ffffff;}

.navigation .navbar-nav > ul > li {line-height:56px; margin:0 0; padding:0 0; border:0; float:left; position:relative;}

.navigation .navbar-nav > ul > li > a {padding:0 17px; line-height:56px; font-size:13px;}

.bandescout {position:absolute; background:transparent; margin:0 auto 15px;}

.contentbox {padding:20px; background:rgba(38, 46, 59, 0.7);}

.bandescout h2 {font-size:20px; margin:0px 0px 5px;}

.bandescout h3 {display:block; font-size:54px;}

.bluebar h2 {font-size:18px;}

.main-content h3 {line-height:30px;}

.main-content .midboxwrap h3 {font-size:18px; line-height:24px; margin-bottom:10px;}

.whitebox a {display:block; padding:0 0;}


/************ HOT NEWS LINKS page *************/

.bandescout h3 a {line-height:36px; font-size:30px;}

.banner-form-wrap {width:90%;}

.gplusarea {float:right; width:40px; margin:10px 0 0;}


/************ BUNGALOWS page *************/

.lft-img {float:left; width:34%; margin:0 3% 5px 0;}

.rgt-cont {float:left; width:62%; margin:0 0;}


/************ Q&A page *************/

.smk_accordion.acc_with_icon .accordion_in .acc_head h2 {width:92%;}


/************ Signup page *************/

.fullarea {width:100%; float:none;}


}




/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
.headerarea {padding:30px 0;}	

.navigation .navbar-nav > ul > li > a {padding:0 27px; line-height:56px; font-size:16px;}

.bandescout {position:absolute; background:transparent; margin:0 auto 15px;}

.contentbox {padding:30px; background:rgba(38, 46, 59, 0.7);}

.bandescout h2 {font-size:28px; margin:0px 0px 10px;}

.bandescout h3 {display:block; font-size:54px;}

.bluebar h2 {font-size:24px;}

.midcontent {float:right; width:580px; margin:0 168px 0 0;}

.lftside {float:left; width:162px; margin: 0 0; position:relative; left:0; top:0;}

.rgtside {float:right; width:162px; margin:0 0; position:absolute; right:0; top:0;}

.content-left {width:235px; float:left; text-align:left;}

.content-left h4 {text-align:left; font-size:20px; font-weight:600; color:#4d4d4d; line-height:28px; margin:0px 0px 15px; padding:0 0;}

.content-left p {text-align:left;}

.midbox {margin:24px 0 50px;}

.midboxhding {display:inline-block; padding:14px 25px; margin:-50% 0 0 -2px;}

.main-content h3 {font-size:20px; margin:0px 0px 30px;}

.main-content .midboxwrap h3 {margin:0px 0px 5px;}

.whitebox h5 {font-size:19px;}

.whitebox a {display:inline-block; padding:0 26px;}

.paratxt {font-size:16px; line-height:18px;}

.paratxt ul li {display:inline-block; margin:0 0; padding:0 12px; line-height:14px; border-left:1px solid #b3b3b3;}

.paratxt ul li a {font-size:14px; line-height:14px;}

.copyrg-txt {text-align:left;}

.copyrg-txt ul {display:inline-block; float:right; list-style-type:none; margin:0 0; padding:0 0;}

.adarea-two {float:right; margin:0 0 40px;}

.inmobileview, .banner-ad {display:block;}


/************ Signup page *************/

.fullarea {width:100%; float:none;}

.bluebox h2 {text-align:left;}

}



@media only screen and (min-width : 1300px) {
	
.headerarea {padding:30px 0;}

.headerarea h1 {text-align:left;}
	
.headerarea h1 a.navbar-brand {text-align:left; margin-top:0; margin-bottom:0; padding:0 0;}

.navbar {padding:0 0; display:inline-block; float:right; clear:both; margin:0 0;}

.navbar-nav > ul {list-style-type:none;}

.navbar-nav > ul > li {line-height:18px; margin:0 20px 0 0; padding:0 20px 0 0; border-bottom:0; border-right:1px solid #f1f1f1; float:left; position:relative;}

.navbar-nav > ul > li:last-child {margin:0 0; padding:0; border:0;}

.navbar-nav > ul > li > a {font-size:16px; display:block; color:#f1f1f1; padding:0px 0; line-height:22px; font-weight:400;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left:0;}

.navbar-nav > ul > .active > a, .navbar-nav > ul > .active > a:hover, .navbar-nav > ul > .active > a:focus {color:#ffffff;}

.navbar-nav > ul > li:hover > a {color:#ffffff;}

.navbar-nav > ul > li.selected > a {color:#ffffff;}

.navigation .navbar-nav > ul > li {line-height:56px; margin:0 0; padding:0 0; border:0; float:left; position:relative;}

.navigation .navbar-nav > ul > li > a {padding:0 42px; line-height:56px; font-size:16px;}

.bandescout {position:absolute; background:transparent; margin:0 auto 15px;}

.contentbox {padding:30px; background:rgba(38, 46, 59, 0.7);}

.bandescout h2 {font-size:34px; margin:0px 0px 15px;}

.bandescout h3 {display:block; font-size:54px;}

.bluebar h2 {font-size:30px;}

.content-left {width:410px;}

.main-content h3 {margin:0px 0px 40px; font-size:25px;}

.whitebox {padding:35px 35px;}

.lftside {float:left; width:162px; margin: 0 0; position:relative; left:0; top:0;}

.midcontent {float:right; width:775px; margin:0 175px 0 0;}

.rgtside {float:right; width:162px; margin:0 0; position:absolute; right:0; top:0;}

.midbox {margin:24px 0 50px;}

.midboxhding {display:inline-block; padding:14px 25px; margin:-50% 0 0 -2px;}

.midboxhding h2 {font-size:30px; text-align:left;}

.midboxwrap {padding:20px 25px 25px; overflow:hidden;}

.whitebox h5 {font-size:22px;}


/************ HOT NEWS LINKS page *************/

.bandescout h3 a {line-height:36px; font-size:47px;}


/************ Signup page *************/

.fullarea {width:100%; float:none;}


}