/* Table of Content
==================================================
	#header Styles
	#common classes Styles
	#find my home Styles
	#Looking for a Home Loan? style
	#footer Styles
	
	#Media Queries

/* #header Styles
================================================== */

/*--Nav Section--*/

a{-webkit-transition: color 0.2s linear, background 0.2s linear; -moz-transition: color 0.2s linear, background 0.2s linear; -o-transition: color 0.2s linear, background 0.2s linear; transition: color 0.2s linear, background 0.2s linear;}

.navSection{ margin:0 auto; width:100%; height:auto; position:fixed; top:0px; z-index:1000;  }
.navSectioninset{ float:left; width:100%; height:auto;  }
.topSection{ float:left; height:70px; width:100%; background:#FFF; padding:0px 15px; position:relative;}
.navSection .container .navSectioninset .topSection h1{ /*float:left;*/ height:auto; width:auto; position:absolute; z-index:10; left:15px; top:0;}
.navSection .container .navSectioninset .topSection .topRight{ float:right; height:auto; /*width:67%; margin-top:10px;*/}
.navSection .container .navSectioninset .topSection .topRight .searchSection{ float:right; /*width:100%;*/ margin-top:20px;}
.navSection .container .navSectioninset .topSection .topRight .searchSection .sratchSet{ float:right; background:#ebebeb; width:250px; height:33px; /*padding:0px 10px;*/ border-radius:25px; margin-right:10px; margin-top:4px;}
.navSection .container .navSectioninset .topSection .topRight .searchSection .sratchSet input{ float:left; height:auto; border:none; background:#CCC; padding:9px 10px; box-sizing:border-box; background:none; font-size:11px; color:#666; width:85%;}

.navSection .container .navSectioninset .topSection .topRight .searchSection .sratchSet a{ border-left: 1px solid #cbcbcb; display: block; float: right;  height: 33px; width: 15%; /*padding-left:7px;*/ text-align:center;}
.navSection .container .navSectioninset .topSection .topRight .searchSection .sratchSet img{ /*float:left;*/ margin-top:7px;}

.navSection .container .navArea{ float:right; background: url(../images/bg_overlay.png) top left repeat; width:100%; height:80px; color:#FFF; padding-top:23px;}

.navbar-header{ display:none;}

.myDiv{ float:left; width:163px; height:100%; color:#FFF; text-align:center;}
.myDiv a{ color:#a6a7a8; text-align:center; height:100%; display:block; padding:20px; border-right:1px solid #383d40; border-bottom:7px solid transparent; }
.myDiv a:hover{ border-bottom:7px solid #0090bc;}
.myDiv a img{ border-radius:100px;}
.myDiv a p{ padding-top:10px; text-transform:uppercase; line-height: 18px;}

.yamm-content .row{height:165px;}














.social_set{ float:right; height:auto; width:auto; margin:4px 0 0 10px;}
.social_set ul{ float:left; width:auto; height:auto;}
.social_set ul li{ float:left; width:auto; height:auto; margin:0 4px;}
.social_set ul li a{ float:left; background:url(../images/social_icons.png) top left no-repeat; height:24px; width:24px;}
.social_set ul li a.fb{ float:left; height:24px; width:24px; background-position:0px 0px;}
.social_set ul li a.fb:hover{ float:left; height:24px; width:24px; background-position:0px -24px;}
.social_set ul li a.tw{ float:left; height:24px; width:24px; background-position:-24px 0px;}
.social_set ul li a.tw:hover{ float:left; height:24px; width:24px; background-position:-24px -24px;}
.social_set ul li a.yt{ float:left; height:24px; width:24px; background-position:-48px 0px;}
.social_set ul li a.yt:hover{ float:left; height:24px; width:24px; background-position:-48px -24px;}
.social_set ul li a.in{ float:left; height:24px; width:24px; background-position:-72px 0px;}
.social_set ul li a.in:hover{ float:left; height:24px; width:24px; background-position:-72px -24px;}



/*--Footer Section--*/
.footer{ float:left; background:#2b3239; width:100%; height:auto; padding:20px 0px 0px 0px; box-sizing:border-box; position:relative;}
.ftTopImg{ float:left; height:127px; width:100%; text-align:center; position:absolute; top:-127px; background:url(../images/footer_top.png) bottom center repeat-x;}
.ftTopImg img{ display:block; width:100%; height:auto;}
.footer .footerInset{ margin:0 auto; width:1000px; height:auto; /*background:#093;*/ display:block;}
.footer .footerInset .left{ float:left; width:70%; height:auto;}
.footer .footerInset .left .col{ float:left; min-height:150px; height:auto; width:33%;}
.footer .footerInset .left .col ul{ float:left; width:100%; height:auto;}
.footer .footerInset .left .col ul li{ float:left; width:100%; height:auto; color:#bababa; margin-top:5px;}
.footer .footerInset .left .col ul label{ float:left; width:100%; height:auto; font-size:13px; text-transform:uppercase; font-weight:normal; padding-bottom:5px; margin-top:18px; color:#bababa;}
.footer .footerInset .left .col ul li a{ color:#FFF; font-size:10px; font-size:11px\9;}
.footer .footerInset .left .col ul li a:hover{ color:#dedede;}

.footer .footerInset .left .col1{ float:left; height:auto; width:33%;}
.footer .footerInset .left .col1 ul{ float:left; width:100%; height:auto;}
.footer .footerInset .left .col1 ul li{ float:left; width:100%; height:auto; color:#bababa; margin-top:5px;}
.footer .footerInset .left .col1 ul label{ float:left; width:100%; height:auto; font-size:13px; text-transform:uppercase; font-weight:normal; padding-bottom:5px; margin-top:10px; color:#bababa;}
.footer .footerInset .left .col1 ul h4{ font-size:13px; text-transform:uppercase; font-weight:normal; padding-bottom:5px; margin-top:10px; color:#bababa;}
.footer .footerInset .left .col1 ul li a{ color:#FFF; font-size:10px; font-size:11px\9;}
.footer .footerInset .left .col1 ul li a:hover{ color:#dedede;}

.footer .footerInset .right{ float:left; width:30%; height:auto; border-left:1px dotted #3d444a; padding-left:30px; }

.ftBottom{ float:left; width:100%; background:#343C44; margin-top:15px; padding:15px;}
.ftBottom .container .left{ float:left; height:auto; width:70%; font-size:11px; color:#7e8082;}
.ftBottom .container .left p{ float:left; height:auto; width:auto;}
.ftBottom .container .left ul{ float:left; height:auto; width:auto; /*margin-left:60px;*/}
.ftBottom .container .left ul li{ float:left; display:inline; height:auto; width:auto;}
.ftBottom .container .left ul li a{ color:#7e8082; margin:0 10px;}
.ftBottom .container .left ul li a:hover{ color:#fff;}
.ftBottom .container .right{ float:right; height:auto; width:30%; text-align:right; font-size:11px; color:#7e8082;}
.ftBottom .container .right ul{ float:right; height:auto; width:auto;}
.ftBottom .container .right ul li{ float:left; display:inline; height:auto; width:auto;}
.ftBottom .container .right ul li a{ color:#7e8082; margin:0 10px;}
.ftBottom .container .right ul li a:hover{ color:#fff;}

/* 2. #TABLET (PORTRAIT)
iPad portrait 768 x 1024
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.navSection{ height:89px;}
	/*.navSection .container .topRight{ width:82%;}
	.navSection .container .topRight .searchSection{ width:76%;}*/
	
	.navSection .container .navArea{ padding-top:32px;}
	.myDiv{ width:121px;}
	
	
	/*.ftTopImg{ top:-57px;}*/
	
	.footer .footerInset {width:748px;}
	
	.yamm-content .row{height:150px;}


}




/* 3. #TABLET (LANDSCAPE)
iPad landscape 1024 x 768 and
Kindle landscape 1024 x 600
================================================== */
@media only screen and (min-width: 980px) and (max-width: 1024px) {
	/*.ftTopImg{top:-73px;}*/

}

@media only screen and (max-width: 1000px) {
	.navSection .container .navSectioninset .topSection .topRight .searchSection .sratchSet{ width:200px;}
}



/* 4. #MOBILE (PORTRAIT)
iPhone portrait 320 x 480 and
Crappy Android landscape 320 x 240
================================================== */
@media only screen and (max-width: 767px) {
	/*.navSection .container .navSectioninset .topSection h1{ width:95%;}*/
	.navSection .container .navSectioninset .topSection h1 {position:static;}
	.navSection .container .navSectioninset .topSection .topRight{ width:100%; margin-top:0;}
	.navSection .container .navSectioninset .topSection .topRight .searchSection {width:100%;}
	
	.topSection{ height:auto;}
	.navSection .container .navSectioninset .topSection .topRight .searchSection .sratchSet{ width:100%; margin:15px 0;}
	.navbar-header{ display:block; float:left; width:100%;}
	.navSection .container .navArea{ padding-top:0px; height:auto;}
	.navbar-collapse{ margin-top:00px; width:100%;}
	.navSection{ position:absolute;}
	.jmcSection .right .news{ background:none;}
	.jmcSection .right .trading{ background:none;}
	
	.awardSectionInset .left{ width:100%;}
	.awardSectionInset .left ul li{ width:100%; text-align:center; height:auto;}
	.awardSectionInset .left ul li span p{ width:100%; text-align:center; min-height:inherit; padding:15px 0 25px 0}
	
	.awardSectionInset .right{ width:100%; margin-bottom:50px; padding-top:0px; margin-top:0px; text-align:center;}
	.awardSectionInset .right a{ margin-left:0; float:none; display:inline-block;}
	.testimonialsInset ul li{ width:100%;}
	.financialCornerInset .left .downlodSec{ width:100%;}
	.financialCornerInset .left .bscNscSection{ width:100%;}
	/*.ftTopImg{ top:-22px;}*/
	.ftTopImg { background-position:left bottom;}
	/*.technologyEnablerSec{ padding-bottom:50px;}*/
	.financialCornerInset .left .bscNscSection ul li{ width:48%; padding-left:8%;}
	
	.footer .footerInset{ width:100%;}
	.footer .footerInset .left{ width:100%; padding:0 3%;}
	.footer .footerInset .left .col{ width:100%; margin-bottom:0px;}
	.footer .footerInset .left .col1{ width:100%;}
	.footer .footerInset .right{ width:100%; border-left:0px; border-top:1px dotted #3d444a; margin-top:15px; padding-top:20px; padding-left:0; text-align:center;}
	.ftBottom .container .left ul{ width:100%; margin:0px; text-align:center;}
	.ftBottom .container .left ul li{ float:none;}
	.ftBottom .container .left ul li a{ margin:0 7px 0 7px; padding-bottom:}
	.ftBottom .container .left{ width:100%;}
	.ftBottom .container .right{ width:100%; margin-top:10px;}
	.ftBottom .container .right ul{ width:100%; text-align:center;}
	.ftBottom .container .right ul li{ float:none;}
	
	.ftBottom .container .left p{ float:left; width:100%; text-align:center; padding-bottom:10px;} 
	
	.yamm-content .row{height:auto;}
	.myDiv a{  border-right:none; padding:20px 5px; font-size:12px;}
	.myDiv {  width: 50%; height:176px;}
}

/* 5. #MOBILE (LANDSCAPE)
iPhone landscape 480 x 320 and
Nicer Android landscape 515 by 295 (equivalent desktop resolution)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.navSection .container .topRight .navArea{ margin-top:28px;}
	/*.ftTopImg{ top:-34px;}*/
	.footer .footerInset .left .col{ width:33.33%;}
	.footer .footerInset .left .col1{ width:33.33%;}
	.awardSectionInset .right a{ margin-left:86px;}
	
	

}

/* 6. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.footer .footerInset .left .col ul li {text-align:center;}
	.footer .footerInset .left .col1 ul li {text-align:center;}
	.footer .footerInset .left .col1 ul label {margin-top:18px; font-size:14px;}
	.footer .footerInset .left .col ul label {font-size:14px;}
	
	.footer .footerInset .left .col ul li a {font-size:12px;}
	.footer .footerInset .left .col1 ul li a {font-size:12px;}

	
}

/* 7. #SMALL MOBILE PHONE 240px (POTRAIT)
Crappy Android portrait 240 x 320
================================================== */
@media only screen and (min-width: 240px) and (max-width: 270px) {
}